{"version":3,"file":"static/js/main-b44548ee.85b82470.js","mappings":"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","sources":["Components/upgrade-plan/PaymentMethods.js","Components/upgrade-plan/cancel-subscription/FinalCancel.js","Components/upgrade-plan/cancel-subscription/WhyCancel.js","Components/upgrade-plan/cancel-subscription/Downgrading.js","Components/upgrade-plan/cancel-subscription/KeepInnovating.js","Components/upgrade-plan/cancel-subscription/TrialEnd.js","Components/upgrade-plan/components/PlanComparison.jsx"],"sourcesContent":["import { Box, Button, IconButton, Stack, Typography } from \"@mui/material\";\r\nimport React, { useEffect, useState } from \"react\";\r\nimport commanService from \"../../CommanFunctions/commanService\";\r\n\r\nimport { useDispatch } from \"react-redux\";\r\nimport { errorToast, successToast, warningToast } from \"../../Redux/toastSlice\";\r\nimport {\r\n  IcAddition,\r\n  IcCheck,\r\n  IcCloseThin,\r\n  IcDeleteOutlined,\r\n  IcPlus,\r\n  IcPoweredByStripe,\r\n} from \"../../assets/icon-components\";\r\nimport CustomModal from \"../../common-components/CustomModal\";\r\nimport CardWrapper from \"../Stripe/CardWrapper\";\r\nimport Loader from \"../../CommanUI/Loader/loader\";\r\nimport DeleteDialog from \"../DialogBox/DeleteDialog\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\nimport { fontSizes } from \"../../Utils/style/font/fontsizes\";\r\nimport { s3AssetsUrl } from \"../DrawBoard/const\";\r\nimport AbsoluteLoader from \"../../CommanUI/Loader/AbsoluteLoader\";\r\n\r\nconst style = {\r\n  position: \"absolute\",\r\n  top: \"50%\",\r\n  left: \"50%\",\r\n  transform: \"translate(-50%, -50%)\",\r\n  width: { xl: \"35%\", lg: \"45%\", md: \"60%\", sm: \"75%\" },\r\n  bgcolor: \"#FFF\",\r\n  border: \"none\",\r\n  boxShadow: \"none\",\r\n  p: \"24px\",\r\n  borderRadius: \"12px\",\r\n  maxHeight: \"97%\",\r\n  \"&::-webkit-scrollbar\": {\r\n    width: \"0 !important\",\r\n    height: \"0 !important\",\r\n  },\r\n  \"&:focus-visible\": { outline: \"none !important\" },\r\n};\r\n\r\nconst PaymentMethods = () => {\r\n  const [loading, setLoading] = useState(false);\r\n  const dispatch = useDispatch();\r\n  const [selectedCardId, setSelectedCardId] = useState(\"\");\r\n  const [cardList, setCardList] = useState([]);\r\n  const [showAddCardForm, setShowAddCardForm] = useState(false);\r\n  const [showDeleteDialog, setShowDeleteDialog] = useState(false);\r\n\r\n  useEffect(() => {\r\n    getCardList();\r\n  }, []);\r\n\r\n  const getCardList = () => {\r\n    setLoading(true);\r\n    commanService\r\n      .getApi(\"user\", \"cards\")\r\n      .then((res) => {\r\n        const cards = res?.data?.data?.map((val) => {\r\n          return {\r\n            card_id: val?.card_id,\r\n            brand: val?.brand,\r\n            number: `**** ${val?.last_four_digits}`,\r\n            is_default: val?.is_default,\r\n            date: `${\r\n              val?.expiry_month > 9\r\n                ? val?.expiry_month\r\n                : \"0\" + val?.expiry_month\r\n            }/${val?.expiry_year?.toString().slice(-2)}`,\r\n          };\r\n        });\r\n        // setSelectedCardId(cards[0]?.card_id);\r\n        setCardList(cards);\r\n      })\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      })\r\n      .finally(() => setLoading(false));\r\n  };\r\n\r\n  const addCardCustomer = async (setupId) => {\r\n    try {\r\n      const response = await commanService.postApi(\r\n        \"user/v1\",\r\n        \"payment/add-customer\",\r\n        {\r\n          setup_intent_id: setupId,\r\n        }\r\n      );\r\n\r\n      setShowAddCardForm(false);\r\n      dispatch(\r\n        successToast({\r\n          message: \"Card added successfully.\",\r\n        })\r\n      );\r\n      getCardList();\r\n    } catch (error) {}\r\n  };\r\n\r\n  const removeCard = () => {\r\n    setLoading(true);\r\n    commanService\r\n      .deleteApi(\"user\", `cards/${selectedCardId}`)\r\n      .then(({ data }) => {\r\n        data?.message && dispatch(successToast({ message: data?.message }));\r\n        // dispatch(\r\n        //   successToast({\r\n        //     message: \"Card removed successfully.\",\r\n        //   })\r\n        // );\r\n        getCardList();\r\n      })\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      })\r\n      .finally(() => setLoading(false));\r\n    setSelectedCardId(\"\");\r\n    setShowDeleteDialog(false);\r\n  };\r\n\r\n  const setDefaultCard = async (cardId) => {\r\n    setLoading(true);\r\n    try {\r\n      const { data } = await commanService.patchApi(\r\n        \"user\",\r\n        `cards/default/${cardId}`\r\n      );\r\n      data?.message && dispatch(successToast({ message: data?.message }));\r\n      // dispatch(\r\n      //   successToast({\r\n      //     message: \"Default card changed successfully.\",\r\n      //   })\r\n      // );\r\n      getCardList();\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      setLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <>\r\n      {loading && <AbsoluteLoader />}\r\n      <Stack>\r\n        <Stack mt={\"10px\"} mb={\"24px\"}>\r\n          <Typography\r\n            fontSize={{\r\n              xs: \"16px\",\r\n              xl: \"18px\",\r\n            }}\r\n            color={color.titleDark}\r\n            fontWeight={600}\r\n          >\r\n            Saved Payment Methods\r\n          </Typography>\r\n        </Stack>\r\n        <Stack\r\n          flexDirection={\"row\"}\r\n          alignItems={\"flex-start\"}\r\n          justifyContent={\"flex-start\"}\r\n          gap={\"26px\"}\r\n          flexWrap={\"wrap\"}\r\n        >\r\n          <Button\r\n            sx={{\r\n              border: \"1px solid #E1E1E1\",\r\n              bgcolor: \"#F9FAFB\",\r\n              borderRadius: \"12px\",\r\n              display: \"flex\",\r\n              flexDirection: \"row\",\r\n              alignItems: \"center\",\r\n              justifyContent: \"center\",\r\n              textTransform: \"none\",\r\n              maxWidth: \"300px\",\r\n              minWidth: \"300px\",\r\n              height: \"auto\",\r\n              \"@media (max-width: 768px)\": {\r\n                width: \"100%\", // Always full width on smaller screens\r\n                maxWidth: \"100%\",\r\n              },\r\n              minHeight: \"173px\",\r\n              gap: \"8px\",\r\n              \"&:hover\": {\r\n                bgcolor: color.lightPrimary,\r\n                border: `1px solid ${color?.primaryColor}`,\r\n              },\r\n            }}\r\n            onClick={() => setShowAddCardForm(!showAddCardForm)}\r\n          >\r\n            <IcAddition height={18} width={18} />\r\n            <Typography\r\n              variant=\"caption\"\r\n              fontWeight={400}\r\n              fontSize={14}\r\n              color={color.primaryColor}\r\n              height={\"21px\"}\r\n            >\r\n              Add New Card\r\n            </Typography>\r\n          </Button>\r\n          {cardList\r\n            ?.sort((a, b) => b.is_default - a.is_default)\r\n            .map((card, i) => {\r\n              return (\r\n                <Box\r\n                  key={i + 1}\r\n                  sx={{\r\n                    border: \"1px solid #E1E1E1\",\r\n                    bgcolor: \"#F9FAFB\",\r\n                    borderRadius: \"12px\",\r\n                    display: \"flex\",\r\n                    flexDirection: \"column\",\r\n                    alignItems: \"flex-start\",\r\n                    justifyContent: \"flex-start\",\r\n                    textTransform: \"none\",\r\n                    p: \"14px\",\r\n                    maxWidth: \"300px\", // Prevent stretching\r\n                    minWidth: \"300px\", // Ensure consistency\r\n                    height: \"auto\",\r\n                    \"@media (max-width: 768px)\": {\r\n                      width: \"100%\", // Always full width on smaller screens\r\n                      maxWidth: \"100%\",\r\n                    },\r\n                    \"& img\": {\r\n                      height: \"10px\",\r\n                    },\r\n                  }}\r\n                >\r\n                  <Stack\r\n                    width={\"100%\"}\r\n                    flexDirection={\"row\"}\r\n                    alignItems={\"center\"}\r\n                    justifyContent={\"space-between\"}\r\n                  >\r\n                    <Stack\r\n                      sx={{\r\n                        flexDirection: \"row\",\r\n                        gap: \"8px\",\r\n                        alignItems: \"center\",\r\n                      }}\r\n                    >\r\n                      <img\r\n                        src={`${s3AssetsUrl}/payment/${card.brand}.svg`}\r\n                        alt={card.brand}\r\n                        style={{\r\n                          height: \"25px\",\r\n                        }}\r\n                      />\r\n                      <Typography\r\n                        fontSize={\"14px\"}\r\n                        fontWeight={\"500\"}\r\n                        color={\"#18181B\"}\r\n                      >\r\n                        {card?.brand}\r\n                      </Typography>\r\n                    </Stack>\r\n                    <Stack\r\n                      width={\"32px\"}\r\n                      height={\"32px\"}\r\n                      border={\"1px solid #C82B2B4D\"}\r\n                      borderRadius={\"8px\"}\r\n                      alignItems={\"center\"}\r\n                      justifyContent={\"center\"}\r\n                      sx={{\r\n                        cursor: \"pointer\",\r\n                        opacity: card.is_default ? 0 : 1,\r\n                        \"&:hover\": {\r\n                          bgcolor: color.lightErrorColor,\r\n                        },\r\n                      }}\r\n                      onClick={() => {\r\n                        if (!card.is_default) {\r\n                          setSelectedCardId(card.card_id);\r\n                          setShowDeleteDialog(true);\r\n                        }\r\n                      }}\r\n                    >\r\n                      <IcDeleteOutlined width=\"20\" height=\"20\" fill=\"#E03F34\" />\r\n                    </Stack>\r\n                  </Stack>\r\n                  <Typography\r\n                    variant=\"caption\"\r\n                    fontWeight={600}\r\n                    fontSize={fontSizes.fontSize18px}\r\n                    color={\"#18181B\"}\r\n                    my={\"30px\"}\r\n                  >\r\n                    **** **** {card.number}\r\n                  </Typography>\r\n                  <Stack\r\n                    flexDirection={\"row\"}\r\n                    justifyContent={\"space-between\"}\r\n                    alignItems={\"flex-start\"}\r\n                    width={\"100%\"}\r\n                  >\r\n                    <Stack\r\n                      flexDirection={\"row\"}\r\n                      gap={\"8px\"}\r\n                      alignItems={\"center\"}\r\n                    >\r\n                      <Typography fontSize={\"14px\"} color={\"#848382\"}>\r\n                        Expiry :\r\n                      </Typography>\r\n                      <Typography fontSize={\"14px\"} color={\"#18181B\"}>\r\n                        {card.date}\r\n                      </Typography>\r\n                    </Stack>\r\n                    {card.is_default ? (\r\n                      <Stack\r\n                        height={\"24px\"}\r\n                        alignItems={\"center\"}\r\n                        justifyContent={\"center\"}\r\n                        flexDirection={\"row\"}\r\n                        borderRadius={\"8px\"}\r\n                        bgcolor={color.primaryColor}\r\n                        px={\"8px\"}\r\n                        gap={\"4px\"}\r\n                      >\r\n                        <IcCheck width=\"15\" height=\"15\" fill=\"#FFF\" />\r\n                        <Typography\r\n                          color={\"#FFFFFF\"}\r\n                          fontSize={\"12px\"}\r\n                          fontWeight={600}\r\n                        >\r\n                          Default\r\n                        </Typography>\r\n                      </Stack>\r\n                    ) : (\r\n                      <Stack\r\n                        height={\"24px\"}\r\n                        alignItems={\"center\"}\r\n                        justifyContent={\"center\"}\r\n                        flexDirection={\"row\"}\r\n                        borderRadius={\"6px\"}\r\n                        bgcolor={color.lightPrimary}\r\n                        color={color.primaryColor}\r\n                        px={\"8px\"}\r\n                        gap={\"4px\"}\r\n                        sx={{\r\n                          cursor: \"pointer\",\r\n                          \"&:hover\": {\r\n                            color: color.whiteColor,\r\n                            bgcolor: color.primaryColor,\r\n                          },\r\n                        }}\r\n                        onClick={() => {\r\n                          setDefaultCard(card.card_id);\r\n                        }}\r\n                      >\r\n                        <Typography\r\n                          fontSize={fontSizes.fontSize12px}\r\n                          fontWeight={400}\r\n                        >\r\n                          Set as Default\r\n                        </Typography>\r\n                      </Stack>\r\n                    )}\r\n                  </Stack>\r\n                </Box>\r\n              );\r\n            })}\r\n        </Stack>\r\n        <Stack\r\n          flexDirection={\"row\"}\r\n          alignItems={\"center\"}\r\n          justifyContent={\"flex-start\"}\r\n          gap={\"8px\"}\r\n          mt={\"20px\"}\r\n        >\r\n          <Box\r\n            width={\"4px\"}\r\n            height={\"4px\"}\r\n            borderRadius={\"50%\"}\r\n            bgcolor={\"#18181B\"}\r\n          />\r\n          <Typography color={\"#18181B\"} fontSize={\"14px\"} fontWeight={400}>\r\n            Next payment will be automatically collected from Default card.\r\n          </Typography>\r\n        </Stack>\r\n      </Stack>\r\n      <CustomModal\r\n        open={showAddCardForm}\r\n        handleClose={loading ? () => {} : () => setShowAddCardForm(false)}\r\n      >\r\n        <Box sx={style}>\r\n          <IconButton\r\n            sx={{\r\n              position: \"absolute\",\r\n              top: \"20px\",\r\n              right: \"20px\",\r\n              width: \"36px !important\",\r\n              height: \"36px !important\",\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={() => setShowAddCardForm(false)}\r\n          >\r\n            <IcCloseThin fill=\"#18181B\" />\r\n          </IconButton>\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"space-between\"}\r\n            pr={\"55px\"}\r\n          >\r\n            <Typography\r\n              fontSize={{\r\n                xs: 16,\r\n                lg: 16,\r\n                xl: 18,\r\n              }}\r\n              height={{\r\n                xs: \"22px\",\r\n                lg: \"22px\",\r\n                xl: \"24px\",\r\n              }}\r\n              fontWeight={600}\r\n              color={\"#000000\"}\r\n            >\r\n              Add New Card\r\n            </Typography>\r\n            <IcPoweredByStripe />\r\n          </Stack>\r\n          <Box>\r\n            <CardWrapper\r\n              handleSuccess={(setupId) => {\r\n                addCardCustomer(setupId);\r\n              }}\r\n              handleError={(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              }}\r\n              onClose={() => {\r\n                setShowAddCardForm(false);\r\n              }}\r\n            />\r\n          </Box>\r\n        </Box>\r\n      </CustomModal>\r\n      <DeleteDialog\r\n        open={showDeleteDialog}\r\n        handleClose={() => setShowDeleteDialog(false)}\r\n        handleOk={removeCard}\r\n        heading={\"Card\"}\r\n        title={\"This Card\"}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default PaymentMethods;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport CustomModal from \"../../../common-components/CustomModal\";\r\nimport { Box, Stack, Typography } from \"@mui/material\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport Lottie from \"react-lottie\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\n\r\nconst style = {\r\n  position: \"absolute\",\r\n  top: \"50%\",\r\n  left: \"50%\",\r\n  transform: \"translate(-50%, -50%)\",\r\n  width: \"565px\",\r\n  bgcolor: \"#FFF\",\r\n  border: \"none\",\r\n  boxShadow: \"none\",\r\n  p: \"30px 24px 35px\",\r\n  borderRadius: \"12px\",\r\n  maxHeight: \"97%\",\r\n  \"&::-webkit-scrollbar\": {\r\n    width: \"0 !important\",\r\n    height: \"0 !important\",\r\n  },\r\n  \"&:focus-visible\": { outline: \"none !important\" },\r\n};\r\n\r\nconst FinalCancel = ({\r\n  finalCancel,\r\n  setFinalCancel,\r\n  headingContent = \"\",\r\n  subContent,\r\n  btnText = \"Okay\",\r\n  btnSx = {},\r\n  animationJson,\r\n}) => {\r\n  const handleCloseModal = () => {\r\n    setFinalCancel(false);\r\n    window.location.reload();\r\n  };\r\n\r\n  const defaultOptions = {\r\n    loop: true,\r\n    autoplay: true,\r\n    animationData: animationJson,\r\n    rendererSettings: {\r\n      preserveAspectRatio: \"xMidYMid slice\",\r\n    },\r\n  };\r\n  const [animationData, setAnimationData] = useState(null);\r\n\r\n  useEffect(() => {\r\n    if (!animationData) {\r\n      fetch(animationJson)\r\n        .then((res) => res.json())\r\n        .then((data) => setAnimationData(data))\r\n        .catch((error) => console.error(\"Error loading Lottie JSON:\", error));\r\n    }\r\n  }, [animationJson]);\r\n  return (\r\n    <CustomModal open={finalCancel} handleClose={handleCloseModal}>\r\n      <Box sx={style}>\r\n        <Stack alignItems={\"center\"} justifyContent={\"center\"} mt={\"10px\"}>\r\n          <Lottie\r\n            options={{\r\n              loop: true,\r\n              autoplay: true,\r\n              animationData: animationData,\r\n              rendererSettings: {\r\n                preserveAspectRatio: \"xMidYMid slice\",\r\n              },\r\n            }}\r\n            height={150}\r\n            width={150}\r\n          />\r\n          <Typography\r\n            fontSize={{\r\n              xs: fontSizes.titleFont,\r\n              md: fontSizes.modelTitle,\r\n              xl: fontSizes.modelTitle1,\r\n            }}\r\n            fontWeight={fontWeight.weight800}\r\n            height={{\r\n              xs: \"24px\",\r\n              lg: \"26px\",\r\n              xl: \"30px\",\r\n            }}\r\n            color={\"#000000\"}\r\n          >\r\n            {headingContent}\r\n          </Typography>\r\n          {subContent}\r\n          <BtnGradient\r\n            sx={{ mt: \"30px\", ...btnSx }}\r\n            onClick={() => {\r\n              handleCloseModal();\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              {btnText}\r\n            </Typography>\r\n          </BtnGradient>\r\n        </Stack>\r\n      </Box>\r\n    </CustomModal>\r\n  );\r\n};\r\n\r\nexport default FinalCancel;\r\n","import React, { useState } from \"react\";\r\nimport CustomModal from \"../../../common-components/CustomModal\";\r\nimport { Box, IconButton, Stack, Typography } from \"@mui/material\";\r\nimport { IcCloseThin } from \"../../../assets/icon-components\";\r\nimport BtnColoredOutlined from \"../../../common-components/buttons/BtnColoredOutlined\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport SimpleCheckBox from \"../../../common-components/SimpleCheckBox\";\r\nimport SimpleInput from \"../../../common-components/SimpleInput\";\r\nimport commanService from \"../../../CommanFunctions/commanService\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { errorToast, warningToast } from \"../../../Redux/toastSlice\";\r\nimport Loader from \"../../../CommanUI/Loader/loader\";\r\nimport { subscriptionDataSelect } from \"../../../Redux/common-reducer\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\n\r\nconst style = {\r\n  position: \"absolute\",\r\n  top: \"50%\",\r\n  left: \"50%\",\r\n  transform: \"translate(-50%, -50%)\",\r\n  width: \"735px\",\r\n  bgcolor: \"#FFF\",\r\n  border: \"none\",\r\n  boxShadow: \"none\",\r\n  p: \"30px 24px 24px\",\r\n  borderRadius: \"12px\",\r\n  maxHeight: \"97%\",\r\n  \"&::-webkit-scrollbar\": {\r\n    width: \"0 !important\",\r\n    height: \"0 !important\",\r\n  },\r\n  \"&:focus-visible\": { outline: \"none !important\" },\r\n};\r\n\r\nconst WhyCancel = ({\r\n  showWhyCancel,\r\n  setShowWhyCancel,\r\n  handleCancelSubscription,\r\n  setParentState,\r\n  setSelectedOption,\r\n}) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [reasons, setReasons] = useState([]);\r\n  const [otherMsg, setOtherMsg] = useState(\"\");\r\n  const dispatch = useDispatch();\r\n  const subscriptionData = subscriptionDataSelect();\r\n\r\n  const handleCloseModal = () => {\r\n    setShowWhyCancel(false);\r\n    setReasons([]);\r\n    setOtherMsg(\"\");\r\n    setSelectedOption && setSelectedOption(\"downgrade\");\r\n  };\r\n\r\n  const toggleReasons = (value) => {\r\n    if (reasons.includes(value)) {\r\n      setReasons(reasons.filter((res) => res !== value));\r\n    } else {\r\n      setReasons([...reasons, value]);\r\n    }\r\n  };\r\n\r\n  const handelReasons = async () => {\r\n    try {\r\n      let filteredReasons = reasons;\r\n      if (reasons.includes(\"other\")) {\r\n        filteredReasons = reasons.filter((reason) => reason !== \"other\");\r\n        if (otherMsg.trim()) {\r\n          filteredReasons.push(otherMsg);\r\n        }\r\n      }\r\n\r\n      const feedbackData = {\r\n        type: \"subscription\",\r\n        reason: filteredReasons,\r\n      };\r\n\r\n      setLoading(true);\r\n      await commanService.postApi(\r\n        \"user/v1\",\r\n        `subscription/add-feedback`,\r\n        feedbackData\r\n      );\r\n      setShowWhyCancel(false);\r\n      setReasons([]);\r\n      setOtherMsg(\"\");\r\n      handleCancelSubscription();\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      setLoading(false);\r\n    }\r\n  };\r\n\r\n  const btnDisabled =\r\n    reasons.length <= 0\r\n      ? true\r\n      : reasons.includes(\"other\")\r\n      ? otherMsg.trim().length <= 0\r\n        ? true\r\n        : false\r\n      : false;\r\n\r\n  return (\r\n    <>\r\n      <CustomModal open={showWhyCancel} handleClose={handleCloseModal}>\r\n        <Box sx={style}>\r\n          {loading && <Loader />}\r\n          <Stack direction={\"row\"} justifyContent={\"space-between\"} mb={\"24px\"}>\r\n            <Box>\r\n              <Typography\r\n                // fontSize={{\r\n                //   xs: 18,\r\n                //   lg: 20,\r\n                //   xl: subscriptionData?.package?.includes(\"Business\") ? 24 : 21,\r\n                // }}\r\n                fontSize={{\r\n                  xs: fontSizes.titleFont,\r\n                  md: fontSizes.modelTitle,\r\n                  xl: subscriptionData?.package?.includes(\"Business\") ? 24 : 20,\r\n                }}\r\n                fontWeight={fontWeight.weight800}\r\n                lineHeight={{\r\n                  xs: \"24px\",\r\n                  lg: \"26px\",\r\n                  xl: \"30px\",\r\n                }}\r\n                color={\"#000000\"}\r\n                width={\"90%\"}\r\n              >\r\n                Why did you decide to cancel your {subscriptionData?.package}{\" \"}\r\n                plan{\" \"}\r\n                {subscriptionData?.is_trial === true ? \"trial\" : \"subscription\"}\r\n                ?\r\n              </Typography>\r\n              <Typography\r\n                fontSize={14}\r\n                color={\"#848382\"}\r\n                lineHeight={\"24px\"}\r\n                mt={\"5px\"}\r\n                width={\"95%\"}\r\n              >\r\n                Thank you for choosing Cloudairy, we’re sorry to see you go.\r\n                Before you cancel, please specify your reason of cancellation\r\n                below.\r\n              </Typography>\r\n            </Box>\r\n            <IconButton\r\n              sx={{\r\n                width: \"36px !important\",\r\n                height: \"36px !important\",\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={handleCloseModal}\r\n            >\r\n              <IcCloseThin fill=\"#18181B\" />\r\n            </IconButton>\r\n          </Stack>\r\n\r\n          <Stack\r\n            gap={\"14px\"}\r\n            mt={{\r\n              xs: \"16px\",\r\n              lg: \"24px\",\r\n            }}\r\n          >\r\n            <SimpleCheckBox\r\n              gap=\"8px\"\r\n              label=\"Team not invested enough in the tool\"\r\n              checked={reasons.includes(\"investment\")}\r\n              onChange={() => {\r\n                toggleReasons(\"investment\");\r\n              }}\r\n            />\r\n            <SimpleCheckBox\r\n              gap=\"8px\"\r\n              label=\"Did not meet my expectations\"\r\n              checked={reasons.includes(\"expectations\")}\r\n              onChange={() => {\r\n                toggleReasons(\"expectations\");\r\n              }}\r\n            />\r\n            <SimpleCheckBox\r\n              gap=\"8px\"\r\n              label=\"Did not secure budget for subscription\"\r\n              checked={reasons.includes(\"secure-budget\")}\r\n              onChange={() => {\r\n                toggleReasons(\"secure-budget\");\r\n              }}\r\n            />\r\n            <SimpleCheckBox\r\n              gap=\"8px\"\r\n              label=\"The costs are too high\"\r\n              checked={reasons.includes(\"high-costs\")}\r\n              onChange={() => {\r\n                toggleReasons(\"high-costs\");\r\n              }}\r\n            />\r\n            <SimpleCheckBox\r\n              gap=\"8px\"\r\n              label=\"Other\"\r\n              checked={reasons.includes(\"other\")}\r\n              onChange={() => {\r\n                toggleReasons(\"other\");\r\n              }}\r\n            />\r\n            {reasons.includes(\"other\") && (\r\n              <Stack>\r\n                <SimpleInput\r\n                  placeholder={\"Reason for cancellation...\"}\r\n                  multiline={true}\r\n                  rows={2}\r\n                  simpleBorderColor=\"#E1E1E1\"\r\n                  sx={{\r\n                    fontSizes: fontSizes.fontSize14,\r\n                  }}\r\n                  value={otherMsg}\r\n                  borderRadius={\"8px\"}\r\n                  onChange={(e) => setOtherMsg(e.target.value)}\r\n                />\r\n              </Stack>\r\n            )}\r\n          </Stack>\r\n\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"flex-end\"}\r\n            gap={\"20px\"}\r\n            mt={{\r\n              xs: \"16px\",\r\n              lg: \"24px\",\r\n            }}\r\n          >\r\n            <BtnColoredOutlined\r\n              bgcolor=\"#F7F7F7\"\r\n              borderColor=\"#E1E1E1\"\r\n              height={40}\r\n              sx={{ px: \"16px\", transition: \"all 0.2s\" }}\r\n              hoverSx={{\r\n                bgcolor: \"#EEEEEE\",\r\n              }}\r\n              onClick={() => {\r\n                setParentState(true);\r\n                setShowWhyCancel(false);\r\n              }}\r\n            >\r\n              <Typography\r\n                fontSize={{\r\n                  xs: fontSizes.fontSize13,\r\n                  md: fontSizes.fontSize14,\r\n                }}\r\n                color={\"#848382\"}\r\n              >\r\n                Back\r\n              </Typography>\r\n            </BtnColoredOutlined>\r\n            <BtnGradient\r\n              hoverSx={{\r\n                background: \"#bc2a20 !important\",\r\n              }}\r\n              height={40}\r\n              sx={{ px: \"24px\" }}\r\n              btnColor={\"#E03F34\"}\r\n              disabled={btnDisabled}\r\n              onClick={() => {\r\n                handelReasons();\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={500}\r\n              >\r\n                {subscriptionData?.is_trial === true\r\n                  ? \"Cancel Trial\"\r\n                  : \"Cancel Subscription\"}\r\n              </Typography>\r\n            </BtnGradient>\r\n          </Stack>\r\n        </Box>\r\n      </CustomModal>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default WhyCancel;\r\n","import React, { useCallback, useEffect, useState } from \"react\";\r\nimport CustomModal from \"../../../common-components/CustomModal\";\r\nimport {\r\n  Box,\r\n  IconButton,\r\n  List,\r\n  ListItem,\r\n  Stack,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport { IcCloseThin, IcInfoOutlined } from \"../../../assets/icon-components\";\r\nimport BtnColoredOutlined from \"../../../common-components/buttons/BtnColoredOutlined\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport SimpleCheckBox from \"../../../common-components/SimpleCheckBox\";\r\nimport FinalCancel from \"./FinalCancel\";\r\nimport moment from \"moment\";\r\nimport commanService from \"../../../CommanFunctions/commanService\";\r\nimport Loader from \"../../../CommanUI/Loader/loader\";\r\nimport { Link } from \"react-router-dom\";\r\nimport {\r\n  featureLimitAndUsedSelect,\r\n  subscriptionDataSelect,\r\n} from \"../../../Redux/common-reducer\";\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 style = {\r\n  position: \"absolute\",\r\n  top: \"50%\",\r\n  left: \"50%\",\r\n  transform: \"translate(-50%, -50%)\",\r\n  width: \"735px\",\r\n  bgcolor: \"#FFF\",\r\n  border: \"none\",\r\n  overflow: \"auto\",\r\n  boxShadow: \"none\",\r\n  p: \"30px 24px 24px\",\r\n  borderRadius: \"12px\",\r\n  maxHeight: \"97%\",\r\n  \"&::-webkit-scrollbar\": {\r\n    width: \"0 !important\",\r\n    height: \"0 !important\",\r\n  },\r\n  \"&:focus-visible\": { outline: \"none !important\" },\r\n};\r\n\r\nconst Downgrading = ({\r\n  showDowngrade,\r\n  setShowDowngrade,\r\n  handleCancelSubscription,\r\n  setParentState,\r\n  setSelectedOption,\r\n}) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const [reasons, setReasons] = useState([]);\r\n  const [otherMsg, setOtherMsg] = useState(\"\");\r\n  const [finalCancel, setFinalCancel] = useState(false);\r\n  const [professionalPlan, setProfessionalPlan] = useState([]);\r\n  const subscriptionData = subscriptionDataSelect();\r\n  const USER_DATA = JSON.parse(localStorage.getItem(\"user_data\"));\r\n  const featureLimitAndUsed = featureLimitAndUsedSelect();\r\n  const additionalUser = (featureLimitAndUsed || [])?.filter(\r\n    (feature) => feature?.feature === \"user\" && feature?.limit > 0\r\n  )[0]?.limit;\r\n  const currentPlan = subscriptionData?.package;\r\n  const planType = currentPlan?.split(\" \")[0];\r\n  const planToDowngrade = subscriptionData?.package?.includes(\"Business\")\r\n    ? `${planType} Professional`\r\n    : \"Free\";\r\n  const getPackages = useCallback(async () => {\r\n    setLoading(true);\r\n    try {\r\n      const response = await commanService.getApi(\r\n        \"user/v1\",\r\n        `packages?type=${\r\n          subscriptionData?.interval_type === \"year\" ? \"year\" : \"month\"\r\n        }`\r\n      );\r\n\r\n      const professionalPackages =\r\n        response.data.data.packages.packageList.filter((plan) =>\r\n          plan.package_name?.includes(\"Professional\")\r\n        );\r\n\r\n      setProfessionalPlan(\r\n        professionalPackages.map((plan) => {\r\n          const matchedAdditionalPlan =\r\n            response.data.data.packages.additionalPackage.price.filter(\r\n              (addPlan) => addPlan.price_for_package === plan.package_id\r\n            );\r\n          if (matchedAdditionalPlan.length > 0) {\r\n            return {\r\n              ...plan,\r\n              user_price: matchedAdditionalPlan[0].price,\r\n            };\r\n          }\r\n          return plan;\r\n        })\r\n      );\r\n    } catch (error) {\r\n      // Handle error if needed\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  }, [showDowngrade]);\r\n\r\n  useEffect(() => {\r\n    getPackages();\r\n  }, [showDowngrade]);\r\n\r\n  const handleCloseModal = () => {\r\n    setShowDowngrade(false);\r\n    setReasons([]);\r\n    setOtherMsg(\"\");\r\n    setSelectedOption(\"downgrade\");\r\n  };\r\n\r\n  const toggleReasons = (value) => {\r\n    if (reasons.includes(value)) {\r\n      setReasons(reasons.filter((res) => res !== value));\r\n    } else {\r\n      setReasons([...reasons, value]);\r\n    }\r\n  };\r\n\r\n  const downGradePlan = async () => {\r\n    try {\r\n      setLoading(true);\r\n      if (subscriptionData?.package?.includes(\"Business\")) {\r\n        if (subscriptionData?.is_trial) {\r\n          await commanService.postApi(\r\n            \"user/v1\",\r\n            `subscription/schedual-subscription`,\r\n            { package_price_id: professionalPlan[0]?.package_price_id }\r\n          );\r\n          handleCloseModal();\r\n          setFinalCancel(true);\r\n        } else {\r\n          const data = [\r\n            {\r\n              package_price_id: professionalPlan[0]?.package_price_id,\r\n              quantity: 1,\r\n            },\r\n          ];\r\n\r\n          var finalArray = {\r\n            packages: data,\r\n            // billing_address: billing_address,\r\n          };\r\n\r\n          await commanService.postApi(\"user/v1\", `subscription`, finalArray);\r\n          handleCloseModal();\r\n          setFinalCancel(true);\r\n        }\r\n      } else {\r\n        handleCancelSubscription();\r\n        handleCloseModal();\r\n        setFinalCancel(true);\r\n      }\r\n    } catch (error) {\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  };\r\n\r\n  const btnDisabled =\r\n    reasons.length <= 0\r\n      ? true\r\n      : reasons.includes(\"other\")\r\n      ? otherMsg.trim().length <= 0\r\n        ? true\r\n        : false\r\n      : false;\r\n\r\n  return (\r\n    <>\r\n      <CustomModal open={showDowngrade} handleClose={handleCloseModal}>\r\n        <Box sx={style}>\r\n          <Stack\r\n            height={{ xl: \"auto\", lg: \"calc(100svh - 100px)\" }}\r\n            width={\"100%\"}\r\n            sx={{\r\n              overflowY: \"auto\",\r\n              \"&::-webkit-scrollbar\": {\r\n                width: \"0 !important\",\r\n                height: \"0 !important\",\r\n              },\r\n            }}\r\n          >\r\n            {loading && <Loader />}\r\n            <Stack\r\n              direction={\"row\"}\r\n              justifyContent={\"space-between\"}\r\n              mb={\"24px\"}\r\n            >\r\n              <Box>\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: fontSizes.titleFont,\r\n                    md: fontSizes.modelTitle,\r\n                    xl: fontSizes.modelTitle1,\r\n                  }}\r\n                  fontWeight={fontWeight.weight800}\r\n                  height={{\r\n                    xs: \"24px\",\r\n                    lg: \"26px\",\r\n                    xl: \"30px\",\r\n                  }}\r\n                  color={\"#000000\"}\r\n                >\r\n                  Downgrading to{\" \"}\r\n                  {subscriptionData?.package?.includes(\"Business\")\r\n                    ? \"Professional\"\r\n                    : \"Free\"}{\" \"}\r\n                  Plan\r\n                </Typography>\r\n                <Typography\r\n                  fontSize={14}\r\n                  color={color.subTitle}\r\n                  width={\"95%\"}\r\n                  lineHeight={\"24px\"}\r\n                  mt={\"16px\"}\r\n                >\r\n                  Your subscription will change to the{\" \"}\r\n                  <Typography\r\n                    variant=\"caption\"\r\n                    fontSize={14}\r\n                    lineHeight={\"24px\"}\r\n                  >\r\n                    {subscriptionData?.package?.includes(\"Business\")\r\n                      ? `${planType} Professional`\r\n                      : \"Free\"}{\" \"}\r\n                    Plan\r\n                  </Typography>{\" \"}\r\n                  starting{\" \"}\r\n                  {/* {subscriptionData?.is_trial === true\r\n              ? \"trial period\"\r\n              : \"subscription\"} */}\r\n                  on{\" \"}\r\n                  <Typography\r\n                    variant=\"caption\"\r\n                    fontSize={14}\r\n                    color={color.titleDark}\r\n                    fontWeight={fontWeight.weight600}\r\n                    lineHeight={\"24px\"}\r\n                  >\r\n                    {moment(subscriptionData?.subscription_end_date).format(\r\n                      \"DD MMM, YYYY\"\r\n                    )}\r\n                  </Typography>{\" \"}\r\n                  after your current billing period ends on{\" \"}\r\n                  <Typography\r\n                    variant=\"caption\"\r\n                    fontSize={14}\r\n                    color={color.titleDark}\r\n                    fontWeight={fontWeight.weight600}\r\n                    lineHeight={\"24px\"}\r\n                  >\r\n                    {moment(subscriptionData?.subscription_end_date).format(\r\n                      \"DD MMM, YYYY\"\r\n                    )}\r\n                  </Typography>\r\n                </Typography>\r\n              </Box>\r\n              <IconButton\r\n                sx={{\r\n                  width: \"36px !important\",\r\n                  height: \"36px !important\",\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={handleCloseModal}\r\n              >\r\n                <IcCloseThin fill=\"#18181B\" />\r\n              </IconButton>\r\n            </Stack>\r\n\r\n            <Stack\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-start\"}\r\n              // gap={\"67px\"}\r\n              mt={\"33px\"}\r\n            >\r\n              <Stack\r\n                sx={{\r\n                  border: \"1px solid #E1E1E1\",\r\n                  p: \"30px 22px 20px\",\r\n                  borderRadius: \"8px\",\r\n                  position: \"relative\",\r\n                  gap: \"12px\",\r\n                  minWidth: \"185px\",\r\n                }}\r\n              >\r\n                <Stack\r\n                  alignItems={\"center\"}\r\n                  justifyContent={\"center\"}\r\n                  sx={{\r\n                    height: \"23px\",\r\n                    px: \"8px\",\r\n                    borderRadius: \"30.92px\",\r\n                    background: \"#EEEEEE\",\r\n                    position: \"absolute\",\r\n                    left: \"22px\",\r\n                    top: \"-11px\",\r\n                  }}\r\n                >\r\n                  <Typography fontSize={12} fontWeight={600} color={\"#ADADAD\"}>\r\n                    Current Plan\r\n                  </Typography>\r\n                </Stack>\r\n                <Typography\r\n                  fontSize={14}\r\n                  fontWeight={600}\r\n                  lineHeight={\"20px\"}\r\n                  color={\"#848382\"}\r\n                >\r\n                  {subscriptionData?.package} Plan\r\n                </Typography>\r\n                <Typography\r\n                  fontSize={14}\r\n                  fontWeight={600}\r\n                  lineHeight={\"20px\"}\r\n                  color={\"#848382\"}\r\n                >\r\n                  {USER_DATA.company_name}\r\n                </Typography>\r\n                {/* {subscriptionData?.package?.includes(\"Business\") && ( */}\r\n                <Typography fontSize={14} lineHeight={\"20px\"} color={\"#848382\"}>\r\n                  <Typography\r\n                    variant=\"caption\"\r\n                    fontSize={14}\r\n                    fontWeight={600}\r\n                    lineHeight={\"20px\"}\r\n                    color={\"#848382\"}\r\n                  >\r\n                    {additionalUser}\r\n                  </Typography>{\" \"}\r\n                  licenses\r\n                </Typography>\r\n                {/* )} */}\r\n                <Typography fontSize={14} lineHeight={\"20px\"} color={\"#848382\"}>\r\n                  <Typography\r\n                    variant=\"caption\"\r\n                    fontSize={14}\r\n                    fontWeight={600}\r\n                    lineHeight={\"20px\"}\r\n                    color={\"#848382\"}\r\n                  >\r\n                    $\r\n                    {/* {subscriptionData?.package === \"Team\"\r\n                    ? (\r\n                        subscriptionData?.total *\r\n                        (additionalUser + 3)\r\n                      ).toFixed(2)\r\n                    :  */}\r\n                    {subscriptionData?.total}\r\n                  </Typography>{\" \"}\r\n                  per{\" \"}\r\n                  {subscriptionData?.interval_type === \"year\"\r\n                    ? \"year\"\r\n                    : \"month\"}\r\n                </Typography>\r\n              </Stack>\r\n              <IcDowngradeArrow />\r\n              <Stack\r\n                sx={{\r\n                  border: \"1px solid #F044381A\",\r\n                  p: \"30px 22px 20px\",\r\n                  borderRadius: \"8px\",\r\n                  position: \"relative\",\r\n                  background: \"#FFF5F4\",\r\n                  gap: \"12px\",\r\n                  minWidth: \"185px\",\r\n                }}\r\n              >\r\n                <Stack\r\n                  alignItems={\"center\"}\r\n                  justifyContent={\"center\"}\r\n                  sx={{\r\n                    height: \"23px\",\r\n                    px: \"8px\",\r\n                    borderRadius: \"30.92px\",\r\n                    background: \"#E03F34\",\r\n                    position: \"absolute\",\r\n                    left: \"22px\",\r\n                    top: \"-11px\",\r\n                  }}\r\n                >\r\n                  <Typography fontSize={12} fontWeight={600} color={\"#FFFFFF\"}>\r\n                    Downgrade To\r\n                  </Typography>\r\n                </Stack>\r\n                <Typography\r\n                  fontSize={14}\r\n                  fontWeight={600}\r\n                  lineHeight={\"20px\"}\r\n                  color={\"#18181B\"}\r\n                >\r\n                  {subscriptionData?.package?.includes(\"Business\")\r\n                    ? `${planType} Professional`\r\n                    : \"Free\"}{\" \"}\r\n                  Plan\r\n                </Typography>\r\n                <Typography\r\n                  fontSize={14}\r\n                  fontWeight={600}\r\n                  lineHeight={\"20px\"}\r\n                  color={\"#848382\"}\r\n                >\r\n                  {USER_DATA.company_name}\r\n                </Typography>\r\n                <Typography fontSize={14} lineHeight={\"20px\"} color={\"#848382\"}>\r\n                  <Typography\r\n                    variant=\"caption\"\r\n                    fontSize={14}\r\n                    fontWeight={600}\r\n                    lineHeight={\"20px\"}\r\n                    color={\"#848382\"}\r\n                  >\r\n                    {additionalUser}\r\n                  </Typography>{\" \"}\r\n                  licenses\r\n                </Typography>\r\n                {/* )} */}\r\n                <Typography fontSize={14} lineHeight={\"20px\"} color={\"#848382\"}>\r\n                  <Typography\r\n                    variant=\"caption\"\r\n                    fontSize={14}\r\n                    fontWeight={600}\r\n                    lineHeight={\"20px\"}\r\n                    color={\"#848382\"}\r\n                  >\r\n                    $\r\n                    {/* {subscriptionData?.package === \"Team\"\r\n                    ? (\r\n                        subscriptionData?.total *\r\n                        (additionalUser + 3)\r\n                      ).toFixed(2)\r\n                    :  */}\r\n                    {professionalPlan.find(\r\n                      (item) => item.package_name === planToDowngrade\r\n                    )?.price * additionalUser}\r\n                  </Typography>{\" \"}\r\n                  per{\" \"}\r\n                  {subscriptionData?.interval_type === \"year\"\r\n                    ? \"year\"\r\n                    : \"month\"}\r\n                </Typography>\r\n                {/* <Typography\r\n                fontSize={14}\r\n                fontWeight={600}\r\n                lineHeight={\"20px\"}\r\n                color={\"#18181B\"}\r\n              >\r\n                <Typography\r\n                  variant=\"caption\"\r\n                  fontSize={14}\r\n                  fontWeight={600}\r\n                  lineHeight={\"20px\"}\r\n                  color={\"#18181B\"}\r\n                >\r\n                  3\r\n                </Typography>{\" \"}\r\n                licenses\r\n              </Typography> */}\r\n                {subscriptionData?.package?.includes(\"Professional\") && (\r\n                  <Typography\r\n                    fontSize={14}\r\n                    fontWeight={600}\r\n                    lineHeight={\"20px\"}\r\n                    color={\"#18181B\"}\r\n                  >\r\n                    <Typography\r\n                      variant=\"caption\"\r\n                      fontSize={14}\r\n                      fontWeight={600}\r\n                      lineHeight={\"20px\"}\r\n                      color={\"#18181B\"}\r\n                    >\r\n                      ${professionalPlan[0]?.price}\r\n                    </Typography>{\" \"}\r\n                    per{\" \"}\r\n                    {subscriptionData?.interval_type === \"year\"\r\n                      ? \"year\"\r\n                      : \"month\"}\r\n                  </Typography>\r\n                )}\r\n              </Stack>\r\n            </Stack>\r\n\r\n            <Stack\r\n              sx={{\r\n                mt: \"24px\",\r\n                border: \"1px solid #EEEEEEEE\",\r\n                background: \"#F9FAFB\",\r\n                borderRadius: \"8px\",\r\n                p: \"22px\",\r\n              }}\r\n            >\r\n              <Stack\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"flex-start\"}\r\n                gap={\"12px\"}\r\n              >\r\n                <IcInfoOutlined height=\"20\" width=\"20\" fill=\"#18181B\" />\r\n                <Typography\r\n                  fontSize={14}\r\n                  color={\"#282828\"}\r\n                  fontWeight={600}\r\n                  lineHeight={\"18px\"}\r\n                >\r\n                  Important to know:\r\n                </Typography>\r\n              </Stack>\r\n              <List\r\n                sx={{\r\n                  listStyleType: \"disc\",\r\n                  p: \"0px 0px 0px 53px\",\r\n                  mt: \"10px\",\r\n                }}\r\n              >\r\n                <ListItem\r\n                  sx={{\r\n                    display: \"list-item\",\r\n                    p: 0,\r\n                    fontSize: 14,\r\n                    color: \"#18181B\",\r\n                    lineHeight: \"26px\",\r\n                  }}\r\n                >\r\n                  You will lose access to Business Plan features, including\r\n                  unlimited team members, custom branding, and advanced\r\n                  security.\r\n                  {/* Your{\" \"}\r\n                <Typography\r\n                  fontSize={14}\r\n                  fontWeight={600}\r\n                  color={\"#18181B\"}\r\n                  variant=\"caption\"\r\n                >\r\n                  {subscriptionData?.package} trial\r\n                </Typography>{\" \"}\r\n                will remain active until{\" \"}\r\n                <Typography\r\n                  fontSize={14}\r\n                  fontWeight={600}\r\n                  color={\"#18181B\"}\r\n                  variant=\"caption\"\r\n                >\r\n                  {moment(subscriptionData?.subscription_end_date).format(\r\n                    \"MMM DD, YYYY\"\r\n                  )}\r\n                </Typography> */}\r\n                </ListItem>\r\n                <ListItem\r\n                  sx={{\r\n                    display: \"list-item\",\r\n                    p: 0,\r\n                    fontSize: 14,\r\n                    color: \"#18181B\",\r\n                    lineHeight: \"26px\",\r\n                  }}\r\n                >\r\n                  All data and boards will remain accessible, but features\r\n                  specific to the Business Plan will be disabled.\r\n                  {/* On{\" \"}\r\n                <Typography\r\n                  fontSize={14}\r\n                  fontWeight={600}\r\n                  color={\"#18181B\"}\r\n                  variant=\"caption\"\r\n                >\r\n                  {moment(subscriptionData?.subscription_end_date).format(\r\n                    \"MMM DD, YYYY\"\r\n                  )}\r\n                </Typography>{\" \"}\r\n                your account will be{\" \"}\r\n                <Typography\r\n                  fontSize={14}\r\n                  fontWeight={600}\r\n                  color={\"#18181B\"}\r\n                  variant=\"caption\"\r\n                >\r\n                  downgraded to{\" \"}\r\n                  {subscriptionData?.package?.includes(\"Business\")\r\n                    ? \"Professional\"\r\n                    : \"Free\"}{\" \"}\r\n                  Plan\r\n                </Typography> */}\r\n                </ListItem>\r\n                {/* {subscriptionData?.package?.includes(\"Business\") && (\r\n                <ListItem\r\n                  sx={{\r\n                    display: \"list-item\",\r\n                    p: 0,\r\n                    fontSize: 14,\r\n                    color: \"#18181B\",\r\n                    lineHeight: \"26px\",\r\n                  }}\r\n                >\r\n                  <Typography\r\n                    fontSize={14}\r\n                    fontWeight={600}\r\n                    color={\"#18181B\"}\r\n                    variant=\"caption\"\r\n                  >\r\n                    Multiple teams\r\n                  </Typography>{\" \"}\r\n                  will{\" \"}\r\n                  <Typography\r\n                    fontSize={14}\r\n                    fontWeight={600}\r\n                    color={\"#18181B\"}\r\n                    variant=\"caption\"\r\n                  >\r\n                    merged into a single team\r\n                  </Typography>\r\n                </ListItem>\r\n              )} */}\r\n              </List>\r\n            </Stack>\r\n\r\n            <Stack mt={\"14px\"}>\r\n              {/* <SimpleCheckBox\r\n              label=\"By clicking Downgrade, You agree to switch subscriptions at the end of the billing cycle and with cloudairy’s.\"\r\n              sideLabel={\r\n                <Link\r\n                  to={\"https://cloudairy.com/privacy-policy\"}\r\n                  target=\"_blank\"\r\n                  style={{\r\n                    color: \"#007AFF\",\r\n                    fontSize: 14,\r\n                    textDecoration: \"none\",\r\n                  }}\r\n                  onClick={(e) => {\r\n                    e.stopPropagation();\r\n                  }}\r\n                >\r\n                  Privacy Policy.\r\n                 </Link>\r\n              }\r\n              labelFontSize={14}\r\n              labelStyle={{\r\n                color: \"#282828 !important\",\r\n              }}\r\n              checked={reasons.includes(\"secure-budget\")}\r\n              onChange={() => {\r\n                toggleReasons(\"secure-budget\");\r\n              }}\r\n            /> */}\r\n              <Typography fontSize={fontSizes.largeFont} color={color.subTitle}>\r\n                All data and boards will remain accessible, but features\r\n                specific to the Business Plan will be disabled.\r\n              </Typography>\r\n            </Stack>\r\n\r\n            <Stack\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-end\"}\r\n              gap={\"20px\"}\r\n              mt={{\r\n                xs: \"16px\",\r\n                lg: \"24px\",\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={() => {\r\n                  setParentState(true);\r\n                  setShowDowngrade(false);\r\n                }}\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={{ px: \"24px\" }}\r\n                btnColor={color.errorColor}\r\n                hoverSx={{\r\n                  background: `${color.errorColorDark} !important`,\r\n                }}\r\n                // disabled={btnDisabled}\r\n                // disabled={true}\r\n                onClick={() => {\r\n                  downGradePlan();\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={500}\r\n                >\r\n                  Confirm Downgrade\r\n                </Typography>\r\n              </BtnGradient>\r\n            </Stack>\r\n          </Stack>\r\n        </Box>\r\n      </CustomModal>\r\n      <FinalCancel\r\n        setFinalCancel={setFinalCancel}\r\n        finalCancel={finalCancel}\r\n        headingContent=\"Downgrade Scheduled\"\r\n        btnText=\"Done\"\r\n        animationJson={s3AssetsUrl + \"/calender.json\"}\r\n        btnSx={{\r\n          px: \"24px\",\r\n        }}\r\n        subContent={\r\n          <Typography\r\n            fontSize={fontSizes.largeFont}\r\n            color={color.subTitle}\r\n            lineHeight={\"24px\"}\r\n            mt={\"10px\"}\r\n            textAlign={\"center\"}\r\n            px={\"30px\"}\r\n          >\r\n            Your subscription has been downgraded to the{\" \"}\r\n            <Typography\r\n              variant=\"caption\"\r\n              fontSize={fontSizes.largeFont}\r\n              fontWeight={fontWeight.weight600}\r\n              lineHeight={\"24px\"}\r\n            >\r\n              {subscriptionData?.package?.includes(\"Business\")\r\n                ? `${planType} Professional`\r\n                : \"Free\"}{\" \"}\r\n              Plan,\r\n            </Typography>{\" \"}\r\n            effective from{\" \"}\r\n            <Typography\r\n              color={color.titleDark}\r\n              variant=\"caption\"\r\n              fontWeight={fontWeight.weight600}\r\n              fontSize={fontSizes.largeFont}\r\n            >\r\n              {/* {subscriptionData?.is_trial === true\r\n                ? \"trial period\"\r\n                : \"subscription\"}{\" \"}\r\n              on{\" \"} */}\r\n              {moment(subscriptionData?.subscription_end_date).format(\r\n                \"DD MMM, YYYY\"\r\n              )}\r\n            </Typography>\r\n            .\r\n          </Typography>\r\n        }\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Downgrading;\r\n\r\nconst IcDowngradeArrow = () => {\r\n  return (\r\n    <svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      width=\"66\"\r\n      height=\"16\"\r\n      viewBox=\"0 0 66 16\"\r\n      fill=\"none\"\r\n    >\r\n      <circle cx=\"7\" cy=\"8\" r=\"7\" fill=\"#18181B\" fill-opacity=\"0.15\" />\r\n      <circle cx=\"7\" cy=\"8\" r=\"3\" fill=\"#18181B\" />\r\n      <path\r\n        d=\"M65.7071 8.70711C66.0976 8.31658 66.0976 7.68342 65.7071 7.29289L59.3431 0.928932C58.9526 0.538408 58.3195 0.538408 57.9289 0.928932C57.5384 1.31946 57.5384 1.95262 57.9289 2.34315L63.5858 8L57.9289 13.6569C57.5384 14.0474 57.5384 14.6805 57.9289 15.0711C58.3195 15.4616 58.9526 15.4616 59.3431 15.0711L65.7071 8.70711ZM14 9H65V7H14V9Z\"\r\n        fill=\"#18181B\"\r\n      />\r\n    </svg>\r\n  );\r\n};\r\n","import React, { useState } from \"react\";\r\nimport CustomModal from \"../../../common-components/CustomModal\";\r\nimport { Box, IconButton, Stack, Typography } from \"@mui/material\";\r\nimport {\r\n  IcCheckCircleOutlined,\r\n  IcCloseThin,\r\n} from \"../../../assets/icon-components\";\r\nimport BtnColoredOutlined from \"../../../common-components/buttons/BtnColoredOutlined\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport CustomRadioButton from \"../../../common-components/CustomRadioButton\";\r\nimport WhyCancel from \"./WhyCancel\";\r\nimport Downgrading from \"./Downgrading\";\r\nimport { subscriptionDataSelect } from \"../../../Redux/common-reducer\";\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\n\r\nconst style = {\r\n  position: \"absolute\",\r\n  top: \"50%\",\r\n  left: \"50%\",\r\n  transform: \"translate(-50%, -50%)\",\r\n  width: \"710px\",\r\n  bgcolor: \"#FFF\",\r\n  border: \"none\",\r\n  boxShadow: \"none\",\r\n  overflow: \"auto\",\r\n  p: \"30px 24px 24px\",\r\n  borderRadius: \"12px\",\r\n  maxHeight: \"97%\",\r\n  \"&::-webkit-scrollbar\": {\r\n    width: \"0 !important\",\r\n    height: \"0 !important\",\r\n  },\r\n  \"&:focus-visible\": { outline: \"none !important\" },\r\n};\r\n\r\nconst KeepInnovating = ({\r\n  showKeepInnovation,\r\n  setShowKeepInnovation,\r\n  handleCancelSubscription,\r\n}) => {\r\n  const [selectedOption, setSelectedOption] = useState(\"downgrade\");\r\n  const [showWhyCancel, setShowWhyCancel] = useState(false);\r\n  const [showDowngrade, setShowDowngrade] = useState(false);\r\n  const subscriptionData = subscriptionDataSelect();\r\n\r\n  const handleCloseModal = () => {\r\n    setSelectedOption(\"downgrade\");\r\n    setShowKeepInnovation(false);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <CustomModal open={showKeepInnovation} handleClose={handleCloseModal}>\r\n        <Box sx={style}>\r\n          <Stack\r\n            height={{ xl: \"auto\", lg: \"calc(100svh - 100px)\" }}\r\n            width={\"100%\"}\r\n            sx={{\r\n              overflowY: \"auto\",\r\n              \"&::-webkit-scrollbar\": {\r\n                width: \"0 !important\",\r\n                height: \"0 !important\",\r\n              },\r\n            }}\r\n          >\r\n            <Stack\r\n              direction={\"row\"}\r\n              justifyContent={\"space-between\"}\r\n              mb={\"24px\"}\r\n            >\r\n              <Box>\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: fontSizes.titleFont,\r\n                    md: fontSizes.modelTitle,\r\n                    xl: fontSizes.modelTitle1,\r\n                  }}\r\n                  fontWeight={fontWeight.weight800}\r\n                  lineHeight={{\r\n                    xs: \"24px\",\r\n                    lg: \"26px\",\r\n                    xl: \"30px\",\r\n                  }}\r\n                  color={\"#000000\"}\r\n                >\r\n                  Keep innovating with{\" \"}\r\n                  {subscriptionData?.package?.includes(\"Business\")\r\n                    ? \"Professional\"\r\n                    : \"Free\"}{\" \"}\r\n                  Plan\r\n                </Typography>\r\n                <Typography\r\n                  fontSize={14}\r\n                  color={color.subTitle}\r\n                  lineHeight={\"24px\"}\r\n                  mt={1}\r\n                >\r\n                  Our{\" \"}\r\n                  {subscriptionData?.package?.includes(\"Business\")\r\n                    ? \"Professional\"\r\n                    : \"Free\"}{\" \"}\r\n                  Plan could be a better option for you. It offers all the\r\n                  essential features your team needs to continue creating the\r\n                  next big thing in Cloudairy.\r\n                </Typography>\r\n              </Box>\r\n              <IconButton\r\n                sx={{\r\n                  width: \"36px !important\",\r\n                  height: \"36px !important\",\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={handleCloseModal}\r\n              >\r\n                <IcCloseThin fill=\"#18181B\" />\r\n              </IconButton>\r\n            </Stack>\r\n\r\n            <Stack\r\n              sx={{\r\n                border: \"1px solid #E1E1E1\",\r\n                background: \"#FFFFFF\",\r\n                borderRadius: \"8px\",\r\n                mt: {\r\n                  xs: \"20px\",\r\n                  lg: \"24px\",\r\n                },\r\n              }}\r\n            >\r\n              <Stack p={\"22px 22px 0px\"} mb={\"18px\"}>\r\n                <Stack\r\n                  direction={\"row\"}\r\n                  alignItems={\"center\"}\r\n                  justifyContent={\"flex-start\"}\r\n                  gap={\"10px\"}\r\n                >\r\n                  <CustomRadioButton\r\n                    label={`Downgrade to ${\r\n                      subscriptionData?.package?.includes(\"Professional\")\r\n                        ? \"Free\"\r\n                        : \"Professional\"\r\n                    } at the end of ${\r\n                      subscriptionData?.is_trial === true\r\n                        ? \"trial\"\r\n                        : \"subscription\"\r\n                    }`}\r\n                    checked={selectedOption === \"downgrade\"}\r\n                    onChange={() => setSelectedOption(\"downgrade\")}\r\n                    mainSx={{\r\n                      gap: \"18px !important\",\r\n                    }}\r\n                    labelSx={{\r\n                      color: \"#282828 !important\",\r\n                      fontWeight: \"600 !important\",\r\n                    }}\r\n                    radioSx={{\r\n                      mb: \"0px\",\r\n                    }}\r\n                  />\r\n                  {/* {subscriptionData?.package !==\r\n                  \"Professional\" && (\r\n                  <Stack\r\n                    alignItems={\"center\"}\r\n                    justifyContent={\"center\"}\r\n                    sx={{\r\n                      background:\r\n                        \"linear-gradient(151.67deg, #FF9900 13.5%, #FF6A3A 85.38%)\",\r\n                      height: \"23px\",\r\n                      borderRadius: \"31px\",\r\n                      px: \"9px\",\r\n                    }}\r\n                  >\r\n                    <Typography\r\n                      fontSize={12}\r\n                      height={\"16px\"}\r\n                      color={\"#FFFFFF\"}\r\n                      fontWeight={600}\r\n                    >\r\n                      Save 50%\r\n                    </Typography>\r\n                  </Stack>\r\n                )} */}\r\n                </Stack>\r\n\r\n                <Stack\r\n                  sx={{\r\n                    mx: \"34px\",\r\n                    pt: \"14px\",\r\n                    mt: \"16px\",\r\n                    borderTop: \"1px solid #EEEEEE\",\r\n                    gap: \"14px\",\r\n                  }}\r\n                >\r\n                  {(subscriptionData?.package?.includes(\"Business\")\r\n                    ? items\r\n                    : freeitems\r\n                  ).map((feature, i) => {\r\n                    return (\r\n                      <Stack\r\n                        key={i + 1}\r\n                        direction={\"row\"}\r\n                        alignItems={\"center\"}\r\n                        justifyContent={\"flex-start\"}\r\n                        gap={\"8px\"}\r\n                      >\r\n                        <IcCheckCircleOutlined\r\n                          fill={color.primaryColor}\r\n                          height=\"20\"\r\n                          width=\"20\"\r\n                        />\r\n                        <Typography\r\n                          fontSize={14}\r\n                          height={\"18px\"}\r\n                          color={\"#18181B\"}\r\n                        >\r\n                          {feature}\r\n                        </Typography>\r\n                      </Stack>\r\n                    );\r\n                  })}\r\n                </Stack>\r\n              </Stack>\r\n\r\n              <Box\r\n                sx={{\r\n                  minHeight: \"1px\",\r\n                  width: \"100%\",\r\n                  background: \"#EEEEEEEE\",\r\n                }}\r\n              />\r\n\r\n              <Stack p={\"24px 22px 30px\"}>\r\n                <CustomRadioButton\r\n                  label={\r\n                    subscriptionData?.is_trial === true\r\n                      ? \"Cancel Trial\"\r\n                      : \"Cancel Subscription\"\r\n                  }\r\n                  checked={selectedOption === \"cancel\"}\r\n                  onChange={() => setSelectedOption(\"cancel\")}\r\n                  mainSx={{\r\n                    gap: \"18px !important\",\r\n                  }}\r\n                  labelSx={{\r\n                    color: \"#282828 !important\",\r\n                    fontWeight: \"600 !important\",\r\n                  }}\r\n                  radioSx={{\r\n                    mb: \"0px\",\r\n                  }}\r\n                />\r\n                <Typography\r\n                  fontSize={14}\r\n                  color={color.subTitle}\r\n                  lineHeight={\"20px\"}\r\n                  pl={\"37px\"}\r\n                  mt={0.5}\r\n                >\r\n                  You will stay on {subscriptionData?.package} Plan until the\r\n                  {subscriptionData?.is_trial === true\r\n                    ? \" trial\"\r\n                    : \" subscription\"}{\" \"}\r\n                  ends\r\n                  {subscriptionData?.package?.includes(\"Business\") &&\r\n                    \", but won’t be able to add new Members\"}\r\n                  . Your subscription will expire at the end of the{\" \"}\r\n                  {subscriptionData?.is_trial === true\r\n                    ? \"trial period.\"\r\n                    : \"subscription.\"}\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={\"20px\"}\r\n              mt={\"24px\"}\r\n            >\r\n              <BtnColoredOutlined\r\n                bgcolor=\"#F7F7F7\"\r\n                borderColor=\"#E1E1E1\"\r\n                sx={{ px: \"16px\", transition: \"all 0.2s\" }}\r\n                hoverSx={{\r\n                  bgcolor: \"#EEEEEE\",\r\n                }}\r\n                onClick={handleCloseModal}\r\n              >\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: fontSizes.fontSize13,\r\n                    md: fontSizes.fontSize14,\r\n                  }}\r\n                  color={\"#848382\"}\r\n                >\r\n                  Keep {subscriptionData?.package} Plan\r\n                </Typography>\r\n              </BtnColoredOutlined>\r\n              <BtnGradient\r\n                sx={{ px: \"24px\" }}\r\n                hoverSx={{\r\n                  background: `${\r\n                    selectedOption === \"cancel\"\r\n                      ? color.errorColorDark\r\n                      : color.darkPrimary\r\n                  } !important`,\r\n                }}\r\n                btnColor={\r\n                  selectedOption === \"cancel\"\r\n                    ? color.errorColor\r\n                    : color.primaryColor\r\n                }\r\n                onClick={() => {\r\n                  if (selectedOption === \"cancel\") {\r\n                    setShowKeepInnovation(false);\r\n                    setShowWhyCancel(true);\r\n                  } else {\r\n                    setShowKeepInnovation(false);\r\n                    setShowDowngrade(true);\r\n                    // handleCancelSubscription();\r\n                  }\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={500}\r\n                >\r\n                  {selectedOption === \"cancel\"\r\n                    ? subscriptionData?.is_trial === true\r\n                      ? \"Cancel Trial\"\r\n                      : \"Cancel Subscription\"\r\n                    : \"Continue\"}\r\n                </Typography>\r\n              </BtnGradient>\r\n            </Stack>\r\n          </Stack>\r\n        </Box>\r\n      </CustomModal>\r\n      <WhyCancel\r\n        handleCancelSubscription={handleCancelSubscription}\r\n        setShowWhyCancel={setShowWhyCancel}\r\n        showWhyCancel={showWhyCancel}\r\n        setParentState={setShowKeepInnovation}\r\n        setSelectedOption={setSelectedOption}\r\n      />\r\n      <Downgrading\r\n        handleCancelSubscription={handleCancelSubscription}\r\n        setParentState={setShowKeepInnovation}\r\n        setSelectedOption={setSelectedOption}\r\n        setShowDowngrade={setShowDowngrade}\r\n        showDowngrade={showDowngrade}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default KeepInnovating;\r\n\r\nconst items = [\r\n  \"Basic diagramming tools\",\r\n  \"Access to standard templates\",\r\n  \"3 Editable cloudcharts\",\r\n  \"10 Export files\",\r\n  \"Limited diagramming shapes\",\r\n  \"Limited cloud architecture templates\",\r\n  \"Community support\",\r\n  \"Limited AI capabilities\",\r\n];\r\n\r\nconst freeitems = [\r\n  \"Basic diagramming tools\",\r\n  \"Access to standard templates\",\r\n  \"3 Editable cloudcharts\",\r\n  \"10 Export files\",\r\n  \"Limited diagramming shapes\",\r\n  \"Limited cloud architecture templates\",\r\n  \"Community support\",\r\n  \"Limited AI capabilities\",\r\n];\r\n","import React, { useState } from \"react\";\r\nimport CustomModal from \"../../../common-components/CustomModal\";\r\nimport { Box, IconButton, Stack, Typography } from \"@mui/material\";\r\nimport {\r\n  IcCloseCircled,\r\n  IcCloseThin,\r\n  IcInfoOutlined,\r\n} from \"../../../assets/icon-components\";\r\nimport BtnColoredOutlined from \"../../../common-components/buttons/BtnColoredOutlined\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport moment from \"moment\";\r\nimport KeepInnovating from \"./KeepInnovating\";\r\nimport WhyCancel from \"./WhyCancel\";\r\nimport { subscriptionDataSelect } from \"../../../Redux/common-reducer\";\r\nimport { fontSizes } from \"../../../Utils/style/font/fontsizes\";\r\nimport { fontWeight } from \"../../../Utils/style/weight/fontWeight\";\r\nimport { color } from \"../../../Utils/style/color/color\";\r\nimport { PRO_PLAN_ITEMS } from \"../../../CommanUI/Subscription/ProfessionalBundle\";\r\nimport { BUSINESS_PLAN_ITEMS } from \"../../../CommanUI/Subscription/BusinessBundle\";\r\n\r\nconst style = {\r\n  position: \"absolute\",\r\n  top: \"50%\",\r\n  left: \"50%\",\r\n  transform: \"translate(-50%, -50%)\",\r\n  width: { xl: \"750px\", sm: \"660px\" },\r\n  bgcolor: \"#FFF\",\r\n  border: \"none\",\r\n  boxShadow: \"none\",\r\n  p: \"30px 24px 24px\",\r\n  borderRadius: \"12px\",\r\n  overflow: \"auto\",\r\n  maxHeight: \"97%\",\r\n  \"&::-webkit-scrollbar\": {\r\n    width: \"0 !important\",\r\n    height: \"0 !important\",\r\n  },\r\n  \"&:focus-visible\": { outline: \"none !important\" },\r\n};\r\n\r\nconst TrialEnd = ({\r\n  showCancelSubscription,\r\n  handleCloseModal,\r\n  handleCancelSubscription,\r\n  setShowCancelSubscription,\r\n}) => {\r\n  const [showKeepInnovation, setShowKeepInnovation] = useState(false);\r\n  const [showWhyCancel, setShowWhyCancel] = useState(false);\r\n  const subscriptionData = subscriptionDataSelect();\r\n\r\n  return (\r\n    <>\r\n      <CustomModal open={showCancelSubscription} handleClose={handleCloseModal}>\r\n        <Box sx={style}>\r\n          <Stack\r\n           height={{ xl: \"auto\", lg: \"calc(100svh - 100px)\" }}\r\n           width={\"100%\"}\r\n           sx={{\r\n             overflowY: \"auto\",\r\n             \"&::-webkit-scrollbar\": {\r\n               width: \"0 !important\",\r\n               height: \"0 !important\",\r\n             },\r\n           }}\r\n          >\r\n            <Stack\r\n              direction={\"row\"}\r\n              // alignItems={\"center\"}\r\n              justifyContent={\"space-between\"}\r\n            >\r\n              <Typography\r\n                fontSize={{\r\n                  xs: fontSizes.titleFont,\r\n                  md: fontSizes.modelTitle,\r\n                  xl: fontSizes.modelTitle1,\r\n                }}\r\n                fontWeight={fontWeight.weight800}\r\n                color={color.titleDark}\r\n              >\r\n                {subscriptionData?.is_trial === true\r\n                  ? \"We’re sorry to see you go\"\r\n                  : \"Are You Sure You Want to Cancel Your Subscription?\"}\r\n              </Typography>\r\n              <IconButton\r\n                sx={{\r\n                  width: \"36px !important\",\r\n                  height: \"36px !important\",\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={handleCloseModal}\r\n              >\r\n                <IcCloseThin fill=\"#18181B\" />\r\n              </IconButton>\r\n            </Stack>\r\n            <Typography\r\n              my={2}\r\n              fontSize={fontSizes.largeFont}\r\n              color={color.titleDark}\r\n            >\r\n              We're sorry to see you go! Canceling your subscription will\r\n            </Typography>\r\n            <Box\r\n              sx={{\r\n                mt: \"16px\",\r\n                \"& ul\": {\r\n                  color: color.titleDark,\r\n                  fontSize: fontSizes.mediumFont,\r\n                  pl: \"18px\",\r\n                  \"& li\": {\r\n                    mb: 1,\r\n                    color: color.subTitle,\r\n                    fontSize: fontSizes.fontSize14,\r\n                    \"&::marker\": {\r\n                      color: color.titleDark,\r\n                    },\r\n                  },\r\n                  \".imp-title\": {\r\n                    color: color.titleDark,\r\n                    fontWeight: fontWeight.weight600,\r\n                    mt: 1.5,\r\n                  },\r\n                },\r\n              }}\r\n            >\r\n              <ul>\r\n                <li>Downgrade your workspace to the free plan.</li>\r\n                <li>\r\n                  Preserve your data and boards, but you will lose advanced\r\n                  collaboration and customization options.\r\n                </li>\r\n              </ul>\r\n              <Typography\r\n                fontSize={fontSizes.fontSize14}\r\n                fontWeight={600}\r\n                mb={\"10px\"}\r\n              >\r\n                Important Notes\r\n              </Typography>\r\n              <ul>\r\n                <li>\r\n                  Your subscription will remain active until the end of the\r\n                  current billing period.\r\n                </li>\r\n                <li>\r\n                  You can reactivate your subscription at any time to regain\r\n                  access to premium features.\r\n                </li>\r\n              </ul>\r\n            </Box>\r\n            {/* {subscriptionData?.is_trial === true ? (\r\n            <Typography fontSize={14} color={\"#848382\"} lineHeight={\"24px\"}>\r\n              You can enjoy all {subscriptionData?.package} Plan benefits until\r\n              the{\" \"}\r\n              <Typography\r\n                variant=\"caption\"\r\n                fontSize={14}\r\n                color={\"#18181B\"}\r\n                lineHeight={\"24px\"}\r\n                fontWeight={600}\r\n              >\r\n                trial ends on{\" \"}\r\n                {moment(subscriptionData?.subscription_end_date).format(\r\n                  \"MMM DD, YYYY\"\r\n                )}\r\n                .\r\n              </Typography>{\" \"}\r\n              but won’t be able to add new Members. Your account will expire at\r\n              the end of the trial period.\r\n            </Typography>\r\n          ) : (\r\n            <Typography fontSize={14} color={\"#848382\"} lineHeight={\"24px\"}>\r\n              You will stay on{\" \"}\r\n              <Typography\r\n                variant=\"caption\"\r\n                fontSize={14}\r\n                color={\"#18181B\"}\r\n                lineHeight={\"24px\"}\r\n                fontWeight={600}\r\n              >\r\n                {subscriptionData?.package} Plan\r\n              </Typography>{\" \"}\r\n              until the end of billing cycle but you won't be able to add new\r\n              seats. Here's what you lose after{\" \"}\r\n              <Typography\r\n                variant=\"caption\"\r\n                fontSize={14}\r\n                color={\"#18181B\"}\r\n                lineHeight={\"24px\"}\r\n                fontWeight={600}\r\n              >\r\n                {moment(subscriptionData?.subscription_end_date).format(\r\n                  \"MMM DD, YYYY\"\r\n                )}\r\n                .\r\n              </Typography>\r\n            </Typography>\r\n          )} */}\r\n\r\n            <Stack\r\n              sx={{\r\n                border: \"1px solid #EEEEEEEE\",\r\n                background: \"#F9FAFB\",\r\n                borderRadius: \"8px\",\r\n                p: \"15px\",\r\n                mt: {\r\n                  xs: \"20px\",\r\n                  lg: \"24px\",\r\n                },\r\n              }}\r\n            >\r\n              <Stack\r\n                direction={\"row\"}\r\n                // alignItems={\"center\"}\r\n                justifyContent={\"flex-start\"}\r\n                gap={\"12px\"}\r\n              >\r\n                <IcInfoOutlined height=\"20\" width=\"20\" fill=\"#18181B\" />\r\n                {subscriptionData?.is_trial === true ? (\r\n                  <Typography\r\n                    fontSize={14}\r\n                    color={\"#282828\"}\r\n                    fontWeight={600}\r\n                    lineHeight={\"18px\"}\r\n                  >\r\n                    If you cancel the trial, your team will{\" \"}\r\n                    <Typography\r\n                      variant=\"caption\"\r\n                      fontSize={14}\r\n                      color={\"#E03F34\"}\r\n                      fontWeight={600}\r\n                      lineHeight={\"18px\"}\r\n                    >\r\n                      no longer have access\r\n                    </Typography>{\" \"}\r\n                    to:\r\n                  </Typography>\r\n                ) : (\r\n                  <Typography\r\n                    fontSize={14}\r\n                    color={\"#282828\"}\r\n                    fontWeight={600}\r\n                    lineHeight={\"18px\"}\r\n                  >\r\n                    If you cancel your {subscriptionData?.package} Plan you will{\" \"}\r\n                    <Typography\r\n                      variant=\"caption\"\r\n                      fontSize={14}\r\n                      color={\"#E03F34\"}\r\n                      fontWeight={600}\r\n                      lineHeight={\"18px\"}\r\n                    >\r\n                      no longer have access\r\n                    </Typography>{\" \"}\r\n                    to:\r\n                  </Typography>\r\n                )}\r\n              </Stack>\r\n              <Stack\r\n                mt={\"16px\"}\r\n                gap={\"14px\"}\r\n                maxHeight={\"250px\"}\r\n                flexWrap={\"wrap\"}\r\n              >\r\n                {(subscriptionData?.package?.includes(\"Professional\")\r\n                  ? PRO_PLAN_ITEMS\r\n                  : BUSINESS_PLAN_ITEMS\r\n                ).map((feature, i) => {\r\n                  return (\r\n                    <Stack\r\n                      key={i + 1}\r\n                      direction={\"row\"}\r\n                      alignItems={\"center\"}\r\n                      justifyContent={\"flex-start\"}\r\n                      gap={\"8px\"}\r\n                    >\r\n                      <IcCloseCircled fill=\"#E03F34\" height=\"20\" width=\"20\" />\r\n                      <Typography\r\n                        fontSize={14}\r\n                        color={\"#18181B\"}\r\n                        lineHeight={\"18px\"}\r\n                      >\r\n                        {feature}\r\n                      </Typography>\r\n                    </Stack>\r\n                  );\r\n                })}\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={\"20px\"}\r\n              mt={\"24px\"}\r\n            >\r\n              <BtnColoredOutlined\r\n                bgcolor=\"#F7F7F7\"\r\n                height={40}\r\n                borderColor=\"#E1E1E1\"\r\n                sx={{ px: \"16px\", transition: \"all 0.2s\" }}\r\n                hoverSx={{\r\n                  bgcolor: \"#EEEEEE\",\r\n                }}\r\n                onClick={handleCloseModal}\r\n              >\r\n                <Typography\r\n                  fontSize={{\r\n                    xs: fontSizes.fontSize13,\r\n                    md: fontSizes.fontSize14,\r\n                  }}\r\n                  color={\"#848382\"}\r\n                >\r\n                  Keep {subscriptionData?.package} Plan\r\n                </Typography>\r\n              </BtnColoredOutlined>\r\n              <BtnGradient\r\n                sx={{\r\n                  px: \"24px\",\r\n                  bgcolor: subscriptionData?.package?.includes(\"Professional\")\r\n                    ? color.errorColor\r\n                    : color.primaryColor,\r\n                }}\r\n                height={40}\r\n                hoverSx={{\r\n                  bgcolor: subscriptionData?.package?.includes(\"Professional\")\r\n                    ? color.errorDarkColor\r\n                    : color.darkPrimary,\r\n                }}\r\n                //  btnColor={\r\n                //   subscriptionData?.package?.includes(\"Professional\")\r\n                //     ? color.errorColor\r\n                //     : color.primaryColor\r\n                // }\r\n                onClick={() => {\r\n                  if (subscriptionData?.package?.includes(\"Professional\")) {\r\n                    handleCloseModal();\r\n                    setShowWhyCancel(true);\r\n                  } else {\r\n                    handleCloseModal();\r\n                    setShowKeepInnovation(true);\r\n                    // handleCancelSubscription();\r\n                  }\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={500}\r\n                >\r\n                  {subscriptionData?.package?.includes(\"Professional\")\r\n                    ? subscriptionData?.is_trial === true\r\n                      ? \"Cancel Trial\"\r\n                      : \"Cancel Subscription\"\r\n                    : \"Proceed with cancellation\"}\r\n                </Typography>\r\n              </BtnGradient>\r\n            </Stack>\r\n          </Stack>\r\n        </Box>\r\n      </CustomModal>\r\n\r\n      <KeepInnovating\r\n        handleCancelSubscription={handleCancelSubscription}\r\n        setShowKeepInnovation={setShowKeepInnovation}\r\n        showKeepInnovation={showKeepInnovation}\r\n      />\r\n\r\n      <WhyCancel\r\n        handleCancelSubscription={handleCancelSubscription}\r\n        setShowWhyCancel={setShowWhyCancel}\r\n        showWhyCancel={showWhyCancel}\r\n        setParentState={setShowCancelSubscription}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default TrialEnd;\r\n\r\n// const items = [\r\n//   \"Basic diagramming tools\",\r\n//   \"Access to standard templates\",\r\n//   \"3 Editable cloudcharts\",\r\n//   \"10 Export files\",\r\n//   \"Limited diagramming shapes\",\r\n//   \"Limited cloud architecture templates\",\r\n//   \"Community support\",\r\n//   \"Limited AI capabilities\",\r\n// ];\r\n\r\n// const enterpriseitems = [\r\n//   \"Private share with team\",\r\n//   \"Integration with other productivity tools\",\r\n//   \"Unlimited collaborative users\",\r\n//   \"Priority phone support\",\r\n//   \"Additional users can be added for an extra fee\",\r\n// ];\r\n","import React, { useContext, useState } from \"react\";\r\nimport BtnGradient from \"../../../common-components/buttons/BtnGradient\";\r\nimport { Box, Typography } from \"@mui/material\";\r\nimport {\r\n  IcArrowDown2,\r\n  IcCheck,\r\n  IcCloseCircled,\r\n} 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 PLAN_DATA from \"./planData.json\";\r\nimport { useGetPlanListQuery } from \"../../../Redux/api/subscriptionApi\";\r\nimport { commonStyles } from \"../../../Utils/style/common/commonStyles\";\r\nimport { ModelContext } from \"../../../HOC/ModelContext\";\r\nimport { useSelector } from \"react-redux\";\r\nimport BtnColoredOutlined from \"../../../common-components/buttons/BtnColoredOutlined\";\r\nimport SubscriptionModel from \"../../../CommanUI/Subscription/SubscriptionModel\";\r\n\r\nconst PlanComparison = ({ isFreePlanPage }) => {\r\n  const [isExpanded, setIsExpanded] = useState(false);\r\n  const { setShowPlaneModel } = useContext(ModelContext);\r\n  const {\r\n    data: planeList,\r\n    isLoading: planListLoading,\r\n    isFetching: planListFetching,\r\n  } = useGetPlanListQuery();\r\n  const PRO_PLAN_PRICE = planeList?.packages?.packageList?.find(\r\n    (item) =>\r\n      item.package_name === \"Bundle Professional\" &&\r\n      item.interval_type === \"year\"\r\n  )?.price;\r\n  const BUSINESS_PLAN_PRICE = planeList?.packages?.packageList?.find(\r\n    (item) =>\r\n      item.package_name === \"Bundle Business\" && item.interval_type === \"year\"\r\n  )?.price;\r\n  const subscriptionSate = useSelector((state) => state?.subscription);\r\n  const handleExpandWithScroll = () => {\r\n    if (!isExpanded) {\r\n      if (isFreePlanPage) {\r\n        const container = document.querySelector(\"#free-plan-container\"); // Your specific container\r\n        const target = document.getElementById(\"feature-header\");\r\n        if (container && target) {\r\n          // Calculate the target's position relative to the container\r\n          const targetPosition = target.offsetTop - container.offsetTop;\r\n\r\n          setTimeout(() => {\r\n            container.scrollTo({\r\n              top: targetPosition,\r\n              behavior: \"smooth\",\r\n            });\r\n          }, 0);\r\n        }\r\n      } else {\r\n        setTimeout(() => {\r\n          document\r\n            ?.getElementById(\"feature-header\")\r\n            ?.scrollIntoView({ behavior: \"smooth\" });\r\n        }, 0);\r\n      }\r\n    }\r\n    setIsExpanded(!isExpanded);\r\n  };\r\n  return (\r\n    <Box textAlign={\"center\"} mt={2} mb={{ xl: 2, sm: isFreePlanPage ? 0 : 2 }}>\r\n      <BtnGradient\r\n        btnColor={color.lightBackground}\r\n        hoverSx={{\r\n          background: `${color.commonHoverColor} !important`,\r\n        }}\r\n        sx={{\r\n          border: `1px solid ${color.commonBorderColor}`,\r\n          px: \"16px\",\r\n        }}\r\n        onClick={handleExpandWithScroll}\r\n      >\r\n        <Typography\r\n          color={color.subTitle}\r\n          fontSize={{\r\n            xs: fontSizes.fontSize13,\r\n            md: fontSizes.fontSize14,\r\n          }}\r\n        >\r\n          See detailed feature comparison\r\n        </Typography>{\" \"}\r\n        <Box\r\n          sx={{\r\n            ml: 1,\r\n            rotate: isExpanded ? \"180deg\" : 0,\r\n            transitionDuration: \"300ms\",\r\n          }}\r\n        >\r\n          <IcArrowDown2 fill={color.subTitle} />\r\n        </Box>\r\n      </BtnGradient>\r\n      <Box\r\n        height={isExpanded ? \"fit-content\" : 0}\r\n        sx={{\r\n          transitionDuration: \"300ms\",\r\n          overflow: isExpanded ? \"visible\" : \"hidden\",\r\n        }}\r\n      >\r\n        <Typography\r\n          fontSize={{\r\n            xl: fontSizes.fontSize28,\r\n            lg: fontSizes.modelTitle1,\r\n            md: fontSizes.fontSize22,\r\n          }}\r\n          color={color.titleDark}\r\n          my={2}\r\n          fontWeight={fontWeight.weight600}\r\n        >\r\n          Compare plans to find your perfect fit\r\n        </Typography>\r\n        <Typography\r\n          id=\"feature-header\"\r\n          textAlign={\"center\"}\r\n          width={{ xl: \"60%\", lg: \"70%\", md: \"80%\", sm: \"85%\" }}\r\n          fontSize={fontSizes.largeFont}\r\n          color={color.subTitle}\r\n          m={\"auto\"}\r\n        >\r\n          Explore the features and benefits of each Cloudairy plan. Compare\r\n          options side-by-side to choose the one that aligns with your\r\n          needs—whether you're an individual, a team, or a growing organization.\r\n        </Typography>\r\n\r\n        <Box width={{ xl: \"80%\", lg: \"100%\" }} margin={\"auto\"}>\r\n          <Box\r\n            display={\"grid\"}\r\n            gridTemplateColumns={\"2fr 1fr 1fr 1fr\"}\r\n            py={3}\r\n            position={\"sticky\"}\r\n            top={isFreePlanPage ? 0 : \"-24px\"}\r\n            bgcolor={color.whiteColor}\r\n          >\r\n            <Box></Box>\r\n            <Box px={1}>\r\n              <Typography\r\n                fontSize={fontSizes.fontSize28}\r\n                fontWeight={fontWeight.weight600}\r\n                display={\"inline\"}\r\n                id=\"free-plan-header\"\r\n              >\r\n                $0\r\n              </Typography>\r\n              <Typography display={\"inline\"} color={color.subTitle} ml={1}>\r\n                /month\r\n              </Typography>\r\n              <Box>\r\n                <SubscriptionModel isExportFreeButtonOnly />\r\n              </Box>\r\n            </Box>\r\n            <Box px={1}>\r\n              <Typography\r\n                fontSize={fontSizes.fontSize28}\r\n                fontWeight={fontWeight.weight600}\r\n                display={\"inline\"}\r\n              >\r\n                ${subscriptionSate?.planPricesToShow?.professionalPrice}\r\n              </Typography>\r\n              <Typography display={\"inline\"} color={color.subTitle} ml={1}>\r\n                /month\r\n              </Typography>\r\n              <Box>\r\n                <SubscriptionModel isExportProButtonOnly />\r\n              </Box>\r\n            </Box>\r\n            <Box px={1}>\r\n              <Typography\r\n                fontSize={fontSizes.fontSize28}\r\n                fontWeight={fontWeight.weight600}\r\n                display={\"inline\"}\r\n              >\r\n                ${subscriptionSate?.planPricesToShow?.businessPrice}\r\n              </Typography>\r\n              <Typography display={\"inline\"} color={color.subTitle} ml={1}>\r\n                /month\r\n              </Typography>\r\n              <Box>\r\n                <SubscriptionModel isExportBusinessButtonOnly />\r\n              </Box>\r\n            </Box>\r\n          </Box>\r\n          <Box\r\n          // border={commonStyles?.border}\r\n          // borderRadius={commonStyles.borderRadiusLG}\r\n          >\r\n            {Object.entries(PLAN_DATA).map(([key, items], index) => {\r\n              return (\r\n                <Box>\r\n                  <Box\r\n                    display={\"grid\"}\r\n                    gridTemplateColumns={\"2fr 1fr 1fr 1fr\"}\r\n\r\n                    // borderBottom={commonStyles.border}\r\n                  >\r\n                    <Box\r\n                      color={color.titleDark}\r\n                      fontWeight={fontWeight.weight500}\r\n                      textAlign={\"left\"}\r\n                      borderTop={commonStyles.border}\r\n                      borderLeft={commonStyles.border}\r\n                      borderBottom={\"unset\"}\r\n                      sx={{\r\n                        borderTopLeftRadius:\r\n                          index === 0 ? commonStyles.borderRadius20 : 0,\r\n                      }}\r\n                      p={{ xl: 2, lg: 1.5, md: 1, sm: 1 }}\r\n                      fontSize={{\r\n                        xl: fontSizes.fontSize18px,\r\n                        lg: fontSizes?.fontSize16,\r\n                        sm: fontSizes?.fontSize14,\r\n                      }}\r\n                    >\r\n                      {key}\r\n                    </Box>\r\n                    <Box\r\n                      border={commonStyles.border}\r\n                      borderBottom={\"unset\"}\r\n                      borderRight={\"unset\"}\r\n                    ></Box>\r\n                    <Box\r\n                      border={`1.5px solid ${color.primaryColor}`}\r\n                      borderBottom={\"unset\"}\r\n                      borderTop={\r\n                        index === 0\r\n                          ? `1.5px solid ${color.primaryColor}`\r\n                          : commonStyles.border\r\n                      }\r\n                    ></Box>\r\n                    <Box\r\n                      border={commonStyles.border}\r\n                      borderBottom={\"unset\"}\r\n                      borderLeft={\"unset\"}\r\n                      borderTop={commonStyles.border}\r\n                      sx={{\r\n                        borderTopRightRadius:\r\n                          index === 0 ? commonStyles.borderRadius20 : 0,\r\n                      }}\r\n                    ></Box>\r\n                  </Box>\r\n                  {items.map((item, itemIndex) => {\r\n                    return (\r\n                      <Box\r\n                        display={\"grid\"}\r\n                        // gap={2}\r\n                        key={itemIndex + item[\"Key Features\"]}\r\n                        gridTemplateColumns={\"2fr 1fr 1fr 1fr\"}\r\n                        // p={2}\r\n                      >\r\n                        <Box\r\n                          // p={2}\r\n                          p={{ xl: 2, lg: 1.5, md: 1, sm: 1 }}\r\n                          fontSize={fontSizes?.fontSize14}\r\n                          color={color.titleDark}\r\n                          // fontSize={fontSizes.fontSize16}\r\n                          textAlign={\"left\"}\r\n                          borderBottom={\r\n                            items?.length === itemIndex + 1 && index === 3\r\n                              ? commonStyles.border\r\n                              : \"unset\"\r\n                          }\r\n                          borderTop={commonStyles.border}\r\n                          borderLeft={commonStyles.border}\r\n                          sx={{\r\n                            borderBottomLeftRadius:\r\n                              items?.length === itemIndex + 1 && index === 3\r\n                                ? commonStyles.borderRadius20\r\n                                : 0,\r\n                          }}\r\n                        >\r\n                          {item[\"Key Features\"]}\r\n                        </Box>\r\n                        <Box\r\n                          p={{ xl: 2, lg: 1.5, md: 1, sm: 1 }}\r\n                          fontSize={fontSizes?.fontSize14}\r\n                          // borderBottom={commonStyles.border}\r\n                          borderTop={commonStyles.border}\r\n                          borderLeft={commonStyles.border}\r\n                          borderBottom={\r\n                            items?.length === itemIndex + 1 && index === 3\r\n                              ? commonStyles.border\r\n                              : \"unset\"\r\n                          }\r\n                        >\r\n                          {item.Free === \"Yes\" ? (\r\n                            <IcCheck fill={color.primaryColor} />\r\n                          ) : item.Free === \"No\" ? (\r\n                            <IcCloseCircled fill={color.errorColor} />\r\n                          ) : (\r\n                            item.Free\r\n                          )}\r\n                        </Box>\r\n                        <Box\r\n                          // borderBottom={commonStyles.border}\r\n                          borderTop={commonStyles.border}\r\n                          p={{ xl: 2, lg: 1.5, md: 1, sm: 1 }}\r\n                          fontSize={fontSizes?.fontSize14}\r\n                          borderLeft={`1.5px solid ${color.primaryColor}`}\r\n                          borderRight={`1.5px solid ${color.primaryColor}`}\r\n                          borderBottom={\r\n                            items?.length === itemIndex + 1 && index === 3\r\n                              ? `1.5px solid ${color.primaryColor}`\r\n                              : \"unset\"\r\n                          }\r\n                        >\r\n                          {item.Professional === \"Yes\" ? (\r\n                            <IcCheck fill={color.primaryColor} />\r\n                          ) : item.Professional === \"No\" ? (\r\n                            <IcCloseCircled fill={color.errorColor} />\r\n                          ) : (\r\n                            item.Professional\r\n                          )}\r\n                        </Box>\r\n                        <Box\r\n                          // borderBottom={commonStyles.border}\r\n                          p={{ xl: 2, lg: 1.5, md: 1, sm: 1 }}\r\n                          fontSize={fontSizes?.fontSize14}\r\n                          borderTop={commonStyles.border}\r\n                          borderRight={commonStyles.border}\r\n                          borderBottom={\r\n                            items?.length === itemIndex + 1 && index === 3\r\n                              ? commonStyles.border\r\n                              : \"unset\"\r\n                          }\r\n                          sx={{\r\n                            borderBottomRightRadius:\r\n                              items?.length === itemIndex + 1 && index === 3\r\n                                ? commonStyles.borderRadius20\r\n                                : 0,\r\n                          }}\r\n                        >\r\n                          {item.Business === \"Yes\" ? (\r\n                            <IcCheck fill={color.primaryColor} />\r\n                          ) : item.Business === \"No\" ? (\r\n                            <IcCloseCircled fill={color.errorColor} />\r\n                          ) : (\r\n                            item.Business\r\n                          )}\r\n                        </Box>\r\n                      </Box>\r\n                    );\r\n                  })}\r\n                </Box>\r\n              );\r\n            })}\r\n          </Box>\r\n        </Box>\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default PlanComparison;\r\n"],"names":["style","position","top","left","transform","width","xl","lg","md","sm","bgcolor","border","boxShadow","p","borderRadius","maxHeight","height","outline","PaymentMethods","loading","setLoading","useState","dispatch","useDispatch","selectedCardId","setSelectedCardId","cardList","setCardList","showAddCardForm","setShowAddCardForm","showDeleteDialog","setShowDeleteDialog","useEffect","getCardList","commanService","getApi","then","res","_res$data","_res$data$data","cards","data","map","val","_val$expiry_year","card_id","brand","number","concat","last_four_digits","is_default","date","expiry_month","expiry_year","toString","slice","catch","error","_error$response","_error$response$data","_error$response$data2","response","status","warningToast","message","errorToast","finally","_jsxs","_Fragment","children","_jsx","AbsoluteLoader","Stack","mt","mb","Typography","fontSize","xs","color","titleDark","fontWeight","flexDirection","alignItems","justifyContent","gap","flexWrap","Button","sx","display","textTransform","maxWidth","minWidth","minHeight","lightPrimary","primaryColor","onClick","IcAddition","variant","sort","a","b","card","i","Box","src","s3AssetsUrl","alt","cursor","opacity","lightErrorColor","IcDeleteOutlined","fill","fontSizes","fontSize18px","my","px","IcCheck","whiteColor","async","patchApi","cardId","successToast","_error$response3","_error$response3$data","_error$response$data4","setDefaultCard","fontSize12px","CustomModal","open","handleClose","IconButton","right","transition","IcCloseThin","direction","pr","IcPoweredByStripe","CardWrapper","handleSuccess","setupId","postApi","setup_intent_id","addCardCustomer","handleError","_error$response4","_error$response4$data","_error$response$data5","onClose","DeleteDialog","handleOk","removeCard","deleteApi","_ref","_error$response2","_error$response2$data","_error$response$data3","heading","title","finalCancel","setFinalCancel","headingContent","subContent","btnText","btnSx","animationJson","handleCloseModal","window","location","reload","animationData","setAnimationData","fetch","json","Lottie","options","loop","autoplay","rendererSettings","preserveAspectRatio","titleFont","modelTitle","modelTitle1","weight800","BtnGradient","_objectSpread","fontSize13","fontSize14","btnTextHeight","_subscriptionData$pac","showWhyCancel","setShowWhyCancel","handleCancelSubscription","setParentState","setSelectedOption","reasons","setReasons","otherMsg","setOtherMsg","subscriptionData","subscriptionDataSelect","toggleReasons","value","includes","filter","btnDisabled","length","trim","Loader","package","lineHeight","is_trial","SimpleCheckBox","label","checked","onChange","SimpleInput","placeholder","multiline","rows","simpleBorderColor","e","target","BtnColoredOutlined","borderColor","hoverSx","background","btnColor","disabled","filteredReasons","reason","push","feedbackData","type","handelReasons","overflow","_ref2","_ref2$filter$","_subscriptionData$pac3","_subscriptionData$pac4","_subscriptionData$pac5","_professionalPlan$fin","_subscriptionData$pac6","_professionalPlan$3","_subscriptionData$pac7","showDowngrade","setShowDowngrade","professionalPlan","setProfessionalPlan","USER_DATA","JSON","parse","localStorage","getItem","additionalUser","featureLimitAndUsedSelect","feature","limit","currentPlan","planType","split","planToDowngrade","getPackages","useCallback","interval_type","professionalPackages","packages","packageList","plan","_plan$package_name","package_name","matchedAdditionalPlan","additionalPackage","price","addPlan","price_for_package","package_id","user_price","overflowY","subTitle","weight600","moment","subscription_end_date","format","company_name","total","IcDowngradeArrow","find","item","IcInfoOutlined","List","listStyleType","ListItem","largeFont","greyHover","commonBorderColor","darkGray","errorColor","errorColorDark","_subscriptionData$pac2","_professionalPlan$","package_price_id","_professionalPlan$2","finalArray","quantity","downGradePlan","FinalCancel","textAlign","xmlns","viewBox","cx","cy","r","d","showKeepInnovation","setShowKeepInnovation","selectedOption","CustomRadioButton","mainSx","labelSx","radioSx","mx","pt","borderTop","items","freeitems","IcCheckCircleOutlined","pl","darkPrimary","WhyCancel","Downgrading","showCancelSubscription","setShowCancelSubscription","mediumFont","PRO_PLAN_ITEMS","BUSINESS_PLAN_ITEMS","IcCloseCircled","errorDarkColor","KeepInnovating","_planeList$packages","_planeList$packages$p","_planeList$packages$p2","_planeList$packages2","_planeList$packages2$","_planeList$packages2$2","_subscriptionSate$pla","_subscriptionSate$pla2","isFreePlanPage","isExpanded","setIsExpanded","setShowPlaneModel","useContext","ModelContext","planeList","isLoading","planListLoading","isFetching","planListFetching","useGetPlanListQuery","subscriptionSate","useSelector","state","subscription","lightBackground","commonHoverColor","handleExpandWithScroll","container","document","querySelector","getElementById","targetPosition","offsetTop","setTimeout","scrollTo","behavior","_document","_document$getElementB","scrollIntoView","ml","rotate","transitionDuration","IcArrowDown2","fontSize28","fontSize22","id","m","margin","gridTemplateColumns","py","SubscriptionModel","isExportFreeButtonOnly","planPricesToShow","professionalPrice","isExportProButtonOnly","businessPrice","isExportBusinessButtonOnly","Object","entries","PLAN_DATA","index","key","weight500","commonStyles","borderLeft","borderBottom","borderTopLeftRadius","borderRadius20","fontSize16","borderRight","borderTopRightRadius","itemIndex","borderBottomLeftRadius","Free","Professional","borderBottomRightRadius","Business"],"sourceRoot":""}