{"version":3,"file":"static/js/main-2e90501a.e9e56a61.js","mappings":"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","sources":["Components/Auth/Signup/QFive.js","Components/Auth/Signup/QFour.js","Components/Auth/Signup/QSeven.js","Components/Auth/Signup/QSix.js","Components/Auth/Signup/QThree.js","Components/Auth/Signup/QTwo.js","Components/Auth/Signup/WelcomeCloudairy.js","Components/Auth/components/AuthInput.js","Components/Auth/confirmation/DeleteMyAccount.jsx","Components/Auth/confirmation/DeleteTeam.jsx","Components/Auth/confirmation/EmailChange.jsx","Components/Auth/confirmation/PasswordChange.jsx","Components/Auth/forgotPassword/CheckYourEmail.js","Components/Auth/forgotPassword/PasswordResetSuccess.js","Components/Auth/forgotPassword/ResetYourPassword.js","Components/Auth/forgotPassword/VerifyEmail.js","Components/Auth/setnewpassword/SetNewPassword.js","Components/CreateWorkspace/CreateWorkspaceDetail.jsx","Components/CreateWorkspace/CreateWorkspaceInviteMember.jsx","Components/CreateWorkspace/PricingPlanWorkspace.jsx","Components/Dashboard/components/RecentBoardPlaceholder.jsx","Components/DialogBox/DeleteDialog.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport { Box, Grid, Stack, Typography } from \"@mui/material\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport { IcLinedArrowLeft } from \"../../../assets/icon-components\";\r\nimport IcLinedArrowRightDisabled from \"../../../assets/icon-components/IcLinedArrowRightDisabled\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { s3AssetsUrl } from \"../../DrawBoard/const\";\r\n\r\nfunction QFive() {\r\n  const navigate = useNavigate();\r\n  const [selectedOption, setSelectedOption] = useState(\"\");\r\n  const [isHoveredArrow, setIsHoveredArrow] = useState({\r\n    left: false,\r\n    right: false,\r\n  });\r\n\r\n  useEffect(() => {\r\n    let quick_question = localStorage.getItem(\"quick_question\");\r\n\r\n    if (quick_question) {\r\n      quick_question = JSON.parse(quick_question);\r\n    }\r\n\r\n    if (quick_question?.role) {\r\n      setSelectedOption(quick_question.role);\r\n    }\r\n  }, []);\r\n\r\n  const options = [\r\n    \"Executive (C-Level, VP)\",\r\n    \"Director\",\r\n    \"Team Manager\",\r\n    \"Individual Contributor\",\r\n    \"Contractor / Freelancer\",\r\n  ];\r\n\r\n  const storeDataInLocalAdnRedirect = (value) => {\r\n    const quickQuestion =\r\n      JSON.parse(localStorage.getItem(\"quick_question\")) || {};\r\n    quickQuestion.role = value;\r\n    localStorage.setItem(\"quick_question\", JSON.stringify(quickQuestion));\r\n\r\n    navigate(\"/how-did-you-hear\");\r\n  };\r\n\r\n  const handleOptionClick = (option) => {\r\n    setSelectedOption(option);\r\n    storeDataInLocalAdnRedirect(option);\r\n  };\r\n\r\n  const q6Page = () => {\r\n    if (selectedOption) {\r\n      storeDataInLocalAdnRedirect(selectedOption);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <section id=\"auth_container\">\r\n        <Stack className=\"auth-bg\">\r\n          <img\r\n            src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n            alt=\"cloudDairyColoredLogo\"\r\n            className=\"cloudDairyColoredLogo\"\r\n            onClick={() => {\r\n              navigate(\"/login\")\r\n            }}\r\n            style={{\r\n              cursor : \"pointer\"\r\n            }}\r\n          />\r\n\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n            height={\"100svh\"}\r\n          >\r\n            <Box\r\n              width={{\r\n                xs: \"60% !important\",\r\n                md: \"43% !important\",\r\n                xl: \"31.5% !important\",\r\n              }}\r\n              className=\"login-form\"\r\n            >\r\n              <Stack\r\n                justifyContent={\"center\"}\r\n                mb={{\r\n                  xs: \"20px\",\r\n                  xl: \"28px\",\r\n                }}\r\n              >\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: 16,\r\n                    md: 24,\r\n                    xl: 28,\r\n                  }}\r\n                  fontWeight={700}\r\n                  color={color.titleDark}\r\n                  height={{\r\n                    // xs: \"21px\",\r\n                    // md: \"35px\",\r\n                    // xl: \"40px\",\r\n                  }}\r\n                >\r\n                  What is your role?\r\n                </Typography>\r\n              </Stack>\r\n\r\n              <Grid container spacing={2}>\r\n                {options.map((option) => {\r\n                  return (\r\n                    <Grid item xs={6} key={option}>\r\n                      <BtnGradient\r\n                        onClick={() => handleOptionClick(option)}\r\n                        sx={{\r\n                          width: \"100%\",\r\n                          pl: \"14px\",\r\n                          textTransform: \"none\",\r\n                          borderRadius: \"8px\",\r\n                          textAlign: \"center\",\r\n                          transition: \"all 0.3s ease !important\",\r\n                          backgroundColor:\r\n                            selectedOption === option\r\n                              ? `${color.primaryColor} !important`\r\n                              : \"#FFFFFF !important\",\r\n                          border:\r\n                            selectedOption === option\r\n                              ? \"none\"\r\n                              : \"1px solid #E1E1E1\",\r\n                        }}\r\n                        hoverSx={{\r\n                          backgroundColor:\r\n                            selectedOption === option\r\n                              ? `${color.primaryColor} !important`\r\n                              : \"#F7F7F7 !important\",\r\n                        }}\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                          fontWeight={fontWeight.weight400}\r\n                          color={\r\n                            selectedOption === option\r\n                              ? \"#FFFFFF\"\r\n                              : `${color.subTitle}`\r\n                          }\r\n                          sx={{\r\n                            display: \"block\",\r\n                            justifyContent: \"flex-start\",\r\n                            alignItems: \"center\",\r\n                            textAlign: \"start\",\r\n                            width: \"100%\",\r\n                          }}\r\n                        >\r\n                          {option}\r\n                        </Typography>\r\n                      </BtnGradient>\r\n                    </Grid>\r\n                  );\r\n                })}\r\n              </Grid>\r\n            </Box>\r\n          </Stack>\r\n\r\n          <Stack\r\n            justifyContent={\"center\"}\r\n            alignItems={\"center\"}\r\n            mb={\"30px\"}\r\n            gap={\"16px\"}\r\n            direction={\"row\"}\r\n          >\r\n            <Stack\r\n              onClick={() => navigate(\"/your-purpose\")}\r\n              onMouseEnter={() => setIsHoveredArrow({\r\n                ...isHoveredArrow,\r\n                left: true,\r\n              })}\r\n              onMouseLeave={() => setIsHoveredArrow({\r\n                ...isHoveredArrow,\r\n                left: false,\r\n              })}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n              }}\r\n            >\r\n              <IcLinedArrowLeft\r\n                height={\"32px\"}\r\n                width={\"32px\"}\r\n                fill={isHoveredArrow.left ? `${color.primaryColor}` : \"#000\"}\r\n              />\r\n            </Stack>\r\n            <Box sx={{\r\n              width: \"30px\",\r\n              height: \"30px\",\r\n              display: \"flex\",\r\n              justifyContent: \"center\",\r\n              alignItems: \"center\",\r\n            }}>\r\n              <Typography>4/6</Typography>\r\n            </Box>\r\n            <Stack\r\n              onClick={q6Page}\r\n              onMouseEnter={() => setIsHoveredArrow({\r\n                ...isHoveredArrow,\r\n                right: true,\r\n              })}\r\n              onMouseLeave={() => setIsHoveredArrow({\r\n                ...isHoveredArrow,\r\n                right: false,\r\n              })}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n                rotate: \"180deg\",\r\n              }}\r\n            >\r\n              <IcLinedArrowLeft\r\n                height={\"32px\"}\r\n                width={\"32px\"}\r\n                fill={isHoveredArrow.right ? `${color.primaryColor}` : selectedOption ? \"#000\" : `${color.subTitle}`} />\r\n            </Stack>\r\n          </Stack>\r\n        </Stack>\r\n      </section>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default QFive;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Box, Stack, Typography } from \"@mui/material\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\nimport { IcLinedArrowLeft } from \"../../../assets/icon-components\";\r\nimport IcLinedArrowRightDisabled from \"../../../assets/icon-components/IcLinedArrowRightDisabled\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { s3AssetsUrl } from \"../../DrawBoard/const\";\r\n\r\nfunction QFour() {\r\n  const [selectedOption, setSelectedOption] = useState(\"\");\r\n  const [isHoveredArrow, setIsHoveredArrow] = useState({\r\n    left: false,\r\n    right: false,\r\n  });\r\n\r\n  useEffect(() => {\r\n    let quick_question = localStorage.getItem(\"quick_question\");\r\n\r\n    if (quick_question) {\r\n      quick_question = JSON.parse(quick_question);\r\n    }\r\n\r\n    if (quick_question?.primary_goal) {\r\n      setSelectedOption(quick_question.primary_goal);\r\n    }\r\n  }, []);\r\n\r\n  const storeDataInLocalAdnRedirect = (value) => {\r\n    const quickQuestion =\r\n      JSON.parse(localStorage.getItem(\"quick_question\")) || {};\r\n    quickQuestion.primary_goal = value;\r\n    localStorage.setItem(\"quick_question\", JSON.stringify(quickQuestion));\r\n\r\n    navigate(\"/your-role\");\r\n  };\r\n\r\n  const handleOptionClick = (option) => {\r\n    setSelectedOption(option);\r\n    storeDataInLocalAdnRedirect(option);\r\n  };\r\n\r\n  const navigate = useNavigate();\r\n  const q5Page = () => {\r\n    if (selectedOption) {\r\n      storeDataInLocalAdnRedirect(selectedOption);\r\n    }\r\n  };\r\n\r\n  const options = [\r\n    \"Work\",\r\n    \"Personal\",\r\n    \"Education and Training\",\r\n    // \"For teaching and learning\",\r\n    \"Other...\",\r\n  ];\r\n\r\n  return (\r\n    <div>\r\n      <section id=\"auth_container\">\r\n        <Stack className=\"auth-bg\">\r\n          <img\r\n            src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n            alt=\"cloudDairyColoredLogo\"\r\n            className=\"cloudDairyColoredLogo\"\r\n            onClick={() => {\r\n              navigate(\"/login\")\r\n            }}\r\n            style={{\r\n              cursor : \"pointer\"\r\n            }}\r\n          />\r\n\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n            height={\"100svh\"}\r\n          >\r\n            <Box\r\n              width={{\r\n                xs: \"60% !important\",\r\n                md: \"43% !important\",\r\n                xl: \"31.5% !important\",\r\n              }}\r\n              className=\"login-form\"\r\n            >\r\n              <Stack\r\n                justifyContent={\"center\"}\r\n                mb={{\r\n                  xs: \"20px\",\r\n                  xl: \"28px\",\r\n                }}\r\n              >\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: 16,\r\n                    md: 24,\r\n                    xl: 28,\r\n                  }}\r\n                  fontWeight={700}\r\n                  color={color.titleDark}\r\n                  height={{\r\n                    // xs: \"21px\",\r\n                    // md: \"35px\",\r\n                    // xl: \"40px\",\r\n                  }}\r\n                >\r\n                  What will you use Cloudairy for?\r\n                </Typography>\r\n              </Stack>\r\n\r\n              <Stack gap={\"16px\"}\r\n                sx={{\r\n                  // mt: {\r\n                  //   xl: \"28px\",\r\n                  // }\r\n                }}>\r\n                {options.map((option, i) => {\r\n                  return (\r\n                    <BtnGradient\r\n                      key={i + 1}\r\n                      onClick={() => handleOptionClick(option)}\r\n                      mdHeight={40}\r\n                      sx={{\r\n                        width: \"100%\",\r\n                        textTransform: \"none\",\r\n                        borderRadius: \"8px\",\r\n                        textAlign: \"center\",\r\n                        transition: \"all 0.3s ease !important\",\r\n                        backgroundColor:\r\n                          selectedOption === option\r\n                            ? `${color.primaryColor} !important`\r\n                            : \"#FFFFFF !important\",\r\n                        px: \"14px\",\r\n                        border:\r\n                          selectedOption === option\r\n                            ? \"none\"\r\n                            : \"1px solid #E1E1E1\",\r\n                      }}\r\n                      hoverSx={{\r\n                        backgroundColor:\r\n                          selectedOption === option\r\n                            ? `${color.primaryColor} !important`\r\n                            : \"#F7F7F7 !important\",\r\n                      }}\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                        fontWeight={fontWeight.weight400}\r\n                        color={\r\n                          selectedOption === option\r\n                            ? \"#FFFFFF\"\r\n                            : `${color.subTitle}`\r\n                        }\r\n                        sx={{\r\n                          display: \"block\",\r\n                          justifyContent: \"flex-start\",\r\n                          alignItems: \"center\",\r\n                          textAlign: \"start\",\r\n                          width: \"100%\",\r\n                        }}\r\n                      >\r\n                        {option}\r\n                      </Typography>\r\n                    </BtnGradient>\r\n                  );\r\n                })}\r\n              </Stack>\r\n            </Box>\r\n          </Stack>\r\n\r\n          <Stack\r\n            justifyContent={\"center\"}\r\n            alignItems={\"center\"}\r\n            mb={\"30px\"}\r\n            gap={\"16px\"}\r\n            direction={\"row\"}\r\n          >\r\n            <Stack\r\n              onClick={() => navigate(\"/your-work\")}\r\n              onMouseEnter={() => setIsHoveredArrow({\r\n                ...isHoveredArrow,\r\n                left: true,\r\n              })}\r\n              onMouseLeave={() => setIsHoveredArrow({\r\n                ...isHoveredArrow,\r\n                left: false,\r\n              })}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n              }}\r\n            >\r\n              <IcLinedArrowLeft\r\n                height={\"32px\"}\r\n                width={\"32px\"}\r\n                fill={isHoveredArrow.left ? `${color.primaryColor}` : \"#000\"}\r\n              />\r\n            </Stack>\r\n            <Box sx={{\r\n              width: \"30px\",\r\n              height: \"30px\",\r\n              display: \"flex\",\r\n              justifyContent: \"center\",\r\n              alignItems: \"center\",\r\n            }}>\r\n              <Typography>3/6</Typography>\r\n            </Box>\r\n\r\n            <Stack\r\n              onClick={q5Page}\r\n              onMouseEnter={() => setIsHoveredArrow({\r\n                ...isHoveredArrow,\r\n                right: true,\r\n              })}\r\n              onMouseLeave={() => setIsHoveredArrow({\r\n                ...isHoveredArrow,\r\n                right: false,\r\n              })}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n                rotate: \"180deg\",\r\n              }}\r\n            >\r\n              <IcLinedArrowLeft\r\n                height={\"32px\"}\r\n                width={\"32px\"}\r\n                fill={isHoveredArrow.right ? `${color.primaryColor}` : selectedOption ? \"#000\" : `${color.subTitle}`}\r\n              />\r\n            </Stack>\r\n          </Stack>\r\n        </Stack>\r\n      </section>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default QFour;\r\n","// import {\r\n//   Avatar,\r\n//   Box,\r\n//   Chip,\r\n//   FormControl,\r\n//   IconButton,\r\n//   MenuItem,\r\n//   Select,\r\n//   Stack,\r\n//   TextField,\r\n//   Typography,\r\n// } from \"@mui/material\";\r\n// import React, { useEffect, useState } from \"react\";\r\n// import { useNavigate } from \"react-router-dom\";\r\n// import {\r\n//   IcClose,\r\n//   IcLinedArrowLeft,\r\n//   IcSquare1,\r\n// } from \"../../../assets/icon-components\";\r\n// import { color } from \"../../../Utils/style/color/color\";\r\n// import { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\n// import { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\n// import BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\n// import ChoosePlan from \"../../upgrade-plan/ChoosePlan\";\r\n// import commanService from \"../../../CommanFunctions/commanService\";\r\n// import { useDispatch } from \"react-redux\";\r\n// import { toggleLoadSidebarDocuments } from \"../../../Redux/sidebarSlice\";\r\n// import {\r\n//   isLoginClassAdded,\r\n//   updateUserData,\r\n// } from \"../../../Redux/common-reducer\";\r\n// import { KeyboardArrowDownOutlined } from \"@mui/icons-material\";\r\n// import { s3AssetsUrl } from \"../../DrawBoard/const\";\r\n// import { useAddMemberToTeamMutation } from \"../../../Redux/api/teamsApi\";\r\n// import { errorToast, successToast } from \"../../../Redux/toastSlice\";\r\n// import { CustomNameTooltip } from \"../../DrawBoard/top-toolbar/components/CustomTooltip\";\r\n// import BtnColoredOutlined from \"../../../common-components/buttons/BtnColoredOutlined\";\r\n// import CommonDivider from \"../../../common-components/CommonDivider\";\r\n// import AuthInput from \"../components/AuthInput\";\r\n\r\n// function QSeven() {\r\n//   const localNavigateLink = localStorage.getItem(\"navigateLink\");\r\n//   const redirectPath = localStorage.getItem(\"redirectPath\");\r\n//   const user_data = JSON.parse(localStorage.getItem(\"user_data\"));\r\n//   const quickQuestionData =\r\n//     JSON.parse(localStorage.getItem(\"quick_question\")) || {};\r\n//   const navigate = useNavigate();\r\n//   const dispatch = useDispatch();\r\n//   // const [isCopied, setIsCopied] = useState(false);\r\n//   // const [inputValue, setInputValue] = useState(\"\");\r\n//   const [showPlans, setShowPlans] = useState(false);\r\n//   const [navigateLink, setNavigateLink] = useState(localNavigateLink || \"\");\r\n//   const [inputFocus, setInputFocus] = useState(false);\r\n//   const [emails, setEmails] = useState([]);\r\n//   const [email, setEmail] = useState(\"\");\r\n//   const [permission, setPermission] = useState(\"can_view\");\r\n//   const [isHoveredArrow, setIsHoveredArrow] = useState({\r\n//     left: false,\r\n//     right: false,\r\n//   });\r\n//   const [emailInputs, setEmailInputs] = useState([{ email: \"\", error: \"\" }]);\r\n//   const [showEmailInput, setShowEmailInput] = useState(false);\r\n\r\n//   const [addMemberToTeam, { isLoading: addingInProgress }] =\r\n//     useAddMemberToTeamMutation();\r\n//   useEffect(() => {\r\n//     setInputFocus(false);\r\n//   }, []);\r\n\r\n//   useEffect(() => {\r\n//     if (navigateLink && !showPlans) {\r\n//       navigate(navigateLink);\r\n//       const updatedData = {\r\n//         ...user_data,\r\n//         is_onboarding_done: true,\r\n//         has_workspace: true,\r\n//       };\r\n//       dispatch(updateUserData(updatedData));\r\n//     }\r\n//   }, [showPlans, navigateLink]);\r\n\r\n//   // const handleCopy = () => {\r\n//   //   const link = inputValue.trim()\r\n//   //     ? inputValue // Use the user input if available\r\n//   //     : \"https://cloudairy.com/welcome/aWJpNGsk;09molk98yy9mnkijy8ikjmnkifdsvbf/asvdcftgvbtrhyrvytrhbjnu\"; // Fallback to placeholder\r\n\r\n//   //   navigator.clipboard.writeText(link).then(() => {\r\n//   //     setIsCopied(true);\r\n//   //     setTimeout(() => {\r\n//   //       setIsCopied(false);\r\n//   //     }, 2000);\r\n//   //   });\r\n//   // };\r\n\r\n//   const createAccountOrOpenPricingModel = async (isSendInvitation) => {\r\n//     if (isSendInvitation) {\r\n//       localStorage.setItem(\r\n//         \"user_invite_data\",\r\n//         JSON.stringify({ emails: emailInputs })\r\n//       );\r\n//       localStorage.setItem(\r\n//         \"additionalUserData\",\r\n//         JSON.stringify({ users: emailInputs?.length, price: 0 })\r\n//       );\r\n//       setTimeout(() => {\r\n//         setShowPlans(!showPlans);\r\n//       }, 100);\r\n//     }\r\n//     let teamId = user_data.team_id;\r\n//     if (!teamId) {\r\n//       teamId = localStorage.getItem(\"active_team\");\r\n//     }\r\n\r\n//     if (\r\n//       user_data?.is_onboarding_done === false ||\r\n//       user_data?.has_workspace === false\r\n//     ) {\r\n//       const account_id = user_data?.account_id;\r\n//       const companyName = quickQuestionData?.company_name;\r\n\r\n//       var apiData = {\r\n//         fields: [\r\n//           {\r\n//             objectTypeId: \"0-1\",\r\n//             name: \"email\",\r\n//             value: user_data.email_id || \"\",\r\n//           },\r\n//           {\r\n//             objectTypeId: \"0-1\",\r\n//             name: \"firstname\",\r\n//             value: user_data.first_name || \"\",\r\n//           },\r\n//           {\r\n//             objectTypeId: \"0-1\",\r\n//             name: \"what_is_your_primary_area_of_work\",\r\n//             value: quickQuestionData.job_title || \"\",\r\n//           },\r\n//           {\r\n//             objectTypeId: \"0-1\",\r\n//             name: \"what_will_you_use_cloudairy_for\",\r\n//             value: quickQuestionData.primary_goal || [],\r\n//           },\r\n//           {\r\n//             objectTypeId: \"0-1\",\r\n//             name: \"how_did_you_hear_about_us\",\r\n//             value: quickQuestionData.refrence_from || [],\r\n//           },\r\n//           {\r\n//             objectTypeId: \"0-1\",\r\n//             name: \"jobtitle\",\r\n//             value: quickQuestionData.role || [],\r\n//           },\r\n//           {\r\n//             objectTypeId: \"0-1\",\r\n//             name: \"which_features_are_you_most_interested_in\",\r\n//             value: \"\",\r\n//           },\r\n//         ],\r\n//       };\r\n\r\n//       try {\r\n//         commanService\r\n//           .hubpost(\"/\", apiData)\r\n//           .then((data) => {})\r\n//           .catch((error) => {});\r\n\r\n//         await commanService.postApi(\r\n//           \"user/v1\",\r\n//           `quick-questions/${account_id}`,\r\n//           {\r\n//             company_name: companyName,\r\n//             profile_picture: quickQuestionData?.profile_picture,\r\n//             account_json: {\r\n//               job_title: quickQuestionData?.job_title,\r\n//               primary_goal: quickQuestionData?.primary_goal,\r\n//               refrence_from: quickQuestionData?.refrence_from,\r\n//               role: quickQuestionData?.role,\r\n//               used_cloudairy: quickQuestionData?.used_cloudairy,\r\n//             },\r\n//           }\r\n//         );\r\n\r\n//         // Step 2: Update user state and local storage\r\n//         dispatch(isLoginClassAdded(true));\r\n//         localStorage.setItem(\"firstTimeLoggedin\", JSON.stringify(true));\r\n//         const updatedData = {\r\n//           ...user_data,\r\n//           is_onboarding_done: true,\r\n//           has_workspace: true,\r\n//         };\r\n//         dispatch(updateUserData(updatedData));\r\n\r\n//         // Step 5: Post API call for architecture\r\n//         const architectureData = await commanService.postApi(\r\n//           \"drawboard/v1\",\r\n//           \"architectures\",\r\n//           {\r\n//             architecture_name: `${\r\n//               updatedData?.first_name || updatedData?.last_name || \"User\"\r\n//             }'s Architectures`,\r\n//             type: \"cloudchart\",\r\n//             team_id: teamId,\r\n//             project_id: \"\",\r\n//             // category_name: \"General\",\r\n//           }\r\n//         );\r\n\r\n//         // Step 6: Update UI and navigate if needed\r\n//         localStorage.setItem(\"isFirstTime\", JSON.stringify(true));\r\n//         dispatch(toggleLoadSidebarDocuments({ isShow: true }));\r\n\r\n//         if (sessionStorage.getItem(\"sign_architecture_id\")) {\r\n//           sessionStorage.removeItem(\"sign_architecture_id\");\r\n//           sessionStorage.removeItem(\"sign_account_id\");\r\n//         }\r\n\r\n//         localStorage.setItem(\r\n//           \"navigateLink\",\r\n//           `/cloudchart/${architectureData?.data?.data[0]?.architecture_id}?a_id=${architectureData?.data?.data[0]?.account_id}`\r\n//         );\r\n//         setNavigateLink(\r\n//           `/cloudchart/${architectureData?.data?.data[0]?.architecture_id}?a_id=${architectureData?.data?.data[0]?.account_id}`\r\n//         );\r\n//       } catch (error) {\r\n//       } finally {\r\n//         localStorage.removeItem(\"create_new_workspace_data\");\r\n//       }\r\n//     } else if (\r\n//       user_data?.is_onboarding_done === true ||\r\n//       user_data?.has_workspace === true\r\n//     ) {\r\n//       if (redirectPath) {\r\n//         navigate(redirectPath);\r\n//       } else {\r\n//         navigate(navigateLink || \"/\");\r\n//       }\r\n//     }\r\n//   };\r\n\r\n//   const quickQuestion = (isSendInvitation) => {\r\n//     if (isSendInvitation  && !validateAllEmails()) {\r\n//       return;\r\n//     }\r\n\r\n//     if (isSendInvitation) {\r\n//       addMemberToTeam({\r\n//         email_ids: emailInputs.map((input) => input.email),\r\n//         team_ids: user_data?.team_id ? [user_data?.team_id] : [],\r\n//       })\r\n//         .then((result) => {\r\n//           if (result?.error) {\r\n//             dispatch(\r\n//               errorToast({\r\n//                 message: result?.error?.data?.message,\r\n//               })\r\n//             );\r\n//             if (result?.error?.status !== 403) {\r\n//               return;\r\n//             }\r\n//           } else if (result?.data?.status) {\r\n//             dispatch(\r\n//               successToast({\r\n//                 message: result?.data?.message,\r\n//               })\r\n//             );\r\n//             createAccountOrOpenPricingModel(isSendInvitation);\r\n//           }\r\n//         })\r\n//         .catch((error) => {\r\n//           console.error({ error }, \"error\");\r\n//         });\r\n//     } else {\r\n//       createAccountOrOpenPricingModel(isSendInvitation);\r\n//     }\r\n//   };\r\n\r\n//   const handleRemoveEmail = (email) => {\r\n//     setEmailInputs((prev) =>\r\n//       prev.filter((prevEmail) => prevEmail?.email !== email)\r\n//     );\r\n//   };\r\n\r\n//   const handleEnterEmail = (e) => {\r\n//     if (e.key === \"Enter\") {\r\n//       const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\r\n//       if (email.trim().length <= 0) {\r\n//       } else if (!emailRegex.test(email)) {\r\n//       } else {\r\n//         const uniqueEmails = new Set([\r\n//           ...emailInputs.map((input) => input.email),\r\n//           email,\r\n//         ]);\r\n//         const newArrayOfEmail = Array.from(uniqueEmails);\r\n//         setEmailInputs(newArrayOfEmail.map((e) => ({ email: e, error: \"\" })));\r\n//         setEmail(\"\");\r\n//       }\r\n//     }\r\n//   };\r\n\r\n//   useEffect(() => {\r\n//     if (email.trim().length > 0 && email.includes(\".com\")) {\r\n//       handleEnterEmail({ key: \"Enter\" });\r\n//     }\r\n//   }, [email]);\r\n\r\n//   const emailRegex = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/;\r\n\r\n//   const validateAllEmails = () => {\r\n//     let isValid = true;\r\n//     const emailSet = new Set();\r\n//     const updatedEmails = emailInputs.map((item) => {\r\n//       let error = \"\";\r\n\r\n//       if (item.email.trim().length <= 0) {\r\n//         error = \"Please enter an email ID\";\r\n//         isValid = false;\r\n//       } else if (!emailRegex.test(item.email.trim())) {\r\n//         error = \"Please enter a valid email address\";\r\n//         isValid = false;\r\n//       } else if (emailSet.has(item.email.trim())) {\r\n//         error = \"This email is already entered\";\r\n//         isValid = false;\r\n//       } else {\r\n//         emailSet.add(item.email.trim());\r\n//       }\r\n\r\n//       return { ...item, error };\r\n//     });\r\n\r\n//     setEmailInputs(updatedEmails);\r\n//     return isValid;\r\n//   };\r\n\r\n//   const handleEmailChange = (index, value) => {\r\n//     if (index > emailInputs?.length) {\r\n//       const newEmails = [...emailInputs, { email: value, error: \"\" }];\r\n//       setEmailInputs(newEmails);\r\n//     } else {\r\n//       setEmailInputs((prev) =>\r\n//         prev.map((item, i) =>\r\n//           i === index ? { ...item, email: value, error: \"\" } : item\r\n//         )\r\n//       );\r\n//     }\r\n//   };\r\n\r\n//   const handleAddUser = () => {\r\n//     if (!validateAllEmails()) {\r\n//       return;\r\n//     }\r\n\r\n//     if (emailInputs?.length === 3) {\r\n//       setShowEmailInput(true);\r\n//     } else {\r\n//       setEmailInputs((prev) => [...prev, { email: \"\", error: \"\" }]);\r\n//     }\r\n//   };\r\n\r\n//   return (\r\n//     <div>\r\n//       <section id=\"auth_container\">\r\n//         <Stack className=\"auth-bg\">\r\n//           <Stack\r\n//             direction={\"row\"}\r\n//             alignItems={\"center\"}\r\n//             justifyContent={\"center\"}\r\n//             height={\"100svh\"}\r\n//           >\r\n//             <Box\r\n//               width={{\r\n//                 xs: \"65% !important\",\r\n//                 md: \"43% !important\",\r\n//                 xl: \"31.5% !important\",\r\n//               }}\r\n//               sx={{\r\n//                 bgcolor: \"#FFF\",\r\n//                 border: \"none\",\r\n//                 boxShadow: \"none\",\r\n//                 p: \"24px\",\r\n//                 borderRadius: \"8px\",\r\n//                 minWidth: \"550px\",\r\n//               }}\r\n//               className=\"login-form\"\r\n//             >\r\n//               <img\r\n//                 src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n//                 alt=\"cloudDairyColoredLogo\"\r\n//               />\r\n\r\n//               <CommonDivider\r\n//                 my={\"0px\"}\r\n//                 sx={{\r\n//                   margin: \"20px 0px\",\r\n//                 }}\r\n//               />\r\n//               <Stack\r\n//                 justifyContent={\"space-between\"}\r\n//                 // mb={{\r\n//                 //   xs: \"20px\",\r\n//                 //   xl: \"28px\",\r\n//                 // }}\r\n//               >\r\n//                 {/* <Box sx={Modelstyle}>\r\n//                       <Box>\r\n//                         <Typography\r\n//                           // id=\"modal-modal-title\"\r\n//                           fontWeight={fontWeight.weight600}\r\n//                           fontSize={fontSizes.modelTitle}\r\n//                         >\r\n//                           Invite New Member\r\n//                         </Typography>\r\n//                         <IconButton\r\n//                           sx={{\r\n//                             position: \"absolute\",\r\n//                             top: {\r\n//                               xs: \"15px\",\r\n//                               lg: \"15px\",\r\n//                               xl: \"30px\",\r\n//                             },\r\n//                             right: {\r\n//                               xs: \"15px\",\r\n//                               lg: \"15px\",\r\n//                               xl: \"30px\",\r\n//                             },\r\n//                             width: {\r\n//                               xs: \"30px !important\",\r\n//                               lg: \"30px !important\",\r\n//                               xl: \"36px !important\",\r\n//                             },\r\n//                             height: {\r\n//                               xs: \"30px !important\",\r\n//                               lg: \"30px !important\",\r\n//                               xl: \"36px !important\",\r\n//                             },\r\n//                             borderRadius: \"50%\",\r\n//                             bgcolor: \"#EFF0F3\",\r\n//                             transition: \"all 0.3s ease\",\r\n//                             \"&:hover\": { bgcolor: \"#EFF0F3\" },\r\n//                           }}\r\n//                           //   onClick={() => {\r\n//                           //     handleCloseInviteUserModal(false);\r\n//                           //   }}\r\n//                         >\r\n//                           <IcCloseThin fill=\"#18181B\" />\r\n//                         </IconButton>\r\n//                       </Box>\r\n//                     </Box> */}\r\n\r\n//                 <Stack\r\n//                   direction={\"row\"}\r\n//                   justifyContent={\"space-between\"}\r\n//                   alignItems={\"center\"}\r\n//                 >\r\n//                   <Typography\r\n//                     fontWeight={fontWeight.weight700}\r\n//                     fontSize={\"28px\"}\r\n//                     color={color.titleDark}\r\n//                   >\r\n//                     Invite Users to {quickQuestionData?.company_name}\r\n//                   </Typography>\r\n\r\n//                   {/* <Box\r\n//                         display={\"flex\"}\r\n//                         justifyContent={\"center\"}\r\n//                         alignItems={\"center\"}\r\n//                         bgcolor={\"#EFF0F3\"}\r\n//                         borderRadius={\"50%\"}\r\n//                         padding={\"4px\"}\r\n//                         onClick={() => {\r\n//                           setShowPlans(!showPlans);\r\n//                           quickQuestion();\r\n//                         }}\r\n//                         sx={{ cursor: \"pointer\" }}\r\n//                       >\r\n//                         <IcCloseThin />\r\n//                       </Box> */}\r\n//                 </Stack>\r\n\r\n//                 <Typography\r\n//                   fontSize={{\r\n//                     xs: fontSizes.mediumFont,\r\n//                     md: fontSizes.fontSize13,\r\n//                     xl: fontSizes.fontSize14,\r\n//                   }}\r\n//                   color={color?.onboardingParaColor}\r\n//                 >\r\n//                   Expand your team and collaborate effectively by inviting\r\n//                   members to your workspace. Assign roles to control access and\r\n//                   permissions.\r\n//                 </Typography>\r\n\r\n//                 {/* <Stack\r\n//                   direction={\"row\"}\r\n//                   justifyContent={\"space-between\"}\r\n//                   alignItems={\"center\"}\r\n//                   gap={\"16px\"}\r\n//                   bgcolor={color.cardLiteBgColor}\r\n//                   border={`1px solid ${color.commonBorderColor}`}\r\n//                   borderRadius={\"8px\"}\r\n//                   padding={\"16px\"}\r\n//                   mt={\"24px\"}\r\n//                 >\r\n//                   <IcWarning fill={color.subTitle} height={24} width={24} />\r\n//                   <Typography\r\n//                     fontWeight={fontWeight.weight400}\r\n//                     fontSize={\"14px\"}\r\n//                     color={color.subTitle}\r\n//                     sx={{\r\n//                       width: \"calc(100% - 40px)\",\r\n//                     }}\r\n//                   >\r\n//                     Accounts on paid plans can also invite guests, who have\r\n//                     access to shared boards only.{\" \"}\r\n//                     <Typography\r\n//                       variant=\"captions\"\r\n//                       fontWeight={fontWeight.weight600}\r\n//                       fontSize={\"14px\"}\r\n//                       color={color.primaryColor}\r\n//                       sx={{\r\n//                         cursor: \"pointer\",\r\n\r\n//                         \"&:hover\": {\r\n//                           textDecoration: \"underline\",\r\n//                         },\r\n//                       }}\r\n//                       onClick={() => {\r\n//                         quickQuestion();\r\n//                         setShowPlans(!showPlans);\r\n//                       }}\r\n//                     >\r\n//                       Upgrade now\r\n//                     </Typography>\r\n//                   </Typography>\r\n//                 </Stack> */}\r\n\r\n//                 {/* Aa functionality atyare bandh rakhva ni chhe to koie uncomment krvi nhi --> Likhitan: Ashish Malaviya */}\r\n//                 {/* <Stack>\r\n//                       <Typography\r\n//                         fontWeight={fontWeight.weight600}\r\n//                         fontSize={\"14px\"}\r\n//                         color={color.titleDark}\r\n//                         mt={\"24px\"}\r\n//                       >\r\n//                         Invite From\r\n//                       </Typography>\r\n\r\n//                       <Stack mt={\"12px\"} direction={\"row\"} gap={\"16px\"}>\r\n//                         <Stack\r\n//                           direction={\"row\"}\r\n//                           gap={\"8px\"}\r\n//                           alignItems={\"center\"}\r\n//                         >\r\n//                           <IcSlack height={20} width={20} />\r\n//                           <Typography\r\n//                             fontWeight={fontWeight.weight400}\r\n//                             fontSize={fontSizes.mediumFont}\r\n//                             color={color.titleDark}\r\n//                           >\r\n//                             Slack\r\n//                           </Typography>\r\n//                         </Stack>\r\n\r\n//                         <Stack\r\n//                           direction={\"row\"}\r\n//                           gap={\"8px\"}\r\n//                           alignItems={\"center\"}\r\n//                         >\r\n//                           <IcGoogleLogoColored height={20} width={20} />\r\n//                           <Typography\r\n//                             fontWeight={fontWeight.weight400}\r\n//                             fontSize={fontSizes.mediumFont}\r\n//                             color={color.titleDark}\r\n//                           >\r\n//                             Google\r\n//                           </Typography>\r\n//                         </Stack>\r\n\r\n//                         <Stack\r\n//                           direction={\"row\"}\r\n//                           gap={\"8px\"}\r\n//                           alignItems={\"center\"}\r\n//                         >\r\n//                           <IcMicrosoftTeamsColored height={20} width={20} />\r\n//                           <Typography\r\n//                             fontWeight={fontWeight.weight400}\r\n//                             fontSize={fontSizes.mediumFont}\r\n//                             color={color.titleDark}\r\n//                           >\r\n//                             Microsoft Teams\r\n//                           </Typography>\r\n//                         </Stack>\r\n//                       </Stack>\r\n//                     </Stack>\r\n\r\n//                     <Stack mt={\"24px\"} direction={\"row\"} height={\"48px\"}>\r\n//                       <Box\r\n//                         width={\"75%\"}\r\n//                         overflow={\"hidden\"}\r\n//                         bgcolor={color.cardLiteBgColor}\r\n//                         border={`1px solid ${color.commonBorderColor}`}\r\n//                         borderRadius={\"8px 0px 0px 8px\"}\r\n//                         padding={\"16px\"}\r\n//                       >\r\n//                       </Box>\r\n//                       <Box\r\n//                         display={\"flex\"}\r\n//                         width={\"25%\"}\r\n//                         bgcolor={color.primaryColor}\r\n//                         borderRadius={\"0px 8px 8px 0px\"}\r\n//                         padding={\"16px\"}\r\n//                         alignItems={\"center\"}\r\n//                         gap={\"5px\"}\r\n//                         onClick={handleCopy}\r\n//                         justifyContent={\"center\"}\r\n//                         sx={{\r\n//                           cursor: \"pointer\",\r\n//                           transition: \"all 0.3s ease\",\r\n\r\n//                           \"&:hover\": {\r\n//                             backgroundColor: color.darkPrimary,\r\n//                           },\r\n//                         }}\r\n//                       >\r\n//                         <IcCopy />\r\n//                         <Typography\r\n//                           fontWeight={fontWeight.weight600}\r\n//                           fontSize={fontSizes.mediumFont}\r\n//                           color={\"white\"}\r\n//                         >\r\n//                           {isCopied ? \"Copied\" : \"Copy Link\"}\r\n//                         </Typography>\r\n//                       </Box>\r\n//                     </Stack> */}\r\n\r\n//                 <CommonDivider\r\n//                   my={\"0px\"}\r\n//                   sx={{\r\n//                     margin: \"20px 0px\",\r\n//                   }}\r\n//                 />\r\n\r\n//                 <Typography\r\n//                   fontWeight={fontWeight.weight500}\r\n//                   fontSize={fontSizes.fontSize15}\r\n//                   color={color.onboardingParaColor}\r\n//                   mb={\"6px\"}\r\n//                 >\r\n//                   Email Address\r\n//                 </Typography>\r\n\r\n//                 {!showEmailInput &&\r\n//                   emailInputs.map((input, index) => (\r\n//                     <AuthInput\r\n//                       key={index}\r\n//                       placeholder={\"sneha@example.com\"}\r\n//                       value={input.email}\r\n//                       errorMessage={input.error}\r\n//                       bgColor=\"white\"\r\n//                       height={40}\r\n//                       defaultBorderColor=\"#E1E1E1\"\r\n//                       type={\"text\"}\r\n//                       onChange={(e) => handleEmailChange(index, e.target.value)}\r\n//                       onBlur={() => validateAllEmails()}\r\n//                       sx={{\r\n//                         ml: \"-7px\",\r\n//                       }}\r\n//                     />\r\n//                   ))}\r\n\r\n//                 {showEmailInput && (\r\n//                   <Stack\r\n//                     direction={\"row\"}\r\n//                     justifyContent={\"space-between\"}\r\n//                     // alignItems={\"center\"}\r\n//                     gap={\"9px\"}\r\n//                   >\r\n//                     <Stack width={\"100%\"} mt={\"0px\"}>\r\n//                       {/* <Typography\r\n//                         fontSize={fontSizes.mediumFont}\r\n//                         fontWeight={600}\r\n//                         color={color.titleDark}\r\n//                         height={20}\r\n//                         mb={\"6px\"}\r\n//                       >\r\n//                         Invite by email\r\n//                       </Typography> */}\r\n//                       <Stack\r\n//                         direction={\"row\"}\r\n//                         alignItems={\"center\"}\r\n//                         justifyContent={\"flex-start\"}\r\n//                         gap={\"10px\"}\r\n//                         flexWrap={\"wrap\"}\r\n//                         onClick={() => setInputFocus(true)}\r\n//                         onFocus={() => setInputFocus(true)}\r\n//                         onBlur={() => setInputFocus(false)}\r\n//                         border={\r\n//                           inputFocus\r\n//                             ? `1px solid ${color.primaryColor}`\r\n//                             : `1px solid ${color.commonBorderColor}`\r\n//                         }\r\n//                         boxShadow={\r\n//                           inputFocus\r\n//                             ? `0px 0px 0px 3px ${color.primaryShadowColor}`\r\n//                             : \"none\"\r\n//                         }\r\n//                         borderRadius={\"8px\"}\r\n//                         p={emailInputs?.length > 0 ? \"10px 10px\" : \"0px 0px\"}\r\n//                         sx={{\r\n//                           maxHeight: \"175px\",\r\n//                           overflowY: \"auto\",\r\n//                         }}\r\n//                       >\r\n//                         {emailInputs\r\n//                           ?.filter((input) => input.email.trim().length > 0)\r\n//                           ?.map(({ email }, i) => {\r\n//                             return (\r\n//                               <Chip\r\n//                                 avatar={\r\n//                                   <Avatar>{email[0]?.toUpperCase()}</Avatar>\r\n//                                 }\r\n//                                 onDelete={() => handleRemoveEmail(email)}\r\n//                                 deleteIcon={\r\n//                                   <IconButton\r\n//                                     sx={{\r\n//                                       height: \"16px !important\",\r\n//                                       width: \"16px !important\",\r\n//                                       p: 0,\r\n//                                     }}\r\n//                                   >\r\n//                                     <IcClose\r\n//                                       fill=\"#667085\"\r\n//                                       height=\"10\"\r\n//                                       width=\"10\"\r\n//                                     />\r\n//                                   </IconButton>\r\n//                                 }\r\n//                                 label={email}\r\n//                                 sx={{\r\n//                                   width: \"fit-content\",\r\n//                                   bgcolor: \"#F2F4F7\",\r\n//                                   border: \"none\",\r\n//                                   height: \"32px\",\r\n//                                   \"& .MuiChip-avatar\": {\r\n//                                     height: \"24px\",\r\n//                                     width: \"24px\",\r\n//                                     ml: \"6px\",\r\n//                                     bgcolor:\r\n//                                       (i + 1) % 2 === 0 ? \"#C8511B\" : \"#518EF8\",\r\n//                                     color: \"#FFF\",\r\n//                                     fontSize: 9,\r\n//                                   },\r\n//                                   \"& .MuiChip-label\": {\r\n//                                     mx: \"14px\",\r\n//                                     px: 0,\r\n//                                     fontSize: 12.6,\r\n//                                     fontWeight: 500,\r\n//                                     color: \"#344054\",\r\n//                                   },\r\n//                                 }}\r\n//                                 key={i + 1}\r\n//                               />\r\n//                             );\r\n//                           })}\r\n//                         <TextField\r\n//                           fullWidth\r\n//                           type={\"email\"}\r\n//                           label=\"\"\r\n//                           value={email}\r\n//                           autoFocus={true}\r\n//                           focused={inputFocus}\r\n//                           placeholder={\r\n//                             \"Email addresses separated by space and press enter\"\r\n//                           }\r\n//                           onKeyPress={handleEnterEmail}\r\n//                           sx={{\r\n//                             width: \"100%\",\r\n//                             minWidth: \"100%\",\r\n//                             flex: 1,\r\n//                             input: {\r\n//                               py: 0,\r\n//                               px: \"10px !important\",\r\n//                               height: `40px !important`,\r\n//                               color: \"#18181B !important\",\r\n//                               border: \"none !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//                             \"& fieldset\": {\r\n//                               display: \"none !important\",\r\n//                             },\r\n//                           }}\r\n//                           onChange={(e) => setEmail(e.target.value)}\r\n//                         />\r\n//                       </Stack>\r\n\r\n//                       <Stack\r\n//                         sx={{\r\n//                           fontSize: \"12px\",\r\n//                           textAlign: \"right\",\r\n//                           color: \"#848382\",\r\n//                           marginTop: \"5px\",\r\n//                         }}\r\n//                       >\r\n//                         Enter email addresses to add people, then press enter.\r\n//                       </Stack>\r\n//                     </Stack>\r\n\r\n//                     {/* <FormControl\r\n//                       fullWidth\r\n//                       sx={{\r\n//                         mb: \"0px\",\r\n//                         mt: \"27.5px\",\r\n//                         width: \"fit-content\",\r\n//                         bgcolor: \"#FFFFFF\",\r\n//                         \"& .MuiOutlinedInput-root\": {\r\n//                           height: \"40px !important\",\r\n//                           width: \"127px !important\",\r\n//                         },\r\n//                         \"& .MuiSelect-outlined\": {\r\n//                           height: \"40px !important\",\r\n//                           minHeight: \"40px !important\",\r\n//                           maxHeight: \"40px !important\",\r\n//                           padding: \"0px 0px 0px 14px !important\",\r\n//                           display: \"flex\",\r\n//                           alignItems: \"center\",\r\n//                           justifyContent: \"flex-start\",\r\n//                           border: \"1px solid #E1E1E1\",\r\n//                           boxShadow: \"0px 1px 2px 0px #1018280D\",\r\n//                           borderRadius: \"8px\",\r\n//                         },\r\n//                         \"& fieldset\": { display: \"none !important\" },\r\n//                         \"& input\": { height: \"100%\" },\r\n//                         \"& .MuiSvgIcon-root\": {\r\n//                           color: \"#848382\",\r\n//                           height: \"26px\",\r\n//                           transition: \"all 0.3s ease !important\",\r\n//                         },\r\n//                       }}\r\n//                     >\r\n//                     <Select\r\n//                         fullWidth\r\n//                         IconComponent={KeyboardArrowDownOutlined}\r\n//                         renderValue={(selected) => {\r\n//                           return (\r\n//                             <>\r\n//                               <Typography\r\n//                                 fontSize={14}\r\n//                                 color={\"#18181B\"}\r\n//                                 height={\"19px\"}\r\n//                               >\r\n//                                 {\r\n//                                   permissionOptions({ remove: false }).filter(\r\n//                                     (row) => row.value === selected\r\n//                                   )[0].label\r\n//                                 }\r\n//                               </Typography>\r\n//                             </>\r\n//                           );\r\n//                         }}\r\n//                         sx={{\r\n//                           width: \"150px\",\r\n//                           // border: \"1px solid #E1E1E1\",\r\n//                           borderRadius: \"8px !important\",\r\n//                           boxShadow: \"none\",\r\n//                           // pr: \"8px\",\r\n//                           height: \"32px\",\r\n//                           cursor: \"pointer !important\",\r\n\r\n//                           \"& .MuiSelect-select\": {\r\n//                             pr: \"0px !important\",\r\n//                             pl: \"14px !important\",\r\n//                             py: 0,\r\n//                             height: \"16px !important\",\r\n//                             fontSize: fontSizes.fontSize14,\r\n//                             fontWeight: \"400\",\r\n//                             color: \"#18181B\",\r\n//                             display: \"flex\",\r\n//                             alignItems: \"center\",\r\n//                           },\r\n//                           \"& fieldset\": {\r\n//                             display: \"none\",\r\n//                             // boxShadow: \"0px 5px 24px 8px #10182814\",\r\n//                           },\r\n//                           \"&:hover\": {\r\n//                             background: color.commonHoverColor,\r\n//                           },\r\n//                         }}\r\n//                         MenuProps={{\r\n//                           PaperProps: {\r\n//                             sx: {\r\n//                               borderRadius: \"12px\",\r\n//                               boxShadow: \"0px 5px 24px 8px #10182814\",\r\n//                               mt: 1,\r\n//                               px: \"8px\",\r\n//                               \"& .MuiList-root\": {\r\n//                                 display: \"flex\",\r\n//                                 flexDirection: \"column\",\r\n//                                 gap: \"6px\",\r\n//                               },\r\n//                               \"& .MuiMenuItem-root\": {\r\n//                                 fontSize: \"14px\",\r\n//                                 fontWeight: 400,\r\n//                                 color: color.titleDark,\r\n//                                 borderRadius: \"8px\",\r\n//                                 // mt: 0.5,\r\n//                                 \"&:hover\": {\r\n//                                   backgroundColor: color.commonHoverColor,\r\n//                                 },\r\n//                                 \"&.Mui-selected\": {\r\n//                                   backgroundColor: `${color.lightPrimary} !important`,\r\n//                                   color: color.primaryColor,\r\n//                                 },\r\n//                                 // \"&.Mui-selected:hover\": {\r\n//                                 //   backgroundColor: color.lightPrimary,\r\n//                                 // },\r\n//                               },\r\n//                             },\r\n//                           },\r\n//                         }}\r\n//                         value={permission}\r\n//                         onChange={(e) => setPermission(e.target.value)}\r\n//                       >\r\n//                         {permissionOptions({ remove: false }).map(\r\n//                           (role, index) => {\r\n//                             return (\r\n//                               <MenuItem key={index} value={role.value}>\r\n//                                 {role.label}\r\n//                               </MenuItem>\r\n//                             );\r\n//                           }\r\n//                         )}\r\n//                       </Select>\r\n//                     </FormControl> */}\r\n//                   </Stack>\r\n//                 )}\r\n\r\n//                 {!showEmailInput && (\r\n//                   <Stack\r\n//                     sx={{\r\n//                       gap: \"8px\",\r\n//                       alignItems: \"center\",\r\n//                       flexDirection: \"row\",\r\n//                       justifyContent: \"flex-start\",\r\n//                       mt: \"10px\",\r\n//                       cursor: \"pointer\",\r\n//                       mb: \"20px\",\r\n//                     }}\r\n//                     onClick={handleAddUser}\r\n//                   >\r\n//                     <IcSquare1 />\r\n//                     <Typography\r\n//                       fontWeight={fontWeight.weight400}\r\n//                       fontSize={fontSizes.fontSize14}\r\n//                       color={color.primaryColor}\r\n//                     >\r\n//                       Add User\r\n//                     </Typography>\r\n//                   </Stack>\r\n//                 )}\r\n\r\n//                 <Stack\r\n//                   sx={{\r\n//                     gap: \"10px\",\r\n//                     alignItems: \"center\",\r\n//                   }}\r\n//                 >\r\n//                   <BtnGradient\r\n//                     loading={addingInProgress}\r\n//                     fullWidth={true}\r\n//                     onClick={() => {\r\n//                       quickQuestion(true);\r\n//                     }}\r\n//                     sx={{\r\n//                       px: \"24px\",\r\n//                       mt: \"20px\",\r\n//                     }}\r\n//                   >\r\n//                     Send Invitations\r\n//                   </BtnGradient>\r\n\r\n//                   <Typography\r\n//                     fontWeight={fontWeight.weight600}\r\n//                     fontSize={fontSizes.fontSize14}\r\n//                     color={color.primaryColor}\r\n//                     sx={{\r\n//                       cursor: \"pointer\",\r\n//                       p: \"12px 0px\",\r\n//                     }}\r\n//                     onClick={() => {\r\n//                       quickQuestion();\r\n//                       setShowPlans(!showPlans);\r\n//                     }}\r\n//                   >\r\n//                     Skip for now\r\n//                   </Typography>\r\n//                 </Stack>\r\n//                 {/* <Box\r\n//                   display={\"flex\"}\r\n//                   gap={\"12px\"}\r\n//                   mt={\"24px\"}\r\n//                   justifyContent={\"end\"}\r\n//                 >\r\n//                   {user_data?.has_workspace !== false && (\r\n//                     <BtnColoredOutlined\r\n//                       bgcolor={color.greyHover}\r\n//                       borderColor={color.commonBorderColor}\r\n//                       sx={{\r\n//                         px: \"16px\",\r\n//                         transition: \"all 0.2s\",\r\n//                       }}\r\n//                       hoverSx={{\r\n//                         bgcolor: color.darkGray,\r\n//                       }}\r\n//                       onClick={() => {\r\n//                         quickQuestion();\r\n//                         setShowPlans(!showPlans);\r\n//                       }}\r\n//                     >\r\n//                       <Typography\r\n//                         fontSize={{\r\n//                           xs: fontSizes.mediumFont,\r\n//                           md: fontSizes.fontSize13,\r\n//                           xl: fontSizes.fontSize14,\r\n//                         }}\r\n//                         color={color.subTitle}\r\n//                       >\r\n//                         Skip\r\n//                       </Typography>\r\n//                     </BtnColoredOutlined>\r\n//                   )}\r\n//                   <CustomNameTooltip\r\n//                     title={\r\n//                       emails.length === 0 ? \"At least 1 email is required\" : \"\"\r\n//                     }\r\n//                   >\r\n//                     <Box>\r\n//                       <BtnGradient\r\n//                         loading={addingInProgress}\r\n//                         // onClick={inviteUsers}\r\n//                         disabled={emails.length === 0}\r\n//                         onClick={() => {\r\n//                           quickQuestion(true);\r\n//                           // setShowPlans(!showPlans);\r\n//                         }}\r\n//                         sx={{\r\n//                           px: \"24px\",\r\n//                         }}\r\n//                       >\r\n//                         Send Invitation\r\n//                       </BtnGradient>\r\n//                     </Box>\r\n//                   </CustomNameTooltip>\r\n//                 </Box> */}\r\n//               </Stack>\r\n//             </Box>\r\n//           </Stack>\r\n\r\n//           {/* <Stack\r\n//             justifyContent={\"center\"}\r\n//             alignItems={\"center\"}\r\n//             mb={\"30px\"}\r\n//             gap={\"16px\"}\r\n//             direction={\"row\"}\r\n//           >\r\n//             <Stack\r\n//               onClick={() => navigate(\"/how-did-you-hear\")}\r\n//               onMouseEnter={() =>\r\n//                 setIsHoveredArrow({\r\n//                   ...isHoveredArrow,\r\n//                   left: true,\r\n//                 })\r\n//               }\r\n//               onMouseLeave={() =>\r\n//                 setIsHoveredArrow({\r\n//                   ...isHoveredArrow,\r\n//                   left: false,\r\n//                 })\r\n//               }\r\n//               sx={{\r\n//                 cursor: \"pointer\",\r\n//               }}\r\n//             >\r\n//               <IcLinedArrowLeft\r\n//                 height={\"32px\"}\r\n//                 width={\"32px\"}\r\n//                 fill={isHoveredArrow.left ? `${color.primaryColor}` : \"#000\"}\r\n//               />\r\n//             </Stack>\r\n//             <Typography>6/6</Typography>\r\n//           </Stack> */}\r\n//         </Stack>\r\n//       </section>\r\n\r\n//       <ChoosePlan\r\n//         open={showPlans}\r\n//         setOpen={setShowPlans}\r\n//         navigateLink={navigateLink}\r\n//         navigateOnClose={true}\r\n//       />\r\n//     </div>\r\n//   );\r\n// }\r\n\r\n// export default QSeven;\r\n\r\n// const permissionOptions = ({ remove = false }) => [\r\n//   {\r\n//     value: \"can_edit\",\r\n//     label: \"Can Edit\",\r\n//   },\r\n//   {\r\n//     value: \"can_view\",\r\n//     label: \"Can View\",\r\n//   },\r\n//   ...(remove === true\r\n//     ? [\r\n//         {\r\n//           value: \"remove\",\r\n//           label: \"Remove\",\r\n//         },\r\n//       ]\r\n//     : []),\r\n// ];\r\n\r\nimport {\r\n  Avatar,\r\n  Box,\r\n  Chip,\r\n  FormControl,\r\n  IconButton,\r\n  MenuItem,\r\n  Select,\r\n  Stack,\r\n  TextField,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { IcClose, IcLinedArrowLeft } from \"../../../assets/icon-components\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport ChoosePlan from \"../../upgrade-plan/ChoosePlan\";\r\nimport commanService from \"../../../CommanFunctions/commanService\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { toggleLoadSidebarDocuments } from \"../../../Redux/sidebarSlice\";\r\nimport {\r\n  isLoginClassAdded,\r\n  updateUserData,\r\n} from \"../../../Redux/common-reducer\";\r\nimport { KeyboardArrowDownOutlined } from \"@mui/icons-material\";\r\nimport { s3AssetsUrl } from \"../../DrawBoard/const\";\r\nimport { useAddMemberToTeamMutation } from \"../../../Redux/api/teamsApi\";\r\nimport { errorToast, successToast } from \"../../../Redux/toastSlice\";\r\nimport { CustomNameTooltip } from \"../../DrawBoard/top-toolbar/components/CustomTooltip\";\r\nimport BtnColoredOutlined from \"../../../common-components/buttons/BtnColoredOutlined\";\r\n\r\nfunction QSeven() {\r\n  const localNavigateLink = localStorage.getItem(\"navigateLink\");\r\n  const redirectPath = localStorage.getItem(\"redirectPath\");\r\n  const user_data = JSON.parse(localStorage.getItem(\"user_data\"));\r\n  const quickQuestionData =\r\n    JSON.parse(localStorage.getItem(\"quick_question\")) || {};\r\n  const navigate = useNavigate();\r\n  const dispatch = useDispatch();\r\n  // const [isCopied, setIsCopied] = useState(false);\r\n  // const [inputValue, setInputValue] = useState(\"\");\r\n  const [showPlans, setShowPlans] = useState(false);\r\n  const [navigateLink, setNavigateLink] = useState(localNavigateLink || \"\");\r\n  const [inputFocus, setInputFocus] = useState(false);\r\n  const [emails, setEmails] = useState([]);\r\n  const [email, setEmail] = useState(\"\");\r\n  const [permission, setPermission] = useState(\"can_view\");\r\n  const [isHoveredArrow, setIsHoveredArrow] = useState({\r\n    left: false,\r\n    right: false,\r\n  });\r\n\r\n  const [addMemberToTeam, { isLoading: addingInProgress }] =\r\n    useAddMemberToTeamMutation();\r\n  useEffect(() => {\r\n    setInputFocus(false);\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (navigateLink && !showPlans) {\r\n      navigate(navigateLink);\r\n      const updatedData = {\r\n        ...user_data,\r\n        is_onboarding_done: true,\r\n        has_workspace: true,\r\n      };\r\n      dispatch(updateUserData(updatedData));\r\n    }\r\n  }, [showPlans, navigateLink]);\r\n\r\n  // const handleCopy = () => {\r\n  //   const link = inputValue.trim()\r\n  //     ? inputValue // Use the user input if available\r\n  //     : \"https://cloudairy.com/welcome/aWJpNGsk;09molk98yy9mnkijy8ikjmnkifdsvbf/asvdcftgvbtrhyrvytrhbjnu\"; // Fallback to placeholder\r\n\r\n  //   navigator.clipboard.writeText(link).then(() => {\r\n  //     setIsCopied(true);\r\n  //     setTimeout(() => {\r\n  //       setIsCopied(false);\r\n  //     }, 2000);\r\n  //   });\r\n  // };\r\n\r\n  const createAccountOrOpenPricingModel = async (isSendInvitation) => {\r\n    if (isSendInvitation) {\r\n      localStorage.setItem(\r\n        \"user_invite_data\",\r\n        JSON.stringify({ emails: emails })\r\n      );\r\n      localStorage.setItem(\r\n        \"additionalUserData\",\r\n        JSON.stringify({ users: emails.length, price: 0 })\r\n      );\r\n      setTimeout(() => {\r\n        setShowPlans(!showPlans);\r\n      }, 100);\r\n    }\r\n    let teamId = user_data.team_id;\r\n    if (!teamId) {\r\n      teamId = localStorage.getItem(\"active_team\");\r\n    }\r\n\r\n    if (\r\n      user_data?.is_onboarding_done === false ||\r\n      user_data?.has_workspace === false\r\n    ) {\r\n      const account_id = user_data?.account_id;\r\n      const companyName = quickQuestionData?.company_name;\r\n\r\n      var apiData = {\r\n        fields: [\r\n          {\r\n            objectTypeId: \"0-1\",\r\n            name: \"email\",\r\n            value: user_data.email_id || \"\",\r\n          },\r\n          {\r\n            objectTypeId: \"0-1\",\r\n            name: \"firstname\",\r\n            value: user_data.first_name || \"\",\r\n          },\r\n          {\r\n            objectTypeId: \"0-1\",\r\n            name: \"what_is_your_primary_area_of_work\",\r\n            value: quickQuestionData.job_title || \"\",\r\n          },\r\n          {\r\n            objectTypeId: \"0-1\",\r\n            name: \"what_will_you_use_cloudairy_for\",\r\n            value: quickQuestionData.primary_goal || [],\r\n          },\r\n          {\r\n            objectTypeId: \"0-1\",\r\n            name: \"how_did_you_hear_about_us\",\r\n            value: quickQuestionData.refrence_from || [],\r\n          },\r\n          {\r\n            objectTypeId: \"0-1\",\r\n            name: \"jobtitle\",\r\n            value: quickQuestionData.role || [],\r\n          },\r\n          {\r\n            objectTypeId: \"0-1\",\r\n            name: \"which_features_are_you_most_interested_in\",\r\n            value: \"\",\r\n          },\r\n        ],\r\n      };\r\n\r\n      try {\r\n        commanService\r\n          .hubpost(\"/\", apiData)\r\n          .then((data) => {})\r\n          .catch((error) => {});\r\n\r\n        await commanService.postApi(\r\n          \"user/v1\",\r\n          `quick-questions/${account_id}`,\r\n          {\r\n            company_name: companyName,\r\n            profile_picture: quickQuestionData?.profile_picture,\r\n            account_json: {\r\n              job_title: quickQuestionData?.job_title,\r\n              primary_goal: quickQuestionData?.primary_goal,\r\n              refrence_from: quickQuestionData?.refrence_from,\r\n              role: quickQuestionData?.role,\r\n              used_cloudairy: quickQuestionData?.used_cloudairy,\r\n            },\r\n          }\r\n        );\r\n\r\n        // Step 2: Update user state and local storage\r\n        dispatch(isLoginClassAdded(true));\r\n        localStorage.setItem(\"firstTimeLoggedin\", JSON.stringify(true));\r\n        const updatedData = {\r\n          ...user_data,\r\n          is_onboarding_done: true,\r\n          has_workspace: true,\r\n        };\r\n        dispatch(updateUserData(updatedData));\r\n\r\n        // Step 5: Post API call for architecture\r\n        const architectureData = await commanService.postApi(\r\n          \"drawboard/v1\",\r\n          \"architectures\",\r\n          {\r\n            architecture_name: `${\r\n              updatedData?.first_name || updatedData?.last_name || \"User\"\r\n            }'s Architectures`,\r\n            type: \"cloudchart\",\r\n            team_id: teamId,\r\n            project_id: \"\",\r\n            // category_name: \"General\",\r\n          }\r\n        );\r\n\r\n        // Step 6: Update UI and navigate if needed\r\n        localStorage.setItem(\"isFirstTime\", JSON.stringify(true));\r\n        dispatch(toggleLoadSidebarDocuments({ isShow: true }));\r\n\r\n        if (sessionStorage.getItem(\"sign_architecture_id\")) {\r\n          sessionStorage.removeItem(\"sign_architecture_id\");\r\n          sessionStorage.removeItem(\"sign_account_id\");\r\n        }\r\n\r\n        localStorage.setItem(\r\n          \"navigateLink\",\r\n          `/cloudchart/${architectureData?.data?.data[0]?.architecture_id}?a_id=${architectureData?.data?.data[0]?.account_id}`\r\n        );\r\n        setNavigateLink(\r\n          `/cloudchart/${architectureData?.data?.data[0]?.architecture_id}?a_id=${architectureData?.data?.data[0]?.account_id}`\r\n        );\r\n      } catch (error) {\r\n      } finally {\r\n        localStorage.removeItem(\"create_new_workspace_data\");\r\n      }\r\n    } else if (\r\n      user_data?.is_onboarding_done === true ||\r\n      user_data?.has_workspace === true\r\n    ) {\r\n      if (redirectPath) {\r\n        navigate(redirectPath);\r\n      } else {\r\n        navigate(navigateLink || \"/\");\r\n      }\r\n    }\r\n  };\r\n\r\n  const quickQuestion = (isSendInvitation) => {\r\n    if (isSendInvitation) {\r\n      addMemberToTeam({\r\n        email_ids: emails,\r\n        team_ids: user_data?.team_id ? [user_data?.team_id] : [],\r\n      })\r\n        .then((result) => {\r\n          if (result?.error) {\r\n            dispatch(\r\n              errorToast({\r\n                message: result?.error?.data?.message,\r\n              })\r\n            );\r\n            if (result?.error?.status !== 403) {\r\n              return;\r\n            }\r\n          } else if (result?.data?.status) {\r\n            dispatch(\r\n              successToast({\r\n                message: result?.data?.message,\r\n              })\r\n            );\r\n            createAccountOrOpenPricingModel(isSendInvitation);\r\n          }\r\n        })\r\n        .catch((error) => {\r\n          console.error({ error }, \"error\");\r\n        });\r\n    } else {\r\n      createAccountOrOpenPricingModel(isSendInvitation);\r\n    }\r\n  };\r\n\r\n  const handleRemoveEmail = (email) => {\r\n    setEmails((prev) => prev.filter((prevEmail) => prevEmail !== email));\r\n  };\r\n\r\n  const handleEnterEmail = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\r\n      if (email.trim().length <= 0) {\r\n      } else if (!emailRegex.test(email)) {\r\n      } else {\r\n        const uniqueEmails = new Set([...emails, email]);\r\n        const newArrayOfEmail = Array.from(uniqueEmails);\r\n        setEmails(newArrayOfEmail);\r\n        setEmail(\"\");\r\n      }\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (email.trim().length > 0 && email.includes(\".com\")) {\r\n      handleEnterEmail({ key: \"Enter\" });\r\n    }\r\n  }, [email]);\r\n\r\n  return (\r\n    <div>\r\n      <section id=\"auth_container\">\r\n        <Stack className=\"auth-bg\">\r\n          <img\r\n            src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n            alt=\"cloudDairyColoredLogo\"\r\n            className=\"cloudDairyColoredLogo\"\r\n            onClick={() => {\r\n              navigate(\"/login\");\r\n            }}\r\n            style={{\r\n              cursor: \"pointer\",\r\n            }}\r\n          />\r\n\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n            height={\"100svh\"}\r\n          >\r\n            <Box\r\n              width={{\r\n                xs: \"65% !important\",\r\n                md: \"43% !important\",\r\n                xl: \"31.5% !important\",\r\n              }}\r\n              sx={{\r\n                bgcolor: \"#FFF\",\r\n                border: \"none\",\r\n                boxShadow: \"none\",\r\n                p: \"24px\",\r\n                borderRadius: \"8px\",\r\n                minWidth: \"550px\",\r\n              }}\r\n              className=\"login-form\"\r\n            >\r\n              <Stack\r\n                justifyContent={\"space-between\"}\r\n                // mb={{\r\n                //   xs: \"20px\",\r\n                //   xl: \"28px\",\r\n                // }}\r\n              >\r\n                {/* <Box sx={Modelstyle}>\r\n                      <Box>\r\n                        <Typography\r\n                          // id=\"modal-modal-title\"\r\n                          fontWeight={fontWeight.weight600}\r\n                          fontSize={fontSizes.modelTitle}\r\n                        >\r\n                          Invite New Member\r\n                        </Typography>\r\n                        <IconButton\r\n                          sx={{\r\n                            position: \"absolute\",\r\n                            top: {\r\n                              xs: \"15px\",\r\n                              lg: \"15px\",\r\n                              xl: \"30px\",\r\n                            },\r\n                            right: {\r\n                              xs: \"15px\",\r\n                              lg: \"15px\",\r\n                              xl: \"30px\",\r\n                            },\r\n                            width: {\r\n                              xs: \"30px !important\",\r\n                              lg: \"30px !important\",\r\n                              xl: \"36px !important\",\r\n                            },\r\n                            height: {\r\n                              xs: \"30px !important\",\r\n                              lg: \"30px !important\",\r\n                              xl: \"36px !important\",\r\n                            },\r\n                            borderRadius: \"50%\",\r\n                            bgcolor: \"#EFF0F3\",\r\n                            transition: \"all 0.3s ease\",\r\n                            \"&:hover\": { bgcolor: \"#EFF0F3\" },\r\n                          }}\r\n                          //   onClick={() => {\r\n                          //     handleCloseInviteUserModal(false);\r\n                          //   }}\r\n                        >\r\n                          <IcCloseThin fill=\"#18181B\" />\r\n                        </IconButton>\r\n                      </Box>\r\n                    </Box> */}\r\n\r\n                <Stack\r\n                  direction={\"row\"}\r\n                  justifyContent={\"space-between\"}\r\n                  alignItems={\"center\"}\r\n                  marginBottom={\"6px\"}\r\n                >\r\n                  <Typography\r\n                    fontWeight={fontWeight.weight700}\r\n                    fontSize={\"28px\"}\r\n                    color={color.titleDark}\r\n                  >\r\n                    Invite Users to {quickQuestionData?.company_name}\r\n                  </Typography>\r\n\r\n                  {/* <Box\r\n                        display={\"flex\"}\r\n                        justifyContent={\"center\"}\r\n                        alignItems={\"center\"}\r\n                        bgcolor={\"#EFF0F3\"}\r\n                        borderRadius={\"50%\"}\r\n                        padding={\"4px\"}\r\n                        onClick={() => {\r\n                          setShowPlans(!showPlans);\r\n                          quickQuestion();\r\n                        }}\r\n                        sx={{ cursor: \"pointer\" }}\r\n                      >\r\n                        <IcCloseThin />\r\n                      </Box> */}\r\n                </Stack>\r\n\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: fontSizes.mediumFont,\r\n                    md: fontSizes.fontSize13,\r\n                    xl: fontSizes.fontSize14,\r\n                  }}\r\n                  color={color?.subTitle}\r\n                  marginBottom={\"28px\"}\r\n                >\r\n                  Expand your team and collaborate effectively by inviting\r\n                  members to your workspace. Assign roles to control access and\r\n                  permissions.\r\n                </Typography>\r\n\r\n                {/* <Stack\r\n                  direction={\"row\"}\r\n                  justifyContent={\"space-between\"}\r\n                  alignItems={\"center\"}\r\n                  gap={\"16px\"}\r\n                  bgcolor={color.cardLiteBgColor}\r\n                  border={`1px solid ${color.commonBorderColor}`}\r\n                  borderRadius={\"8px\"}\r\n                  padding={\"16px\"}\r\n                  mt={\"24px\"}\r\n                >\r\n                  <IcWarning fill={color.subTitle} height={24} width={24} />\r\n                  <Typography\r\n                    fontWeight={fontWeight.weight400}\r\n                    fontSize={\"14px\"}\r\n                    color={color.subTitle}\r\n                    sx={{\r\n                      width: \"calc(100% - 40px)\",\r\n                    }}\r\n                  >\r\n                    Accounts on paid plans can also invite guests, who have\r\n                    access to shared boards only.{\" \"}\r\n                    <Typography\r\n                      variant=\"captions\"\r\n                      fontWeight={fontWeight.weight600}\r\n                      fontSize={\"14px\"}\r\n                      color={color.primaryColor}\r\n                      sx={{\r\n                        cursor: \"pointer\",\r\n\r\n                        \"&:hover\": {\r\n                          textDecoration: \"underline\",\r\n                        },\r\n                      }}\r\n                      onClick={() => {\r\n                        quickQuestion();\r\n                        setShowPlans(!showPlans);\r\n                      }}\r\n                    >\r\n                      Upgrade now\r\n                    </Typography>\r\n                  </Typography>\r\n                </Stack> */}\r\n\r\n                {/* Aa functionality atyare bandh rakhva ni chhe to koie uncomment krvi nhi --> Likhitan: Ashish Malaviya */}\r\n                {/* <Stack>\r\n                      <Typography\r\n                        fontWeight={fontWeight.weight600}\r\n                        fontSize={\"14px\"}\r\n                        color={color.titleDark}\r\n                        mt={\"24px\"}\r\n                      >\r\n                        Invite From\r\n                      </Typography>\r\n\r\n                      <Stack mt={\"12px\"} direction={\"row\"} gap={\"16px\"}>\r\n                        <Stack\r\n                          direction={\"row\"}\r\n                          gap={\"8px\"}\r\n                          alignItems={\"center\"}\r\n                        >\r\n                          <IcSlack height={20} width={20} />\r\n                          <Typography\r\n                            fontWeight={fontWeight.weight400}\r\n                            fontSize={fontSizes.mediumFont}\r\n                            color={color.titleDark}\r\n                          >\r\n                            Slack\r\n                          </Typography>\r\n                        </Stack>\r\n\r\n                        <Stack\r\n                          direction={\"row\"}\r\n                          gap={\"8px\"}\r\n                          alignItems={\"center\"}\r\n                        >\r\n                          <IcGoogleLogoColored height={20} width={20} />\r\n                          <Typography\r\n                            fontWeight={fontWeight.weight400}\r\n                            fontSize={fontSizes.mediumFont}\r\n                            color={color.titleDark}\r\n                          >\r\n                            Google\r\n                          </Typography>\r\n                        </Stack>\r\n\r\n                        <Stack\r\n                          direction={\"row\"}\r\n                          gap={\"8px\"}\r\n                          alignItems={\"center\"}\r\n                        >\r\n                          <IcMicrosoftTeamsColored height={20} width={20} />\r\n                          <Typography\r\n                            fontWeight={fontWeight.weight400}\r\n                            fontSize={fontSizes.mediumFont}\r\n                            color={color.titleDark}\r\n                          >\r\n                            Microsoft Teams\r\n                          </Typography>\r\n                        </Stack>\r\n                      </Stack>\r\n                    </Stack>\r\n\r\n                    <Stack mt={\"24px\"} direction={\"row\"} height={\"48px\"}>\r\n                      <Box\r\n                        width={\"75%\"}\r\n                        overflow={\"hidden\"}\r\n                        bgcolor={color.cardLiteBgColor}\r\n                        border={`1px solid ${color.commonBorderColor}`}\r\n                        borderRadius={\"8px 0px 0px 8px\"}\r\n                        padding={\"16px\"}\r\n                      >\r\n                      </Box>\r\n                      <Box\r\n                        display={\"flex\"}\r\n                        width={\"25%\"}\r\n                        bgcolor={color.primaryColor}\r\n                        borderRadius={\"0px 8px 8px 0px\"}\r\n                        padding={\"16px\"}\r\n                        alignItems={\"center\"}\r\n                        gap={\"5px\"}\r\n                        onClick={handleCopy}\r\n                        justifyContent={\"center\"}\r\n                        sx={{\r\n                          cursor: \"pointer\",\r\n                          transition: \"all 0.3s ease\",\r\n\r\n                          \"&:hover\": {\r\n                            backgroundColor: color.darkPrimary,\r\n                          },\r\n                        }}\r\n                      >\r\n                        <IcCopy />\r\n                        <Typography\r\n                          fontWeight={fontWeight.weight600}\r\n                          fontSize={fontSizes.mediumFont}\r\n                          color={\"white\"}\r\n                        >\r\n                          {isCopied ? \"Copied\" : \"Copy Link\"}\r\n                        </Typography>\r\n                      </Box>\r\n                    </Stack> */}\r\n\r\n                <Stack\r\n                  direction={\"row\"}\r\n                  justifyContent={\"space-between\"}\r\n                  // alignItems={\"center\"}\r\n                  gap={\"9px\"}\r\n                >\r\n                  <Stack width={\"77%\"} mt={\"0px\"}>\r\n                    <Typography\r\n                      fontSize={fontSizes.mediumFont}\r\n                      fontWeight={600}\r\n                      color={color.titleDark}\r\n                      height={20}\r\n                      mb={\"6px\"}\r\n                    >\r\n                      Invite by email\r\n                    </Typography>\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      alignItems={\"center\"}\r\n                      justifyContent={\"flex-start\"}\r\n                      gap={\"10px\"}\r\n                      flexWrap={\"wrap\"}\r\n                      onClick={() => setInputFocus(true)}\r\n                      onFocus={() => setInputFocus(true)}\r\n                      onBlur={() => setInputFocus(false)}\r\n                      border={\r\n                        inputFocus\r\n                          ? `1px solid ${color.primaryColor}`\r\n                          : `1px solid ${color.commonBorderColor}`\r\n                      }\r\n                      boxShadow={\r\n                        inputFocus\r\n                          ? `0px 0px 0px 3px ${color.primaryShadowColor}`\r\n                          : \"none\"\r\n                      }\r\n                      borderRadius={\"8px\"}\r\n                      p={emails.length > 0 ? \"10px 10px\" : \"0px 0px\"}\r\n                      sx={{\r\n                        maxHeight: \"175px\",\r\n                        overflowY: \"auto\",\r\n                      }}\r\n                    >\r\n                      {emails.map((email, i) => {\r\n                        return (\r\n                          <Chip\r\n                            avatar={<Avatar>{email[0].toUpperCase()}</Avatar>}\r\n                            onDelete={() => handleRemoveEmail(email)}\r\n                            deleteIcon={\r\n                              <IconButton\r\n                                sx={{\r\n                                  height: \"16px !important\",\r\n                                  width: \"16px !important\",\r\n                                  p: 0,\r\n                                }}\r\n                              >\r\n                                <IcClose\r\n                                  fill=\"#667085\"\r\n                                  height=\"10\"\r\n                                  width=\"10\"\r\n                                />\r\n                              </IconButton>\r\n                            }\r\n                            label={email}\r\n                            sx={{\r\n                              width: \"fit-content\",\r\n                              bgcolor: \"#F2F4F7\",\r\n                              border: \"none\",\r\n                              height: \"32px\",\r\n                              \"& .MuiChip-avatar\": {\r\n                                height: \"24px\",\r\n                                width: \"24px\",\r\n                                ml: \"6px\",\r\n                                bgcolor:\r\n                                  (i + 1) % 2 === 0 ? \"#C8511B\" : \"#518EF8\",\r\n                                color: \"#FFF\",\r\n                                fontSize: 9,\r\n                              },\r\n                              \"& .MuiChip-label\": {\r\n                                mx: \"14px\",\r\n                                px: 0,\r\n                                fontSize: 12.6,\r\n                                fontWeight: 500,\r\n                                color: \"#344054\",\r\n                              },\r\n                            }}\r\n                            key={i + 1}\r\n                          />\r\n                        );\r\n                      })}\r\n                      <TextField\r\n                        fullWidth\r\n                        type={\"email\"}\r\n                        label=\"\"\r\n                        value={email}\r\n                        autoFocus={true}\r\n                        focused={inputFocus}\r\n                        placeholder={\r\n                          \"Email addresses separated by space and press enter\"\r\n                        }\r\n                        onKeyPress={handleEnterEmail}\r\n                        sx={{\r\n                          width: \"100%\",\r\n                          minWidth: \"100%\",\r\n                          flex: 1,\r\n                          input: {\r\n                            py: 0,\r\n                            px: \"10px !important\",\r\n                            height: `40px !important`,\r\n                            color: \"#18181B !important\",\r\n                            border: \"none !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                          \"& fieldset\": {\r\n                            display: \"none !important\",\r\n                          },\r\n                        }}\r\n                        onChange={(e) => setEmail(e.target.value)}\r\n                      />\r\n                    </Stack>\r\n\r\n                    <Stack\r\n                      sx={{\r\n                        fontSize: \"12px\",\r\n                        textAlign: \"right\",\r\n                        color: \"#848382\",\r\n                        marginTop: \"5px\",\r\n                      }}\r\n                    >\r\n                      Enter email addresses to add people, then press enter.\r\n                    </Stack>\r\n                  </Stack>\r\n\r\n                  <FormControl\r\n                    fullWidth\r\n                    sx={{\r\n                      mb: \"0px\",\r\n                      mt: \"27.5px\",\r\n                      width: \"fit-content\",\r\n                      bgcolor: \"#FFFFFF\",\r\n                      \"& .MuiOutlinedInput-root\": {\r\n                        height: \"40px !important\",\r\n                        width: \"127px !important\",\r\n                      },\r\n                      \"& .MuiSelect-outlined\": {\r\n                        height: \"40px !important\",\r\n                        minHeight: \"40px !important\",\r\n                        maxHeight: \"40px !important\",\r\n                        padding: \"0px 0px 0px 14px !important\",\r\n                        display: \"flex\",\r\n                        alignItems: \"center\",\r\n                        justifyContent: \"flex-start\",\r\n                        border: \"1px solid #E1E1E1\",\r\n                        boxShadow: \"0px 1px 2px 0px #1018280D\",\r\n                        borderRadius: \"8px\",\r\n                      },\r\n                      \"& fieldset\": { display: \"none !important\" },\r\n                      \"& input\": { height: \"100%\" },\r\n                      \"& .MuiSvgIcon-root\": {\r\n                        color: \"#848382\",\r\n                        height: \"26px\",\r\n                        transition: \"all 0.3s ease !important\",\r\n                      },\r\n                    }}\r\n                  >\r\n                    <Select\r\n                      fullWidth\r\n                      IconComponent={KeyboardArrowDownOutlined}\r\n                      renderValue={(selected) => {\r\n                        return (\r\n                          <>\r\n                            <Typography\r\n                              fontSize={14}\r\n                              color={\"#18181B\"}\r\n                              height={\"19px\"}\r\n                            >\r\n                              {\r\n                                permissionOptions({ remove: false }).filter(\r\n                                  (row) => row.value === selected\r\n                                )[0].label\r\n                              }\r\n                            </Typography>\r\n                          </>\r\n                        );\r\n                      }}\r\n                      sx={{\r\n                        width: \"150px\",\r\n                        // border: \"1px solid #E1E1E1\",\r\n                        borderRadius: \"8px !important\",\r\n                        boxShadow: \"none\",\r\n                        // pr: \"8px\",\r\n                        height: \"32px\",\r\n                        cursor: \"pointer !important\",\r\n\r\n                        \"& .MuiSelect-select\": {\r\n                          pr: \"0px !important\",\r\n                          pl: \"14px !important\",\r\n                          py: 0,\r\n                          height: \"16px !important\",\r\n                          fontSize: fontSizes.fontSize14,\r\n                          fontWeight: \"400\",\r\n                          color: \"#18181B\",\r\n                          display: \"flex\",\r\n                          alignItems: \"center\",\r\n                        },\r\n                        \"& fieldset\": {\r\n                          display: \"none\",\r\n                          // boxShadow: \"0px 5px 24px 8px #10182814\",\r\n                        },\r\n                        \"&:hover\": {\r\n                          background: color.commonHoverColor,\r\n                        },\r\n                      }}\r\n                      MenuProps={{\r\n                        PaperProps: {\r\n                          sx: {\r\n                            borderRadius: \"12px\",\r\n                            boxShadow: \"0px 5px 24px 8px #10182814\",\r\n                            mt: 1,\r\n                            px: \"8px\",\r\n                            \"& .MuiList-root\": {\r\n                              display: \"flex\",\r\n                              flexDirection: \"column\",\r\n                              gap: \"6px\",\r\n                            },\r\n                            \"& .MuiMenuItem-root\": {\r\n                              fontSize: \"14px\",\r\n                              fontWeight: 400,\r\n                              color: color.titleDark,\r\n                              borderRadius: \"8px\",\r\n                              // mt: 0.5,\r\n                              \"&:hover\": {\r\n                                backgroundColor: color.commonHoverColor,\r\n                              },\r\n                              \"&.Mui-selected\": {\r\n                                backgroundColor: `${color.lightPrimary} !important`,\r\n                                color: color.primaryColor,\r\n                              },\r\n                              // \"&.Mui-selected:hover\": {\r\n                              //   backgroundColor: color.lightPrimary,\r\n                              // },\r\n                            },\r\n                          },\r\n                        },\r\n                      }}\r\n                      value={permission}\r\n                      onChange={(e) => setPermission(e.target.value)}\r\n                    >\r\n                      {permissionOptions({ remove: false }).map(\r\n                        (role, index) => {\r\n                          return (\r\n                            <MenuItem key={index} value={role.value}>\r\n                              {role.label}\r\n                            </MenuItem>\r\n                          );\r\n                        }\r\n                      )}\r\n                    </Select>\r\n                  </FormControl>\r\n                </Stack>\r\n                <Box\r\n                  display={\"flex\"}\r\n                  gap={\"12px\"}\r\n                  mt={\"24px\"}\r\n                  justifyContent={\"end\"}\r\n                >\r\n                  {user_data?.has_workspace !== false && (\r\n                    <BtnColoredOutlined\r\n                      bgcolor={color.greyHover}\r\n                      borderColor={color.commonBorderColor}\r\n                      sx={{\r\n                        px: \"16px\",\r\n                        transition: \"all 0.2s\",\r\n                      }}\r\n                      hoverSx={{\r\n                        bgcolor: color.darkGray,\r\n                      }}\r\n                      onClick={() => {\r\n                        quickQuestion();\r\n                        setShowPlans(!showPlans);\r\n                      }}\r\n                    >\r\n                      <Typography\r\n                        fontSize={{\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                        color={color.subTitle}\r\n                      >\r\n                        Skip\r\n                      </Typography>\r\n                    </BtnColoredOutlined>\r\n                  )}\r\n                  <CustomNameTooltip\r\n                    title={\r\n                      emails.length === 0 ? \"At least 1 email is required\" : \"\"\r\n                    }\r\n                  >\r\n                    <Box>\r\n                      <BtnGradient\r\n                        loading={addingInProgress}\r\n                        // onClick={inviteUsers}\r\n                        disabled={emails.length === 0}\r\n                        onClick={() => {\r\n                          quickQuestion(true);\r\n                          // setShowPlans(!showPlans);\r\n                        }}\r\n                        sx={{\r\n                          px: \"24px\",\r\n                        }}\r\n                      >\r\n                        Send Invitation\r\n                      </BtnGradient>\r\n                    </Box>\r\n                  </CustomNameTooltip>\r\n                </Box>\r\n              </Stack>\r\n            </Box>\r\n          </Stack>\r\n\r\n          <Stack\r\n            justifyContent={\"center\"}\r\n            alignItems={\"center\"}\r\n            mb={\"30px\"}\r\n            gap={\"16px\"}\r\n            direction={\"row\"}\r\n          >\r\n            <Stack\r\n              onClick={() => navigate(\"/how-did-you-hear\")}\r\n              onMouseEnter={() =>\r\n                setIsHoveredArrow({\r\n                  ...isHoveredArrow,\r\n                  left: true,\r\n                })\r\n              }\r\n              onMouseLeave={() =>\r\n                setIsHoveredArrow({\r\n                  ...isHoveredArrow,\r\n                  left: false,\r\n                })\r\n              }\r\n              sx={{\r\n                cursor: \"pointer\",\r\n              }}\r\n            >\r\n              <IcLinedArrowLeft\r\n                height={\"32px\"}\r\n                width={\"32px\"}\r\n                fill={isHoveredArrow.left ? `${color.primaryColor}` : \"#000\"}\r\n              />\r\n            </Stack>\r\n            <Typography>6/6</Typography>\r\n          </Stack>\r\n        </Stack>\r\n      </section>\r\n\r\n      <ChoosePlan\r\n        open={showPlans}\r\n        setOpen={setShowPlans}\r\n        navigateLink={navigateLink}\r\n        navigateOnClose={true}\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default QSeven;\r\n\r\nconst permissionOptions = ({ remove = false }) => [\r\n  {\r\n    value: \"can_edit\",\r\n    label: \"Can Edit\",\r\n  },\r\n  {\r\n    value: \"can_view\",\r\n    label: \"Can View\",\r\n  },\r\n  ...(remove === true\r\n    ? [\r\n        {\r\n          value: \"remove\",\r\n          label: \"Remove\",\r\n        },\r\n      ]\r\n    : []),\r\n];\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Box, Grid, Stack, Typography } from \"@mui/material\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport { IcLinedArrowLeft } from \"../../../assets/icon-components\";\r\nimport IcLinedArrowRightDisabled from \"../../../assets/icon-components/IcLinedArrowRightDisabled\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { s3AssetsUrl } from \"../../DrawBoard/const\";\r\n\r\nfunction QSix() {\r\n  const navigate = useNavigate();\r\n  const [selectedOption, setSelectedOption] = useState(\"\");\r\n  const [isHoveredArrow, setIsHoveredArrow] = useState({\r\n    left: false,\r\n    right: false,\r\n  });\r\n\r\n  useEffect(() => {\r\n    let quick_question = localStorage.getItem(\"quick_question\");\r\n\r\n    if (quick_question) {\r\n      quick_question = JSON.parse(quick_question);\r\n    }\r\n\r\n    if (quick_question?.refrence_from) {\r\n      setSelectedOption(quick_question.refrence_from);\r\n    }\r\n  }, []);\r\n\r\n  const options = [\r\n    \"Through a colleague / friend\",\r\n    \"Facebook\",\r\n    \"Search engine (Google, Bing...)\",\r\n    \"Instagram\",\r\n    \"Email Campaign\",\r\n    \"Webinar or Event\",\r\n    \"Twitter\",\r\n    \"YouTube\",\r\n    \"Linkedin\",\r\n    \"Other...\",\r\n  ];\r\n\r\n  const storeDataInLocalAdnRedirect = (value) => {\r\n    const quickQuestion =\r\n      JSON.parse(localStorage.getItem(\"quick_question\")) || {};\r\n    quickQuestion.refrence_from = value;\r\n    localStorage.setItem(\"quick_question\", JSON.stringify(quickQuestion));\r\n\r\n    navigate(\"/invite-member\");\r\n  };\r\n\r\n  const handleOptionClick = (option) => {\r\n    setSelectedOption(option);\r\n    storeDataInLocalAdnRedirect(option);\r\n  };\r\n\r\n  const q7Page = () => {\r\n    if (selectedOption) {\r\n      storeDataInLocalAdnRedirect(selectedOption);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <section id=\"auth_container\">\r\n        <Stack className=\"auth-bg\">\r\n          <img\r\n            src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n            alt=\"cloudDairyColoredLogo\"\r\n            className=\"cloudDairyColoredLogo\"\r\n            onClick={() => {\r\n              navigate(\"/login\")\r\n            }}\r\n            style={{\r\n              cursor : \"pointer\"\r\n            }}\r\n          />\r\n\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n            height={\"100svh\"}\r\n          >\r\n            <Box\r\n              width={{\r\n                xs: \"65% !important\",\r\n                md: \"43% !important\",\r\n                xl: \"41% !important\",\r\n              }}\r\n              className=\"login-form\"\r\n            >\r\n              <Stack\r\n                justifyContent={\"center\"}\r\n                mb={{\r\n                  xs: \"20px\",\r\n                  xl: \"28px\",\r\n                }}\r\n              >\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: 16,\r\n                    md: 24,\r\n                    xl: 28,\r\n                  }}\r\n                  fontWeight={700}\r\n                  color={color.titleDark}\r\n                  height={{\r\n                    xs: \"21px\",\r\n                    md: \"35px\",\r\n                    xl: \"40px\",\r\n                  }}\r\n                >\r\n                  How did you hear about us?\r\n                </Typography>\r\n              </Stack>\r\n\r\n              <Grid container spacing={2}>\r\n                {options.map((option) => {\r\n                  return (\r\n                    <Grid item xs={6} key={option}>\r\n                      <BtnGradient\r\n                        onClick={() => handleOptionClick(option)}\r\n                        mdHeight={40}\r\n                        sx={{\r\n                          width: \"100%\",\r\n                          pl: \"14px\",\r\n                          textTransform: \"none\",\r\n                          borderRadius: \"8px\",\r\n                          textAlign: \"center\",\r\n                          transition: \"all 0.3s ease !important\",\r\n                          backgroundColor:\r\n                            selectedOption === option\r\n                              ? `${color.primaryColor} !important`\r\n                              : \"#FFFFFF !important\",\r\n                          border:\r\n                            selectedOption === option\r\n                              ? \"none\"\r\n                              : \"1px solid #E1E1E1\",\r\n                          whiteSpace: \"normal\",\r\n                          wordBreak: \"break-word\",\r\n                        }}\r\n                        hoverSx={{\r\n                          backgroundColor:\r\n                            selectedOption === option\r\n                              ? `${color.primaryColor} !important`\r\n                              : \"#F7F7F7 !important\",\r\n                        }}\r\n                      >\r\n                        <Typography\r\n                          fontSize={{\r\n                            xs: fontSizes.fontSize13,\r\n                            md: fontSizes.fontSize14,\r\n                          }}\r\n                          height={\"auto\"}\r\n                          fontWeight={fontWeight.weight400}\r\n                          color={\r\n                            selectedOption === option\r\n                              ? \"#FFFFFF\"\r\n                              : `${color.subTitle}`\r\n                          }\r\n                          sx={{\r\n                            display: \"block\",\r\n                            justifyContent: \"flex-start\",\r\n                            alignItems: \"center\",\r\n                            textAlign: \"start\",\r\n                            width: \"100%\",\r\n                          }}\r\n                        >\r\n                          {option}\r\n                        </Typography>\r\n                      </BtnGradient>\r\n                    </Grid>\r\n                  );\r\n                })}\r\n              </Grid>\r\n            </Box>\r\n          </Stack>\r\n\r\n          <Stack\r\n            justifyContent={\"center\"}\r\n            alignItems={\"center\"}\r\n            mb={\"30px\"}\r\n            gap={\"16px\"}\r\n            direction={\"row\"}\r\n          >\r\n            <Stack\r\n              onClick={() => navigate(\"/your-role\")}\r\n              onMouseEnter={() => setIsHoveredArrow({\r\n                ...isHoveredArrow,\r\n                left: true,\r\n              })}\r\n              onMouseLeave={() => setIsHoveredArrow({\r\n                ...isHoveredArrow,\r\n                left: false,\r\n              })}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n              }}\r\n            >\r\n              <IcLinedArrowLeft\r\n                height={\"32px\"}\r\n                width={\"32px\"}\r\n                fill={isHoveredArrow.left ? `${color.primaryColor}` : \"#000\"}\r\n              />\r\n            </Stack>\r\n            <Box sx={{\r\n              width: \"30px\",\r\n              height: \"30px\",\r\n              display: \"flex\",\r\n              justifyContent: \"center\",\r\n              alignItems: \"center\",\r\n            }}>\r\n              <Typography>5/6</Typography>\r\n            </Box>\r\n            <Stack\r\n              onClick={q7Page}\r\n              onMouseEnter={() => setIsHoveredArrow({\r\n                ...isHoveredArrow,\r\n                right: true,\r\n              })}\r\n              onMouseLeave={() => setIsHoveredArrow({\r\n                ...isHoveredArrow,\r\n                right: false,\r\n              })}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n                rotate: \"180deg\",\r\n              }}\r\n            >\r\n              <IcLinedArrowLeft\r\n                height={\"32px\"}\r\n                width={\"32px\"}\r\n                fill={isHoveredArrow.right ? `${color.primaryColor}` : selectedOption ? \"#000\" : `${color.subTitle}`}\r\n              />\r\n            </Stack>\r\n          </Stack>\r\n        </Stack>\r\n      </section>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default QSix;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Box, Stack, Typography } from \"@mui/material\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { IcLinedArrowLeft } from \"../../../assets/icon-components\";\r\nimport IcLinedArrowRightDisabled from \"../../../assets/icon-components/IcLinedArrowRightDisabled\";\r\nimport { s3AssetsUrl } from \"../../DrawBoard/const\";\r\n\r\nfunction QThree() {\r\n  const [selectedOption, setSelectedOption] = useState(\"\");\r\n\r\n  useEffect(() => {\r\n    let quick_question = localStorage.getItem(\"quick_question\");\r\n\r\n    if (quick_question) {\r\n      quick_question = JSON.parse(quick_question);\r\n    }\r\n\r\n    if (quick_question?.used_cloudairy) {\r\n      setSelectedOption(quick_question.used_cloudairy);\r\n    }\r\n  }, []);\r\n\r\n  const storeDataInLocalAdnRedirect = (value) => {\r\n    const quickQuestion =\r\n      JSON.parse(localStorage.getItem(\"quick_question\")) || {};\r\n    quickQuestion.used_cloudairy = value;\r\n    localStorage.setItem(\"quick_question\", JSON.stringify(quickQuestion));\r\n\r\n    navigate(\"/your-purpose\");\r\n  };\r\n\r\n  const handleOptionClick = (option) => {\r\n    setSelectedOption(option);\r\n    storeDataInLocalAdnRedirect(option);\r\n  };\r\n\r\n  const options = [\r\n    \"No, it's my first time\",\r\n    \"Yes, quite often\",\r\n    // \"Yes, quite often\",\r\n  ];\r\n\r\n  const navigate = useNavigate();\r\n  const q4Page = () => {\r\n    if (selectedOption) {\r\n      storeDataInLocalAdnRedirect(selectedOption);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <section id=\"auth_container\">\r\n        <Stack className=\"auth-bg\">\r\n          <img\r\n            src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n            alt=\"cloudDairyColoredLogo\"\r\n            className=\"cloudDairyColoredLogo\"\r\n          />\r\n\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n            height={\"100svh\"}\r\n          >\r\n            <Box\r\n              width={{\r\n                xs: \"60% !important\",\r\n                md: \"43% !important\",\r\n                xl: \"31.5% !important\",\r\n              }}\r\n              className=\"login-form\"\r\n            >\r\n              <Stack\r\n                justifyContent={\"center\"}\r\n                mb={{\r\n                  xs: \"20px\",\r\n                  xl: \"30px\",\r\n                }}\r\n              >\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: 16,\r\n                    md: 24,\r\n                    xl: 28,\r\n                  }}\r\n                  fontWeight={700}\r\n                  color={color.titleDark}\r\n                  height={{\r\n                    xs: \"21px\",\r\n                    md: \"35px\",\r\n                    xl: \"40px\",\r\n                  }}\r\n                >\r\n                  Have you used Cloudairy before?\r\n                </Typography>\r\n              </Stack>\r\n\r\n              <Stack gap={\"24px\"}>\r\n                {options.map((option, i) => {\r\n                  return (\r\n                    <BtnGradient\r\n                      key={i + 1}\r\n                      onClick={() => handleOptionClick(option)}\r\n                      sx={{\r\n                        width: \"100%\",\r\n                        pl: \"14px\",\r\n                        textTransform: \"none\",\r\n                        borderRadius: \"8px\",\r\n                        textAlign: \"center\",\r\n                        transition: \"all 0.3s ease !important\",\r\n                        backgroundColor:\r\n                          selectedOption === option\r\n                            ? `${color.primaryColor} !important`\r\n                            : \"#FFFFFF !important\",\r\n                        border:\r\n                          selectedOption === option\r\n                            ? \"none\"\r\n                            : \"1px solid #E1E1E1\",\r\n                      }}\r\n                      hoverSx={{\r\n                        backgroundColor:\r\n                          selectedOption === option\r\n                            ? `${color.primaryColor} !important`\r\n                            : \"#F7F7F7 !important\",\r\n                      }}\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                        fontWeight={fontWeight.weight600}\r\n                        color={\r\n                          selectedOption === option\r\n                            ? \"#FFFFFF\"\r\n                            : `${color.subTitle}`\r\n                        }\r\n                        sx={{\r\n                          display: \"flex\",\r\n                          justifyContent: \"flex-start\",\r\n                          alignItems: \"center\",\r\n                          textAlign: \"start\",\r\n                          width: \"100%\",\r\n                        }}\r\n                      >\r\n                        {option}\r\n                      </Typography>\r\n                    </BtnGradient>\r\n                  );\r\n                })}\r\n              </Stack>\r\n            </Box>\r\n          </Stack>\r\n\r\n          <Stack\r\n            justifyContent={\"center\"}\r\n            alignItems={\"center\"}\r\n            mb={\"30px\"}\r\n            gap={\"16px\"}\r\n            direction={\"row\"}\r\n          >\r\n            <Stack\r\n              onClick={() => navigate(\"/your-work\")}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n              }}\r\n            >\r\n              <IcLinedArrowLeft height={\"32px\"} width={\"32px\"} />\r\n            </Stack>\r\n            <Typography>3/7</Typography>\r\n            <Stack\r\n              onClick={q4Page}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n              }}\r\n            >\r\n              <IcLinedArrowRightDisabled\r\n                fill={selectedOption ? \"black\" : `${color.subTitle}`}\r\n              />\r\n            </Stack>\r\n          </Stack>\r\n        </Stack>\r\n      </section>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default QThree;\r\n","import { Box, Grid, Stack, Typography } from \"@mui/material\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\nimport { IcLinedArrowLeft } from \"../../../assets/icon-components\";\r\nimport IcLinedArrowRightDisabled from \"../../../assets/icon-components/IcLinedArrowRightDisabled\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { s3AssetsUrl } from \"../../DrawBoard/const\";\r\n\r\nfunction QTwo() {\r\n  const [selectedOption, setSelectedOption] = useState(\"\");\r\n  const [isHoveredArrow, setIsHoveredArrow] = useState({\r\n    left: false,\r\n    right: false,\r\n  });\r\n\r\n  useEffect(() => {\r\n    let quick_question = localStorage.getItem(\"quick_question\");\r\n\r\n    if (quick_question) {\r\n      quick_question = JSON.parse(quick_question);\r\n    }\r\n\r\n    if (quick_question?.job_title) {\r\n      setSelectedOption(quick_question.job_title);\r\n    }\r\n  }, []);\r\n\r\n  const storeDataInLocalAdnRedirect = (value) => {\r\n    const profileData = localStorage.getItem(\"quick_question\");\r\n\r\n    const companyData = {\r\n      ...JSON.parse(profileData || \"{}\"),\r\n      job_title: value,\r\n    };\r\n    localStorage.setItem(\"quick_question\", JSON.stringify(companyData));\r\n\r\n    navigate(\"/your-purpose\");\r\n  };\r\n\r\n  const handleOptionClick = (option) => {\r\n    setSelectedOption(option);\r\n    storeDataInLocalAdnRedirect(option);\r\n  };\r\n\r\n  const options = [\r\n    \"Software Development\",\r\n    \"Project Management\",\r\n    \"Design and Creative\",\r\n    \"Education and Training\",\r\n    \"Sales and Marketing\",\r\n    \"Data Analysis and Visualization\",\r\n    \"Engineering and Architecture\",\r\n    \"Human Resources\",\r\n    \"Finance and Operations\",\r\n    \"Other\",\r\n    // \"IT Services\",\r\n    // \"HR / People\",\r\n    // \"Legal / Finance\",\r\n    // \"Teacher / Student\",\r\n    // \"Other\",\r\n  ];\r\n\r\n  const navigate = useNavigate();\r\n\r\n  const q3Page = () => {\r\n    if (selectedOption) {\r\n      storeDataInLocalAdnRedirect(selectedOption);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <section id=\"auth_container\">\r\n        <Stack className=\"auth-bg\">\r\n          <img\r\n            src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n            alt=\"cloudDairyColoredLogo\"\r\n            className=\"cloudDairyColoredLogo\"\r\n            onClick={() => {\r\n              navigate(\"/login\")\r\n            }}\r\n            style={{\r\n              cursor : \"pointer\"\r\n            }}\r\n          />\r\n\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n            height={\"100svh\"}\r\n          >\r\n            <Box\r\n              width={{\r\n                xs: \"60% !important\",\r\n                md: \"43% !important\",\r\n                xl: \"41% !important\",\r\n              }}\r\n              className=\"login-form\"\r\n            >\r\n              <Stack justifyContent={\"center\"}\r\n                mb={{\r\n                  xs: \"20px\",\r\n                  xl: \"6px\",\r\n                }}\r\n              >\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: 16,\r\n                    md: 24,\r\n                    xl: 28,\r\n                  }}\r\n                  fontWeight={700}\r\n                  color={color.titleDark}\r\n                // height={{\r\n                //   xs: \"21px\",\r\n                //   md: \"100px\",\r\n                //   xl: \"150px\",\r\n                // }}\r\n                >\r\n                  What kind of work you do?\r\n                </Typography>\r\n              </Stack>\r\n\r\n              <Typography\r\n                fontSize={{\r\n                  xs: 11,\r\n                  md: 13,\r\n                  xl: 14,\r\n                }}\r\n                // mt={\"4px\"}\r\n                mb={{\r\n                  xs: \"14px\",\r\n                  xl: \"28px\",\r\n                }}\r\n                fontWeight={fontWeight.weight400}\r\n                color={color.subTitle}\r\n              >\r\n                Tell us about your work to help us tailor your Cloudairy\r\n                experience. Choose the category that best fits your role or\r\n                industry.\r\n              </Typography>\r\n\r\n              <Grid container spacing={2}>\r\n                {options.map((option) => {\r\n                  return (\r\n                    <Grid item xs={6} key={option}>\r\n                      <BtnGradient\r\n                        onClick={() => handleOptionClick(option)}\r\n                        mdHeight={40}\r\n                        sx={{\r\n                          width: \"100%\",\r\n                          pl: \"14px\",\r\n                          textTransform: \"none\",\r\n                          borderRadius: \"8px\",\r\n                          textAlign: \"center\",\r\n                          transition: \"all 0.3s ease !important\",\r\n                          backgroundColor:\r\n                            selectedOption === option\r\n                              ? `${color.primaryColor} !important`\r\n                              : \"#FFFFFF !important\",\r\n                          border:\r\n                            selectedOption === option\r\n                              ? \"none\"\r\n                              : \"1px solid #E1E1E1\",\r\n                          whiteSpace: \"normal\",\r\n                          wordBreak: \"break-word\",\r\n                        }}\r\n                        hoverSx={{\r\n                          backgroundColor:\r\n                            selectedOption === option\r\n                              ? `${color.primaryColor} !important`\r\n                              : \"#F7F7F7 !important\",\r\n                        }}\r\n                      >\r\n                        <Typography\r\n                          fontSize={{\r\n                            xs: fontSizes.fontSize13,\r\n                            md: fontSizes.fontSize14,\r\n                          }}\r\n                          height={\"auto\"}\r\n                          fontWeight={fontWeight.weight400}\r\n                          textAlign={\"center\"}\r\n                          color={\r\n                            selectedOption === option\r\n                              ? \"#FFFFFF\"\r\n                              : `${color.subTitle}`\r\n                          }\r\n                          sx={{\r\n                            display: \"block\",\r\n                            justifyContent: \"flex-start\",\r\n                            alignItems: \"center\",\r\n                            textAlign: \"start\",\r\n                            width: \"100%\",\r\n                          }}\r\n                        >\r\n                          {option}\r\n                        </Typography>\r\n                      </BtnGradient>\r\n                    </Grid>\r\n                  );\r\n                })}\r\n              </Grid>\r\n            </Box>\r\n          </Stack>\r\n\r\n          <Stack\r\n            justifyContent={\"center\"}\r\n            alignItems={\"center\"}\r\n            mb={\"30px\"}\r\n            gap={\"16px\"}\r\n            direction={\"row\"}\r\n          >\r\n            <Stack\r\n              onClick={() => navigate(\"/welcome-cloudairy\")}\r\n              onMouseEnter={() => setIsHoveredArrow({\r\n                ...isHoveredArrow,\r\n                left: true,\r\n              })}\r\n              onMouseLeave={() => setIsHoveredArrow({\r\n                ...isHoveredArrow,\r\n                left: false,\r\n              })}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n              }}\r\n            >\r\n              <IcLinedArrowLeft\r\n                height={\"32px\"}\r\n                width={\"32px\"}\r\n                fill={isHoveredArrow.left ? `${color.primaryColor}` : \"#000\"}\r\n              />\r\n            </Stack>\r\n            <Box sx={{\r\n              width: \"30px\",\r\n              height: \"30px\",\r\n              display: \"flex\",\r\n              justifyContent: \"center\",\r\n              alignItems: \"center\",\r\n            }}>\r\n              <Typography>2/6</Typography>\r\n            </Box>\r\n            <Stack\r\n              onClick={q3Page}\r\n              onMouseEnter={() => setIsHoveredArrow({\r\n                ...isHoveredArrow,\r\n                right: true,\r\n              })}\r\n              onMouseLeave={() => setIsHoveredArrow({\r\n                ...isHoveredArrow,\r\n                right: false,\r\n              })}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n                rotate: \"180deg\",\r\n              }}\r\n            >\r\n              <IcLinedArrowLeft\r\n                height={\"32px\"}\r\n                width={\"32px\"}\r\n                fill={isHoveredArrow.right ? `${color.primaryColor}` : selectedOption ? \"#000\" : `${color.subTitle}`}\r\n              />\r\n            </Stack>\r\n          </Stack>\r\n        </Stack>\r\n      </section>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default QTwo;\r\n","// import React, { useEffect, useState } from \"react\";\r\n// import { Box, Stack, Typography } from \"@mui/material\";\r\n// import { color } from \"../../../Utils/style/color/color\";\r\n// import { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\n// import BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\n// import {\r\n//   IcCheck,\r\n//   IcImageGallery,\r\n//   IcWarning,\r\n// } from \"../../../assets/icon-components\";\r\n// import { useNavigate } from \"react-router-dom\";\r\n// import commanService from \"../../../CommanFunctions/commanService\";\r\n// import { useDispatch } from \"react-redux\";\r\n// import { errorToast } from \"../../../Redux/toastSlice\";\r\n// import SimpleCircularProgress from \"../../../common-components/SimpleCircularProgress\";\r\n// import { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\n// import AuthInput from \"../components/AuthInput\";\r\n// import ChoosePlan from \"../../upgrade-plan/ChoosePlan\";\r\n// import { s3AssetsUrl } from \"../../DrawBoard/const\";\r\n// import CommonDivider from \"../../../common-components/CommonDivider\";\r\n// import CustomAutoSelect from \"../../../common-components/CustomAutoSelect\";\r\n\r\n// function WelcomeCloudairy() {\r\n//   const dispatch = useDispatch();\r\n//   let user_data = localStorage.getItem(\"user_data\");\r\n//   const quickQuestions = localStorage.getItem(\"quick_question\");\r\n//   const parsedUserData = JSON.parse(user_data);\r\n//   const [selectedImageFile, setSelectedImageFile] = useState(null);\r\n//   const [selectedImage, setSelectedImage] = useState(null);\r\n//   const [loading, setLoading] = useState(false);\r\n//   const [formErrorsSignup, setFormErrorsSignup] = useState({\r\n//     workSpaceName: \"\",\r\n//   });\r\n//   const [workSpaceName, setWorkSpaceName] = useState(\"\");\r\n//   const [showPlans, setShowPlans] = useState(false);\r\n//   const [yourWork, setYourWork] = useState(false);\r\n//   const [fileType, setFileType] = useState(quickQuestions?.job_title || \"\");\r\n//   const [cloudairyUse, setCloudairyUse] = useState(\r\n//     quickQuestions?.primary_goal || \"\"\r\n//   );\r\n//   const [role, setRole] = useState(quickQuestions?.role || \"\");\r\n//   const [source, setSource] = useState(quickQuestions?.refrence_from || \"\");\r\n\r\n//   useEffect(() => {\r\n//     let quickQuestions = localStorage.getItem(\"quick_question\");\r\n//     if (quickQuestions) {\r\n//       quickQuestions = JSON.parse(quickQuestions);\r\n//       setSelectedImage(quickQuestions.profile_picture);\r\n\r\n//       if (quickQuestions?.company_name) {\r\n//         setWorkSpaceName(quickQuestions?.company_name);\r\n//       } else {\r\n//         if (parsedUserData) {\r\n//           setWorkSpaceName(\r\n//             parsedUserData?.first_name\r\n//               ? `${parsedUserData?.first_name}'s Workspace`\r\n//               : \"\"\r\n//           );\r\n//           localStorage.setItem(\r\n//             \"quick_question\",\r\n//             JSON.stringify({\r\n//               ...(quickQuestions || {}),\r\n//               company_name: `${parsedUserData?.first_name}'s Workspace`,\r\n//             })\r\n//           );\r\n//           quickQuestions?.job_title && setYourWork(true);\r\n//         }\r\n//       }\r\n\r\n//       if (quickQuestions?.job_title) {\r\n//         setFileType(quickQuestions?.job_title);\r\n//         setYourWork(true);\r\n//       }\r\n\r\n//       if (quickQuestions?.primary_goal) {\r\n//         setCloudairyUse(quickQuestions?.primary_goal);\r\n//       }\r\n\r\n//       if (quickQuestions?.role) {\r\n//         setRole(quickQuestions?.role);\r\n//       }\r\n\r\n//       if (quickQuestions?.refrence_from) {\r\n//         setSource(quickQuestions?.refrence_from);\r\n//       }\r\n//     } else {\r\n//       if (parsedUserData) {\r\n//         setWorkSpaceName(\r\n//           parsedUserData?.first_name\r\n//             ? `${parsedUserData?.first_name}'s Workspace`\r\n//             : \"\"\r\n//         );\r\n//         localStorage.setItem(\r\n//           \"quick_question\",\r\n//           JSON.stringify({\r\n//             ...(quickQuestions || {}),\r\n//             company_name: `${parsedUserData?.first_name}'s Workspace`,\r\n//           })\r\n//         );\r\n//       }\r\n//     }\r\n//   }, [user_data, quickQuestions]);\r\n\r\n//   const handleClickEditProfile = () => {\r\n//     const file_input = document.getElementById(\"file_input\");\r\n//     file_input.click();\r\n//   };\r\n\r\n//   const navigate = useNavigate();\r\n\r\n//   const validateWorkSpaceName = (fieldName, value) => {\r\n//     let valid = true;\r\n//     if (fieldName === \"work_space_name\") {\r\n//       if (value.trim().length <= 0) {\r\n//         setFormErrorsSignup((prev) => ({\r\n//           ...prev,\r\n//           workSpaceName: \"Please enter a workspace name\",\r\n//         }));\r\n//         valid = false;\r\n//       } else {\r\n//         setFormErrorsSignup((prev) => ({\r\n//           ...prev,\r\n//           workSpaceName: \"\",\r\n//         }));\r\n//         valid = true;\r\n//       }\r\n//     }\r\n//     return valid;\r\n//   };\r\n\r\n//   const handleWorkSpaceName = async () => {\r\n//     try {\r\n//       let imagePath;\r\n//       if (selectedImageFile) {\r\n//         setLoading(true);\r\n//         const formData = new FormData();\r\n//         formData.append(\"file\", selectedImageFile);\r\n//         formData.append(\"fileName\", \"workspace-profile\");\r\n//         const imageUploadResponse = await commanService.uploadApi(\r\n//           \"drawboard\",\r\n//           `upload/files`,\r\n//           formData\r\n//         );\r\n//         imagePath = imageUploadResponse.data.data[0]?.location;\r\n//       }\r\n\r\n//       const validWorkSpaceName = validateWorkSpaceName(\r\n//         \"work_space_name\",\r\n//         workSpaceName\r\n//       );\r\n\r\n//       if (!validWorkSpaceName) {\r\n//         return;\r\n//       } else {\r\n//         if (parsedUserData) {\r\n//           if (parsedUserData?.has_workspace === false) {\r\n//             localStorage.setItem(\r\n//               \"create_new_workspace_data\",\r\n//               JSON.stringify({\r\n//                 is_new_workspace: true,\r\n//                 workspace_name: workSpaceName,\r\n//               })\r\n//             );\r\n//             setTimeout(() => {\r\n//               setShowPlans(true);\r\n//             }, 100);\r\n//             return;\r\n//           }\r\n//         }\r\n\r\n//         let quick_question = JSON.parse(\r\n//           localStorage.getItem(\"quick_question\") || \"{}\"\r\n//         );\r\n//         localStorage.setItem(\r\n//           \"create_new_workspace_data\",\r\n//           JSON.stringify({\r\n//             is_new_workspace: true,\r\n//             workspace_name: workSpaceName,\r\n//           })\r\n//         );\r\n\r\n//         if (quick_question) {\r\n//           quick_question.company_name = workSpaceName;\r\n//           quick_question.profile_picture = imagePath;\r\n//         }\r\n//         localStorage.setItem(\r\n//           \"user_data\",\r\n//           JSON.stringify({\r\n//             ...parsedUserData,\r\n//             company_name: workSpaceName,\r\n//             profile_picture: imagePath || parsedUserData?.profile_picture || \"\",\r\n//           })\r\n//         );\r\n//         localStorage.setItem(\"quick_question\", JSON.stringify(quick_question));\r\n//         setLoading(true);\r\n//       }\r\n\r\n//       if (!validWorkSpaceName) return;\r\n//       if (source) {\r\n//         navigate(\"/invite-member\");\r\n//       }\r\n//     } catch (error) {\r\n//       dispatch(\r\n//         errorToast({\r\n//           message:\r\n//             error.response?.data?.message ||\r\n//             error.response?.data?.error[0] ||\r\n//             error?.message,\r\n//         })\r\n//       );\r\n//     } finally {\r\n//       setLoading(false);\r\n//     }\r\n//   };\r\n\r\n//   const handleFileChange = async (event) => {\r\n//     const file = event.target.files[0];\r\n\r\n//     const reader = new FileReader();\r\n//     setSelectedImageFile(file);\r\n\r\n//     reader.onload = () => {\r\n//       const img = new Image();\r\n//       img.src = reader.result;\r\n\r\n//       img.onload = () => {\r\n//         setSelectedImage(reader.result);\r\n//       };\r\n//     };\r\n\r\n//     reader.readAsDataURL(file);\r\n//   };\r\n\r\n//   let firstName = \"W\";\r\n//   let lastName = \"P\";\r\n\r\n//   if (user_data) {\r\n//     const parsedUserData = JSON.parse(user_data);\r\n\r\n//     if (parsedUserData?.first_name) {\r\n//       firstName = (parsedUserData?.first_name || \"\")[0]\r\n//         ?.toUpperCase()\r\n//         .charAt(0);\r\n//       lastName = parsedUserData?.last_name\r\n//         ? (parsedUserData?.last_name || \"\")[0]?.toUpperCase().charAt(0)\r\n//         : \"\";\r\n//     }\r\n//   }\r\n\r\n//   const optionsForYourWork = [\r\n//     { label: \"Software Development\", value: \"software_development\" },\r\n//     { label: \"Project Management\", value: \"project_management\" },\r\n//     { label: \"Design and Creative\", value: \"design_creative\" },\r\n//     { label: \"Education and Training\", value: \"education_training\" },\r\n//     { label: \"Sales and Marketing\", value: \"sales_marketing\" },\r\n//     {\r\n//       label: \"Data Analysis and Visualization\",\r\n//       value: \"data_analysis_visualization\",\r\n//     },\r\n//     {\r\n//       label: \"Engineering and Architecture\",\r\n//       value: \"engineering_architecture\",\r\n//     },\r\n//     { label: \"Human Resources\", value: \"human_resources\" },\r\n//     { label: \"Finance and Operations\", value: \"finance_operations\" },\r\n//     { label: \"Other\", value: \"other\" },\r\n//   ];\r\n\r\n//   const cloudinaryUseOptions = [\r\n//     { label: \"Work\", value: \"work\" },\r\n//     { label: \"Personal\", value: \"personal\" },\r\n//     { label: \"Education and Training\", value: \"education_training\" },\r\n//     { label: \"Other...\", value: \"other\" },\r\n//   ];\r\n\r\n//   const roleOptions = [\r\n//     { label: \"Executive (C-Level, VP)\", value: \"executive\" },\r\n//     { label: \"Director\", value: \"director\" },\r\n//     { label: \"Team Manager\", value: \"team_manager\" },\r\n//     { label: \"Individual Contributor\", value: \"individual_contributor\" },\r\n//     { label: \"Contractor / Freelancer\", value: \"contractor_freelancer\" },\r\n//   ];\r\n\r\n//   const optionsSource = [\r\n//     { label: \"Through a colleague / friend\", value: \"colleague_friend\" },\r\n//     { label: \"Facebook\", value: \"facebook\" },\r\n//     { label: \"Search engine (Google, Bing...)\", value: \"search_engine\" },\r\n//     { label: \"Instagram\", value: \"instagram\" },\r\n//     { label: \"Email Campaign\", value: \"email_campaign\" },\r\n//     { label: \"Webinar or Event\", value: \"webinar_event\" },\r\n//     { label: \"Twitter\", value: \"twitter\" },\r\n//     { label: \"YouTube\", value: \"youtube\" },\r\n//     { label: \"LinkedIn\", value: \"linkedin\" },\r\n//     { label: \"Other...\", value: \"other\" },\r\n//   ];\r\n\r\n//   return (\r\n//     <>\r\n//       <section id=\"auth_container\">\r\n//         <Stack className=\"auth-bg\">\r\n//           <Stack\r\n//             direction={\"row\"}\r\n//             alignItems={\"center\"}\r\n//             justifyContent={\"center\"}\r\n//             height={\"100svh\"}\r\n//           >\r\n//             <Box\r\n//               width={{\r\n//                 xs: \"60% !important\",\r\n//                 md: \"43% !important\",\r\n//                 xl: \"31.5% !important\",\r\n//               }}\r\n//               className=\"login-form\"\r\n//             >\r\n//               <img\r\n//                 src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n//                 alt=\"cloudDairyColoredLogo\"\r\n//               />\r\n\r\n//               <CommonDivider\r\n//                 my={\"0px\"}\r\n//                 sx={{\r\n//                   margin: \"20px 0px\",\r\n//                 }}\r\n//               />\r\n\r\n//               <Stack\r\n//                 sx={{\r\n//                   gap: \"24px\",\r\n//                   flexDirection: \"row\",\r\n//                   alignItems: \"center\",\r\n//                 }}\r\n//               >\r\n//                 <Stack alignItems=\"center\" spacing={2}>\r\n//                   <Box\r\n//                     sx={{\r\n//                       width: \"80px\",\r\n//                       height: \"80px\",\r\n//                       position: \"relative\",\r\n//                       borderRadius: \"50%\",\r\n//                       border: \"3px solid #FFFFFF\",\r\n//                       backgroundColor: !selectedImage && \"#FDC830\",\r\n//                       display: \"flex\",\r\n//                       justifyContent: \"center\",\r\n//                       alignItems: \"center\",\r\n//                       transition: \"all 0.3s ease\",\r\n//                       \"& input\": { display: \"none\" },\r\n//                       \"& .action_button\": {\r\n//                         opacity: 1,\r\n//                         transition: \"opacity 0.3s ease\",\r\n//                       },\r\n//                     }}\r\n//                   >\r\n//                     {selectedImage && (\r\n//                       <Box\r\n//                         className=\"action_button\"\r\n//                         sx={{\r\n//                           position: \"absolute\",\r\n//                           bottom: \"5px\",\r\n//                           right: \"0px\",\r\n//                           left: \"64%\",\r\n//                           width: \"34px\",\r\n//                           top: \"64%\",\r\n//                           color: \"white\",\r\n//                           height: \"34px\",\r\n//                           backgroundColor: color.primaryColor,\r\n//                           borderRadius: \"50%\",\r\n//                           border: \"3px solid white\",\r\n//                           display: \"flex\",\r\n//                           justifyContent: \"center\",\r\n//                           alignItems: \"center\",\r\n//                           cursor: \"pointer\",\r\n//                           // boxShadow: \"0px 4px 6px rgba(0, 0, 0, 0.1)\",\r\n//                           transition: \"all 0.3s ease\",\r\n//                           \"&:hover\": {\r\n//                             backgroundColor: color.darkPrimary,\r\n//                           },\r\n//                         }}\r\n//                         onClick={handleClickEditProfile}\r\n//                       >\r\n//                         <IcImageGallery />\r\n//                       </Box>\r\n//                     )}\r\n\r\n//                     <input\r\n//                       type=\"file\"\r\n//                       accept=\".jpg, .jpeg, .png, .webp\"\r\n//                       id=\"file_input\"\r\n//                       onChange={handleFileChange}\r\n//                     />\r\n\r\n//                     {selectedImage ? (\r\n//                       <img\r\n//                         src={selectedImage}\r\n//                         alt=\"Selected\"\r\n//                         style={{\r\n//                           width: \"100%\",\r\n//                           height: \"100%\",\r\n//                           objectFit: \"cover\",\r\n//                           borderRadius: \"50%\",\r\n//                           border: \"1px solid #EEE\",\r\n//                         }}\r\n//                       />\r\n//                     ) : (\r\n//                       <Typography\r\n//                         sx={{\r\n//                           fontWeight: 500,\r\n//                           color: \"#FFFFFF\",\r\n//                           fontSize: \"24px\",\r\n//                         }}\r\n//                       >\r\n//                         {firstName}\r\n//                         {lastName}\r\n//                       </Typography>\r\n//                     )}\r\n//                   </Box>\r\n\r\n//                   {selectedImage ? (\r\n//                     <Typography\r\n//                       fontWeight={500}\r\n//                       fontSize=\"14px\"\r\n//                       color={color.errorColor}\r\n//                       sx={{\r\n//                         mt: \"8px !important\",\r\n//                         cursor: \"pointer\",\r\n//                         width: \"95px\",\r\n//                         \":hover\": {\r\n//                           textDecoration: \"underline !important\",\r\n//                         },\r\n//                       }}\r\n//                       onClick={() => {\r\n//                         setSelectedImage(null);\r\n//                       }}\r\n//                     >\r\n//                       Remove Photo\r\n//                     </Typography>\r\n//                   ) : (\r\n//                     <Typography\r\n//                       fontWeight={500}\r\n//                       fontSize=\"14px\"\r\n//                       color={color.primaryColor}\r\n//                       sx={{\r\n//                         mt: \"8px !important\",\r\n//                         width: \"90px\",\r\n//                         cursor: \"pointer\",\r\n//                         \":hover\": {\r\n//                           textDecoration: \"underline\",\r\n//                         },\r\n//                       }}\r\n//                       onClick={handleClickEditProfile}\r\n//                     >\r\n//                       Upload Photo\r\n//                     </Typography>\r\n//                   )}\r\n//                 </Stack>\r\n\r\n//                 <CommonDivider\r\n//                   orientation=\"vertical\"\r\n//                   sx={{\r\n//                     height: \"43px\",\r\n//                   }}\r\n//                 />\r\n\r\n//                 <Stack\r\n//                   sx={{\r\n//                     gap: \"8px\",\r\n//                   }}\r\n//                 >\r\n//                   <Typography\r\n//                     fontSize={{\r\n//                       xs: 16,\r\n//                       md: 24,\r\n//                       xl: 28,\r\n//                     }}\r\n//                     fontWeight={700}\r\n//                     color={color.titleDark}\r\n//                     height={{\r\n//                       xs: \"21px\",\r\n//                       md: \"35px\",\r\n//                       xl: \"40px\",\r\n//                     }}\r\n//                   >\r\n//                     Welcome to Cloudairy!\r\n//                   </Typography>\r\n//                   <Typography\r\n//                     fontSize={{\r\n//                       xs: 11,\r\n//                       md: 13,\r\n//                       xl: 15,\r\n//                     }}\r\n//                     fontWeight={fontWeight.weight400}\r\n//                     color={color.onboardingParaColor}\r\n//                   >\r\n//                     We're thrilled to have you join our community. To get\r\n//                     started, let's set up your first workspace.\r\n//                   </Typography>\r\n//                 </Stack>\r\n//               </Stack>\r\n\r\n//               <CommonDivider\r\n//                 my={\"0px\"}\r\n//                 sx={{\r\n//                   margin: \"20px 0px\",\r\n//                 }}\r\n//               />\r\n\r\n//               <Stack mb={{ xs: \"8px\", xl: \"4px\" }}>\r\n//                 <Typography\r\n//                   fontSize={{\r\n//                     xs: 12,\r\n//                     xl: 14,\r\n//                   }}\r\n//                   fontWeight={fontWeight.weight500}\r\n//                   color={color.onboardingParaColor}\r\n//                 >\r\n//                   What would you like to name your workspace?\r\n//                 </Typography>\r\n//               </Stack>\r\n\r\n//               <AuthInput\r\n//                 placeholder={\"e.g. Marketing\"}\r\n//                 value={workSpaceName}\r\n//                 errorMessage={formErrorsSignup.workSpaceName}\r\n//                 bgColor=\"white\"\r\n//                 height={40}\r\n//                 defaultBorderColor=\"#E1E1E1\"\r\n//                 type={\"text\"}\r\n//                 onChange={(e) => {\r\n//                   setWorkSpaceName(e.target.value);\r\n//                   const parsedQuickQuestions = JSON.parse(\r\n//                     quickQuestions || \"{}\"\r\n//                   );\r\n//                   localStorage.setItem(\r\n//                     \"quick_question\",\r\n//                     JSON.stringify({\r\n//                       ...(parsedQuickQuestions || {}),\r\n//                       company_name: e.target.value,\r\n//                     })\r\n//                   );\r\n//                 }}\r\n//                 sx={{\r\n//                   ml: \"-3px\",\r\n//                 }}\r\n//                 onKeyPress={(e) => {\r\n//                   if (e.key === \"Enter\") {\r\n//                     handleWorkSpaceName();\r\n//                   }\r\n//                 }}\r\n//                 onClick={() => {\r\n//                   setYourWork(true);\r\n//                 }}\r\n//               />\r\n\r\n//               <Stack\r\n//                 direction={\"row\"}\r\n//                 gap={\"8px\"}\r\n//                 alignItems={\"center\"}\r\n//                 mt={\"12px\"}\r\n//               >\r\n//                 <IcWarning fill={color.subTitle} />\r\n//                 <Typography\r\n//                   fontWeight={fontWeight.weight400}\r\n//                   fontSize={fontSizes.fontSize14}\r\n//                   color={color.onboardingParaColor}\r\n//                 >\r\n//                   You can also use the name of your company or organization\r\n//                 </Typography>\r\n//               </Stack>\r\n\r\n//               {yourWork && (\r\n//                 <Stack\r\n//                   sx={{\r\n//                     mt: {\r\n//                       xl: \"20px\",\r\n//                     },\r\n//                   }}\r\n//                 >\r\n//                   <Typography\r\n//                     fontSize={{\r\n//                       xs: 12,\r\n//                       xl: 14,\r\n//                     }}\r\n//                     fontWeight={fontWeight.weight500}\r\n//                     color={color.onboardingParaColor}\r\n//                   >\r\n//                     What kind of work you do?\r\n//                   </Typography>\r\n\r\n//                   <CustomAutoSelect\r\n//                     height={44}\r\n//                     aiShow={true}\r\n//                     icPadding={\"0px 6px\"}\r\n//                     icFill={color.subTitle}\r\n//                     mainSx={{\r\n//                       width: \"100%\",\r\n//                       \"& input\": {\r\n//                         fontSize: \"16px\",\r\n//                         mt: \"0px !important\",\r\n//                         color: \"#18181B !important\",\r\n//                       },\r\n//                     }}\r\n//                     placeholder=\"Select\"\r\n//                     options={optionsForYourWork}\r\n//                     value={\r\n//                       optionsForYourWork.find(\r\n//                         (option) => option.value === fileType\r\n//                       ) || \"\"\r\n//                     }\r\n//                     onChange={(value) => {\r\n//                       setFileType(value.value);\r\n//                       const profileData =\r\n//                         localStorage.getItem(\"quick_question\");\r\n//                       const companyData = {\r\n//                         ...JSON.parse(profileData || \"{}\"),\r\n//                         job_title: value.value,\r\n//                       };\r\n//                       localStorage.setItem(\r\n//                         \"quick_question\",\r\n//                         JSON.stringify(companyData)\r\n//                       );\r\n//                     }}\r\n//                     renderOption={(params) => {\r\n//                       const { key, \"aria-selected\": isSelected } = params;\r\n//                       return (\r\n//                         <Stack\r\n//                           direction=\"row\"\r\n//                           alignItems=\"center\"\r\n//                           justifyContent=\"space-between\"\r\n//                           px=\"14px 36px !important\"\r\n//                           height=\"40px\"\r\n//                           gap=\"18px\"\r\n//                           bgcolor={isSelected ? color.lightPrimary : \"#FFF\"}\r\n//                           {...params}\r\n//                           width=\"100%\"\r\n//                           position=\"relative\"\r\n//                         >\r\n//                           <Stack\r\n//                             alignItems=\"center\"\r\n//                             gap=\"8px\"\r\n//                             flexDirection=\"row\"\r\n//                           >\r\n//                             <Typography\r\n//                               fontSize={14}\r\n//                               height=\"20px\"\r\n//                               fontWeight={isSelected ? 600 : 400}\r\n//                               color={\r\n//                                 isSelected ? color?.primaryColor : \"#848382\"\r\n//                               }\r\n//                             >\r\n//                               {key}\r\n//                             </Typography>\r\n//                           </Stack>\r\n//                           {isSelected && (\r\n//                             <Box\r\n//                               sx={{\r\n//                                 position: \"absolute\",\r\n//                                 right: \"14px\",\r\n//                                 top: \"50%\",\r\n//                                 transform: \"translateY(-50%)\",\r\n//                               }}\r\n//                             >\r\n//                               <IcCheck fill={color?.primaryColor} />\r\n//                             </Box>\r\n//                           )}\r\n//                         </Stack>\r\n//                       );\r\n//                     }}\r\n//                   />\r\n//                 </Stack>\r\n//               )}\r\n\r\n//               {fileType && (\r\n//                 <Stack\r\n//                   sx={{\r\n//                     mt: {\r\n//                       xl: \"20px\",\r\n//                     },\r\n//                   }}\r\n//                 >\r\n//                   <Typography\r\n//                     fontSize={{\r\n//                       xs: 12,\r\n//                       xl: 14,\r\n//                     }}\r\n//                     fontWeight={fontWeight.weight500}\r\n//                     color={color.onboardingParaColor}\r\n//                   >\r\n//                     How do you plan to use Cloudairy?\r\n//                   </Typography>\r\n\r\n//                   <CustomAutoSelect\r\n//                     height={44}\r\n//                     aiShow={true}\r\n//                     icPadding={\"0px 6px\"}\r\n//                     icFill={color.subTitle}\r\n//                     mainSx={{\r\n//                       width: \"100%\",\r\n//                       \"& input\": {\r\n//                         fontSize: \"16px\",\r\n//                         mt: \"0px !important\",\r\n//                         color: \"#18181B !important\",\r\n//                       },\r\n//                     }}\r\n//                     placeholder=\"Select\"\r\n//                     options={cloudinaryUseOptions}\r\n//                     value={\r\n//                       cloudinaryUseOptions.find(\r\n//                         (option) => option.value === cloudairyUse\r\n//                       ) || \"\"\r\n//                     }\r\n//                     onChange={(value) => {\r\n//                       setCloudairyUse(value.value);\r\n//                       const profileData =\r\n//                         localStorage.getItem(\"quick_question\");\r\n//                       const companyData = {\r\n//                         ...JSON.parse(profileData || \"{}\"),\r\n//                         primary_goal: value.value,\r\n//                       };\r\n//                       localStorage.setItem(\r\n//                         \"quick_question\",\r\n//                         JSON.stringify(companyData)\r\n//                       );\r\n//                     }}\r\n//                     renderOption={(params) => {\r\n//                       const { key, \"aria-selected\": isSelected } = params;\r\n//                       return (\r\n//                         <Stack\r\n//                           direction=\"row\"\r\n//                           alignItems=\"center\"\r\n//                           justifyContent=\"space-between\"\r\n//                           px=\"14px 36px !important\"\r\n//                           height=\"40px\"\r\n//                           gap=\"18px\"\r\n//                           bgcolor={isSelected ? color.lightPrimary : \"#FFF\"}\r\n//                           {...params}\r\n//                           width=\"100%\"\r\n//                           position=\"relative\"\r\n//                         >\r\n//                           <Stack\r\n//                             alignItems=\"center\"\r\n//                             gap=\"8px\"\r\n//                             flexDirection=\"row\"\r\n//                           >\r\n//                             <Typography\r\n//                               fontSize={14}\r\n//                               height=\"20px\"\r\n//                               fontWeight={isSelected ? 600 : 400}\r\n//                               color={\r\n//                                 isSelected ? color?.primaryColor : \"#848382\"\r\n//                               }\r\n//                             >\r\n//                               {key}\r\n//                             </Typography>\r\n//                           </Stack>\r\n//                           {isSelected && (\r\n//                             <Box\r\n//                               sx={{\r\n//                                 position: \"absolute\",\r\n//                                 right: \"14px\",\r\n//                                 top: \"50%\",\r\n//                                 transform: \"translateY(-50%)\",\r\n//                               }}\r\n//                             >\r\n//                               <IcCheck fill={color?.primaryColor} />\r\n//                             </Box>\r\n//                           )}\r\n//                         </Stack>\r\n//                       );\r\n//                     }}\r\n//                   />\r\n//                 </Stack>\r\n//               )}\r\n\r\n//               {cloudairyUse && (\r\n//                 <Stack\r\n//                   sx={{\r\n//                     mt: {\r\n//                       xl: \"20px\",\r\n//                     },\r\n//                   }}\r\n//                 >\r\n//                   <Typography\r\n//                     fontSize={{\r\n//                       xs: 12,\r\n//                       xl: 14,\r\n//                     }}\r\n//                     fontWeight={fontWeight.weight500}\r\n//                     color={color.onboardingParaColor}\r\n//                   >\r\n//                     Which role best describes you?\r\n//                   </Typography>\r\n\r\n//                   <CustomAutoSelect\r\n//                     height={44}\r\n//                     aiShow={true}\r\n//                     icPadding={\"0px 6px\"}\r\n//                     icFill={color.subTitle}\r\n//                     mainSx={{\r\n//                       width: \"100%\",\r\n//                       \"& input\": {\r\n//                         fontSize: \"16px\",\r\n//                         mt: \"0px !important\",\r\n//                         color: \"#18181B !important\",\r\n//                       },\r\n//                     }}\r\n//                     placeholder=\"Select\"\r\n//                     options={roleOptions}\r\n//                     value={\r\n//                       roleOptions.find((option) => option.value === role) || \"\"\r\n//                     }\r\n//                     onChange={(value) => {\r\n//                       setRole(value.value);\r\n//                       const profileData =\r\n//                         localStorage.getItem(\"quick_question\");\r\n//                       const companyData = {\r\n//                         ...JSON.parse(profileData || \"{}\"),\r\n//                         role: value.value,\r\n//                       };\r\n//                       localStorage.setItem(\r\n//                         \"quick_question\",\r\n//                         JSON.stringify(companyData)\r\n//                       );\r\n//                     }}\r\n//                     renderOption={(params) => {\r\n//                       const { key, \"aria-selected\": isSelected } = params;\r\n//                       return (\r\n//                         <Stack\r\n//                           direction=\"row\"\r\n//                           alignItems=\"center\"\r\n//                           justifyContent=\"space-between\"\r\n//                           px=\"14px 36px !important\"\r\n//                           height=\"40px\"\r\n//                           gap=\"18px\"\r\n//                           bgcolor={isSelected ? color.lightPrimary : \"#FFF\"}\r\n//                           {...params}\r\n//                           width=\"100%\"\r\n//                           position=\"relative\"\r\n//                         >\r\n//                           <Stack\r\n//                             alignItems=\"center\"\r\n//                             gap=\"8px\"\r\n//                             flexDirection=\"row\"\r\n//                           >\r\n//                             <Typography\r\n//                               fontSize={14}\r\n//                               height=\"20px\"\r\n//                               fontWeight={isSelected ? 600 : 400}\r\n//                               color={\r\n//                                 isSelected ? color?.primaryColor : \"#848382\"\r\n//                               }\r\n//                             >\r\n//                               {key}\r\n//                             </Typography>\r\n//                           </Stack>\r\n//                           {isSelected && (\r\n//                             <Box\r\n//                               sx={{\r\n//                                 position: \"absolute\",\r\n//                                 right: \"14px\",\r\n//                                 top: \"50%\",\r\n//                                 transform: \"translateY(-50%)\",\r\n//                               }}\r\n//                             >\r\n//                               <IcCheck fill={color?.primaryColor} />\r\n//                             </Box>\r\n//                           )}\r\n//                         </Stack>\r\n//                       );\r\n//                     }}\r\n//                   />\r\n//                 </Stack>\r\n//               )}\r\n\r\n//               {role && (\r\n//                 <Stack\r\n//                   sx={{\r\n//                     mt: {\r\n//                       xl: \"20px\",\r\n//                     },\r\n//                   }}\r\n//                 >\r\n//                   <Typography\r\n//                     fontSize={{\r\n//                       xs: 12,\r\n//                       xl: 14,\r\n//                     }}\r\n//                     fontWeight={fontWeight.weight500}\r\n//                     color={color.onboardingParaColor}\r\n//                   >\r\n//                     How did you hear about us?\r\n//                   </Typography>\r\n\r\n//                   <CustomAutoSelect\r\n//                     height={44}\r\n//                     aiShow={true}\r\n//                     icPadding={\"0px 6px\"}\r\n//                     icFill={color.subTitle}\r\n//                     mainSx={{\r\n//                       width: \"100%\",\r\n//                       \"& input\": {\r\n//                         fontSize: \"16px\",\r\n//                         mt: \"0px !important\",\r\n//                         color: \"#18181B !important\",\r\n//                       },\r\n//                     }}\r\n//                     placeholder=\"Select\"\r\n//                     options={optionsSource}\r\n//                     value={\r\n//                       optionsSource.find((option) => option.value === source) ||\r\n//                       \"\"\r\n//                     }\r\n//                     onChange={(value) => {\r\n//                       setSource(value.value);\r\n//                       const profileData =\r\n//                         localStorage.getItem(\"quick_question\");\r\n//                       const companyData = {\r\n//                         ...JSON.parse(profileData || \"{}\"),\r\n//                         refrence_from: value.value,\r\n//                       };\r\n//                       localStorage.setItem(\r\n//                         \"quick_question\",\r\n//                         JSON.stringify(companyData)\r\n//                       );\r\n//                     }}\r\n//                     renderOption={(params) => {\r\n//                       const { key, \"aria-selected\": isSelected } = params;\r\n//                       return (\r\n//                         <Stack\r\n//                           direction=\"row\"\r\n//                           alignItems=\"center\"\r\n//                           justifyContent=\"space-between\"\r\n//                           px=\"14px 36px !important\"\r\n//                           height=\"40px\"\r\n//                           gap=\"18px\"\r\n//                           bgcolor={isSelected ? color.lightPrimary : \"#FFF\"}\r\n//                           {...params}\r\n//                           width=\"100%\"\r\n//                           position=\"relative\"\r\n//                         >\r\n//                           <Stack\r\n//                             alignItems=\"center\"\r\n//                             gap=\"8px\"\r\n//                             flexDirection=\"row\"\r\n//                           >\r\n//                             <Typography\r\n//                               fontSize={14}\r\n//                               height=\"20px\"\r\n//                               fontWeight={isSelected ? 600 : 400}\r\n//                               color={\r\n//                                 isSelected ? color?.primaryColor : \"#848382\"\r\n//                               }\r\n//                             >\r\n//                               {key}\r\n//                             </Typography>\r\n//                           </Stack>\r\n//                           {isSelected && (\r\n//                             <Box\r\n//                               sx={{\r\n//                                 position: \"absolute\",\r\n//                                 right: \"14px\",\r\n//                                 top: \"50%\",\r\n//                                 transform: \"translateY(-50%)\",\r\n//                               }}\r\n//                             >\r\n//                               <IcCheck fill={color?.primaryColor} />\r\n//                             </Box>\r\n//                           )}\r\n//                         </Stack>\r\n//                       );\r\n//                     }}\r\n//                   />\r\n//                 </Stack>\r\n//               )}\r\n\r\n//               <BtnGradient\r\n//                 disabled={!source}\r\n//                 onClick={() => {\r\n//                   handleWorkSpaceName();\r\n//                 }}\r\n//                 fullWidth={true}\r\n//                 sx={{\r\n//                   height: {\r\n//                     xs: \"30px !important\",\r\n//                     md: \"39px !important\",\r\n//                     xl: \"40px !important\",\r\n//                   },\r\n//                   mt: {\r\n//                     xs: \"22px\",\r\n//                     md: \"24px\",\r\n//                     xl: \"32px\",\r\n//                     lg: \"24px\",\r\n//                   },\r\n//                   display: \"flex\",\r\n//                   alignItems: \"center\",\r\n//                   justifyContent: \"center\",\r\n//                   gap: \"8px\",\r\n//                 }}\r\n//               >\r\n//                 {loading && <SimpleCircularProgress size={20} />}\r\n//                 <Typography\r\n//                   fontWeight={fontWeight.weight600}\r\n//                   fontSize={{\r\n//                     xs: fontSizes.fontSize13,\r\n//                     md: fontSizes.fontSize14,\r\n//                   }}\r\n//                   height={fontSizes.btnTextHeight}\r\n//                 >\r\n//                   Continue\r\n//                 </Typography>\r\n//               </BtnGradient>\r\n//             </Box>\r\n//           </Stack>\r\n//         </Stack>\r\n//       </section>\r\n//       <ChoosePlan open={showPlans} setOpen={setShowPlans} />\r\n//     </>\r\n//   );\r\n// }\r\n\r\n// export default WelcomeCloudairy;\r\n\r\nimport React, { useEffect, useState } from \"react\";\r\nimport { Box, Stack, Typography } from \"@mui/material\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport { IcImageGallery, IcWarning } from \"../../../assets/icon-components\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport commanService from \"../../../CommanFunctions/commanService\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { errorToast } from \"../../../Redux/toastSlice\";\r\nimport SimpleCircularProgress from \"../../../common-components/SimpleCircularProgress\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport AuthInput from \"../components/AuthInput\";\r\nimport ChoosePlan from \"../../upgrade-plan/ChoosePlan\";\r\nimport { s3AssetsUrl } from \"../../DrawBoard/const\";\r\n\r\nfunction WelcomeCloudairy() {\r\n  const dispatch = useDispatch();\r\n  let user_data = localStorage.getItem(\"user_data\");\r\n  const parsedUserData = JSON.parse(user_data);\r\n  const [selectedImageFile, setSelectedImageFile] = useState(null);\r\n  const [selectedImage, setSelectedImage] = useState(null);\r\n  const [loading, setLoading] = useState(false);\r\n  const [formErrorsSignup, setFormErrorsSignup] = useState({\r\n    workSpaceName: \"\",\r\n  });\r\n  const [workSpaceName, setWorkSpaceName] = useState(\"\");\r\n  const [showPlans, setShowPlans] = useState(false);\r\n\r\n  useEffect(() => {\r\n    let quickQuestions = localStorage.getItem(\"quick_question\");\r\n    if (quickQuestions) {\r\n      quickQuestions = JSON.parse(quickQuestions);\r\n      setSelectedImage(quickQuestions.profile_picture);\r\n\r\n      if (quickQuestions?.company_name) {\r\n        setWorkSpaceName(quickQuestions?.company_name);\r\n      } else {\r\n        if (parsedUserData) {\r\n          setWorkSpaceName(\r\n            parsedUserData?.first_name\r\n              ? `${parsedUserData?.first_name}'s Workspace`\r\n              : \"\"\r\n          );\r\n        }\r\n      }\r\n    } else {\r\n      if (parsedUserData) {\r\n        setWorkSpaceName(\r\n          parsedUserData?.first_name\r\n            ? `${parsedUserData?.first_name}'s Workspace`\r\n            : \"\"\r\n        );\r\n      }\r\n    }\r\n  }, [user_data]);\r\n\r\n  const handleClickEditProfile = () => {\r\n    const file_input = document.getElementById(\"file_input\");\r\n    file_input.click();\r\n  };\r\n\r\n  const navigate = useNavigate();\r\n\r\n  const validateWorkSpaceName = (fieldName, value) => {\r\n    let valid = true;\r\n    if (fieldName === \"work_space_name\") {\r\n      if (value.trim().length <= 0) {\r\n        setFormErrorsSignup((prev) => ({\r\n          ...prev,\r\n          workSpaceName: \"Please enter a workspace name\",\r\n        }));\r\n        valid = false;\r\n      } else {\r\n        setFormErrorsSignup((prev) => ({\r\n          ...prev,\r\n          workSpaceName: \"\",\r\n        }));\r\n        valid = true;\r\n      }\r\n    }\r\n    return valid;\r\n  };\r\n\r\n  const handleWorkSpaceName = async () => {\r\n    try {\r\n      let imagePath;\r\n      if (selectedImageFile) {\r\n        setLoading(true);\r\n        const formData = new FormData();\r\n        formData.append(\"file\", selectedImageFile);\r\n        formData.append(\"fileName\", \"workspace-profile\");\r\n        const imageUploadResponse = await commanService.uploadApi(\r\n          \"drawboard\",\r\n          `upload/files`,\r\n          formData\r\n        );\r\n        imagePath = imageUploadResponse.data.data[0]?.location;\r\n      }\r\n\r\n      const validWorkSpaceName = validateWorkSpaceName(\r\n        \"work_space_name\",\r\n        workSpaceName\r\n      );\r\n\r\n      if (!validWorkSpaceName) {\r\n        return;\r\n      } else {\r\n        if (parsedUserData) {\r\n          if (parsedUserData?.has_workspace === false) {\r\n            localStorage.setItem(\r\n              \"create_new_workspace_data\",\r\n              JSON.stringify({\r\n                is_new_workspace: true,\r\n                workspace_name: workSpaceName,\r\n              })\r\n            );\r\n            setTimeout(() => {\r\n              setShowPlans(true);\r\n            }, 100);\r\n            return;\r\n          }\r\n        }\r\n\r\n        let quick_question = JSON.parse(\r\n          localStorage.getItem(\"quick_question\") || \"{}\"\r\n        );\r\n        localStorage.setItem(\r\n          \"create_new_workspace_data\",\r\n          JSON.stringify({\r\n            is_new_workspace: true,\r\n            workspace_name: workSpaceName,\r\n          })\r\n        );\r\n\r\n        if (quick_question) {\r\n          quick_question.company_name = workSpaceName;\r\n          quick_question.profile_picture = imagePath;\r\n        }\r\n        localStorage.setItem(\r\n          \"user_data\",\r\n          JSON.stringify({\r\n            ...parsedUserData,\r\n            company_name: workSpaceName,\r\n            profile_picture: imagePath || parsedUserData?.profile_picture || \"\",\r\n          })\r\n        );\r\n        localStorage.setItem(\"quick_question\", JSON.stringify(quick_question));\r\n        setLoading(true);\r\n      }\r\n\r\n      if (validWorkSpaceName) {\r\n        navigate(\"/your-work\");\r\n      }\r\n    } catch (error) {\r\n      dispatch(\r\n        errorToast({\r\n          message:\r\n            error.response?.data?.message ||\r\n            error.response?.data?.error[0] ||\r\n            error?.message,\r\n        })\r\n      );\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  };\r\n\r\n  const handleFileChange = async (event) => {\r\n    const file = event.target.files[0];\r\n\r\n    const reader = new FileReader();\r\n    setSelectedImageFile(file);\r\n\r\n    reader.onload = () => {\r\n      const img = new Image();\r\n      img.src = reader.result;\r\n\r\n      img.onload = () => {\r\n        setSelectedImage(reader.result);\r\n      };\r\n    };\r\n\r\n    reader.readAsDataURL(file);\r\n  };\r\n\r\n  let firstName = \"W\";\r\n  let lastName = \"P\";\r\n\r\n  if (user_data) {\r\n    const parsedUserData = JSON.parse(user_data);\r\n\r\n    if (parsedUserData?.first_name) {\r\n      firstName = (parsedUserData?.first_name || \"\")[0]\r\n        ?.toUpperCase()\r\n        .charAt(0);\r\n      lastName = parsedUserData?.last_name\r\n        ? (parsedUserData?.last_name || \"\")[0]?.toUpperCase().charAt(0)\r\n        : \"\";\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    let quick_question = localStorage.getItem(\"quick_question\");\r\n\r\n    if (quick_question) {\r\n      quick_question = JSON.parse(quick_question);\r\n    }\r\n\r\n    if (quick_question?.job_title) {\r\n      setWorkSpaceName(quick_question.company_name);\r\n    }\r\n  }, []);\r\n\r\n  return (\r\n    <>\r\n      <section id=\"auth_container\">\r\n        <Stack className=\"auth-bg\">\r\n          <img\r\n            src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n            alt=\"cloudDairyColoredLogo\"\r\n            className=\"cloudDairyColoredLogo\"\r\n            onClick={() => {\r\n              navigate(\"/login\");\r\n            }}\r\n            style={{\r\n              cursor: \"pointer\",\r\n            }}\r\n          />\r\n\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n            height={\"100svh\"}\r\n          >\r\n            <Box\r\n              width={{\r\n                xs: \"60% !important\",\r\n                md: \"43% !important\",\r\n                xl: \"31.5% !important\",\r\n              }}\r\n              className=\"login-form\"\r\n            >\r\n              <Stack alignItems=\"center\" justifyContent=\"center\" spacing={2}>\r\n                <Box\r\n                  sx={{\r\n                    width: \"100px\",\r\n                    height: \"100px\",\r\n                    position: \"relative\",\r\n                    borderRadius: \"50%\",\r\n                    border: \"3px solid #FFFFFF\",\r\n                    backgroundColor: !selectedImage && \"#FDC830\",\r\n                    display: \"flex\",\r\n                    justifyContent: \"center\",\r\n                    alignItems: \"center\",\r\n                    transition: \"all 0.3s ease\",\r\n                    \"& input\": { display: \"none\" },\r\n                    \"& .action_button\": {\r\n                      opacity: 1,\r\n                      transition: \"opacity 0.3s ease\",\r\n                    },\r\n                  }}\r\n                >\r\n                  {selectedImage && (\r\n                    <Box\r\n                      className=\"action_button\"\r\n                      sx={{\r\n                        position: \"absolute\",\r\n                        bottom: \"5px\",\r\n                        right: \"0px\",\r\n                        left: \"64%\",\r\n                        width: \"34px\",\r\n                        top: \"64%\",\r\n                        color: \"white\",\r\n                        height: \"34px\",\r\n                        backgroundColor: color.primaryColor,\r\n                        borderRadius: \"50%\",\r\n                        border: \"3px solid white\",\r\n                        display: \"flex\",\r\n                        justifyContent: \"center\",\r\n                        alignItems: \"center\",\r\n                        cursor: \"pointer\",\r\n                        // boxShadow: \"0px 4px 6px rgba(0, 0, 0, 0.1)\",\r\n                        transition: \"all 0.3s ease\",\r\n                        \"&:hover\": {\r\n                          backgroundColor: color.darkPrimary,\r\n                        },\r\n                      }}\r\n                      onClick={handleClickEditProfile}\r\n                    >\r\n                      <IcImageGallery />\r\n                    </Box>\r\n                  )}\r\n\r\n                  <input\r\n                    type=\"file\"\r\n                    accept=\".jpg, .jpeg, .png, .webp\"\r\n                    id=\"file_input\"\r\n                    onChange={handleFileChange}\r\n                  />\r\n\r\n                  {selectedImage ? (\r\n                    <img\r\n                      src={selectedImage}\r\n                      alt=\"Selected\"\r\n                      style={{\r\n                        width: \"100%\",\r\n                        height: \"100%\",\r\n                        objectFit: \"cover\",\r\n                        borderRadius: \"50%\",\r\n                        border: \"1px solid #EEE\",\r\n                      }}\r\n                    />\r\n                  ) : (\r\n                    <Typography\r\n                      sx={{\r\n                        fontWeight: 500,\r\n                        color: \"#FFFFFF\",\r\n                        fontSize: \"24px\",\r\n                      }}\r\n                    >\r\n                      {firstName}\r\n                      {lastName}\r\n                    </Typography>\r\n                  )}\r\n                </Box>\r\n\r\n                {selectedImage ? (\r\n                  <Typography\r\n                    fontWeight={500}\r\n                    fontSize=\"14px\"\r\n                    color={color.errorColor}\r\n                    sx={{\r\n                      mt: \"8px !important\",\r\n                      cursor: \"pointer\",\r\n                      \":hover\": {\r\n                        textDecoration: \"underline !important\",\r\n                      },\r\n                    }}\r\n                    onClick={() => {\r\n                      setSelectedImage(null);\r\n                    }}\r\n                  >\r\n                    Remove Photo\r\n                  </Typography>\r\n                ) : (\r\n                  <Typography\r\n                    fontWeight={500}\r\n                    fontSize=\"14px\"\r\n                    color={color.primaryColor}\r\n                    sx={{\r\n                      mt: \"8px !important\",\r\n                      cursor: \"pointer\",\r\n                      \":hover\": {\r\n                        textDecoration: \"underline\",\r\n                      },\r\n                    }}\r\n                    onClick={handleClickEditProfile}\r\n                  >\r\n                    Upload Photo\r\n                  </Typography>\r\n                )}\r\n              </Stack>\r\n\r\n              <Stack\r\n                alignItems={\"center\"}\r\n                justifyContent={\"center\"}\r\n                mt={{ xs: \"16px\", xl: \"20px\" }}\r\n                mb={\"8px\"}\r\n              >\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: 16,\r\n                    md: 24,\r\n                    xl: 28,\r\n                  }}\r\n                  fontWeight={700}\r\n                  color={color.titleDark}\r\n                  height={{\r\n                    xs: \"21px\",\r\n                    md: \"35px\",\r\n                    xl: \"40px\",\r\n                  }}\r\n                >\r\n                  Welcome to Cloudairy!\r\n                </Typography>\r\n              </Stack>\r\n\r\n              <Stack\r\n                alignItems={\"center\"}\r\n                justifyContent={\"center\"}\r\n                textAlign={\"center\"}\r\n                mb={{ xs: \"18px\", xl: \"26px\" }}\r\n              >\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: 11,\r\n                    md: 13,\r\n                    xl: 14,\r\n                  }}\r\n                  fontWeight={fontWeight.weight400}\r\n                  color={color.subTitle}\r\n                  px={\"54px\"}\r\n                >\r\n                  We're thrilled to have you join our community. To get started,\r\n                  let's set up your first workspace.\r\n                </Typography>\r\n              </Stack>\r\n\r\n              <Stack textAlign={\"center\"} mb={{ xs: \"10px\", xl: \"12px\" }}>\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: 16,\r\n                    xl: 18,\r\n                  }}\r\n                  fontWeight={fontWeight.weight600}\r\n                  color={color.titleDark}\r\n                >\r\n                  What would you like to name your workspace?\r\n                </Typography>\r\n              </Stack>\r\n\r\n              <AuthInput\r\n                placeholder={\"e.g. Marketing\"}\r\n                value={workSpaceName}\r\n                errorMessage={formErrorsSignup.workSpaceName}\r\n                bgColor=\"white\"\r\n                height={40}\r\n                defaultBorderColor=\"#E1E1E1\"\r\n                type={\"text\"}\r\n                onChange={(e) => {\r\n                  setWorkSpaceName(e.target.value);\r\n                }}\r\n                onKeyPress={(e) => {\r\n                  if (e.key === \"Enter\") {\r\n                    handleWorkSpaceName();\r\n                  }\r\n                }}\r\n              />\r\n\r\n              <Stack\r\n                direction={\"row\"}\r\n                gap={\"8px\"}\r\n                alignItems={\"center\"}\r\n                mt={\"12px\"}\r\n              >\r\n                <IcWarning fill={color.subTitle} />\r\n                <Typography\r\n                  fontWeight={fontWeight.weight400}\r\n                  fontSize={fontSizes.fontSize14}\r\n                  color={color.subTitle}\r\n                >\r\n                  You can also use the name of your company or organization\r\n                </Typography>\r\n              </Stack>\r\n\r\n              <BtnGradient\r\n                disabled={loading}\r\n                onClick={() => {\r\n                  handleWorkSpaceName();\r\n                  // moveQTwo();\r\n                }}\r\n                fullWidth={true}\r\n                sx={{\r\n                  height: {\r\n                    xs: \"30px !important\",\r\n                    md: \"39px !important\",\r\n                    xl: \"40px !important\",\r\n                  },\r\n                  mt: {\r\n                    xs: \"20px\",\r\n                    md: \"20px\",\r\n                    xl: \"22px\",\r\n                    lg: \"20px\",\r\n                  },\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                  gap: \"8px\",\r\n                }}\r\n              >\r\n                {loading && <SimpleCircularProgress size={20} />}\r\n                <Typography\r\n                  fontWeight={fontWeight.weight600}\r\n                  fontSize={{\r\n                    xs: fontSizes.fontSize13,\r\n                    md: fontSizes.fontSize14,\r\n                  }}\r\n                  height={fontSizes.btnTextHeight}\r\n                >\r\n                  Create Workspace\r\n                </Typography>\r\n              </BtnGradient>\r\n            </Box>\r\n          </Stack>\r\n        </Stack>\r\n      </section>\r\n      <ChoosePlan open={showPlans} setOpen={setShowPlans} />\r\n    </>\r\n  );\r\n}\r\n\r\nexport default WelcomeCloudairy;\r\n","import React, { useRef, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  FormControl,\r\n  FormLabel,\r\n  IconButton,\r\n  InputAdornment,\r\n  OutlinedInput,\r\n  Stack,\r\n  TextField,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport {\r\n  IcEyeClose,\r\n  IcEyeOpen,\r\n  IcInfoOutlined,\r\n} from \"../../../assets/icon-components\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\n\r\nconst AuthInput = ({\r\n  label,\r\n  required,\r\n  placeholder,\r\n  type = \"text\",\r\n  value,\r\n  defaultValue,\r\n  errorMessage = \"\",\r\n  sx = {},\r\n  showPassword = false,\r\n  onChange = (e) => {},\r\n  handleClickShowPassword,\r\n  endAdornment = false,\r\n  disabled = false,\r\n  securityInput = false,\r\n  onKeyPress,\r\n  inputRef = null,\r\n  xsHeight = 30,\r\n  mdHeight = 35,\r\n  lgHeight = 40,\r\n  height = 48,\r\n  bgColor = \"\",\r\n  border = \"\",\r\n  borderRadius = \"\",\r\n  borderLeft = \"\",\r\n  borderRight = \"\",\r\n  formProps,\r\n  defaultBorderColor = \"transparent\",\r\n  onBlur = (e) => {},\r\n  ...rest\r\n}) => {\r\n  const componentInputRef = useRef(null);\r\n  const [focus, setFocus] = useState(false);\r\n\r\n  const handleMouseDownPassword = (event) => {\r\n    event.preventDefault();\r\n  };\r\n\r\n  return (\r\n    <FormControl\r\n      fullWidth\r\n      sx={{\r\n        \"& .MuiOutlinedInput-root\": {\r\n          borderRadius: \"8px\",\r\n          pr: 0,\r\n        },\r\n        position: \"relative\",\r\n        ...sx,\r\n      }}\r\n      className=\"large-simple-input\"\r\n    >\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          mb: \"2px\",\r\n          fontWeight: \"600\",\r\n        }}\r\n      >\r\n        {label}\r\n        {required && <span className=\"required\">*</span>}\r\n      </FormLabel>\r\n      {!endAdornment ? (\r\n        <Box\r\n          borderRadius={borderRadius ? borderRadius : \"12px\"}\r\n          border={\r\n            border\r\n              ? border\r\n              : errorMessage.length > 0\r\n              ? \"3px solid #FF393224\"\r\n              : focus\r\n              ? `3px solid ${color.primaryShadowColor}`\r\n              : \"3px solid transparent\"\r\n          }\r\n          // borderLeft={\r\n          //   errorMessage.length > 0 || focus\r\n          //     ? \"\"\r\n          //     : borderLeft\r\n          //     ? borderLeft\r\n          //     : \"none\"\r\n          // }\r\n          // borderRight={\r\n          //   errorMessage.length > 0 || focus\r\n          //     ? \"\"\r\n          //     : borderRight\r\n          //     ? borderRight\r\n          //     : \"none\"\r\n          // }\r\n        >\r\n          <TextField\r\n            fullWidth\r\n            inputRef={inputRef || componentInputRef}\r\n            type={type}\r\n            disabled={disabled}\r\n            label=\"\"\r\n            value={value}\r\n            defaultValue={defaultValue}\r\n            placeholder={placeholder}\r\n            autoComplete=\"off\"\r\n            onChange={onChange}\r\n            onKeyPress={onKeyPress}\r\n            onFocus={() => {\r\n              setFocus(true);\r\n            }}\r\n            onBlur={() => setFocus(false)}\r\n            sx={{\r\n              height: {\r\n                xs: `${xsHeight}px`,\r\n                md: `${mdHeight}px`,\r\n                lg: `${lgHeight}px`,\r\n                xl: `${height}px`,\r\n              },\r\n              \"& .MuiInputBase-root\": {\r\n                height: \"100%\",\r\n                bgcolor: disabled\r\n                  ? \"#F9FAFB\"\r\n                  : bgColor\r\n                  ? bgColor\r\n                  : focus || errorMessage.length > 0\r\n                  ? \"#FFF\"\r\n                  : \"#F5F7FA\",\r\n              },\r\n              borderRadius: \"8px !important\",\r\n              input: {\r\n                py: 0,\r\n                pl: \"15px\",\r\n                height: {\r\n                  xs: `${xsHeight - 2}px`,\r\n                  md: `${mdHeight - 2}px`,\r\n                  lg: `${lgHeight - 2}px`,\r\n                  xl: `${height - 2}px`,\r\n                },\r\n                borderColor:\r\n                  errorMessage.length > 0\r\n                    ? \"#FF3932 !important\"\r\n                    : focus\r\n                    ? `${color.primaryColor} !important`\r\n                    : `${defaultBorderColor} !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                borderRadius: \"8px !important\",\r\n                \"&::placeholder\": {\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: `${color.subTitle} !important`,\r\n                  opacity: 1,\r\n                  fontWeight: 400,\r\n                },\r\n              },\r\n              fieldset: {\r\n                display: \"none\",\r\n              },\r\n            }}\r\n            {...formProps}\r\n            {...rest}\r\n          />\r\n        </Box>\r\n      ) : (\r\n        <Box\r\n          borderRadius={borderRadius ? borderRadius : \"12px\"}\r\n          border={\r\n            border\r\n              ? border\r\n              : errorMessage.length > 0\r\n              ? \"3px solid #FF393224\"\r\n              : focus\r\n              ? `3px solid ${color.primaryShadowColor}`\r\n              : \"3px solid transparent\"\r\n          }\r\n          // borderLeft={\r\n          //   errorMessage.length > 0 || focus\r\n          //     ? \"\"\r\n          //     : borderLeft\r\n          //     ? borderLeft\r\n          //     : \"none\"\r\n          // }\r\n          // borderRight={\r\n          //   errorMessage.length > 0 || focus\r\n          //     ? \"\"\r\n          //     : borderRight\r\n          //     ? borderRight\r\n          //     : \"none\"\r\n          // }\r\n        >\r\n          <OutlinedInput\r\n            {...formProps}\r\n            id=\"outlined-adornment-password\"\r\n            type={type}\r\n            inputRef={inputRef || componentInputRef}\r\n            fullWidth\r\n            label=\"\"\r\n            value={value}\r\n            defaultValue={defaultValue}\r\n            placeholder={placeholder}\r\n            onKeyPress={onKeyPress}\r\n            onChange={onChange}\r\n            // autoComplete=\"off\"\r\n            autoComplete=\"new-password\"\r\n            onFocus={() => {\r\n              setFocus(true);\r\n            }}\r\n            onBlur={() => {\r\n              onBlur();\r\n              setFocus(false);\r\n            }}\r\n            sx={{\r\n              height: {\r\n                xs: `${xsHeight}px`,\r\n                md: `${mdHeight}px`,\r\n                lg: `${lgHeight}px`,\r\n                xl: `${height}px`,\r\n              },\r\n              borderColor:\r\n                errorMessage.length > 0\r\n                  ? \"#FF3932 !important\"\r\n                  : focus\r\n                  ? `${color.primaryColor} !important`\r\n                  : securityInput\r\n                  ? \"#E1E1E1 !important\"\r\n                  : `${defaultBorderColor} !important`,\r\n              \"& .MuiInputBase-root\": {\r\n                height: \"100%\",\r\n              },\r\n\r\n              bgcolor: bgColor\r\n                ? bgColor\r\n                : focus || errorMessage.length > 0\r\n                ? \"#FFF !important\"\r\n                : securityInput\r\n                ? \"#FFF !important\"\r\n                : \"#F5F7FA !important\",\r\n              border: border ? border : `1px solid ${defaultBorderColor}`,\r\n              borderRadius: \"8px !important\",\r\n              input: {\r\n                py: 0,\r\n                pl: \"15px\",\r\n                height: {\r\n                  xs: `${xsHeight - 2}px`,\r\n                  md: `${mdHeight - 2}px`,\r\n                  lg: `${lgHeight - 2}px`,\r\n                  xl: `${height - 2}px`,\r\n                },\r\n                border: \"none !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                borderRadius: \"8px 0px 0px 8px !important\",\r\n                \"&::placeholder\": {\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: `${color.subTitle} !important`,\r\n                  opacity: 1,\r\n                  fontWeight: 400,\r\n                },\r\n              },\r\n              fieldset: {\r\n                display: \"none\",\r\n              },\r\n            }}\r\n            endAdornment={\r\n              <InputAdornment\r\n                position=\"end\"\r\n                sx={{\r\n                  ml: 0,\r\n                }}\r\n              >\r\n                <IconButton\r\n                  aria-label=\"toggle password visibility\"\r\n                  onClick={() => {\r\n                    const inputElement = (inputRef || componentInputRef)\r\n                      ?.current;\r\n                    if (inputElement) {\r\n                      const cursorPosition = inputElement.selectionStart; // Get the current cursor position\r\n                      setTimeout(() => {\r\n                        inputElement.focus(); // Ensure the input remains focused\r\n                        inputElement.setSelectionRange(\r\n                          cursorPosition,\r\n                          cursorPosition\r\n                        ); // Restore cursor position\r\n                      }, 0);\r\n                    }\r\n                    handleClickShowPassword();\r\n                  }}\r\n                  onMouseDown={handleMouseDownPassword}\r\n                  edge=\"end\"\r\n                  sx={{\r\n                    \"& img\": {\r\n                      width: \"17px\",\r\n                    },\r\n                    mr: 0,\r\n                    height: {\r\n                      xs: `${xsHeight}px`,\r\n                      md: `${mdHeight}px`,\r\n                      lg: `${lgHeight}px`,\r\n                      xl: `${height}px`,\r\n                    },\r\n                    width: \"48px\",\r\n                    padding: 0,\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                    borderRadius: \"0px 8px 8px 0px\",\r\n                    \"&:hover\": {\r\n                      backgroundColor: \"transparent !important\",\r\n                    },\r\n                  }}\r\n                >\r\n                  {showPassword ? (\r\n                    <IcEyeClose fill=\"#848382\" />\r\n                  ) : (\r\n                    <IcEyeOpen fill=\"#848382\" />\r\n                  )}\r\n                </IconButton>\r\n              </InputAdornment>\r\n            }\r\n          />\r\n        </Box>\r\n      )}\r\n\r\n      {errorMessage.length > 0 && (\r\n        <Stack\r\n          mt={{\r\n            xs: \"0px\",\r\n            xl: \"5px\",\r\n          }}\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 AuthInput;\r\n","import React from \"react\";\r\n\r\nconst DeleteMyAccount = () => {\r\n  return <div></div>;\r\n};\r\n\r\nexport default DeleteMyAccount;\r\n","import { Box, Stack, Typography } from \"@mui/material\";\r\nimport React, { useState } from \"react\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport BtnColoredOutlined from \"../../../common-components/buttons/BtnColoredOutlined\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport { useDeleteTeamConfirmationMutation } from \"../../../Redux/api/usersApi\";\r\nimport { errorToast, successToast } from \"../../../Redux/toastSlice\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\nimport { s3AssetsUrl } from \"../../DrawBoard/const\";\r\n\r\nconst DeleteTeam = () => {\r\n  const dispatch = useDispatch();\r\n  const location = useLocation();\r\n  const queryParams = new URLSearchParams(location?.search);\r\n  const token = queryParams.get(\"token\");\r\n  const teamName = queryParams.get(\"team_name\");\r\n\r\n  const [deleteTeamConfirmation, { isLoading: deletionInProgress }] =\r\n    useDeleteTeamConfirmationMutation();\r\n\r\n  const navigate = useNavigate();\r\n\r\n  const handleTeamDelete = async () => {\r\n    const payload = {\r\n      token: token,\r\n    };\r\n\r\n    try {\r\n      const result = await deleteTeamConfirmation(payload);\r\n      if (result?.error) {\r\n        dispatch(errorToast({ message: result?.error?.data?.message }));\r\n      } else if (result?.data?.status) {\r\n        dispatch(successToast({ message: result?.data?.message }));\r\n        localStorage.clear();\r\n        navigate(\"/\");\r\n      }\r\n    } catch (error) {\r\n      console.error({ error }, \"Error in deletion\");\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <section id=\"auth_container\">\r\n        <Stack className=\"auth-bg\">\r\n          <Stack\r\n            width={\"100%\"}\r\n            height={\"75px\"}\r\n            justifyContent={\"space-between\"}\r\n            alignItems={\"center\"}\r\n            direction={\"row\"}\r\n          >\r\n            <img\r\n              src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n              alt=\"cloudDairyColoredLogo\"\r\n              className=\"cloudDairyColoredLogo\"\r\n            />\r\n          </Stack>\r\n\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n            height={\"100svh\"}\r\n          >\r\n            <Box\r\n              width={{\r\n                xs: \"65% !important\",\r\n                md: \"43% !important\",\r\n                xl: \"30% !important\",\r\n              }}\r\n              className=\"login-form\"\r\n            >\r\n              <Stack\r\n                justifyContent={\"space-between\"}\r\n                mb={{ xs: \"20px\", xl: \"30px\" }}\r\n              >\r\n                <Typography\r\n                  fontWeight={fontWeight.weight600}\r\n                  fontSize={fontSizes.modelTitle}\r\n                  color={color.titleDark}\r\n                >\r\n                  Confirm Team Deletion\r\n                </Typography>\r\n              </Stack>\r\n\r\n              <Typography\r\n                mt={\"-15px\"}\r\n                fontSize={{\r\n                  xs: fontSizes.fontSize13,\r\n                  md: fontSizes.fontSize14,\r\n                }}\r\n              >\r\n                To permanently delete your team{\" \"}\r\n                <Typography\r\n                  variant=\"captions\"\r\n                  fontWeight={fontWeight.weight600}\r\n                  color={color.titleDark}\r\n                >\r\n                  {\" \"}\r\n                  {teamName && teamName}{\" \"}\r\n                </Typography>\r\n                , please click the{\" \"}\r\n                <Typography\r\n                  variant=\"captions\"\r\n                  fontWeight={fontWeight.weight600}\r\n                  color={color.titleDark}\r\n                >\r\n                  {\" \"}\r\n                  Delete Team{\" \"}\r\n                </Typography>{\" \"}\r\n                button below.\r\n              </Typography>\r\n\r\n              <Typography\r\n                fontWeight={fontWeight.weight600}\r\n                fontSize={{\r\n                  xs: fontSizes.fontSize13,\r\n                  md: fontSizes.fontSize14,\r\n                }}\r\n                color={color.titleDark}\r\n                mt={\"4px\"}\r\n              >\r\n                Important Notes:\r\n              </Typography>\r\n\r\n              <Stack mt={\"4px\"} ml={1}>\r\n                <Stack direction={\"row\"} alignItems={\"center\"} gap={\"10px\"}>\r\n                  <Box\r\n                    height={\"4px\"}\r\n                    width={\"4px\"}\r\n                    bgcolor={color.titleDark}\r\n                    borderRadius={\"50%\"}\r\n                  ></Box>\r\n                  <Typography\r\n                    fontWeight={fontWeight.weight400}\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    color={color.titleDark}\r\n                  >\r\n                    This action will{\" \"}\r\n                    <Typography\r\n                      variant=\"captions\"\r\n                      fontWeight={fontWeight.weight600}\r\n                      color={color.titleDark}\r\n                    >\r\n                      {\" \"}\r\n                      permanently remove team and data{\" \"}\r\n                    </Typography>\r\n                    associated with this team.\r\n                  </Typography>\r\n                </Stack>\r\n\r\n                <Stack direction={\"row\"} alignItems={\"center\"} gap={\"10px\"}>\r\n                  <Box\r\n                    height={\"4px\"}\r\n                    width={\"4px\"}\r\n                    bgcolor={color.titleDark}\r\n                    borderRadius={\"50%\"}\r\n                  ></Box>\r\n                  <Typography\r\n                    fontWeight={fontWeight.weight400}\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    color={color.titleDark}\r\n                  >\r\n                    Once deleted, this\r\n                    <Typography\r\n                      variant=\"captions\"\r\n                      fontWeight={fontWeight.weight600}\r\n                      color={color.titleDark}\r\n                    >\r\n                      {\" \"}\r\n                      cannot be undone.\r\n                    </Typography>\r\n                  </Typography>\r\n                </Stack>\r\n              </Stack>\r\n\r\n              <Stack\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"flex-end\"}\r\n                gap={\"14px\"}\r\n              >\r\n                <BtnColoredOutlined\r\n                  bgcolor={color.greyHover}\r\n                  borderColor={color.commonBorderColor}\r\n                  sx={{\r\n                    px: \"16px\",\r\n                    transition: \"all 0.2s\",\r\n                    mt: {\r\n                      xl: \"24px\",\r\n                    },\r\n                  }}\r\n                  hoverSx={{\r\n                    bgcolor: color.darkGray,\r\n                  }}\r\n                  onClick={() => navigate(\"/\")}\r\n                >\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    color={color.subTitle}\r\n                  >\r\n                    Cancel\r\n                  </Typography>\r\n                </BtnColoredOutlined>\r\n                <BtnGradient\r\n                  sx={{\r\n                    px: \"18px\",\r\n                    width: \"fit-content\",\r\n                    mt: {\r\n                      xl: \"24px\",\r\n                    },\r\n                  }}\r\n                  // btnColor=\"#E03F34\"\r\n                  loading={deletionInProgress}\r\n                  onClick={() => {\r\n                    handleTeamDelete();\r\n                  }}\r\n                  btnColor={color.errorColor}\r\n                  hoverSx={{\r\n                    bgcolor: `${color.errorDarkColor} !important`,\r\n                  }}\r\n                >\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    fontWeight={600}\r\n                  >\r\n                    Delete Team\r\n                  </Typography>\r\n                </BtnGradient>\r\n              </Stack>\r\n            </Box>\r\n          </Stack>\r\n        </Stack>\r\n      </section>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default DeleteTeam;\r\n","import React, { useEffect } from \"react\";\r\nimport { useNavigate, useParams } from \"react-router-dom\";\r\nimport useCustomNavigation from \"../../../Utils/hooks/useCustomeNavigation\";\r\nimport Loader from \"../../../CommanUI/Loader/loader\";\r\nimport { Stack, Typography, Box } from \"@mui/material\";\r\nimport {\r\n  useChangeEmailMutation,\r\n  useVerifyChangeEmailMutation,\r\n} from \"../../../Redux/api/usersApi\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { errorToast, successToast } from \"../../../Redux/toastSlice\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\nimport { s3AssetsUrl } from \"../../DrawBoard/const\";\r\n\r\nconst EmailChange = () => {\r\n  const { params } = useCustomNavigation();\r\n  const dispatch = useDispatch();\r\n  const navigate = useNavigate();\r\n  const [\r\n    changeEmailVerification,\r\n    {\r\n      data: emailChanges,\r\n      isLoading: changingInProgress,\r\n      error: errorInChange,\r\n      isSuccess,\r\n    },\r\n  ] = useVerifyChangeEmailMutation();\r\n\r\n  useEffect(() => {\r\n    if (params?.token) {\r\n      changeEmailVerification({\r\n        token: params.token,\r\n      });\r\n    }\r\n  }, []);\r\n  useEffect(() => {\r\n    if (emailChanges) {\r\n      // localStorage.removeItem(\"user_data\");\r\n\r\n      dispatch(\r\n        successToast({\r\n          message: emailChanges.message,\r\n        })\r\n      );\r\n    }\r\n    if (errorInChange) {\r\n      dispatch(\r\n        errorToast({\r\n          message: errorInChange?.data?.message,\r\n        })\r\n      );\r\n      localStorage.removeItem(\"user_data\");\r\n      navigate(\"/login\");\r\n    }\r\n  }, [emailChanges, errorInChange]);\r\n\r\n  return (\r\n    <section className=\"authenticate_container\" id=\"auth_container\">\r\n      {changingInProgress && <Loader />}\r\n      <Stack className=\"auth-bg\">\r\n        <img\r\n          src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n          alt=\"cloudDairyColoredLogo\"\r\n          className=\"cloudDairyColoredLogo\"\r\n        />\r\n        <Stack\r\n          direction={\"row\"}\r\n          alignItems={\"center\"}\r\n          justifyContent={\"center\"}\r\n          height={\"100svh\"}\r\n        >\r\n          {isSuccess && (\r\n            <Stack\r\n              // width={\"100%\"}\r\n              width={{\r\n                lg: \"40%\",\r\n                xl: \"35%\",\r\n                md: \"60%\",\r\n              }}\r\n              className=\"login-form\"\r\n              overflow={\"auto\"}\r\n              alignItems={\"center\"}\r\n              position={\"relative\"}\r\n              justifyContent={\"center\"}\r\n            >\r\n              <Box\r\n                width={{\r\n                  xs: \"90px\",\r\n                  md: \"160px\",\r\n                }}\r\n                height={{\r\n                  xs: \"90px\",\r\n                  md: \"160px\",\r\n                }}\r\n                mb={{\r\n                  xs: \"15px\",\r\n                  md: \"30px\",\r\n                }}\r\n                display={\"flex\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"center\"}\r\n                sx={{\r\n                  \"& img\": { height: \"100%\", width: \"100%\" },\r\n                }}\r\n              >\r\n                <img\r\n                  src={\r\n                    \"https://cloudairy-template-storage.s3.us-east-1.amazonaws.com/public/assets/verification_completed.gif\"\r\n                  }\r\n                  alt=\"verification_completed\"\r\n                />\r\n              </Box>\r\n\r\n              <Typography\r\n                fontSize={fontSizes.fontSize28}\r\n                color={color.titleDark}\r\n                fontWeight={fontWeight.weight700}\r\n                textAlign={\"center\"}\r\n                mb={\"6px\"}\r\n              >\r\n                {/* Your email is Changed! */}\r\n                Email Address Updated\r\n              </Typography>\r\n              <Typography\r\n                fontSize={fontSizes.largeFont}\r\n                color={\"#848382\"}\r\n                textAlign={\"center\"}\r\n                lineHeight={\"19px\"}\r\n                // mb={{\r\n                //   xs: \"20px\",\r\n                //   md: \"30px\",\r\n                //   xl: \"40px\",\r\n                // }}\r\n                width={{\r\n                  xs: \"87%\",\r\n                  md: \"95%\",\r\n                  xl: \"80%\",\r\n                }}\r\n              >\r\n                {/* You can now login with the new Email. */}\r\n                Your email address has been successfully updated to\r\n              </Typography>\r\n              <Typography\r\n                fontSize={fontSizes.largeFont}\r\n                color={color.titleDark}\r\n                fontWeight={fontWeight.weight600}\r\n                textAlign={\"center\"}\r\n                mb={\"40px\"}\r\n              >\r\n                {emailChanges?.data?.email_id ?? \"\"}\r\n              </Typography>\r\n              <BtnGradient\r\n                fullWidth\r\n                sx={{\r\n                  width: \"100%\",\r\n                }}\r\n                // onClick={() => navigate(\"/login\")}\r\n                onClick={() => navigate(\"/\")}\r\n              >\r\n                <Typography\r\n                  fontWeight={fontWeight.weight500}\r\n                  fontSize={fontSizes.fontSize14}\r\n                >\r\n                  {/* Go Back To Login Page */}\r\n                  Close\r\n                </Typography>\r\n              </BtnGradient>\r\n            </Stack>\r\n          )}\r\n        </Stack>\r\n      </Stack>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default EmailChange;\r\n","import React from \"react\";\r\n\r\nconst PasswordChange = () => {\r\n  return <div></div>;\r\n};\r\n\r\nexport default PasswordChange;\r\n","import { Box, Stack, Typography } from \"@mui/material\";\r\nimport React from \"react\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { s3AssetsUrl } from \"../../DrawBoard/const\";\r\n\r\nconst CheckYourEmail = () => {\r\n  const email = localStorage.getItem(\"userEmail\");\r\n  const navigate = useNavigate();\r\n  return (\r\n    <>\r\n      <section id=\"auth_container\">\r\n        <Stack className=\"auth-bg\">\r\n          <img\r\n            src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n            alt=\"cloudDairyColoredLogo\"\r\n            className=\"cloudDairyColoredLogo\"\r\n          />\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n            height={\"100svh\"}\r\n          >\r\n            <Box\r\n              width={{\r\n                xs: \"95% !important\",\r\n                md: \"38% !important\",\r\n                xl: \"31.5% !important\",\r\n              }}\r\n              className=\"login-form\"\r\n            >\r\n              <Stack\r\n                // alignItems={\"center\"}\r\n                justifyContent={\"center\"}\r\n                sx={{\r\n                  mb: {\r\n                    xs: \"20px\",\r\n                    md: \"30px\",\r\n                    xl: \"50px\",\r\n                  },\r\n                }}\r\n              >\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: 16,\r\n                    md: 24,\r\n                    xl: 28,\r\n                  }}\r\n                  fontWeight={fontWeight.weight600}\r\n                  color={\"#18181B\"}\r\n                  mb={{\r\n                    xs: \"4px\",\r\n                    md: \"6px\",\r\n                    xl: \"8px\",\r\n                  }}\r\n                  height={{\r\n                    xs: \"21px\",\r\n                    md: \"35px\",\r\n                    xl: \"40px\",\r\n                  }}\r\n                >\r\n                  Check Your Email\r\n                </Typography>\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: 11,\r\n                    md: 14,\r\n                    xl: 16,\r\n                  }}\r\n                  textAlign={\"start\"}\r\n                  color={color.subTitle}\r\n                >\r\n                  We’ve sent a password reset link to{\" \"}\r\n                  <Typography\r\n                    variant=\"captions\"\r\n                    fontWeight={fontWeight.weight600}\r\n                    fontSize={\"16px\"}\r\n                    color={color.titleDark}\r\n                  >\r\n                    {email}\r\n                  </Typography>\r\n                  . Please check your inbox and follow the instructions to reset\r\n                  your password. If you don’t see the email, check your spam\r\n                  folder or try resending it.\r\n                </Typography>\r\n\r\n                <BtnGradient\r\n                  fullWidth\r\n                  sx={{\r\n                    height: {\r\n                      xs: \"30px !important\",\r\n                      md: \"39px !important\",\r\n                      xl: \"48px !important\",\r\n                    },\r\n                    mt: {\r\n                      xs: \"20px\",\r\n                      md: \"38px\",\r\n                      xl: \"18px\",\r\n                    },\r\n                    mb: {\r\n                      //   xs: \"20px\",\r\n                      //   md: \"38px\",\r\n                      xl: \"-43px\",\r\n                    },\r\n                    textTransform: \"capitalize\",\r\n                  }}\r\n                  onClick={() => {\r\n                    navigate(\"/login\");\r\n                  }}\r\n                // disabled={loading}\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                    fontWeight={500}\r\n                  >\r\n                    Back to Log in\r\n                  </Typography>\r\n                </BtnGradient>\r\n              </Stack>\r\n            </Box>\r\n          </Stack>\r\n        </Stack>\r\n      </section>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default CheckYourEmail;\r\n","import { Box, Stack, Typography } from \"@mui/material\";\r\nimport React from \"react\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { s3AssetsUrl } from \"../../DrawBoard/const\";\r\n\r\nfunction PasswordResetSuccess() {\r\n  const navigate = useNavigate();\r\n  return (\r\n    <div>\r\n      <section id=\"auth_container\">\r\n        <Stack className=\"auth-bg\">\r\n          <img\r\n            src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n            alt=\"cloudDairyColoredLogo\"\r\n            style={{\r\n              position: \"absolute\",\r\n              top: \"25px\",\r\n              left: \"30px\",\r\n              width: \"200px\",\r\n            }}\r\n          />\r\n          <Stack\r\n            direction=\"row\"\r\n            alignItems=\"center\"\r\n            justifyContent=\"center\"\r\n            height=\"100svh\"\r\n          >\r\n            <Box\r\n              width={{\r\n                xs: \"60%\",\r\n                md: \"43%\",\r\n                xl: \"31.5%\",\r\n              }}\r\n              className=\"login-form\"\r\n            >\r\n              <Stack justifyContent={\"center\"} alignItems={\"center\"}>\r\n                <img\r\n                  src={\r\n                    \"https://cloudairy-template-storage.s3.us-east-1.amazonaws.com/public/assets/verification_completed.gif\"\r\n                  }\r\n                  height={\"160px\"}\r\n                  width={\"160px\"}\r\n                  alt=\"verification_completed\"\r\n                />\r\n              </Stack>\r\n              <Typography\r\n                fontSize=\"28px\"\r\n                fontWeight={fontWeight.weight600}\r\n                color={color.titleDark}\r\n                textAlign={\"center\"}\r\n              >\r\n                Password Reset Successful\r\n              </Typography>\r\n              <Typography\r\n                fontWeight={fontWeight.weight400}\r\n                fontSize={\"16px\"}\r\n                color={color.subTitle}\r\n                textAlign={\"center\"}\r\n              >\r\n                Your password has been updated. You can now log in with your new\r\n                credentials.\r\n              </Typography>\r\n\r\n              <BtnGradient\r\n                fullWidth\r\n                onClick={() => {\r\n                  navigate(\"/login\");\r\n                }}\r\n                sx={{\r\n                  height: {\r\n                    xs: \"30px !important\",\r\n                    md: \"39px !important\",\r\n                    xl: \"48px !important\",\r\n                  },\r\n                  mt: {\r\n                    xs: \"20px\",\r\n                    md: \"38px\",\r\n                    xl: \"18px\",\r\n                  },\r\n                  textTransform: \"capitalize\",\r\n                }}\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                  fontWeight={500}\r\n                >\r\n                  Back to Log In\r\n                </Typography>\r\n              </BtnGradient>\r\n            </Box>\r\n          </Stack>\r\n        </Stack>\r\n      </section>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default PasswordResetSuccess;\r\n","import React, { useState } from \"react\";\r\nimport { Box, Stack, Typography } from \"@mui/material\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport AuthInput from \"../components/AuthInput\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { s3AssetsUrl } from \"../../DrawBoard/const\";\r\nimport { IcRight, IcWrong } from \"../../../assets/icon-components\";\r\n\r\nfunction ResetYourPassword() {\r\n  const [showPassword, setShowPassword] = useState(false);\r\n  const [showNewPassword, setShowNewPassword] = useState(false);\r\n  const [resetPassword, setResetPassword] = useState({\r\n    password: \"\",\r\n    confirm_password: \"\",\r\n  });\r\n\r\n  const digits = resetPassword.password.replace(/\\D/g, \"\");\r\n\r\n  function findSpecialCharacters(password) {\r\n    return password.split(\"\").some((char) => !char.match(/[a-zA-Z0-9]/));\r\n  }\r\n\r\n  function hasUpperAndLowerCase(password) {\r\n    let hasUpper = false;\r\n    let hasLower = false;\r\n\r\n    for (let i = 0; i < password.length; i++) {\r\n      let char = password[i];\r\n\r\n      if (char >= \"A\" && char <= \"Z\") {\r\n        hasUpper = true;\r\n      }\r\n      if (char >= \"a\" && char <= \"z\") {\r\n        hasLower = true;\r\n      }\r\n      if (hasUpper && hasLower) {\r\n        return true;\r\n      }\r\n    }\r\n\r\n    return false;\r\n  }\r\n\r\n  const specialCharacter =\r\n    resetPassword.password.trim().length === 0\r\n      ? color.subTitle\r\n      : findSpecialCharacters(resetPassword.password)\r\n      ? \"#06A05A\"\r\n      : \"#FF5030\";\r\n\r\n  const eightCharacter =\r\n    resetPassword.password.trim().length === 0\r\n      ? color.subTitle\r\n      : resetPassword.password.length >= 8\r\n      ? \"#06A05A\"\r\n      : resetPassword.password.length <= 8\r\n      ? \"#FF5030\"\r\n      : \"\";\r\n\r\n  const upperAndLowerCase =\r\n    resetPassword.password.trim().length === 0\r\n      ? color.subTitle\r\n      : hasUpperAndLowerCase(resetPassword.password)\r\n      ? \"#06A05A\"\r\n      : \"#FF5030\";\r\n\r\n  const oneNumber =\r\n    digits.length >= 1\r\n      ? \"#06A05A\"\r\n      : resetPassword.password.length === 0\r\n      ? color.subTitle\r\n      : \"#FF5030\";\r\n\r\n  const specialCharacterIcon =\r\n    resetPassword.password.trim().length === 0 ? (\r\n      <Box\r\n        height={\"4px\"}\r\n        width={\"4px\"}\r\n        bgcolor={color.subTitle}\r\n        borderRadius={\"50%\"}\r\n      ></Box>\r\n    ) : findSpecialCharacters(resetPassword.password) ? (\r\n      <IcRight />\r\n    ) : (\r\n      <IcWrong />\r\n    );\r\n\r\n  const oneNumberIcon =\r\n    digits.length >= 1 ? (\r\n      <IcRight />\r\n    ) : resetPassword.password.length === 0 ? (\r\n      <Box\r\n        height={\"4px\"}\r\n        width={\"4px\"}\r\n        bgcolor={color.subTitle}\r\n        borderRadius={\"50%\"}\r\n      ></Box>\r\n    ) : (\r\n      <IcWrong />\r\n    );\r\n\r\n  const upperAndLowerCaseIcon =\r\n    resetPassword.password.trim().length === 0 ? (\r\n      <Box\r\n        height={\"4px\"}\r\n        width={\"4px\"}\r\n        bgcolor={color.subTitle}\r\n        borderRadius={\"50%\"}\r\n      ></Box>\r\n    ) : hasUpperAndLowerCase(resetPassword.password) ? (\r\n      <IcRight />\r\n    ) : (\r\n      <IcWrong />\r\n    );\r\n\r\n  const eightCharacterIcon =\r\n    resetPassword.password.trim().length === 0 ? (\r\n      <Box\r\n        height={\"4px\"}\r\n        width={\"4px\"}\r\n        bgcolor={color.subTitle}\r\n        borderRadius={\"50%\"}\r\n      ></Box>\r\n    ) : resetPassword.password.length >= 8 ? (\r\n      <IcRight />\r\n    ) : resetPassword.password.length <= 8 ? (\r\n      <IcWrong />\r\n    ) : (\r\n      \"\"\r\n    );\r\n\r\n  const [error, setError] = useState({\r\n    password: \"\",\r\n    confirm_password: \"\",\r\n  });\r\n\r\n  const validateField = (field, value) => {\r\n    let isValid = true;\r\n\r\n    switch (field) {\r\n      case \"password\":\r\n        if (!value.trim()) {\r\n          isValid = false;\r\n          setError((prevState) => ({\r\n            ...prevState,\r\n            password: \"Password is required\",\r\n          }));\r\n        } else if (\r\n          eightCharacter === \"#FF5030\" ||\r\n          upperAndLowerCase === \"#FF5030\" ||\r\n          oneNumber === \"#FF5030\" ||\r\n          specialCharacter === \"#FF5030\"\r\n        ) {\r\n          isValid = false;\r\n        } else {\r\n          setError((prevState) => ({\r\n            ...prevState,\r\n            password: \"\",\r\n          }));\r\n        }\r\n        break;\r\n\r\n      case \"confirmPassword\":\r\n        if (!value.trim()) {\r\n          isValid = false;\r\n          setError((prevState) => ({\r\n            ...prevState,\r\n            confirm_password: \"Confirm Password is required\",\r\n          }));\r\n        } else if (\r\n          eightCharacter === \"#FF5030\" ||\r\n          upperAndLowerCase === \"#FF5030\" ||\r\n          oneNumber === \"#FF5030\" ||\r\n          specialCharacter === \"#FF5030\"\r\n        ) {\r\n          isValid = false;\r\n        } else {\r\n          setError((prevState) => ({\r\n            ...prevState,\r\n            confirm_password: \"\",\r\n          }));\r\n        }\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n\r\n    return isValid;\r\n  };\r\n\r\n  const handleContinue = () => {\r\n    const password = validateField(\"password\", resetPassword.password);\r\n    const confirmPassword = validateField(\r\n      \"confirmPassword\",\r\n      resetPassword.confirm_password\r\n    );\r\n\r\n    if (resetPassword.password !== resetPassword.confirm_password) {\r\n      setError((prevState) => ({\r\n        ...prevState,\r\n        confirm_password: \"Passwords do not match\",\r\n      }));\r\n      return;\r\n    }\r\n    if (!password) {\r\n      return;\r\n    }\r\n    if (!confirmPassword) {\r\n      return;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <section id=\"auth_container\">\r\n        <Stack className=\"auth-bg\">\r\n          <img\r\n            src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n            alt=\"cloudDairyColoredLogo\"\r\n            style={{\r\n              position: \"absolute\",\r\n              top: \"25px\",\r\n              left: \"30px\",\r\n              width: \"200px\",\r\n            }}\r\n          />\r\n          <Stack\r\n            direction=\"row\"\r\n            alignItems=\"center\"\r\n            justifyContent=\"center\"\r\n            height=\"100svh\"\r\n          >\r\n            <Box\r\n              width={{\r\n                xs: \"60%\",\r\n                md: \"43%\",\r\n                xl: \"31.5%\",\r\n              }}\r\n              className=\"login-form\"\r\n            >\r\n              <Typography\r\n                fontSize=\"28px\"\r\n                fontWeight={fontWeight.weight600}\r\n                color={color.titleDark}\r\n              >\r\n                Reset Your Password\r\n              </Typography>\r\n              <Typography\r\n                fontWeight={fontWeight.weight400}\r\n                fontSize=\"16px\"\r\n                color={color.subTitle}\r\n                mt=\"10px\"\r\n              >\r\n                Enter your new confirmPassword below. Make sure it’s strong and\r\n                secure.\r\n              </Typography>\r\n\r\n              <AuthInput\r\n                label={\"New Password\"}\r\n                placeholder={\"Create your strong password\"}\r\n                sx={{\r\n                  mt: \"16px\",\r\n                }}\r\n                bgColor=\"white\"\r\n                defaultBorderColor=\"#E1E1E1\"\r\n                endAdornment={true}\r\n                errorMessage={error.password}\r\n                type={showNewPassword ? \"text\" : \"password\"}\r\n                value={resetPassword.password}\r\n                onChange={(e) => {\r\n                  setResetPassword({\r\n                    ...resetPassword,\r\n                    password: e.target.value,\r\n                  });\r\n                  if (error.password) {\r\n                    setError((prev) => ({\r\n                      ...prev,\r\n                      password: \"\",\r\n                    }));\r\n                  }\r\n                }}\r\n                handleClickShowPassword={() =>\r\n                  setShowNewPassword(!showNewPassword)\r\n                }\r\n                showPassword={showNewPassword}\r\n              />\r\n\r\n              <AuthInput\r\n                label={\"Confirm Password\"}\r\n                placeholder={\"Create your strong Password\"}\r\n                type={showPassword ? \"text\" : \"password\"}\r\n                errorMessage={error.confirm_password}\r\n                sx={{\r\n                  mt: \"16px\",\r\n                }}\r\n                bgColor=\"white\"\r\n                defaultBorderColor=\"#E1E1E1\"\r\n                endAdornment={true}\r\n                onChange={(e) => {\r\n                  setResetPassword({\r\n                    ...resetPassword,\r\n                    confirm_password: e.target.value,\r\n                  });\r\n                  if (error.confirm_password) {\r\n                    setError((prev) => ({\r\n                      ...prev,\r\n                      confirm_password: \"\",\r\n                    }));\r\n                  }\r\n                }}\r\n                value={resetPassword.confirm_password}\r\n                handleClickShowPassword={() => setShowPassword(!showPassword)}\r\n                showPassword={showPassword}\r\n              />\r\n\r\n              <Stack padding={\"8px\"} direction={\"row\"} gap={\"48px\"}>\r\n                <Stack gap={\"4px\"}>\r\n                  <Stack direction={\"row\"} gap={\"8px\"} alignItems={\"center\"}>\r\n                    <Stack>{eightCharacterIcon}</Stack>\r\n                    <Typography\r\n                      fontWeight={fontWeight.weight400}\r\n                      fontSize={\"14px\"}\r\n                      color={eightCharacter}\r\n                    >\r\n                      At least 8 characters\r\n                    </Typography>\r\n                  </Stack>\r\n\r\n                  <Stack direction={\"row\"} gap={\"8px\"} alignItems={\"center\"}>\r\n                    <Stack>{upperAndLowerCaseIcon}</Stack>\r\n                    <Typography\r\n                      fontWeight={fontWeight.weight400}\r\n                      fontSize={\"14px\"}\r\n                      color={upperAndLowerCase}\r\n                    >\r\n                      Uppercase and lowercase letter\r\n                    </Typography>\r\n                  </Stack>\r\n                </Stack>\r\n                <Stack gap={\"4px\"}>\r\n                  <Stack direction={\"row\"} gap={\"8px\"} alignItems={\"center\"}>\r\n                    <Stack>{oneNumberIcon}</Stack>\r\n                    <Typography\r\n                      fontWeight={fontWeight.weight400}\r\n                      fontSize={\"14px\"}\r\n                      color={oneNumber}\r\n                    >\r\n                      One number\r\n                    </Typography>\r\n                  </Stack>\r\n\r\n                  <Stack direction={\"row\"} gap={\"8px\"} alignItems={\"center\"}>\r\n                    <Stack>{specialCharacterIcon}</Stack>\r\n                    <Typography\r\n                      fontWeight={fontWeight.weight400}\r\n                      fontSize={\"14px\"}\r\n                      color={specialCharacter}\r\n                    >\r\n                      Special character\r\n                    </Typography>\r\n                  </Stack>\r\n                </Stack>\r\n              </Stack>\r\n\r\n              <BtnGradient\r\n                fullWidth\r\n                onClick={() => {\r\n                  handleContinue();\r\n                }}\r\n                sx={{\r\n                  height: {\r\n                    xs: \"30px !important\",\r\n                    md: \"39px !important\",\r\n                    xl: \"48px !important\",\r\n                  },\r\n                  mt: {\r\n                    xs: \"20px\",\r\n                    md: \"38px\",\r\n                    xl: \"18px\",\r\n                  },\r\n                  textTransform: \"capitalize\",\r\n                }}\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                  fontWeight={500}\r\n                >\r\n                  Continue\r\n                </Typography>\r\n              </BtnGradient>\r\n            </Box>\r\n          </Stack>\r\n        </Stack>\r\n      </section>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default ResetYourPassword;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { Box, Stack, Typography } from \"@mui/material\";\r\nimport { MuiOtpInput } from \"mui-one-time-password-input\";\r\nimport { prventFromNonNumericValues } from \"../../../CommanFunctions/commanFunctions\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport commanService from \"../../../CommanFunctions/commanService\";\r\nimport Loader from \"../../../CommanUI/Loader/loader\";\r\nimport {\r\n  errorToast,\r\n  successToast,\r\n  warningToast,\r\n} from \"../../../Redux/toastSlice\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\nimport CommonBulletPoint from \"../../../CommanUI/CommonBulletPoint\";\r\nimport CommonLink from \"../../../common-components/buttons/CommonLink\";\r\nimport { s3AssetsUrl } from \"../../DrawBoard/const\";\r\n\r\nconst VerifyEmail = ({ isModalView, handleShowNewPass, onClose }) => {\r\n  const navigate = useNavigate();\r\n  const dispatch = useDispatch();\r\n\r\n  const [loading, setLoading] = useState(false);\r\n  const [resendLoading, setResendLoading] = useState(false);\r\n  const [email, setEmail] = useState(\"\");\r\n  const [otp, setOtp] = React.useState(\"\");\r\n  const [focusedInput, setFocusedInput] = useState(null);\r\n  const [error, setError] = useState(false);\r\n  const [isError, setIsError] = useState(false);\r\n\r\n  useEffect(() => {\r\n    const userEmail = localStorage.getItem(\"userEmail\");\r\n\r\n    if (userEmail && userEmail.trim().length > 0) {\r\n      setEmail(userEmail);\r\n    }\r\n\r\n    return () => {\r\n      localStorage.removeItem(\"userEmail\");\r\n    };\r\n  }, []);\r\n\r\n  const handleChange = (newValue) => {\r\n    setOtp(newValue);\r\n    setError(\"\");\r\n    isError && setIsError(false);\r\n  };\r\n\r\n  const handleResendOtp = async () => {\r\n    if (email.trim().length > 0) {\r\n      setResendLoading(true);\r\n      try {\r\n        const response = await commanService.postApi(\"user\", \"check-email\", {\r\n          email_id: email,\r\n        });\r\n\r\n        localStorage.setItem(\"userEmail\", email);\r\n        if (!isModalView) {\r\n          navigate(\"/verify-email\");\r\n        }\r\n        dispatch(successToast({ message: response.data.message }));\r\n      } catch (error) {\r\n        if (error.response.status !== 401) {\r\n          if (error.response.status < 500) {\r\n            dispatch(\r\n              warningToast({\r\n                message:\r\n                  error.response?.data?.message ||\r\n                  error.response.data?.error[0] ||\r\n                  error.message,\r\n              })\r\n            );\r\n          } else {\r\n            dispatch(\r\n              errorToast({\r\n                message: \"Oops! Something went wrong\",\r\n              })\r\n            );\r\n          }\r\n        }\r\n      } finally {\r\n        setResendLoading(false);\r\n      }\r\n    }\r\n  };\r\n\r\n  const handleVerifyOtp = async () => {\r\n    if (otp.trim().length < 6) {\r\n      setError(\"Please enter OTP.\");\r\n      setIsError(true);\r\n    } else {\r\n      setError(\"\");\r\n      if (email.trim().length > 0 && otp.trim().length === 6) {\r\n        setLoading(true);\r\n        try {\r\n          const response = await commanService.postApi(\r\n            \"user\",\r\n            \"forgot-password\",\r\n            {\r\n              email_id: email,\r\n              otp,\r\n            }\r\n          );\r\n          localStorage.removeItem(\"userEmail\");\r\n          localStorage.setItem(\"forgotPasswordToken\", response.data.data);\r\n          if (!isModalView) {\r\n            navigate(`/set-new-password`);\r\n          } else {\r\n            handleShowNewPass();\r\n            onClose();\r\n          }\r\n          dispatch(successToast({ message: response.data.message }));\r\n          setError(\"\");\r\n          setIsError(false);\r\n        } catch (error) {\r\n          if (error.response.status !== 401) {\r\n            if (error.response.status < 500) {\r\n              // dispatch(\r\n              //   warningToast({\r\n              //     message:\r\n              //       error.response?.data?.message ||\r\n              //       error.response.data?.error[0] ||\r\n              //       error.message,\r\n              //   })\r\n              // );\r\n              setError(\"Invalid Code.\");\r\n              if (error.response?.data?.message?.includes(\"Wrong otp\")) {\r\n                setIsError(true);\r\n              }\r\n            } else {\r\n              dispatch(\r\n                errorToast({\r\n                  message: \"Oops! Something went wrong\",\r\n                })\r\n              );\r\n            }\r\n          }\r\n        } finally {\r\n          setLoading(false);\r\n        }\r\n      } else {\r\n        setIsError(true);\r\n        setError(\"Invalid Code.\");\r\n      }\r\n    }\r\n  };\r\n\r\n  if (isModalView) {\r\n    return (\r\n      <>\r\n        {/* {loading && <Loader />} */}\r\n        {resendLoading && <Loader />}\r\n        <Stack\r\n          sx={{\r\n            width: \"100%\",\r\n            position: \"relative\",\r\n            // height: \"600px\",\r\n            height: error ? \"580px\" : \"560px\",\r\n          }}\r\n        >\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n            // height={\"100svh\"}\r\n          >\r\n            <Box\r\n              width={{\r\n                xs: \"100% !important\",\r\n                md: \"100% !important\",\r\n                xl: \"100% !important\",\r\n              }}\r\n              maxHeight={{\r\n                xs: \"100% !important\",\r\n                md: \"100% !important\",\r\n              }}\r\n              className=\"login-form\"\r\n            >\r\n              <Box\r\n                sx={{\r\n                  bgcolor: \"#FFF\",\r\n                  borderRadius: \"16px\",\r\n                  p: {\r\n                    xs: \"8px\",\r\n                    md: \"8px\",\r\n                    xl: \"8px\",\r\n                  },\r\n                }}\r\n              >\r\n                <Stack width={\"100%\"}>\r\n                  <Stack\r\n                    alignItems={\"center\"}\r\n                    justifyContent={\"center\"}\r\n                    sx={{\r\n                      mb: {\r\n                        xs: \"10px\",\r\n                        md: \"10px\",\r\n                        xl: \"15px\",\r\n                      },\r\n                    }}\r\n                  >\r\n                    <img\r\n                      src={s3AssetsUrl + \"/email.svg\"}\r\n                      style={{\r\n                        height: \"50px !important\",\r\n                        width: \"50px !important\",\r\n                      }}\r\n                      alt=\"\"\r\n                    />\r\n                    <Typography\r\n                      fontSize={{\r\n                        xs: fontSizes.xLargeFont,\r\n                        md: fontSizes.modelTitle,\r\n                        xl: fontSizes.modelTitle1,\r\n                      }}\r\n                      fontWeight={fontWeight.weight600}\r\n                      color={color.titleDark}\r\n                      mb={{\r\n                        xs: \"4px\",\r\n                        md: \"6px\",\r\n                        xl: \"8px\",\r\n                      }}\r\n                      height={{\r\n                        xs: \"21px\",\r\n                        md: \"35px\",\r\n                        xl: \"40px\",\r\n                      }}\r\n                      mt={{\r\n                        xs: \"4px\",\r\n                        md: \"6px\",\r\n                        xl: \"15px\",\r\n                      }}\r\n                    >\r\n                      Enter the One-Time Code\r\n                    </Typography>\r\n                    <Typography\r\n                      fontSize={{\r\n                        sm: fontSizes.mediumFont,\r\n                        xl: fontSizes.fontSize14,\r\n                      }}\r\n                      color={color.subTitle}\r\n                      fontWeight={fontWeight.weight400}\r\n                      textAlign={\"center\"}\r\n                    >\r\n                      A one-time code has been sent to your registered email\r\n                      address{\" \"}\r\n                      <Typography\r\n                        fontWeight={fontWeight.weight600}\r\n                        color={color.titleDark}\r\n                        fontSize={{\r\n                          sm: fontSizes.mediumFont,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                      >\r\n                        {email}\r\n                      </Typography>\r\n                    </Typography>\r\n                  </Stack>\r\n                  <Stack gap={\"0px\"} mb={3}>\r\n                    <Stack gap={\"0px\"}>\r\n                      <Typography\r\n                        fontWeight={fontWeight.weight600}\r\n                        fontSize={{\r\n                          sm: fontSizes.mediumFont,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                        color={color.titleDark}\r\n                      >\r\n                        Next Steps:\r\n                      </Typography>\r\n                      <Stack\r\n                        direction={\"row\"}\r\n                        gap={\"8px\"}\r\n                        alignItems={\"flex-start\"}\r\n                        ml={1}\r\n                      >\r\n                        <CommonBulletPoint />\r\n                        <Typography\r\n                          color={color.subTitle}\r\n                          fontWeight={fontWeight.weight400}\r\n                          fontSize={{\r\n                            sm: fontSizes.mediumFont,\r\n                            xl: fontSizes.fontSize14,\r\n                          }}\r\n                        >\r\n                          Check your inbox (and spam folder, if necessary).\r\n                        </Typography>\r\n                      </Stack>\r\n                      <Stack\r\n                        direction={\"row\"}\r\n                        gap={\"8px\"}\r\n                        alignItems={\"flex-start\"}\r\n                        ml={1}\r\n                      >\r\n                        <CommonBulletPoint />\r\n                        <Typography\r\n                          color={color.subTitle}\r\n                          fontWeight={fontWeight.weight400}\r\n                          fontSize={{\r\n                            sm: fontSizes.mediumFont,\r\n                            xl: fontSizes.fontSize14,\r\n                          }}\r\n                        >\r\n                          Enter the 6-digit code below to verify your identity\r\n                          and proceed.\r\n                        </Typography>\r\n                      </Stack>\r\n                      <Typography\r\n                        fontWeight={fontWeight.weight600}\r\n                        fontSize={{\r\n                          sm: fontSizes.mediumFont,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                        color={color.titleDark}\r\n                        mt={{\r\n                          xl: \"4px\",\r\n                        }}\r\n                      >\r\n                        Note:{\" \"}\r\n                        <Typography\r\n                          variant=\"captions\"\r\n                          sx={{\r\n                            color: color.subTitle,\r\n                            fontWeight: fontWeight.weight400,\r\n                            fontSize: fontSizes.fontSize14,\r\n                          }}\r\n                        >\r\n                          The code is valid for{\" \"}\r\n                          <Typography\r\n                            variant=\"captions\"\r\n                            sx={{\r\n                              color: color.titleDark,\r\n                              fontWeight: fontWeight.weight600,\r\n                              fontSize: fontSizes.fontSize14,\r\n                            }}\r\n                          >\r\n                            10 minutes.\r\n                          </Typography>\r\n                        </Typography>\r\n                      </Typography>\r\n                    </Stack>\r\n                  </Stack>\r\n\r\n                  <Box>\r\n                    <Typography\r\n                      fontWeight={fontWeight.weight600}\r\n                      fontSize={{\r\n                        sm: fontSizes.mediumFont,\r\n                        xl: fontSizes.fontSize14,\r\n                      }}\r\n                      color={color.titleDark}\r\n                      mb={0.5}\r\n                    >\r\n                      Enter Code\r\n                    </Typography>\r\n                    <MuiOtpInput\r\n                      autoFocus\r\n                      value={otp}\r\n                      onChange={handleChange}\r\n                      length={6}\r\n                      onKeyPress={(e) => {\r\n                        prventFromNonNumericValues(e);\r\n                        if (e.key === \"Enter\") {\r\n                          handleVerifyOtp(e);\r\n                        }\r\n                      }}\r\n                      onFocus={(e) => {\r\n                        const indexClass =\r\n                          e.target.parentElement.parentElement.classList[3];\r\n                        setFocusedInput(\r\n                          Number(indexClass[indexClass.length - 1])\r\n                        );\r\n                      }}\r\n                      onBlur={() => setFocusedInput(null)}\r\n                      sx={{\r\n                        justifyContent: \"center\",\r\n                        gap: {\r\n                          xs: \"0px\",\r\n                          md: \"22px\",\r\n                        },\r\n                        ml: \"-5px\",\r\n                        [`& .MuiOtpInput-TextField-${focusedInput}`]: {\r\n                          \"& .MuiOutlinedInput-root\": {\r\n                            border: `3px solid ${\r\n                              isError\r\n                                ? color.lightErrorColor\r\n                                : color.primaryShadowColor\r\n                            } !important`,\r\n                          },\r\n                        },\r\n\r\n                        \"& .MuiOutlinedInput-root\": {\r\n                          border: `3px solid ${\r\n                            isError ? color.lightErrorColor : \"transparent\"\r\n                          } !important`,\r\n                          borderRadius: \"12px !important\",\r\n\r\n                          \"& fieldset\": {\r\n                            display: \"none\",\r\n                          },\r\n                          \"& input\": {\r\n                            borderRadius: \"8px !important\",\r\n                            fontSize: 18,\r\n                            color: color.titleDark,\r\n                            fontWeight: fontWeight.weight600,\r\n                            p: 0,\r\n                            height: {\r\n                              xs: \"40px !important\",\r\n                              md: \"50px !important\",\r\n                              lg: \"60px !important\",\r\n                            },\r\n                            width: {\r\n                              xs: \"40px !important\",\r\n                              md: \"50px !important\",\r\n                              lg: \"60px !important\",\r\n                            },\r\n                            border: `1px solid ${\r\n                              isError ? color.errorColor : \"#E1E1E1\"\r\n                            } !important`,\r\n                          },\r\n                          \"&.Mui-focused\": {\r\n                            \"& input\": {\r\n                              border: `1px solid ${\r\n                                isError ? color.errorColor : color.primaryColor\r\n                              } !important`,\r\n                            },\r\n                            boxShadow: `0px 0px 0px 5px ${\r\n                              error ? color.lightErrorColor : \"transparent\"\r\n                            }`,\r\n                          },\r\n                        },\r\n                      }}\r\n                    />\r\n                    {error && (\r\n                      <Typography\r\n                        color={color.errorColor}\r\n                        fontSize={fontSizes.mediumFont}\r\n                        fontWeight={fontWeight.weight400}\r\n                      >\r\n                        {error}\r\n                      </Typography>\r\n                    )}\r\n                  </Box>\r\n                  <BtnGradient\r\n                    fullWidth\r\n                    sx={{\r\n                      mt: {\r\n                        xs: \"20px\",\r\n                        md: \"20px\",\r\n                      },\r\n                      textTransform: \"none\",\r\n                      fontWeight: 500,\r\n                      fontSize: {\r\n                        xs: fontSizes.fontSize13,\r\n                        md: fontSizes.fontSize14,\r\n                      },\r\n                    }}\r\n                    loading={loading}\r\n                    onClick={handleVerifyOtp}\r\n                  >\r\n                    Verify Code\r\n                  </BtnGradient>\r\n                  <Typography\r\n                    sx={{\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      justifyContent: \"center\",\r\n                      gap: \"2px\",\r\n                      mt: {\r\n                        xs: \"20px\",\r\n                        // md: \"30px\",\r\n                        md: \"15px\",\r\n                      },\r\n                    }}\r\n                  >\r\n                    <Typography\r\n                      fontSize={{\r\n                        xs: 11,\r\n                        md: 14,\r\n                        xl: 14,\r\n                      }}\r\n                      color={color.titleDark}\r\n                      fontWeight={fontWeight.weight400}\r\n                      variant=\"caption\"\r\n                      sx={\r\n                        {\r\n                          // height: {\r\n                          //   xs: \"15px\",\r\n                          //   md: \"19px\",\r\n                          // },\r\n                        }\r\n                      }\r\n                    >\r\n                      {/* Didn’t get a code? */}\r\n                      Didn’t get OTP?{\" \"}\r\n                    </Typography>{\" \"}\r\n                    {/* Resend */}\r\n                    <CommonLink onClick={handleResendOtp}>\r\n                      Resend OTP\r\n                    </CommonLink>\r\n                  </Typography>\r\n                </Stack>\r\n              </Box>\r\n            </Box>\r\n          </Stack>\r\n        </Stack>\r\n      </>\r\n    );\r\n  } else {\r\n    return (\r\n      <>\r\n        {/* {loading && <Loader />} */}\r\n        <section id=\"auth_container\">\r\n          <Stack className=\"auth-bg\">\r\n            <img\r\n              src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n              alt=\"cloudDairyColoredLogo\"\r\n              className=\"cloudDairyColoredLogo\"\r\n            />\r\n            <Stack\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"center\"}\r\n              height={\"100svh\"}\r\n            >\r\n              <Box\r\n                width={{\r\n                  xs: \"60% !important\",\r\n                  md: \"43% !important\",\r\n                  xl: \"31.5% !important\",\r\n                }}\r\n                className=\"login-form\"\r\n              >\r\n                <Stack\r\n                  alignItems={\"center\"}\r\n                  justifyContent={\"center\"}\r\n                  sx={{\r\n                    mb: {\r\n                      xs: \"10px\",\r\n                      md: \"10px\",\r\n                      xl: \"15px\",\r\n                    },\r\n                  }}\r\n                >\r\n                  <img\r\n                    src={s3AssetsUrl + \"/email.svg\"}\r\n                    style={{\r\n                      height: \"50px !important\",\r\n                      width: \"50px !important\",\r\n                    }}\r\n                    alt=\"\"\r\n                  />\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: 16,\r\n                      md: 24,\r\n                      xl: 28,\r\n                    }}\r\n                    fontWeight={fontWeight.weight600}\r\n                    color={color.titleDark}\r\n                    mb={{\r\n                      xs: \"4px\",\r\n                      md: \"6px\",\r\n                      xl: \"8px\",\r\n                    }}\r\n                    height={{\r\n                      xs: \"21px\",\r\n                      md: \"35px\",\r\n                      xl: \"40px\",\r\n                    }}\r\n                  >\r\n                    Enter the One-Time Code\r\n                  </Typography>\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: 11,\r\n                      md: 13.4,\r\n                      xl: 15.4,\r\n                    }}\r\n                    color={color.subTitle}\r\n                    fontWeight={fontWeight.weight400}\r\n                    textAlign={\"center\"}\r\n                  >\r\n                    A one-time code has been sent to your registered email\r\n                    address{\" \"}\r\n                  </Typography>\r\n                  <Typography\r\n                    fontWeight={fontWeight.weight600}\r\n                    color={color.titleDark}\r\n                    textAlign={\"center\"}\r\n                    fontSize={{\r\n                      xs: 11,\r\n                      md: 13.4,\r\n                      xl: 15.4,\r\n                    }}\r\n                  >\r\n                    {email}\r\n                  </Typography>\r\n                </Stack>\r\n                <Stack gap={\"32px\"} mb={3}>\r\n                  <Stack gap={\"8px\"}>\r\n                    <Typography\r\n                      fontWeight={\"600\"}\r\n                      fontSize={fontSizes.mediumFont}\r\n                      color={color.titleDark}\r\n                    >\r\n                      Next Steps:\r\n                    </Typography>\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      gap={\"8px\"}\r\n                      alignItems={\"flex-start\"}\r\n                      ml={1}\r\n                    >\r\n                      <Box\r\n                        height={\"4px\"}\r\n                        width={\"4px\"}\r\n                        bgcolor={color.subTitle}\r\n                        // mt={1}\r\n                      />\r\n                      <Typography\r\n                        color={color.subTitle}\r\n                        fontWeight={fontWeight.weight400}\r\n                        fontSize={fontSizes.fontSize14}\r\n                        mt={\"-8px\"}\r\n                      >\r\n                        Check your inbox (and spam folder, if necessary).\r\n                      </Typography>\r\n                    </Stack>\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      gap={\"8px\"}\r\n                      alignItems={\"flex-start\"}\r\n                      ml={1}\r\n                    >\r\n                      <Box\r\n                        height={\"4px\"}\r\n                        width={\"4px\"}\r\n                        bgcolor={color.subTitle}\r\n                        // mt={1}\r\n                      />\r\n                      <Typography\r\n                        color={color.subTitle}\r\n                        fontWeight={fontWeight.weight400}\r\n                        fontSize={fontSizes.fontSize14}\r\n                        mt={\"-8px\"}\r\n                      >\r\n                        Enter the 6-digit code below to verify your identity and\r\n                        proceed.\r\n                      </Typography>\r\n                    </Stack>\r\n                    <Typography\r\n                      fontWeight={\"600\"}\r\n                      fontSize={fontSizes.fontSize14}\r\n                      color={color.titleDark}\r\n                    >\r\n                      Note:{\" \"}\r\n                      <Typography\r\n                        variant=\"captions\"\r\n                        sx={{\r\n                          color: color.subTitle,\r\n                          fontWeight: fontWeight.weight400,\r\n                          fontSize: fontSizes.fontSize14,\r\n                        }}\r\n                      >\r\n                        The code is valid for{\" \"}\r\n                        <Typography\r\n                          variant=\"captions\"\r\n                          color={color.titleDark}\r\n                          fontWeight={fontWeight.weight500}\r\n                          fontSize={{\r\n                            xl: fontSizes.fontSize14,\r\n                          }}\r\n                        >\r\n                          10 minutes.\r\n                        </Typography>\r\n                      </Typography>\r\n                    </Typography>\r\n                  </Stack>\r\n                </Stack>\r\n\r\n                <Box>\r\n                  <Typography\r\n                    fontWeight={\"600\"}\r\n                    fontSize={fontSizes.mediumFont}\r\n                    color={color.titleDark}\r\n                  >\r\n                    Enter Code\r\n                  </Typography>\r\n                  <MuiOtpInput\r\n                    autoFocus\r\n                    value={otp}\r\n                    onChange={handleChange}\r\n                    length={6}\r\n                    onKeyPress={(e) => {\r\n                      prventFromNonNumericValues(e);\r\n                      if (e.key === \"Enter\") {\r\n                        handleVerifyOtp(e);\r\n                      }\r\n                    }}\r\n                    onFocus={(e) => {\r\n                      const indexClass =\r\n                        e.target.parentElement.parentElement.classList[3];\r\n                      setFocusedInput(\r\n                        Number(indexClass[indexClass.length - 1])\r\n                      );\r\n                    }}\r\n                    onBlur={() => setFocusedInput(null)}\r\n                    sx={{\r\n                      justifyContent: {\r\n                        xs: \"space-between\",\r\n                        md: \"space-between\",\r\n                        lg: \"space-between\",\r\n                      },\r\n                      gap: {\r\n                        xs: \"0px\",\r\n                        md: \"22px\",\r\n                      },\r\n                      [`& .MuiOtpInput-TextField-${focusedInput}`]: {\r\n                        \"& .MuiOutlinedInput-root\": {\r\n                          border: `3px solid ${\r\n                            isError\r\n                              ? color.lightErrorColor\r\n                              : color.primaryShadowColor\r\n                          } !important`,\r\n                        },\r\n                      },\r\n\r\n                      \"& .MuiOutlinedInput-root\": {\r\n                        border: `3px solid ${\r\n                          isError ? color.lightErrorColor : \"transparent\"\r\n                        } !important`,\r\n                        borderRadius: \"12px !important\",\r\n\r\n                        \"& fieldset\": {\r\n                          display: \"none\",\r\n                        },\r\n                        \"& input\": {\r\n                          borderRadius: \"8px !important\",\r\n                          fontSize: 18,\r\n                          color: color.titleDark,\r\n                          fontWeight: fontWeight.weight600,\r\n                          p: 0,\r\n                          height: {\r\n                            xs: \"40px !important\",\r\n                            md: \"50px !important\",\r\n                            lg: \"60px !important\",\r\n                          },\r\n                          width: {\r\n                            xs: \"40px !important\",\r\n                            md: \"50px !important\",\r\n                            lg: \"60px !important\",\r\n                          },\r\n                          border: `1px solid ${\r\n                            isError ? color.errorColor : \"#E1E1E1\"\r\n                          } !important`,\r\n                        },\r\n                        \"&.Mui-focused\": {\r\n                          \"& input\": {\r\n                            border: `1px solid ${\r\n                              isError ? color.errorColor : color.primaryColor\r\n                            } !important`,\r\n                          },\r\n                        },\r\n                      },\r\n                    }}\r\n                  />\r\n                  {error && (\r\n                    <Typography\r\n                      color={color.errorColor}\r\n                      fontSize={fontSizes.mediumFont}\r\n                      fontWeight={fontWeight.weight400}\r\n                      ml={\"1px\"}\r\n                    >\r\n                      {error}\r\n                    </Typography>\r\n                  )}\r\n                </Box>\r\n                <BtnGradient\r\n                  fullWidth\r\n                  sx={{\r\n                    mt: {\r\n                      xs: \"20px\",\r\n                      md: \"20px\",\r\n                    },\r\n                    textTransform: \"none\",\r\n                    fontWeight: 500,\r\n                    fontSize: {\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    },\r\n                  }}\r\n                  onClick={handleVerifyOtp}\r\n                  loading={loading}\r\n                >\r\n                  Verify Code\r\n                </BtnGradient>\r\n                <Typography\r\n                  sx={{\r\n                    display: \"flex\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                    gap: \"2px\",\r\n                    mt: {\r\n                      xs: \"20px\",\r\n                      // md: \"30px\",\r\n                      md: \"15px\",\r\n                    },\r\n                  }}\r\n                >\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: 11,\r\n                      md: 14,\r\n                      xl: 14,\r\n                    }}\r\n                    color={color.titleDark}\r\n                    fontWeight={fontWeight.weight400}\r\n                    variant=\"caption\"\r\n                    sx={\r\n                      {\r\n                        // height: {\r\n                        //   xs: \"15px\",\r\n                        //   md: \"19px\",\r\n                        // },\r\n                      }\r\n                    }\r\n                  >\r\n                    Didn’t get OTP?\r\n                  </Typography>\r\n                  <Box>\r\n                    <CommonLink\r\n                      variant=\"caption\"\r\n                      onClick={() => handleResendOtp()}\r\n                    >\r\n                      Resend OTP\r\n                    </CommonLink>\r\n                  </Box>\r\n                </Typography>\r\n              </Box>\r\n            </Stack>\r\n          </Stack>\r\n        </section>\r\n      </>\r\n    );\r\n  }\r\n};\r\n\r\nexport default VerifyEmail;\r\n","import React, { useState } from \"react\";\r\nimport { useNavigate } from \"react-router-dom\";\r\n\r\nimport { Box, Stack, Typography } from \"@mui/material\";\r\nimport \"../Signup/signup.scss\";\r\nimport AuthInput from \"../components/AuthInput\";\r\nimport commanService from \"../../../CommanFunctions/commanService\";\r\nimport Loader from \"../../../CommanUI/Loader/loader\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport {\r\n  errorToast,\r\n  successToast,\r\n  warningToast,\r\n} from \"../../../Redux/toastSlice\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { IcLinedArrow, IcRight, IcWrong } from \"../../../assets/icon-components\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport { s3AssetsUrl } from \"../../DrawBoard/const\";\r\n\r\nfunction SetNewPassword({ isModalView }) {\r\n  const navigate = useNavigate();\r\n  const dispatch = useDispatch();\r\n\r\n  const [loading, setLoading] = useState(false);\r\n  const [showPassword, setShowPassword] = useState(false);\r\n  const [showConfirmPassword, setShowConfirmPassword] = useState(false);\r\n  const [newPasswordData, setNewPasswordData] = useState({\r\n    newPassword: \"\",\r\n    confirmPassword: \"\",\r\n  });\r\n  const [errors, setErrors] = useState({\r\n    newPassword: \"\",\r\n    confirmPassword: \"\",\r\n  });\r\n\r\n  const digits = newPasswordData.newPassword?.replace(/\\D/g, \"\");\r\n\r\n  // const validateField = (fieldName, value) => {\r\n  //   switch (fieldName) {\r\n  //     case \"newPassword\": {\r\n  //       if (value.length === 0) {\r\n  //         setErrors((prev) => ({ ...prev, newPassword: \"Password Required\" }));\r\n  //       } else if (value.length < 8) {\r\n  //         setErrors((prev) => ({\r\n  //           ...prev,\r\n  //           newPassword: \"Password must be at least 8 characters long\",\r\n  //         }));\r\n  //       } else {\r\n  //         setErrors((prev) => ({\r\n  //           ...prev,\r\n  //           newPassword: \"\",\r\n  //         }));\r\n  //       }\r\n  //       break;\r\n  //     }\r\n  //     case \"confirmPassword\": {\r\n  //       if (value.length === 0) {\r\n  //         setErrors((prev) => ({\r\n  //           ...prev,\r\n  //           confirmPassword: \"Confirm Password Required\",\r\n  //         }));\r\n  //       } else if (value !== newPasswordData.newPassword) {\r\n  //         setErrors((prev) => ({\r\n  //           ...prev,\r\n  //           confirmPassword: \"Passwords do not match\",\r\n  //         }));\r\n  //       } else {\r\n  //         setErrors((prev) => ({\r\n  //           ...prev,\r\n  //           confirmPassword: \"\",\r\n  //         }));\r\n  //       }\r\n  //       break;\r\n  //     }\r\n  //     default:\r\n  //       break;\r\n  //   }\r\n  // };\r\n\r\n  const validateField = (fieldName, value) => {\r\n    let valid = true;\r\n    if (fieldName === \"new_password\") {\r\n      if (value.trim().length <= 0) {\r\n        setErrors((prev) => ({\r\n          ...prev,\r\n          newPassword: \"New password is required\",\r\n        }));\r\n        valid = false;\r\n      } else if (value.trim().length < 8) {\r\n        setErrors((prev) => ({\r\n          ...prev,\r\n          newPassword: \"New password must be 8 character\",\r\n        }));\r\n        valid = true;\r\n      }\r\n    }\r\n\r\n    if (fieldName === \"confirm_password\") {\r\n      if (value.trim().length <= 0) {\r\n        setErrors((prev) => ({\r\n          ...prev,\r\n          confirmPassword: \"Confirm password is required\",\r\n        }));\r\n        valid = false;\r\n      } else if (value !== newPasswordData.newPassword) {\r\n        setErrors((prev) => ({\r\n          ...prev,\r\n          confirmPassword: \"Password do not match\",\r\n        }));\r\n        valid = false;\r\n      } else {\r\n        setErrors((prev) => ({\r\n          ...prev,\r\n          confirmPassword: \"\",\r\n        }));\r\n        valid = true;\r\n      }\r\n    }\r\n\r\n    return valid;\r\n  };\r\n\r\n  const handleUpdatePassword = async () => {\r\n    const validNewPassword = validateField(\r\n      \"new_password\",\r\n      newPasswordData.newPassword\r\n    );\r\n    const validConfirmPassword = validateField(\r\n      \"confirm_password\",\r\n      newPasswordData.confirmPassword\r\n    );\r\n\r\n    if (!validNewPassword || !validConfirmPassword) {\r\n      return;\r\n    }\r\n    const { newPassword, confirmPassword } = newPasswordData;\r\n\r\n    if (!errors.newPassword && !errors.confirmPassword) {\r\n      const token = localStorage.getItem(\"forgotPasswordToken\");\r\n      if (token) {\r\n        setLoading(true);\r\n        const obj = { token, password: newPassword };\r\n        try {\r\n          const { data } = await commanService.postApi(\r\n            \"user\",\r\n            \"reset-password\",\r\n            obj\r\n          );\r\n          data?.message && dispatch(successToast({ message: data?.message }));\r\n          // localStorage.removeItem(\"forgotPasswordToken\");\r\n          // dispatch(\r\n          //   successToast({\r\n          //     message: \"Your password has been changed successfully.\",\r\n          //   })\r\n          // );\r\n          localStorage.clear();\r\n          navigate(\"/login\");\r\n        } catch (error) {\r\n          if (error.response.status !== 401) {\r\n            const message =\r\n              error.response?.data?.message ||\r\n              error.response?.data?.error?.[0] ||\r\n              error.message;\r\n            if (error.response.status < 500) {\r\n              dispatch(warningToast({ message }));\r\n            } else {\r\n              dispatch(errorToast({ message: \"Oops! Something went wrong\" }));\r\n            }\r\n          }\r\n        } finally {\r\n          setLoading(false);\r\n        }\r\n      }\r\n    }\r\n  };\r\n\r\n  const renderValidationIcon = (condition) => {\r\n    // return condition ? <IcRight /> : <IcWrong />;\r\n    // return condition ? (\r\n    //   <IcRight />\r\n    // ) : (\r\n    //   <Box height={\"4px\"} width={\"4px\"} bgcolor={\"#848382\"} />\r\n    // );\r\n\r\n    return newPasswordData?.newPassword?.trim().length === 0 ? (\r\n      <Box\r\n        height={\"4px\"}\r\n        width={\"4px\"}\r\n        bgcolor={color.subTitle}\r\n        borderRadius={\"50%\"}\r\n      ></Box>\r\n    ) : condition ? (\r\n      <IcRight />\r\n    ) : (\r\n      <IcWrong />\r\n    );\r\n  };\r\n\r\n  const eightCharacterIcon = renderValidationIcon(\r\n    newPasswordData.newPassword.length >= 8\r\n  );\r\n  const upperAndLowerCaseIcon = renderValidationIcon(\r\n    /(?=.*[a-z])(?=.*[A-Z])/.test(newPasswordData.newPassword)\r\n  );\r\n  const oneNumberIcon = renderValidationIcon(\r\n    /\\d/.test(newPasswordData.newPassword)\r\n  );\r\n  const specialCharacterIcon = renderValidationIcon(\r\n    /[@$!%*?&#]/.test(newPasswordData.newPassword)\r\n  );\r\n\r\n  const findSpecialCharacters = (password) => {\r\n    return password.split(\"\").some((char) => !char.match(/[a-zA-Z0-9]/));\r\n  };\r\n  const hasUpperAndLowerCase = (password) => {\r\n    let hasUpper = false;\r\n    let hasLower = false;\r\n\r\n    for (let i = 0; i < password.length; i++) {\r\n      let char = password[i];\r\n\r\n      if (char >= \"A\" && char <= \"Z\") {\r\n        hasUpper = true;\r\n      }\r\n      if (char >= \"a\" && char <= \"z\") {\r\n        hasLower = true;\r\n      }\r\n      if (hasUpper && hasLower) {\r\n        return true;\r\n      }\r\n    }\r\n\r\n    return false;\r\n  };\r\n\r\n  const eightCharacter =\r\n    newPasswordData.newPassword?.trim().length === 0\r\n      ? color.subTitle\r\n      : newPasswordData.newPassword?.length >= 8\r\n      ? \"#06A05A\"\r\n      : newPasswordData.newPassword?.length <= 8\r\n      ? \"#FF5030\"\r\n      : \"\";\r\n\r\n  const upperAndLowerCase =\r\n    newPasswordData.newPassword?.trim().length === 0\r\n      ? color.subTitle\r\n      : hasUpperAndLowerCase(newPasswordData.newPassword)\r\n      ? \"#06A05A\"\r\n      : \"#FF5030\";\r\n\r\n  const oneNumber =\r\n    digits.length >= 1\r\n      ? \"#06A05A\"\r\n      : newPasswordData.newPassword?.length === 0\r\n      ? color.subTitle\r\n      : \"#FF5030\";\r\n\r\n  const specialCharacter =\r\n    newPasswordData.newPassword?.trim().length === 0\r\n      ? color.subTitle\r\n      : findSpecialCharacters(newPasswordData.newPassword)\r\n      ? \"#06A05A\"\r\n      : \"#FF5030\";\r\n  if (isModalView) {\r\n    return (\r\n      <>\r\n        {/* {loading && <Loader />} */}\r\n        <Stack\r\n          sx={{\r\n            width: \"100%\",\r\n            position: \"relative\",\r\n            height: \"100%\",\r\n          }}\r\n        >\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n            height={\"100%\"}\r\n          >\r\n            <Box\r\n              width={{\r\n                xs: \"100% !important\",\r\n                md: \"100% !important\",\r\n                xl: \"100% !important\",\r\n              }}\r\n              maxHeight={{ xs: \"100% !important\", md: \"100% !important\" }}\r\n            >\r\n              <Stack width={\"100%\"}>\r\n                <AuthInput\r\n                  height={40}\r\n                  label={\"New password\"}\r\n                  placeholder={\"Create a strong password\"}\r\n                  sx={{ mb: { xs: \"08px\", md: \"10px\" } }}\r\n                  endAdornment={true}\r\n                  type={showPassword ? \"text\" : \"password\"}\r\n                  bgColor=\"white\"\r\n                  defaultBorderColor=\"#E1E1E1\"\r\n                  handleClickShowPassword={() => setShowPassword(!showPassword)}\r\n                  showPassword={showPassword}\r\n                  onChange={(e) => {\r\n                    setNewPasswordData({\r\n                      ...newPasswordData,\r\n                      newPassword: e.target.value,\r\n                    });\r\n                    setErrors({\r\n                      ...errors,\r\n                      newPassword: \"\",\r\n                    });\r\n                    // validateField(\"newPassword\", e.target.value);\r\n                  }}\r\n                  errorMessage={errors.newPassword}\r\n                />\r\n                <AuthInput\r\n                  height={40}\r\n                  label={\"Confirm password\"}\r\n                  placeholder={\"Re-enter password\"}\r\n                  endAdornment={true}\r\n                  bgColor=\"white\"\r\n                  defaultBorderColor=\"#E1E1E1\"\r\n                  type={showConfirmPassword ? \"text\" : \"password\"}\r\n                  handleClickShowPassword={() =>\r\n                    setShowConfirmPassword(!showConfirmPassword)\r\n                  }\r\n                  showPassword={showConfirmPassword}\r\n                  onChange={(e) => {\r\n                    setNewPasswordData({\r\n                      ...newPasswordData,\r\n                      confirmPassword: e.target.value,\r\n                    });\r\n                    setErrors({\r\n                      ...errors,\r\n                      newPassword: \"\",\r\n                    });\r\n                    // validateField(\"confirmPassword\", e.target.value);\r\n                  }}\r\n                  errorMessage={errors.confirmPassword}\r\n                />\r\n                <Stack padding={\"8px\"} direction={\"row\"} gap={\"48px\"}>\r\n                  <Stack gap={\"4px\"}>\r\n                    <Stack direction={\"row\"} gap={\"8px\"} alignItems={\"center\"}>\r\n                      <Stack>{eightCharacterIcon}</Stack>\r\n                      <Typography\r\n                        fontWeight={fontWeight.weight400}\r\n                        fontSize={fontSizes.mediumFont}\r\n                        color={eightCharacter}\r\n                      >\r\n                        At least 8 characters\r\n                      </Typography>\r\n                    </Stack>\r\n                    <Stack direction={\"row\"} gap={\"8px\"} alignItems={\"center\"}>\r\n                      <Stack>{upperAndLowerCaseIcon}</Stack>\r\n                      <Typography\r\n                        fontWeight={fontWeight.weight400}\r\n                        fontSize={fontSizes.mediumFont}\r\n                        color={upperAndLowerCase}\r\n                      >\r\n                        Uppercase and lowercase letter\r\n                      </Typography>\r\n                    </Stack>\r\n                  </Stack>\r\n                  <Stack gap={\"4px\"}>\r\n                    <Stack direction={\"row\"} gap={\"8px\"} alignItems={\"center\"}>\r\n                      <Stack>{oneNumberIcon}</Stack>\r\n                      <Typography\r\n                        fontWeight={fontWeight.weight400}\r\n                        fontSize={fontSizes.mediumFont}\r\n                        color={oneNumber}\r\n                      >\r\n                        One number\r\n                      </Typography>\r\n                    </Stack>\r\n                    <Stack direction={\"row\"} gap={\"8px\"} alignItems={\"center\"}>\r\n                      <Stack>{specialCharacterIcon}</Stack>\r\n                      <Typography\r\n                        fontWeight={fontWeight.weight400}\r\n                        fontSize={fontSizes.mediumFont}\r\n                        color={specialCharacter}\r\n                      >\r\n                        Special character\r\n                      </Typography>\r\n                    </Stack>\r\n                  </Stack>\r\n                </Stack>\r\n                <BtnGradient\r\n                  fullWidth\r\n                  sx={{ mt: 2 }}\r\n                  onClick={handleUpdatePassword}\r\n                  loading={loading}\r\n                  // disabled={\r\n                  //   !(\r\n                  //     newPasswordData.newPassword.length >= 8 &&\r\n                  //     /(?=.*[a-z])(?=.*[A-Z])/.test(\r\n                  //       newPasswordData.newPassword\r\n                  //     ) &&\r\n                  //     /\\d/.test(newPasswordData.newPassword) &&\r\n                  //     /[@$!%*?&#]/.test(newPasswordData.newPassword) &&\r\n                  //     newPasswordData.newPassword ===\r\n                  //       newPasswordData.confirmPassword\r\n                  //   )\r\n                  // }\r\n                >\r\n                  <Typography\r\n                    fontWeight={500}\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                  >\r\n                    {/* Set new Password */}\r\n                    Continue\r\n                  </Typography>\r\n                </BtnGradient>\r\n              </Stack>\r\n            </Box>\r\n          </Stack>\r\n        </Stack>\r\n      </>\r\n    );\r\n  } else {\r\n    return (\r\n      <section id=\"auth_container\">\r\n        {/* {loading && <Loader />} */}\r\n        <Stack className=\"auth-bg\">\r\n          <img\r\n            src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n            alt=\"cloudDairyColoredLogo\"\r\n            className=\"cloudDairyColoredLogo\"\r\n          />\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n            height={\"100svh\"}\r\n          >\r\n            <Box\r\n              width={{\r\n                xs: \"60% !important\",\r\n                md: \"40% !important\",\r\n                xl: \"31.5% !important\",\r\n              }}\r\n              className=\"login-form\"\r\n            >\r\n              <Stack\r\n                justifyContent={\"center\"}\r\n                sx={{\r\n                  mb: {\r\n                    xs: \"20px\",\r\n                    md: \"30px\",\r\n                    xl: \"50px\",\r\n                  },\r\n                }}\r\n              >\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: 16,\r\n                    md: 24,\r\n                    xl: 28,\r\n                  }}\r\n                  fontWeight={fontWeight.weight600}\r\n                  color={\"#18181B\"}\r\n                  mb={{\r\n                    xs: \"4px\",\r\n                    md: \"6px\",\r\n                    xl: \"4px\",\r\n                  }}\r\n                >\r\n                  Reset Your Password\r\n                </Typography>\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: 11,\r\n                    md: 12.4,\r\n                    xl: 16,\r\n                  }}\r\n                  color={\"#848382\"}\r\n                  fontWeight={400}\r\n                  mb={{\r\n                    xl: \"-36px\",\r\n                  }}\r\n                >\r\n                  Enter your new password below. Make sure it’s strong and\r\n                  secure.\r\n                </Typography>\r\n              </Stack>\r\n\r\n              <AuthInput\r\n                label={\"New Password\"}\r\n                height={40}\r\n                placeholder={\"Create a strong password\"}\r\n                bgColor=\"white\"\r\n                borderRadius=\"10px\"\r\n                defaultBorderColor=\"#E1E1E1\"\r\n                sx={{\r\n                  mb: {\r\n                    xs: \"10px\",\r\n                    md: \"18px\",\r\n                  },\r\n                }}\r\n                endAdornment={true}\r\n                type={showPassword ? \"text\" : \"password\"}\r\n                handleClickShowPassword={() => setShowPassword(!showPassword)}\r\n                showPassword={showPassword}\r\n                onChange={(e) => {\r\n                  setNewPasswordData({\r\n                    ...newPasswordData,\r\n                    newPassword: e.target.value,\r\n                  });\r\n                  setErrors({\r\n                    ...errors,\r\n                    newPassword: \"\",\r\n                  });\r\n                  // validateField(\"newPassword\", e.target.value);\r\n                }}\r\n                errorMessage={errors.newPassword}\r\n              />\r\n              <AuthInput\r\n                label={\"Confirm Password\"}\r\n                height={40}\r\n                placeholder={\"Create your strong password\"}\r\n                endAdornment={true}\r\n                bgColor=\"white\"\r\n                borderRadius=\"10px\"\r\n                defaultBorderColor=\"#E1E1E1\"\r\n                type={showConfirmPassword ? \"text\" : \"password\"}\r\n                handleClickShowPassword={() =>\r\n                  setShowConfirmPassword(!showConfirmPassword)\r\n                }\r\n                showPassword={showConfirmPassword}\r\n                onChange={(e) => {\r\n                  setNewPasswordData({\r\n                    ...newPasswordData,\r\n                    confirmPassword: e.target.value,\r\n                  });\r\n                  setErrors({\r\n                    ...errors,\r\n                    confirmPassword: \"\",\r\n                  });\r\n                  // validateField(\"confirmPassword\", e.target.value);\r\n                }}\r\n                errorMessage={errors.confirmPassword}\r\n              />\r\n\r\n              <Stack padding={\"8px\"} direction={\"row\"} gap={\"48px\"}>\r\n                <Stack gap={\"4px\"}>\r\n                  <Stack direction={\"row\"} gap={\"8px\"} alignItems={\"center\"}>\r\n                    <Stack>{eightCharacterIcon}</Stack>\r\n                    <Typography\r\n                      fontWeight={fontWeight.weight400}\r\n                      fontSize={\"14px\"}\r\n                      color={eightCharacter}\r\n                    >\r\n                      At least 8 characters\r\n                    </Typography>\r\n                  </Stack>\r\n\r\n                  <Stack direction={\"row\"} gap={\"8px\"} alignItems={\"center\"}>\r\n                    <Stack>{upperAndLowerCaseIcon}</Stack>\r\n                    <Typography\r\n                      fontWeight={fontWeight.weight400}\r\n                      fontSize={\"14px\"}\r\n                      color={upperAndLowerCase}\r\n                    >\r\n                      Uppercase and lowercase letter\r\n                    </Typography>\r\n                  </Stack>\r\n                </Stack>\r\n                <Stack gap={\"4px\"}>\r\n                  <Stack direction={\"row\"} gap={\"8px\"} alignItems={\"center\"}>\r\n                    <Stack>{oneNumberIcon}</Stack>\r\n                    <Typography\r\n                      fontWeight={fontWeight.weight400}\r\n                      fontSize={\"14px\"}\r\n                      color={oneNumber}\r\n                    >\r\n                      One number\r\n                    </Typography>\r\n                  </Stack>\r\n\r\n                  <Stack direction={\"row\"} gap={\"8px\"} alignItems={\"center\"}>\r\n                    <Stack>{specialCharacterIcon}</Stack>\r\n                    <Typography\r\n                      fontWeight={fontWeight.weight400}\r\n                      fontSize={\"14px\"}\r\n                      color={specialCharacter}\r\n                    >\r\n                      Special character\r\n                    </Typography>\r\n                  </Stack>\r\n                </Stack>\r\n              </Stack>\r\n\r\n              <BtnGradient\r\n                fullWidth\r\n                sx={{\r\n                  mt: {\r\n                    xs: \"20px\",\r\n                    md: \"30px\",\r\n                    xl: \"10px\",\r\n                  },\r\n                  fontWeight: 500,\r\n                }}\r\n                onClick={handleUpdatePassword}\r\n                loading={loading}\r\n              >\r\n                <Typography\r\n                  fontWeight={500}\r\n                  fontSize={{\r\n                    xs: fontSizes.fontSize13,\r\n                    md: fontSizes.fontSize14,\r\n                  }}\r\n                  height={fontSizes.btnTextHeight}\r\n                >\r\n                  Continue\r\n                </Typography>\r\n              </BtnGradient>\r\n              {/* <Typography\r\n                fontSize={{\r\n                  xs: 11,\r\n                  md: 13.5,\r\n                }}\r\n                height={{\r\n                  xs: 15,\r\n                  md: 18,\r\n                }}\r\n                color={\"#18181B\"}\r\n                textAlign={\"center\"}\r\n                fontWeight={500}\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  width: \"max-content\",\r\n                  mx: \"auto\",\r\n                  \"& img\": { mb: \"2px\" },\r\n                }}\r\n                onClick={() => navigate(\"/login\")}\r\n              >\r\n                <IcLinedArrow fill=\"#18181B\" />\r\n                &nbsp;&nbsp; Back to Log In\r\n              </Typography> */}\r\n            </Box>\r\n          </Stack>\r\n        </Stack>\r\n      </section>\r\n    );\r\n  }\r\n}\r\n\r\nexport default SetNewPassword;\r\n","import React, { useState } from \"react\";\r\nimport { Box, Stack, Typography } from \"@mui/material\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\nimport {\r\n  IcEditOutlined,\r\n  IcPhoto,\r\n  IcWarning,\r\n} from \"../../assets/icon-components\";\r\nimport { fontWeight } from \"../../Utils/style/weight/fontWeight\";\r\nimport { fontSizes } from \"../../Utils/style/font/fontsizes\";\r\nimport AuthInput from \"../Auth/components/AuthInput\";\r\nimport BtnGradient from \"../../common-components/buttons/BtnGradient\";\r\nimport { Link, useNavigate } from \"react-router-dom\";\r\nimport { s3AssetsUrl } from \"../DrawBoard/const\";\r\nimport commanService from \"../../CommanFunctions/commanService\";\r\n\r\nconst CreateWorkspaceDetail = () => {\r\n  // const dispatch = useDispatch();\r\n  let user_data = localStorage.getItem(\"user_data\");\r\n  const isSelectedPlan = localStorage.getItem(\"selectedPlanDetails\");\r\n  // const [createWorkspace] = useCerateWorkspaceMutation();\r\n  // const [switchWorkSpace] = useSwitchAccountsMutation();\r\n  const [selectedImageFile, setSelectedImageFile] = useState(null);\r\n  const [selectedImage, setSelectedImage] = useState(null);\r\n  const [workSpacename, setWorkSpacename] = useState(\"\");\r\n  const [formErrorsSignup, setFormErrorsSignup] = useState({\r\n    workSpacename: \"\",\r\n  });\r\n  const [uploadingInProgress, setUploadingInProgress] = useState(false);\r\n  const navigate = useNavigate();\r\n  const isCreateNewWorkSpace = true;\r\n  const isHaveNotWorkspace = localStorage.getItem(\"isHaveNotWorkspace\");\r\n  const validateWorkSpaceName = (fieldName, value) => {\r\n    let valid = true;\r\n    if (fieldName === \"work_space_name\") {\r\n      if (value.trim().length <= 0) {\r\n        setFormErrorsSignup((prev) => ({\r\n          ...prev,\r\n          workSpacename: \"Please enter a workspace name\",\r\n        }));\r\n        valid = false;\r\n      } else {\r\n        setFormErrorsSignup((prev) => ({\r\n          ...prev,\r\n          workSpacename: \"\",\r\n        }));\r\n        valid = true;\r\n      }\r\n    }\r\n    return valid;\r\n  };\r\n  const workSpaceName = async () => {\r\n    const validWorkSpaceName = validateWorkSpaceName(\r\n      \"work_space_name\",\r\n      workSpacename\r\n    );\r\n\r\n    const formData = new FormData();\r\n    formData.append(\"file\", selectedImageFile);\r\n    formData.append(\"fileName\", \"workspaceLogo\");\r\n    setUploadingInProgress(true);\r\n    const imageUploadResponse =\r\n      selectedImageFile &&\r\n      (await commanService.uploadApi(\"drawboard\", `upload/files`, formData));\r\n\r\n    if (!imageUploadResponse?.error) {\r\n      if (validWorkSpaceName) {\r\n        if (isHaveNotWorkspace && !isSelectedPlan) {\r\n          navigate(\"/pricing-plan\");\r\n          localStorage.setItem(\r\n            \"create_new_workspace_data\",\r\n            JSON.stringify({\r\n              is_new_workspace: true,\r\n              workspace_name: workSpacename,\r\n              logoFile: imageUploadResponse?.data?.data?.[0]?.location,\r\n            })\r\n          );\r\n          // createWorkspace({\r\n          //   workspace_name: workSpacename,\r\n          //   logo: imageUploadResponse?.data?.data?.[0]?.location,\r\n          // })\r\n          //   .then((result) => {\r\n          //     switchWorkSpace(result?.data?.data?.account_id).then(\r\n          //       (accountData) => {\r\n          //         localStorage.setItem(\r\n          //           \"active_team\",\r\n          //           result?.data?.data?.team_id\r\n          //         );\r\n          //         dispatch(setCurrentTeam(result?.data?.data?.team_id));\r\n          //         dispatch(\r\n          //           updateUserData({\r\n          //             ...accountData?.data,\r\n          //             team_id: result?.data?.data?.team_id,\r\n          //             is_onboarding_done: true,\r\n          //           })\r\n          //         );\r\n          //         navigate(\"/\");\r\n          //       }\r\n          //     );\r\n          //   })\r\n          //   .catch((error) => {\r\n          //     setUploadingInProgress(false);\r\n          //     dispatch(\r\n          //       errorToast({\r\n          //         message: error?.data?.message,\r\n          //       })\r\n          //     );\r\n          //   });\r\n        } else {\r\n          localStorage.setItem(\r\n            \"create_new_workspace_data\",\r\n            JSON.stringify({\r\n              is_new_workspace: true,\r\n              workspace_name: workSpacename,\r\n              logoFile: imageUploadResponse?.data?.data?.[0]?.location,\r\n            })\r\n          );\r\n          setUploadingInProgress(false);\r\n          navigate(\"/invite-user-workspace\");\r\n        }\r\n      } else {\r\n        setUploadingInProgress(false);\r\n      }\r\n    } else {\r\n      setUploadingInProgress(false);\r\n      return;\r\n    }\r\n  };\r\n  const handleFileChange = async (event) => {\r\n    const file = event.target.files[0];\r\n\r\n    const reader = new FileReader();\r\n    setSelectedImageFile(file);\r\n\r\n    reader.onload = () => {\r\n      const img = new Image();\r\n      img.src = reader.result;\r\n      img.onload = () => {\r\n        setSelectedImage(reader.result);\r\n      };\r\n    };\r\n\r\n    reader.readAsDataURL(file);\r\n  };\r\n  const handleClickEditProfile = () => {\r\n    const file_input = document.getElementById(\"file_input\");\r\n    file_input.click();\r\n  };\r\n  let firstName = \"W\";\r\n  let lastName = \"S\";\r\n\r\n  if (user_data) {\r\n    const parsedData = JSON.parse(user_data);\r\n    if (parsedData?.first_name) {\r\n      firstName = parsedData?.first_name\r\n        ?.split(\" \")[0]\r\n        ?.toUpperCase()\r\n        ?.charAt(0);\r\n      lastName = parsedData?.last_name\r\n        ? parsedData?.last_name?.split(\" \")[1]?.toUpperCase()?.charAt(0)\r\n        : \"\";\r\n    }\r\n  }\r\n\r\n  return (\r\n    <div>\r\n      <section id=\"auth_container\">\r\n        <Stack className=\"auth-bg\">\r\n          <Link to={\"/\"}>\r\n            <img\r\n              onClick={() => {\r\n                localStorage.removeItem(\"create_new_workspace_data\");\r\n                localStorage.removeItem(\"isNewWorkspace\");\r\n              }}\r\n              src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n              alt=\"cloudDairyColoredLogo\"\r\n              className=\"cloudDairyColoredLogo\"\r\n            />\r\n          </Link>\r\n          <BtnGradient\r\n            height={40}\r\n            onClick={() => {\r\n              navigate(-1);\r\n              localStorage.removeItem(\"create_new_workspace_data\");\r\n            }}\r\n            sx={{\r\n              position: \"absolute\",\r\n              right: \"30px\",\r\n              top: \"25px\",\r\n              px: \"16px\",\r\n            }}\r\n          >\r\n            Go Back\r\n          </BtnGradient>\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n            height={\"100svh\"}\r\n          >\r\n            <Box\r\n              width={{\r\n                xs: \"60% !important\",\r\n                md: \"43% !important\",\r\n                xl: \"31.5% !important\",\r\n              }}\r\n              className=\"login-form\"\r\n            >\r\n              <Stack alignItems=\"center\" justifyContent=\"center\" spacing={2}>\r\n                <Box\r\n                  sx={{\r\n                    width: \"100px\",\r\n                    height: \"100px\",\r\n                    position: \"relative\",\r\n                    borderRadius: \"50%\",\r\n                    border: \"1px solid #e6eaef\",\r\n                    backgroundColor: !selectedImage && \"#FDC830\",\r\n                    display: \"flex\",\r\n                    justifyContent: \"center\",\r\n                    alignItems: \"center\",\r\n                    transition: \"all 0.3s ease\",\r\n                    \"& input\": { display: \"none\" },\r\n                    \"& .action_button\": {\r\n                      opacity: 1,\r\n                      transition: \"opacity 0.3s ease\",\r\n                    },\r\n                  }}\r\n                >\r\n                  <Box\r\n                    className=\"action_button\"\r\n                    sx={{\r\n                      position: \"absolute\",\r\n                      bottom: \"5px\",\r\n                      right: \"0px\",\r\n                      left: \"64%\",\r\n                      width: \"34px\",\r\n                      top: \"64%\",\r\n                      color: \"white\",\r\n                      height: \"34px\",\r\n                      backgroundColor: color.primaryColor,\r\n                      borderRadius: \"50%\",\r\n                      border: \"3px solid white\",\r\n                      display: \"flex\",\r\n                      justifyContent: \"center\",\r\n                      alignItems: \"center\",\r\n                      cursor: \"pointer\",\r\n                      // boxShadow: \"0px 4px 6px rgba(0, 0, 0, 0.1)\",\r\n                      transition: \"all 0.3s ease\",\r\n                      \"&:hover\": {\r\n                        backgroundColor: color.darkPrimary,\r\n                      },\r\n                    }}\r\n                    onClick={handleClickEditProfile}\r\n                  >\r\n                    {isCreateNewWorkSpace ? (\r\n                      <IcPhoto fill=\"white\" />\r\n                    ) : (\r\n                      <IcEditOutlined\r\n                        fill=\"white\"\r\n                        sx={{\r\n                          color: \"white !important\",\r\n                          fontSize: \"18px\",\r\n                        }}\r\n                      />\r\n                    )}\r\n                  </Box>\r\n\r\n                  <input\r\n                    type=\"file\"\r\n                    accept=\".jpg, .jpeg, .png, .webp\"\r\n                    id=\"file_input\"\r\n                    onChange={handleFileChange}\r\n                  />\r\n\r\n                  {selectedImage ? (\r\n                    <img\r\n                      src={selectedImage}\r\n                      alt=\"Selected\"\r\n                      style={{\r\n                        width: \"100%\",\r\n                        height: \"100%\",\r\n                        objectFit: \"cover\",\r\n                        borderRadius: \"50%\",\r\n                      }}\r\n                    />\r\n                  ) : (\r\n                    <Typography\r\n                      sx={{\r\n                        fontWeight: 500,\r\n                        color: \"#FFFFFF\",\r\n                        fontSize: \"24px\",\r\n                      }}\r\n                    >\r\n                      {firstName}\r\n                      {lastName}\r\n                    </Typography>\r\n                  )}\r\n                </Box>\r\n\r\n                {selectedImage ? (\r\n                  <Typography\r\n                    fontWeight={500}\r\n                    fontSize=\"14px\"\r\n                    color={color.errorColor}\r\n                    sx={{\r\n                      mt: \"8px !important\",\r\n                      cursor: \"pointer\",\r\n                      \":hover\": {\r\n                        textDecoration: \"underline !important\",\r\n                      },\r\n                    }}\r\n                    onClick={() => {\r\n                      setSelectedImage(null);\r\n                    }}\r\n                  >\r\n                    Remove Photo\r\n                  </Typography>\r\n                ) : (\r\n                  <Typography\r\n                    fontWeight={500}\r\n                    fontSize=\"14px\"\r\n                    color={color.primaryColor}\r\n                    sx={{\r\n                      mt: \"8px !important\",\r\n                      cursor: \"pointer\",\r\n                      \":hover\": {\r\n                        textDecoration: \"underline\",\r\n                      },\r\n                    }}\r\n                    onClick={handleClickEditProfile}\r\n                  >\r\n                    Upload Photo\r\n                  </Typography>\r\n                )}\r\n              </Stack>\r\n\r\n              <Stack\r\n                alignItems={isCreateNewWorkSpace ? \"start\" : \"center\"}\r\n                justifyContent={\"center\"}\r\n                mt={\"20px\"}\r\n                mb={\"8px\"}\r\n              >\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: 16,\r\n                    md: 24,\r\n                    xl: 28,\r\n                  }}\r\n                  fontWeight={700}\r\n                  color={color.titleDark}\r\n                  height={{\r\n                    xs: \"21px\",\r\n                    md: \"35px\",\r\n                    xl: \"40px\",\r\n                  }}\r\n                >\r\n                  {isCreateNewWorkSpace\r\n                    ? \"Create a New Workspace\"\r\n                    : \"Welcome to Cloudairy!\"}\r\n                </Typography>\r\n              </Stack>\r\n\r\n              <Stack\r\n                alignItems={\"center\"}\r\n                justifyContent={\"center\"}\r\n                textAlign={isCreateNewWorkSpace ? \"left\" : \"center\"}\r\n                mb={\"26px\"}\r\n              >\r\n                <Typography\r\n                  fontSize={fontSizes.fontSize14}\r\n                  fontWeight={fontWeight.weight400}\r\n                  color={color.subTitle}\r\n                  // height={{\r\n                  //   xs: \"21px\",\r\n                  //   md: \"35px\",\r\n                  //   xl: \"40px\",\r\n                  // }}\r\n                >\r\n                  {isCreateNewWorkSpace\r\n                    ? \"Workspaces help you organize your projects, boards, and teams in one place. Set up a new workspace to collaborate with your team or manage projects independently.\"\r\n                    : \"We're thrilled to have you join our community. To get started, let's set up your first workspace.\"}\r\n                </Typography>\r\n              </Stack>\r\n\r\n              {!isCreateNewWorkSpace && (\r\n                <Stack textAlign={\"center\"} mb={\"14px\"}>\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: 16,\r\n                      md: 24,\r\n                      xl: 18,\r\n                    }}\r\n                    fontWeight={fontWeight.weight600}\r\n                    color={color.titleDark}\r\n                  >\r\n                    What would you like to name your workspace?\r\n                  </Typography>\r\n                </Stack>\r\n              )}\r\n\r\n              <AuthInput\r\n                label={isCreateNewWorkSpace ? \"Workspace Name\" : null}\r\n                height={40}\r\n                placeholder={\r\n                  isCreateNewWorkSpace\r\n                    ? \"Enter workspace name\"\r\n                    : \"e.g. Marketing\"\r\n                }\r\n                value={workSpacename}\r\n                errorMessage={formErrorsSignup.workSpacename}\r\n                bgColor=\"white\"\r\n                defaultBorderColor=\"#E1E1E1\"\r\n                type={\"text\"}\r\n                onChange={(e) => {\r\n                  setWorkSpacename(e.target.value);\r\n                }}\r\n              />\r\n\r\n              <Stack\r\n                direction={\"row\"}\r\n                gap={\"8px\"}\r\n                alignItems={\"center\"}\r\n                mt={\"12px\"}\r\n              >\r\n                <IcWarning fill={color.subTitle} />\r\n                <Typography\r\n                  fontWeight={fontWeight.weight400}\r\n                  fontSize={fontSizes.fontSize14}\r\n                  color={color.subTitle}\r\n                >\r\n                  You can also use the name of your company or organization\r\n                </Typography>\r\n              </Stack>\r\n\r\n              <BtnGradient\r\n                loading={uploadingInProgress}\r\n                onClick={() => {\r\n                  workSpaceName();\r\n                  // moveQTwo();\r\n                }}\r\n                height={40}\r\n                fullWidth={true}\r\n                sx={{\r\n                  mt: {\r\n                    xs: \"20px\",\r\n                    md: \"10px\",\r\n                    xl: \"20px\",\r\n                    lg: \"20px\",\r\n                  },\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                  gap: \"8px\",\r\n                }}\r\n              >\r\n                {/* {loading && <SimpleCircularProgress size={20} />} */}\r\n                <Typography\r\n                  fontWeight={fontWeight.weight600}\r\n                  fontSize={{\r\n                    xs: fontSizes.fontSize13,\r\n                    md: fontSizes.fontSize14,\r\n                  }}\r\n                  height={fontSizes.btnTextHeight}\r\n                >\r\n                  {isCreateNewWorkSpace ? \"Next\" : \"Create Workspace\"}\r\n                </Typography>\r\n              </BtnGradient>\r\n            </Box>\r\n          </Stack>\r\n        </Stack>\r\n      </section>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default CreateWorkspaceDetail;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\nimport { commonStyles } from \"../../Utils/style/common/commonStyles\";\r\nimport BtnGradient from \"../../common-components/buttons/BtnGradient\";\r\nimport {\r\n  Avatar,\r\n  Box,\r\n  Chip,\r\n  IconButton,\r\n  Stack,\r\n  TextField,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport { fontSizes } from \"../../Utils/style/font/fontsizes\";\r\nimport { fontWeight } from \"../../Utils/style/weight/fontWeight\";\r\nimport { IcClose } from \"../../assets/icon-components\";\r\nimport { Link, useNavigate } from \"react-router-dom\";\r\nimport { s3AssetsUrl } from \"../DrawBoard/const\";\r\n\r\nconst CreateWorkspaceInviteMember = () => {\r\n  const [emails, setEmails] = useState([]);\r\n  const [email, setEmail] = useState(\"\");\r\n  const [inputFocus, setInputFocus] = useState(false);\r\n  const isSelectedPlan = localStorage.getItem(\"selectedPlanDetails\");\r\n  const isHaveNotWorkspace = localStorage.getItem(\"isHaveNotWorkspace\");\r\n  const navigate = useNavigate();\r\n  const handleRemoveEmail = (email) => {\r\n    setEmails((prev) => prev.filter((prevEmail) => prevEmail !== email));\r\n  };\r\n  const handleEnterEmail = (e) => {\r\n    if (e.key === \"Enter\") {\r\n      const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\r\n      if (email.trim().length <= 0) {\r\n      } else if (!emailRegex.test(email)) {\r\n      } else {\r\n        const uniqueEmails = new Set([...emails, email]);\r\n        const newArrayOfEmail = Array.from(uniqueEmails);\r\n        setEmails(newArrayOfEmail);\r\n        setEmail(\"\");\r\n      }\r\n    }\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (email.trim().length > 0 && email.includes(\".com\")) {\r\n      handleEnterEmail({ key: \"Enter\" });\r\n    }\r\n  }, [email]);\r\n\r\n  useEffect(() => {\r\n    localStorage.removeItem(\"user_invite_data\");\r\n  }, []);\r\n\r\n  const handleSendInvite = (isInviteUser) => {\r\n    if (isSelectedPlan && isHaveNotWorkspace) {\r\n      if (isInviteUser) {\r\n        localStorage.setItem(\r\n          \"user_invite_data\",\r\n          JSON.stringify({ emails: emails })\r\n        );\r\n        localStorage.setItem(\r\n          \"additionalUserData\",\r\n          JSON.stringify({ users: emails.length, price: 0 })\r\n        );\r\n      }\r\n      navigate(\"/payment-details\");\r\n    } else if (isInviteUser) {\r\n      localStorage.setItem(\r\n        \"user_invite_data\",\r\n        JSON.stringify({ emails: emails })\r\n      );\r\n      localStorage.setItem(\r\n        \"additionalUserData\",\r\n        JSON.stringify({ users: emails.length, price: 0 })\r\n      );\r\n      navigate(\"/pricing-plan\");\r\n    } else {\r\n      navigate(\"/pricing-plan\");\r\n    }\r\n  };\r\n\r\n  const isCreatingNewWorkSpace = JSON.parse(\r\n    localStorage.getItem(\"create_new_workspace_data\")\r\n  );\r\n\r\n  return (\r\n    <section id=\"auth_container\">\r\n      <Stack className=\"auth-bg\">\r\n        <Link to={\"/\"}>\r\n          <img\r\n            src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n            onClick={() => {\r\n              localStorage.removeItem(\"create_new_workspace_data\");\r\n              localStorage.removeItem(\"isNewWorkspace\");\r\n            }}\r\n            alt=\"cloudDairyColoredLogo\"\r\n            className=\"cloudDairyColoredLogo\"\r\n          />\r\n        </Link>\r\n        <BtnGradient\r\n          height={40}\r\n          onClick={() => navigate(-1)}\r\n          sx={{\r\n            position: \"absolute\",\r\n            right: \"30px\",\r\n            top: \"25px\",\r\n            px: \"16px\",\r\n          }}\r\n        >\r\n          Go Back\r\n        </BtnGradient>\r\n        <Stack\r\n          direction={\"row\"}\r\n          alignItems={\"center\"}\r\n          justifyContent={\"center\"}\r\n          height={\"100svh\"}\r\n        >\r\n          <Box\r\n            width={{\r\n              xs: \"65% !important\",\r\n              md: \"43% !important\",\r\n              xl: \"31.5% !important\",\r\n            }}\r\n            className=\"login-form\"\r\n          >\r\n            <Stack\r\n              justifyContent={\"space-between\"}\r\n              mb={{\r\n                xs: \"20px\",\r\n                xl: \"30px\",\r\n              }}\r\n            >\r\n              {/* <Box sx={Modelstyle}>\r\n                <Box>\r\n                  <Typography\r\n                    // id=\"modal-modal-title\"\r\n                    fontWeight={fontWeight.weight600}\r\n                    fontSize={fontSizes.modelTitle}\r\n                  >\r\n                    Invite New Member\r\n                  </Typography>\r\n                  <IconButton\r\n                    sx={{\r\n                      position: \"absolute\",\r\n                      top: {\r\n                        xs: \"15px\",\r\n                        lg: \"15px\",\r\n                        xl: \"30px\",\r\n                      },\r\n                      right: {\r\n                        xs: \"15px\",\r\n                        lg: \"15px\",\r\n                        xl: \"30px\",\r\n                      },\r\n                      width: {\r\n                        xs: \"30px !important\",\r\n                        lg: \"30px !important\",\r\n                        xl: \"36px !important\",\r\n                      },\r\n                      height: {\r\n                        xs: \"30px !important\",\r\n                        lg: \"30px !important\",\r\n                        xl: \"36px !important\",\r\n                      },\r\n                      borderRadius: \"50%\",\r\n                      bgcolor: \"#EFF0F3\",\r\n                      transition: \"all 0.3s ease\",\r\n                      \"&:hover\": { bgcolor: \"#EFF0F3\" },\r\n                    }}\r\n                    //   onClick={() => {\r\n                    //     handleCloseInviteUserModal(false);\r\n                    //   }}\r\n                  >\r\n                    <IcCloseThin fill=\"#18181B\" />\r\n                  </IconButton>\r\n                </Box>\r\n              </Box> */}\r\n\r\n              <Stack\r\n                direction={\"row\"}\r\n                justifyContent={\"space-between\"}\r\n                alignItems={\"center\"}\r\n              >\r\n                <Typography\r\n                  fontWeight={fontWeight.weight600}\r\n                  fontSize={\"24px\"}\r\n                  color={color.titleDark}\r\n                >\r\n                  Invite Users to {isCreatingNewWorkSpace.workspace_name}\r\n                </Typography>\r\n                {/* <Box\r\n                      display={\"flex\"}\r\n                      justifyContent={\"center\"}\r\n                      alignItems={\"center\"}\r\n                      bgcolor={\"#EFF0F3\"}\r\n                      borderRadius={\"50%\"}\r\n                      padding={\"4px\"}\r\n                      onClick={() => {\r\n                        // setShowPlans(!showPlans);\r\n                        // quickQuestion();\r\n                      }}\r\n                      sx={{ cursor: \"pointer\" }}\r\n                    >\r\n                      <IcCloseThin />\r\n                    </Box> */}\r\n              </Stack>\r\n\r\n              {/* <Stack\r\n                direction={\"row\"}\r\n                justifyContent={\"space-between\"}\r\n                alignItems={\"center\"}\r\n                gap={\"16px\"}\r\n                bgcolor={color.cardLiteBgColor}\r\n                border={`1px solid ${color.commonBorderColor}`}\r\n                borderRadius={\"8px\"}\r\n                padding={\"16px\"}\r\n                mt={\"24px\"}\r\n              >\r\n                <IcWarning fill={color.subTitle} height={24} width={24} />\r\n                <Typography\r\n                  fontWeight={fontWeight.weight400}\r\n                  fontSize={\"14px\"}\r\n                  color={color.subTitle}\r\n                  sx={{\r\n                    width: \"calc(100% - 40px)\",\r\n                  }}\r\n                >\r\n                  Accounts on paid plans can also invite guests, who have access\r\n                  to shared boards only.{\" \"}\r\n                  <Typography\r\n                    variant=\"captions\"\r\n                    fontWeight={fontWeight.weight600}\r\n                    fontSize={\"14px\"}\r\n                    color={color.primaryColor}\r\n                    sx={{\r\n                      cursor: \"pointer\",\r\n\r\n                      \"&:hover\": {\r\n                        textDecoration: \"underline\",\r\n                      },\r\n                    }}\r\n                    onClick={() => {\r\n                      //   quickQuestion();\r\n                      //   setShowPlans(!showPlans);\r\n                    }}\r\n                  >\r\n                    Upgrade now\r\n                  </Typography>\r\n                </Typography>\r\n              </Stack> */}\r\n              <Typography\r\n                color={color.subTitle}\r\n                fontSize={\"14px\"}\r\n                fontWeight={400}\r\n              >\r\n                Expand your team and collaborate effectively by inviting members\r\n                to your workspace. Assign roles to control access and\r\n                permissions.\r\n              </Typography>\r\n\r\n              {/* Aa functionality atyare bandh rakhva ni chhe to koie uncomment krvi nhi --> Likhitan: Ashish Malaviya */}\r\n              {/* <Stack>\r\n                <Typography\r\n                  fontWeight={fontWeight.weight600}\r\n                  fontSize={\"14px\"}\r\n                  color={color.titleDark}\r\n                  mt={\"24px\"}\r\n                >\r\n                  Invite From\r\n                </Typography>\r\n\r\n                <Stack mt={\"12px\"} direction={\"row\"} gap={\"16px\"}>\r\n                  <Stack\r\n                    direction={\"row\"}\r\n                    gap={\"8px\"}\r\n                    alignItems={\"center\"}\r\n                  >\r\n                    <IcSlack height={20} width={20} />\r\n                    <Typography\r\n                      fontWeight={fontWeight.weight400}\r\n                      fontSize={fontSizes.mediumFont}\r\n                      color={color.titleDark}\r\n                    >\r\n                      Slack\r\n                    </Typography>\r\n                  </Stack>\r\n\r\n                  <Stack\r\n                    direction={\"row\"}\r\n                    gap={\"8px\"}\r\n                    alignItems={\"center\"}\r\n                  >\r\n                    <IcGoogleLogoColored height={20} width={20} />\r\n                    <Typography\r\n                      fontWeight={fontWeight.weight400}\r\n                      fontSize={fontSizes.mediumFont}\r\n                      color={color.titleDark}\r\n                    >\r\n                      Google\r\n                    </Typography>\r\n                  </Stack>\r\n\r\n                  <Stack\r\n                    direction={\"row\"}\r\n                    gap={\"8px\"}\r\n                    alignItems={\"center\"}\r\n                  >\r\n                    <IcMicrosoftTeamsColored height={20} width={20} />\r\n                    <Typography\r\n                      fontWeight={fontWeight.weight400}\r\n                      fontSize={fontSizes.mediumFont}\r\n                      color={color.titleDark}\r\n                    >\r\n                      Microsoft Teams\r\n                    </Typography>\r\n                  </Stack>\r\n                </Stack>\r\n              </Stack>\r\n\r\n              <Stack mt={\"24px\"} direction={\"row\"} height={\"48px\"}>\r\n                <Box\r\n                  width={\"75%\"}\r\n                  overflow={\"hidden\"}\r\n                  bgcolor={color.cardLiteBgColor}\r\n                  border={`1px solid ${color.commonBorderColor}`}\r\n                  borderRadius={\"8px 0px 0px 8px\"}\r\n                  padding={\"16px\"}\r\n                >\r\n                </Box>\r\n                <Box\r\n                  display={\"flex\"}\r\n                  width={\"25%\"}\r\n                  bgcolor={color.primaryColor}\r\n                  borderRadius={\"0px 8px 8px 0px\"}\r\n                  padding={\"16px\"}\r\n                  alignItems={\"center\"}\r\n                  gap={\"5px\"}\r\n                  onClick={handleCopy}\r\n                  justifyContent={\"center\"}\r\n                  sx={{\r\n                    cursor: \"pointer\",\r\n                    transition: \"all 0.3s ease\",\r\n\r\n                    \"&:hover\": {\r\n                      backgroundColor: color.darkPrimary,\r\n                    },\r\n                  }}\r\n                >\r\n                  <IcCopy />\r\n                  <Typography\r\n                    fontWeight={fontWeight.weight600}\r\n                    fontSize={fontSizes.mediumFont}\r\n                    color={\"white\"}\r\n                  >\r\n                    {isCopied ? \"Copied\" : \"Copy Link\"}\r\n                  </Typography>\r\n                </Box>\r\n              </Stack> */}\r\n              <Stack width={\"100%\"} mt={\"24px\"}>\r\n                <Typography\r\n                  fontSize={fontSizes.mediumFont}\r\n                  fontWeight={600}\r\n                  color={color.titleDark}\r\n                  height={20}\r\n                  mb={\"6px\"}\r\n                >\r\n                  Email Address\r\n                </Typography>\r\n                <Stack\r\n                  direction={\"row\"}\r\n                  alignItems={\"center\"}\r\n                  justifyContent={\"flex-start\"}\r\n                  gap={\"10px\"}\r\n                  flexWrap={\"wrap\"}\r\n                  onClick={() => setInputFocus(true)}\r\n                  onFocus={() => setInputFocus(true)}\r\n                  onBlur={() => setInputFocus(false)}\r\n                  border={\r\n                    inputFocus\r\n                      ? `1px solid ${color.primaryColor}`\r\n                      : \"1px solid #E6EAEF\"\r\n                  }\r\n                  boxShadow={\r\n                    inputFocus\r\n                      ? `0px 0px 0px 3px ${color.primaryShadowColor}`\r\n                      : \"none\"\r\n                  }\r\n                  borderRadius={\"8px\"}\r\n                  p={emails.length > 0 ? \"9.5px 15px\" : \"0px 0px\"}\r\n                  sx={{\r\n                    maxHeight: \"175px\",\r\n                    overflowY: \"auto\",\r\n                  }}\r\n                >\r\n                  {emails.map((email, i) => {\r\n                    return (\r\n                      <Chip\r\n                        avatar={<Avatar>{email[0].toUpperCase()}</Avatar>}\r\n                        onDelete={() => handleRemoveEmail(email)}\r\n                        deleteIcon={\r\n                          <IconButton\r\n                            sx={{\r\n                              height: \"16px !important\",\r\n                              width: \"16px !important\",\r\n                              p: 0,\r\n                            }}\r\n                          >\r\n                            <IcClose fill=\"#667085\" height=\"10\" width=\"10\" />\r\n                          </IconButton>\r\n                        }\r\n                        label={email}\r\n                        sx={{\r\n                          width: \"fit-content\",\r\n                          bgcolor: \"#F2F4F7\",\r\n                          border: \"none\",\r\n                          height: \"32px\",\r\n                          \"& .MuiChip-avatar\": {\r\n                            height: \"24px\",\r\n                            width: \"24px\",\r\n                            ml: \"6px\",\r\n                            bgcolor: (i + 1) % 2 === 0 ? \"#C8511B\" : \"#518EF8\",\r\n                            color: \"#FFF\",\r\n                            fontSize: 9,\r\n                          },\r\n                          \"& .MuiChip-label\": {\r\n                            mx: \"14px\",\r\n                            px: 0,\r\n                            fontSize: 12.6,\r\n                            fontWeight: 500,\r\n                            color: \"#344054\",\r\n                          },\r\n                        }}\r\n                        key={i + 1}\r\n                      />\r\n                    );\r\n                  })}\r\n                  <TextField\r\n                    fullWidth\r\n                    type={\"email\"}\r\n                    label=\"\"\r\n                    value={email}\r\n                    autoFocus={true}\r\n                    focused={inputFocus}\r\n                    placeholder={\r\n                      \"Email addresses separated by space and press enter\"\r\n                    }\r\n                    onKeyPress={handleEnterEmail}\r\n                    sx={{\r\n                      width: \"100%\",\r\n                      minWidth: \"100%\",\r\n                      flex: 1,\r\n                      input: {\r\n                        py: 0,\r\n                        height: `40px !important`,\r\n                        color: \"#18181B !important\",\r\n                        border: \"none !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                      \"& fieldset\": {\r\n                        display: \"none !important\",\r\n                      },\r\n                    }}\r\n                    onChange={(e) => setEmail(e.target.value)}\r\n                  />\r\n                </Stack>\r\n                <Stack\r\n                  sx={{\r\n                    fontSize: \"11px\",\r\n                    textAlign: \"right\",\r\n                    color: \"#848382\",\r\n                    marginTop: \"5px\",\r\n                  }}\r\n                >\r\n                  Enter email addresses to add people, then press enter.\r\n                </Stack>\r\n              </Stack>\r\n              <Box\r\n                display={\"flex\"}\r\n                gap={\"10px\"}\r\n                mt={\"24px\"}\r\n                justifyContent={\"end\"}\r\n                mb={\"-24px\"}\r\n              >\r\n                <BtnGradient\r\n                  btnColor={color.cardLiteBgColor}\r\n                  //   loading={loading}\r\n                  loaderColor={color.subTitle}\r\n                  sx={{\r\n                    color: color.subTitle,\r\n                    border: commonStyles.border,\r\n                    padding: \"14px 24px 14px 24px\",\r\n                  }}\r\n                  height={fontSizes.btnTextHeight}\r\n                  hoverSx={{\r\n                    background: color.grayColor,\r\n                  }}\r\n                  onClick={() => {\r\n                    handleSendInvite();\r\n                    // quickQuestion();\r\n                    // setShowPlans(!showPlans);\r\n                  }}\r\n                >\r\n                  Skip\r\n                </BtnGradient>\r\n                <BtnGradient\r\n                  // loading={addingInProgress}\r\n                  // onClick={inviteUsers}\r\n                  disabled={emails.length === 0}\r\n                  onClick={() => {\r\n                    handleSendInvite(true);\r\n                    // quickQuestion();\r\n                    // setShowPlans(!showPlans);\r\n                  }}\r\n                  sx={{\r\n                    padding: \"0px 24px\",\r\n                  }}\r\n                >\r\n                  Send Invitation\r\n                </BtnGradient>\r\n              </Box>\r\n            </Stack>\r\n          </Box>\r\n        </Stack>\r\n      </Stack>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default CreateWorkspaceInviteMember;\r\n","import React from \"react\";\r\nimport { Box, Stack } from \"@mui/material\";\r\nimport SubscriptionModel from \"../../CommanUI/Subscription/SubscriptionModel\";\r\nimport { Link, useNavigate } from \"react-router-dom\";\r\nimport BtnGradient from \"../../common-components/buttons/BtnGradient\";\r\nimport { s3AssetsUrl } from \"../DrawBoard/const\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { errorToast } from \"../../Redux/toastSlice\";\r\nimport { setCurrentTeam } from \"../../Redux/sidebarSlice\";\r\nimport {\r\n  useCerateWorkspaceMutation,\r\n  useSwitchAccountsMutation,\r\n} from \"../../Redux/api/workSpaceApi\";\r\nimport { updateUserData } from \"../../Redux/common-reducer\";\r\nimport AbsoluteLoader from \"../../CommanUI/Loader/AbsoluteLoader\";\r\n\r\nconst PricingPlanWorkspace = () => {\r\n  const navigate = useNavigate();\r\n  const isHaveNotWorkspace = localStorage.getItem(\"isHaveNotWorkspace\");\r\n  const isCreatingNewWorkSpace = JSON.parse(\r\n    localStorage.getItem(\"create_new_workspace_data\")\r\n  );\r\n  const dispatch = useDispatch();\r\n  const [\r\n    createWorkspace,\r\n    { data: createdWorkspace, isLoading: creatingWorkspace },\r\n  ] = useCerateWorkspaceMutation();\r\n  const [\r\n    switchWorkSpace,\r\n    { data: switchingData, isLoading: switchingIProgress },\r\n  ] = useSwitchAccountsMutation();\r\n  const handleNavigate = () => {\r\n    if (isHaveNotWorkspace) {\r\n      createWorkspace({\r\n        workspace_name: isCreatingNewWorkSpace?.workspace_name,\r\n        ...(isCreatingNewWorkSpace?.logoFile\r\n          ? { logo: isCreatingNewWorkSpace?.logoFile }\r\n          : {}),\r\n      })\r\n        .then((result) => {\r\n          switchWorkSpace(result?.data?.data?.account_id).then(\r\n            (accountData) => {\r\n              localStorage.setItem(\"active_team\", result?.data?.data?.team_id);\r\n              dispatch(setCurrentTeam(result?.data?.data?.team_id));\r\n              dispatch(\r\n                updateUserData({\r\n                  ...accountData?.data,\r\n                  team_id: result?.data?.data?.team_id,\r\n                  is_onboarding_done: true,\r\n                })\r\n              );\r\n              navigate(\"/\");\r\n            }\r\n          );\r\n        })\r\n        .catch((error) => {\r\n          dispatch(\r\n            errorToast({\r\n              message: error?.data?.message,\r\n            })\r\n          );\r\n        });\r\n    } else {\r\n      localStorage.removeItem(\"create_new_workspace_data\");\r\n      localStorage.removeItem(\"isNewWorkspace\");\r\n      navigate(\"/\");\r\n    }\r\n  };\r\n  return (\r\n    <div>\r\n      <section id=\"auth_container\">\r\n        <Stack className=\"auth-bg\">\r\n          {(switchingIProgress || creatingWorkspace) && (\r\n            <AbsoluteLoader message=\"Creating your workspace\" />\r\n          )}\r\n          {/* <Link to={\"/\"}> */}\r\n          <img\r\n            onClick={() => {\r\n              handleNavigate();\r\n            }}\r\n            src={s3AssetsUrl + \"/images/cloud_dairy_colored_logo.svg\"}\r\n            alt=\"cloudDairyColoredLogo\"\r\n            className=\"cloudDairyColoredLogo cursor-pointer\"\r\n          />\r\n          {/* </Link> */}\r\n          <BtnGradient\r\n            height={40}\r\n            onClick={() => navigate(-1)}\r\n            sx={{\r\n              position: \"absolute\",\r\n              right: \"30px\",\r\n              top: \"25px\",\r\n              px: \"16px\",\r\n            }}\r\n          >\r\n            Go Back\r\n          </BtnGradient>\r\n          <Box\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n            height={{ xl: \"95svh\", lg: \"84svh\" }}\r\n            width={{ xl: \"70%\", lg: \"85%\", md: \"100%\" }}\r\n            m={\"auto\"}\r\n          >\r\n            <SubscriptionModel isPricingWPPage />\r\n          </Box>\r\n        </Stack>\r\n      </section>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default PricingPlanWorkspace;\r\n","import { Stack, Typography } from \"@mui/material\";\r\nimport React from \"react\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { s3AssetsUrl } from \"../../DrawBoard/const\";\r\n\r\nconst RecentBoardPlaceholder = () => {\r\n  return (\r\n    <Stack\r\n      height={\"calc(100svh - 245px)\"}\r\n      alignItems={\"center\"}\r\n      justifyContent={\"center\"}\r\n      bgcolor={\"transparent\"}\r\n    >\r\n      <Stack\r\n        width={\"100%\"}\r\n        alignItems={\"center\"}\r\n        sx={{\r\n          \"& img\": {\r\n            width: {\r\n              xs: \"90px\",\r\n              xl: \"120px\",\r\n            },\r\n          },\r\n        }}\r\n      >\r\n        <img\r\n          src={s3AssetsUrl + \"/images/recent_board_placeholder.svg\"}\r\n          alt=\"recentBoardsPlaceholder\"\r\n        />\r\n        <Typography\r\n          fontSize={{\r\n            xs: \"13px\",\r\n            xl: fontSizes.fontSize20,\r\n          }}\r\n          fontWeight={\"600\"}\r\n          height={\"18px\"}\r\n          color={\"#18181B\"}\r\n          mt={{\r\n            xs: \"10px\",\r\n            xl: \"16px\",\r\n          }}\r\n        >\r\n          No Recent Boards\r\n        </Typography>\r\n        <Typography\r\n          fontSize={{\r\n            xs: \"11px\",\r\n            xl: fontSizes.fontSize16,\r\n          }}\r\n          fontWeight={\"400\"}\r\n          color={\"#848382\"}\r\n          height={\"18px\"}\r\n          mt={{\r\n            xs: \"3px\",\r\n            xl: \"6px\",\r\n          }}\r\n        >\r\n          You haven’t opened any boards recently. Start exploring your boards\r\n          now.\r\n        </Typography>\r\n      </Stack>\r\n    </Stack>\r\n  );\r\n};\r\n\r\nexport default RecentBoardPlaceholder;\r\n","import React from \"react\";\r\nimport {\r\n  Dialog,\r\n  DialogActions,\r\n  DialogContent,\r\n  IconButton,\r\n  Stack,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport { IcCloseThin } from \"../../assets/icon-components\";\r\nimport BtnGradient from \"../../common-components/buttons/BtnGradient\";\r\nimport { truncateText } from \"../../CommanFunctions/commanFunctions\";\r\nimport Loader from \"../../CommanUI/Loader/loader\";\r\nimport BtnColoredOutlined from \"../../common-components/buttons/BtnColoredOutlined\";\r\nimport { CustomNameTooltip } from \"../DrawBoard/top-toolbar/components/CustomTooltip\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\nimport { fontSizes } from \"../../Utils/style/font/fontsizes\";\r\nimport { fontWeight } from \"../../Utils/style/weight/fontWeight\";\r\nimport { s3AssetsUrl } from \"../DrawBoard/const\";\r\n\r\nconst DeleteDialog = ({\r\n  open,\r\n  heading,\r\n  handleClose,\r\n  handleOk,\r\n  title = \"\",\r\n  loading = false,\r\n  deleteWord = \"Delete\",\r\n  deleteBoardLoader,\r\n  deleteSpaceLoader,\r\n  recentBoardDeleteLoader,\r\n  favoriteBoardDelete,\r\n  loaderDeleteFolder,\r\n}) => {\r\n  return (\r\n    <Dialog\r\n      open={open}\r\n      onClose={loading ? () => {} : handleClose}\r\n      sx={{\r\n        \"& .MuiPaper-root\": {\r\n          maxWidth: \"430px\",\r\n          minWidth: \"430px\",\r\n          p: {\r\n            xs: \"25px\",\r\n            md: \"30px\",\r\n          },\r\n          borderRadius: \"12px\",\r\n          position: \"relative\",\r\n          m: 0,\r\n        },\r\n        \"& .MuiBackdrop-root\": { bgcolor: \"#000000A6\" },\r\n      }}\r\n    >\r\n      {loading && <Loader />}\r\n      <Stack\r\n        direction={\"row\"}\r\n        alignItems={\"center\"}\r\n        justifyContent={\"flex-end\"}\r\n      >\r\n        <IconButton\r\n          sx={{\r\n            position: \"absolute\",\r\n            top: {\r\n              xs: \"20px\",\r\n              xl: \"30px\",\r\n            },\r\n            right: {\r\n              xs: \"20px\",\r\n              xl: \"30px\",\r\n            },\r\n            width: {\r\n              xs: \"31px !important\",\r\n              xl: \"36px !important\",\r\n            },\r\n            height: {\r\n              xs: \"31px !important\",\r\n              xl: \"36px !important\",\r\n            },\r\n            borderRadius: \"50%\",\r\n            bgcolor: \"#EFF0F3\",\r\n            transition: \"all 0.3s ease\",\r\n            \"&:hover\": { bgcolor: \"#EFF0F3\" },\r\n          }}\r\n          onClick={handleClose}\r\n        >\r\n          <IcCloseThin fill=\"#18181B\" />\r\n        </IconButton>\r\n      </Stack>\r\n      <DialogContent sx={{ p: 0 }}>\r\n        <Stack\r\n          alignItems={\"center\"}\r\n          justifyContent={\"center\"}\r\n          sx={{\r\n            \"& img\": {\r\n              width: {\r\n                xs: \"170px\",\r\n                xl: \"170px\",\r\n              },\r\n            },\r\n          }}\r\n        >\r\n          <img src={s3AssetsUrl + \"/delete_bucket.svg\"} alt=\"deleteImage\" />\r\n        </Stack>\r\n\r\n        <Typography\r\n          mt={{\r\n            xs: \"20px\",\r\n            md: \"34px\",\r\n          }}\r\n          textAlign={\"center\"}\r\n          fontSize={{\r\n            xs: \"19.6px\",\r\n            xl: \"21.6px\",\r\n          }}\r\n          height={\"30px\"}\r\n          fontWeight={600}\r\n          color={color.titleDark}\r\n          sx={{ letterSpacing: \"0px\" }}\r\n        >\r\n          {deleteWord} {heading}\r\n        </Typography>\r\n        <Typography\r\n          mt={{\r\n            xs: \"6px\",\r\n            xl: \"12px\",\r\n          }}\r\n          textAlign={\"center\"}\r\n          fontSize={fontSizes.largeFont}\r\n          color={color.subTitle}\r\n        >\r\n          Are you sure you want to move{\" \"}\r\n          {title.trim().length > 0 ? (\r\n            title?.length > 25 ? (\r\n              <CustomNameTooltip title={title} arrow>\r\n                <Typography\r\n                  variant=\"caption\"\r\n                  fontSize={fontSizes.largeFont}\r\n                  color={color.titleDark}\r\n                  fontWeight={fontWeight.weight600}\r\n                  sx={{ wordBreak: \"keep-all\" }}\r\n                >\r\n                  \"{truncateText(title, 25)}\" ?\r\n                </Typography>\r\n              </CustomNameTooltip>\r\n            ) : (\r\n              <Typography\r\n                variant=\"caption\"\r\n                fontSize={fontSizes.largeFont}\r\n                color={color.titleDark}\r\n                sx={{ wordBreak: \"keep-all\" }}\r\n                fontWeight={600}\r\n              >\r\n                {title}\r\n              </Typography>\r\n            )\r\n          ) : (\r\n            \"\"\r\n          )}{\" \"}\r\n          to the trash? You can restore it later from the trash folder.\r\n        </Typography>\r\n        <DialogActions\r\n          sx={{\r\n            justifyContent: \"center\",\r\n            m: 0,\r\n            p: \"0px !important\",\r\n            mt: {\r\n              xs: \"20px\",\r\n              md: \"24px\",\r\n            },\r\n          }}\r\n        >\r\n          <BtnColoredOutlined\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={handleClose}\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            onClick={handleOk}\r\n            sx={{\r\n              marginLeft: \"20px !important\",\r\n              px: \"24px\",\r\n\r\n              \"&:hover\": {\r\n                backgroundColor: `${color?.btnHover} !important`,\r\n              },\r\n            }}\r\n            loading={\r\n              deleteBoardLoader ||\r\n              deleteSpaceLoader ||\r\n              recentBoardDeleteLoader ||\r\n              favoriteBoardDelete ||\r\n              loaderDeleteFolder\r\n            }\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              fontWeight={500}\r\n            >\r\n              Delete\r\n            </Typography>\r\n          </BtnGradient>\r\n        </DialogActions>\r\n      </DialogContent>\r\n    </Dialog>\r\n  );\r\n};\r\n\r\nexport default DeleteDialog;\r\n"],"names":["navigate","useNavigate","selectedOption","setSelectedOption","useState","isHoveredArrow","setIsHoveredArrow","left","right","useEffect","_quick_question","quick_question","localStorage","getItem","JSON","parse","role","storeDataInLocalAdnRedirect","value","quickQuestion","setItem","stringify","_jsx","children","id","_jsxs","Stack","className","src","s3AssetsUrl","alt","onClick","style","cursor","direction","alignItems","justifyContent","height","Box","width","xs","md","xl","mb","Typography","fontSize","fontWeight","color","titleDark","Grid","container","spacing","map","option","item","BtnGradient","handleOptionClick","sx","pl","textTransform","borderRadius","textAlign","transition","backgroundColor","concat","primaryColor","border","hoverSx","fontSizes","fontSize13","fontSize14","btnTextHeight","weight400","subTitle","display","gap","onMouseEnter","_objectSpread","onMouseLeave","IcLinedArrowLeft","fill","q6Page","rotate","primary_goal","i","mdHeight","px","q5Page","localNavigateLink","redirectPath","user_data","quickQuestionData","dispatch","useDispatch","showPlans","setShowPlans","navigateLink","setNavigateLink","inputFocus","setInputFocus","emails","setEmails","email","setEmail","permission","setPermission","addMemberToTeam","isLoading","addingInProgress","useAddMemberToTeamMutation","updatedData","is_onboarding_done","has_workspace","updateUserData","createAccountOrOpenPricingModel","async","isSendInvitation","users","length","price","setTimeout","teamId","team_id","account_id","companyName","company_name","apiData","fields","objectTypeId","name","email_id","first_name","job_title","refrence_from","_architectureData$dat","_architectureData$dat2","_architectureData$dat3","_architectureData$dat4","_architectureData$dat5","_architectureData$dat6","_architectureData$dat7","_architectureData$dat8","commanService","hubpost","then","data","catch","error","postApi","profile_picture","account_json","used_cloudairy","isLoginClassAdded","architectureData","architecture_name","last_name","type","project_id","toggleLoadSidebarDocuments","isShow","sessionStorage","removeItem","architecture_id","email_ids","team_ids","result","_result$data","_result$error","_result$error$data","_result$error2","errorToast","message","status","_result$data2","successToast","console","handleEnterEmail","e","key","emailRegex","trim","test","uniqueEmails","Set","newArrayOfEmail","Array","from","includes","bgcolor","boxShadow","p","minWidth","marginBottom","weight700","mediumFont","mt","flexWrap","onFocus","onBlur","commonBorderColor","primaryShadowColor","maxHeight","overflowY","Chip","avatar","Avatar","toUpperCase","onDelete","prev","filter","prevEmail","handleRemoveEmail","deleteIcon","IconButton","IcClose","label","ml","mx","TextField","fullWidth","autoFocus","focused","placeholder","onKeyPress","flex","input","py","opacity","onChange","target","marginTop","FormControl","minHeight","padding","Select","IconComponent","KeyboardArrowDownOutlined","renderValue","selected","_Fragment","permissionOptions","remove","row","pr","background","commonHoverColor","MenuProps","PaperProps","flexDirection","lightPrimary","index","MenuItem","BtnColoredOutlined","greyHover","borderColor","darkGray","CustomNameTooltip","title","loading","disabled","ChoosePlan","open","setOpen","navigateOnClose","_ref","whiteSpace","wordBreak","q7Page","weight600","q4Page","IcLinedArrowRightDisabled","profileData","companyData","q3Page","parsedUserData","selectedImageFile","setSelectedImageFile","selectedImage","setSelectedImage","setLoading","formErrorsSignup","setFormErrorsSignup","workSpaceName","setWorkSpaceName","quickQuestions","_quickQuestions","_quickQuestions2","handleClickEditProfile","document","getElementById","click","handleWorkSpaceName","imagePath","_imageUploadResponse$","formData","FormData","append","uploadApi","location","validWorkSpaceName","validateWorkSpaceName","fieldName","valid","is_new_workspace","workspace_name","_error$response","_error$response$data","_error$response2","_error$response2$data","response","firstName","lastName","_","_2","charAt","position","bottom","top","darkPrimary","IcImageGallery","accept","file","event","files","reader","FileReader","onload","img","Image","readAsDataURL","objectFit","errorColor","textDecoration","AuthInput","errorMessage","bgColor","defaultBorderColor","IcWarning","lg","SimpleCircularProgress","size","required","defaultValue","showPassword","handleClickShowPassword","endAdornment","securityInput","inputRef","xsHeight","lgHeight","borderLeft","borderRight","formProps","rest","_objectWithoutProperties","_excluded","componentInputRef","useRef","focus","setFocus","FormLabel","OutlinedInput","autoComplete","fieldset","InputAdornment","_ref2","inputElement","current","cursorPosition","selectionStart","setSelectionRange","onMouseDown","preventDefault","edge","mr","IcEyeClose","IcEyeOpen","DeleteMyAccount","DeleteTeam","useLocation","queryParams","URLSearchParams","search","token","get","teamName","deleteTeamConfirmation","deletionInProgress","useDeleteTeamConfirmationMutation","modelTitle","variant","payload","clear","handleTeamDelete","btnColor","errorDarkColor","EmailChange","_emailChanges$data$em","_emailChanges$data","params","useCustomNavigation","changeEmailVerification","emailChanges","changingInProgress","errorInChange","isSuccess","useVerifyChangeEmailMutation","_errorInChange$data","Loader","overflow","fontSize28","largeFont","lineHeight","weight500","PasswordChange","CheckYourEmail","setShowPassword","showNewPassword","setShowNewPassword","resetPassword","setResetPassword","password","confirm_password","digits","replace","findSpecialCharacters","split","some","char","match","hasUpperAndLowerCase","hasUpper","hasLower","specialCharacter","eightCharacter","upperAndLowerCase","oneNumber","specialCharacterIcon","IcRight","IcWrong","oneNumberIcon","upperAndLowerCaseIcon","eightCharacterIcon","setError","validateField","field","isValid","prevState","isModalView","handleShowNewPass","onClose","resendLoading","setResendLoading","otp","setOtp","React","focusedInput","setFocusedInput","isError","setIsError","userEmail","handleChange","newValue","handleResendOtp","_error$response$data2","warningToast","handleVerifyOtp","_error$response2$data2","xLargeFont","modelTitle1","sm","CommonBulletPoint","MuiOtpInput","prventFromNonNumericValues","indexClass","parentElement","classList","Number","lightErrorColor","CommonLink","_newPasswordData$newP","_newPasswordData$newP3","_newPasswordData$newP4","_newPasswordData$newP5","_newPasswordData$newP6","_newPasswordData$newP7","_newPasswordData$newP8","showConfirmPassword","setShowConfirmPassword","newPasswordData","setNewPasswordData","newPassword","confirmPassword","errors","setErrors","handleUpdatePassword","validNewPassword","validConfirmPassword","obj","renderValidationIcon","condition","_newPasswordData$newP2","CreateWorkspaceDetail","isSelectedPlan","workSpacename","setWorkSpacename","uploadingInProgress","setUploadingInProgress","isHaveNotWorkspace","imageUploadResponse","_imageUploadResponse$2","_imageUploadResponse$3","_imageUploadResponse$4","_imageUploadResponse$5","_imageUploadResponse$6","logoFile","parsedData","_parsedData$first_nam","_parsedData$first_nam2","_parsedData$first_nam3","_parsedData$last_name","_parsedData$last_name2","_parsedData$last_name3","Link","to","IcPhoto","CreateWorkspaceInviteMember","handleSendInvite","isInviteUser","isCreatingNewWorkSpace","cardLiteBgColor","loaderColor","commonStyles","grayColor","PricingPlanWorkspace","createWorkspace","createdWorkspace","creatingWorkspace","useCerateWorkspaceMutation","switchWorkSpace","switchingData","switchingIProgress","useSwitchAccountsMutation","AbsoluteLoader","logo","_result$data$data","accountData","_result$data2$data","_result$data3","_result$data3$data","_result$data4","_result$data4$data","setCurrentTeam","_error$data","m","SubscriptionModel","isPricingWPPage","RecentBoardPlaceholder","fontSize20","fontSize16","heading","handleClose","handleOk","deleteWord","deleteBoardLoader","deleteSpaceLoader","recentBoardDeleteLoader","favoriteBoardDelete","loaderDeleteFolder","Dialog","maxWidth","IcCloseThin","DialogContent","letterSpacing","arrow","truncateText","DialogActions","marginLeft","btnHover"],"sourceRoot":""}