{"version":3,"file":"static/js/main-4e8d9a77.3e6d6c99.js","mappings":"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","sources":["Components/trash/Trash.js","Components/upgrade-plan/AddNewLicense.js","Components/upgrade-plan/BillingInfo.js","Components/upgrade-plan/FreePlanBilling.jsx","Components/upgrade-plan/Billings.js","Components/upgrade-plan/ChangePaymentMethod.js","Components/upgrade-plan/ChoosePlan.js","Components/upgrade-plan/Invoices.js"],"sourcesContent":["import { Box, Stack, Typography, useMediaQuery, useTheme } from \"@mui/material\";\r\nimport React, { useCallback, useEffect, useMemo, useState } from \"react\";\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 {\r\n  IcLayoutGridOutlined,\r\n  IcListOutlined,\r\n  IcMenuDotsVertical,\r\n} from \"../../assets/icon-components\";\r\nimport CommonChartUI from \"../../common-components/chart/CommonChartUI\";\r\nimport CommonChartTable from \"../../common-components/chart/CommonChartTable\";\r\nimport { useGetTrashChartQuery } from \"../../Redux/api/trashApi\";\r\nimport SearchInput from \"../../common-components/SimpleSearchInput\";\r\nimport { calculateTimeAgoOrFormatted } from \"../../CommanFunctions/commanFunctions\";\r\nimport AbsoluteLoader from \"../../CommanUI/Loader/AbsoluteLoader\";\r\n\r\nfunction Trash() {\r\n  const [activeButton, setActiveButton] = useState(\"boxes\");\r\n  const [searchChart, setSearchChart] = useState(\"\");\r\n  const [debouncedSearchValue, setDebouncedSearchValue] = useState(\"\");\r\n  const {\r\n    data: chart,\r\n    isLoading: trashListLoading,\r\n    isFetching: trashListFetching,\r\n  } = useGetTrashChartQuery(debouncedSearchValue, { refetchOnMountOrArgChange: true });\r\n  const [anchorEl, setAnchorEl] = useState(null);\r\n  const [selectedDataTale, setSelectedDataTale] = useState({});\r\n\r\n  const open = Boolean(anchorEl);\r\n  const id = open ? \"simple-popover\" : undefined;\r\n\r\n  const handleListClick = () => {\r\n    setActiveButton(\"list\");\r\n  };\r\n\r\n  const handleBoxesClick = () => {\r\n    setActiveButton(\"boxes\");\r\n  };\r\n\r\n  const handleClick = (event, data) => {\r\n    setAnchorEl(event.currentTarget);\r\n    setSelectedDataTale(data);\r\n  };\r\n\r\n  const columns = useMemo(\r\n    () => [\r\n      {\r\n        accessorKey: \"architecture_name\",\r\n        header: \"Board Name\",\r\n        maxSize: chart?.resData?.length > 0 ? 600 : 100,\r\n        minSize: chart?.resData?.length > 0 ? 280 : 180,\r\n        size: chart?.resData?.length === 0 ? 200 : 250,\r\n        Cell: ({ cell, row, table }) => {\r\n          return (\r\n            <Stack\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-start\"}\r\n              gap={\"8px\"}\r\n            >\r\n              <Box\r\n                sx={{\r\n                  height: \"50px\",\r\n                  width: \"65px\",\r\n                  borderRadius: \"4px\",\r\n                  overflow: \"hidden\",\r\n                }}\r\n              >\r\n                {row.original?.thumbnail_image ? (\r\n                  <img\r\n                    src={row.original?.thumbnail_image}\r\n                    alt=\"thumbnail_image\"\r\n                    style={{\r\n                      height: \"100%\",\r\n                      width: \"100%\",\r\n                      objectFit: \"cover\",\r\n                    }}\r\n                  />\r\n                ) : (\r\n                  <Box\r\n                    sx={{\r\n                      display: \"flex\",\r\n                      alignItems: \"center\",\r\n                      justifyContent: \"center\",\r\n                      width: \"100%\",\r\n                      height: \"100%\",\r\n                      backgroundColor: \"#F5F5F5\",\r\n                    }}\r\n                  ></Box>\r\n                )}\r\n              </Box>\r\n              <Typography\r\n                color={color.titleDark}\r\n                fontSize={12.6}\r\n                fontWeight={fontWeight.weight500}\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  transition: \"all 0.3s ease\",\r\n                  whiteSpace: \"nowrap\",\r\n                  overflow: \"hidden\",\r\n                  textOverflow: \"ellipsis\",\r\n                  maxWidth: \"100% !important\",\r\n                  \"&:hover\": { color: color.primaryColor },\r\n                }}\r\n              // onClick={() =>\r\n              //   navigate(\r\n              //     `/${\r\n              //       row.original.chart_type === \"whiteboard\"\r\n              //         ? \"cloudcollab\"\r\n              //         : \"cloudchart\"\r\n              //     }/${row.original.architecture_id}${\r\n              //       row.original?.account_id\r\n              //         ? `?a_id=${row.original?.account_id}`\r\n              //         : \"\"\r\n              //     }`\r\n              //   )\r\n              // }\r\n              >\r\n                {row?.original?.boardName}\r\n              </Typography>\r\n            </Stack>\r\n          );\r\n        },\r\n      },\r\n      {\r\n        accessorKey: \"team_name\",\r\n        header: \"Team\",\r\n        maxSize: 600,\r\n        minSize: 150,\r\n        maxSize: chart?.resData?.length > 0 ? 600 : 100,\r\n        minSize: chart?.resData?.length > 0 ? 150 : 50,\r\n        size: chart?.resData?.length === 0 ? 100 : 150,\r\n        Cell: ({ cell, row, table }) => {\r\n          return (\r\n            <Typography\r\n              color={\"#18181B\"}\r\n              fontSize={12.6}\r\n              fontWeight={500}\r\n              sx={{\r\n                whiteSpace: \"nowrap\",\r\n                overflow: \"hidden\",\r\n                textOverflow: \"ellipsis\",\r\n                maxWidth: \"200px !important\",\r\n              }}\r\n            >\r\n              {row?.original?.team}\r\n            </Typography>\r\n          );\r\n        },\r\n      },\r\n      {\r\n        accessorKey: \"space_name\",\r\n        header: \"Space\",\r\n        maxSize: chart?.resData?.length > 0 ? 600 : 100,\r\n        minSize: chart?.resData?.length > 0 ? 150 : 50,\r\n        size: chart?.resData?.length === 0 ? 100 : 150,\r\n        Cell: ({ cell, row, table }) => {\r\n          return (\r\n            <Typography\r\n              color={\"#18181B\"}\r\n              fontSize={12.6}\r\n              fontWeight={500}\r\n              sx={{\r\n                whiteSpace: \"nowrap\",\r\n                overflow: \"hidden\",\r\n                textOverflow: \"ellipsis\",\r\n                maxWidth: \"200px !important\",\r\n              }}\r\n            >\r\n              {row?.original?.space}\r\n            </Typography>\r\n          );\r\n        },\r\n      },\r\n      // {\r\n      //   accessorKey: \"category_name\",\r\n      //   header: \"Category\",\r\n      //   maxSize: chart?.resData?.length > 0 ? 600 : 100,\r\n      //   minSize: chart?.resData?.length > 0 ? 100 : 0,\r\n      //   size: chart?.resData?.length === 0 ? 100 : 150,\r\n      //   Cell: ({ cell, row, table }) => {\r\n      //     return (\r\n      //       <Typography\r\n      //         color={\"#18181B\"}\r\n      //         fontSize={12.6}\r\n      //         fontWeight={500}\r\n      //         sx={{\r\n      //           whiteSpace: \"nowrap\",\r\n      //           overflow: \"hidden\",\r\n      //           textOverflow: \"ellipsis\",\r\n      //           maxWidth: \"200px !important\",\r\n      //         }}\r\n      //       >\r\n      //         {row?.original?.category}\r\n      //       </Typography>\r\n      //     );\r\n      //   },\r\n      // },\r\n      // {\r\n      //   accessorKey: \"owner\",\r\n      //   header: \"Board Owner\",\r\n      //   maxSize: 600,\r\n      //   minSize: 100,\r\n      //   maxSize: chart?.resData?.length > 0 ? 600 : 100,\r\n      //   minSize: chart?.resData?.length > 0 ? 100 : 0,\r\n      //   size: chart?.resData?.length === 0 ? 100 : 150,\r\n      //   Cell: ({ cell, row, table }) => {\r\n      //     return (\r\n      //       <Typography\r\n      //         color={\"#18181B\"}\r\n      //         fontSize={12.6}\r\n      //         fontWeight={500}\r\n      //         sx={{\r\n      //           whiteSpace: \"nowrap\",\r\n      //           overflow: \"hidden\",\r\n      //           textOverflow: \"ellipsis\",\r\n      //           maxWidth: \"200px !important\",\r\n      //         }}\r\n      //       >\r\n      //         {row?.original?.boardOwner}\r\n      //       </Typography>\r\n      //     );\r\n      //   },\r\n      // },\r\n      {\r\n        accessorKey: \"deleted_by\",\r\n        header: \"Deleted By\",\r\n        maxSize: 600,\r\n        minSize: 100,\r\n        maxSize: chart?.resData?.length > 0 ? 600 : 100,\r\n        minSize: chart?.resData?.length > 0 ? 100 : 0,\r\n        size: chart?.resData?.length === 0 ? 100 : 150,\r\n        Cell: ({ cell, row, table }) => {\r\n          return (\r\n            <Typography\r\n              color={\"#18181B\"}\r\n              fontSize={12.6}\r\n              fontWeight={500}\r\n              sx={{\r\n                whiteSpace: \"nowrap\",\r\n                overflow: \"hidden\",\r\n                textOverflow: \"ellipsis\",\r\n                maxWidth: \"200px !important\",\r\n              }}\r\n            >\r\n              {row?.original?.deletedBy}\r\n            </Typography>\r\n          );\r\n        },\r\n      },\r\n      {\r\n        accessorKey: \"deleted_on\",\r\n        header: \"Deleted on\",\r\n        maxSize: 600,\r\n        minSize: 100,\r\n        maxSize: chart?.resData?.length > 0 ? 600 : 100,\r\n        minSize: chart?.resData?.length > 0 ? 100 : 0,\r\n        size: chart?.resData?.length === 0 ? 100 : 150,\r\n        Cell: ({ cell, row, table }) => {\r\n          return (\r\n            <Typography\r\n              color={\"#18181B\"}\r\n              fontSize={12.6}\r\n              fontWeight={500}\r\n              sx={{\r\n                whiteSpace: \"nowrap\",\r\n                overflow: \"hidden\",\r\n                textOverflow: \"ellipsis\",\r\n                maxWidth: \"200px !important\",\r\n              }}\r\n            >\r\n              {calculateTimeAgoOrFormatted(row?.original?.deletedOn)}\r\n            </Typography>\r\n          );\r\n        },\r\n      },\r\n      {\r\n        accessorKey: \"team_id\",\r\n        maxSize: 300,\r\n        minSize: 30,\r\n        maxSize: chart?.resData?.length > 0 ? 600 : 100,\r\n        minSize: chart?.resData?.length > 0 ? 30 : 0,\r\n        size: chart?.resData?.length === 0 ? 100 : 150,\r\n        enableSorting: false,\r\n        enableResizing: false,\r\n        header: (\r\n          <Typography fontSize={14} fontWeight={500} color={\"#848382\"}>\r\n            Action\r\n          </Typography>\r\n        ),\r\n        Cell: ({ cell, row }) => {\r\n          return (\r\n            <Box\r\n              sx={{\r\n                // width: \"50%\",\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                gap: \"0\",\r\n                justifyContent: \"center\",\r\n              }}\r\n            >\r\n              <Stack\r\n                // width={\"36px\"}\r\n                // height={\"36px\"}\r\n                // alignItems={\"center\"}\r\n                // justifyContent={\"center\"}\r\n                // borderRadius={\"50%\"}\r\n                // sx={{\r\n                //   cursor: \"pointer\",\r\n                //   \"&:hover\": {\r\n                //     bgcolor: \"#F7F7F7\",\r\n                //   },\r\n                // }}\r\n                width={\"30px\"}\r\n                height={\"30px\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"center\"}\r\n                borderRadius={\"8px\"}\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  \"&:hover\": {\r\n                    bgcolor: \"#F7F7F7\",\r\n                  },\r\n                }}\r\n                ml={\"8px\"}\r\n                onClick={(e) => handleClick(e, row?.original)}\r\n              >\r\n                <IcMenuDotsVertical />\r\n              </Stack>\r\n            </Box>\r\n          );\r\n        },\r\n      },\r\n    ],\r\n    [chart?.resData]\r\n  );\r\n\r\n  const recentBoards = {\r\n    resData: chart?.resData?.map((chartItem) => ({\r\n      boardName: chartItem?.architecture_name,\r\n      team: chartItem?.team_name,\r\n      space: chartItem?.project_name,\r\n      category: chartItem?.category_name,\r\n      boardOwner: chartItem?.owner_name,\r\n      deletedBy: chartItem?.owner_name || \"-\",\r\n      deletedOn: chartItem?.updated_at || chartItem?.created_at,\r\n      architecture_id: chartItem?.architecture_id,\r\n    })),\r\n  };\r\n\r\n  const debounce = (func, delay) => {\r\n    let timer;\r\n    return (...args) => {\r\n      clearTimeout(timer);\r\n      timer = setTimeout(() => func(...args), delay);\r\n    };\r\n  };\r\n\r\n  const handleSearchChange = useCallback(\r\n    debounce((value) => {\r\n      setDebouncedSearchValue(value);\r\n    }, 300),\r\n    []\r\n  );\r\n\r\n  useEffect(() => {\r\n    handleSearchChange(searchChart)\r\n  }, [searchChart])\r\n\r\n  return (\r\n    <>\r\n      <Stack\r\n        pb={\"10px\"}\r\n        direction={\"row\"}\r\n        alignItems={\"center\"}\r\n        justifyContent={\"space-between\"}\r\n        // position={\"relative\"}\r\n        sx={{\r\n          flexWrap: \"wrap\",\r\n        }}\r\n      >\r\n        {(trashListLoading || trashListFetching) && <AbsoluteLoader />}\r\n        <Stack direction={\"row\"} gap={\"19px\"} alignItems={\"center\"} p={\"0px 10px\"}>\r\n          <Typography\r\n            fontSize={{\r\n              xs: \"16.2px\",\r\n              lg: fontSizes.modelTitle1,\r\n            }}\r\n            height={{\r\n              xs: \"22px\",\r\n              lg: \"30px\",\r\n            }}\r\n            color={color.titleDark}\r\n            fontWeight={fontWeight.weight500}\r\n            sx={{ letterSpacing: \"0px\" }}\r\n          >\r\n            Trash&nbsp;\r\n            <Typography\r\n              variant=\"captions\"\r\n              fontWeight={fontWeight.weight500}\r\n              fontSize={{\r\n                xs: \"11px\",\r\n                lg: fontSizes.fontSize12px,\r\n                xl: fontSizes.fontSize14,\r\n              }}\r\n              color={color.subTitle}\r\n            >\r\n              ({chart?.resData?.length || 0} Boards)\r\n            </Typography>\r\n          </Typography>\r\n        </Stack>\r\n        {(searchChart?.trim()?.length > 0\r\n          ? true\r\n          : chart?.resData?.length > 0) && (\r\n            <Stack direction={\"row\"} gap={\"10px\"} alignItems={\"center\"} pr={\"10px\"}>\r\n              <SearchInput\r\n                formControlSx={{\r\n                  width: \"277px\",\r\n                  border: `1px solid ${color.commonBorderColor}`,\r\n                  borderRadius: \"8px\",\r\n                }}\r\n                placeholder={\"Search\"}\r\n                xsHeight=\"36px !important\"\r\n                xlHeight=\"36px !important\"\r\n                // height=\"36px !important\"\r\n                backgroundColor={color.whiteColor}\r\n                onChange={(e) => {\r\n                  setSearchChart(e.target.value);\r\n                }}\r\n                value={searchChart}\r\n              />\r\n              {activeButton === \"boxes\" ? (\r\n                <Stack\r\n                  sx={{\r\n                    // height: {\r\n                    //   xs: \"36px\",\r\n                    //   xl: \"38px\",\r\n                    // },\r\n                    // width: {\r\n                    //   xs: \"36px\",\r\n                    //   xl: \"38px\",\r\n                    // },\r\n                    height: \"36px\",width:\"36px\",\r\n                    border: `1px solid ${color.commonBorderColor}`,\r\n                    borderRadius: \"8px\",\r\n                    cursor: \"pointer\",\r\n                    \"&:hover\": {\r\n                      backgroundColor: color.commonHover,\r\n                    },\r\n                  }}\r\n                  alignItems={\"center\"}\r\n                  justifyContent={\"center\"}\r\n                  p={\"9px 9px 8px 8px\"}\r\n                  onClick={handleListClick}\r\n                >\r\n                  <IcListOutlined fill={color.blackColor} />\r\n                </Stack>\r\n              ) : (\r\n                <Stack\r\n                  sx={{\r\n                    // height: {\r\n                    //   xs: \"32px\",\r\n                    //   xl: \"38px\",\r\n                    // },\r\n                    // width: {\r\n                    //   xs: \"32px\",\r\n                    //   xl: \"38px\",\r\n                    // },\r\n                    height: \"36px\",width:\"36px\",\r\n                    border: `1px solid ${color.commonBorderColor}`,\r\n                    borderRadius: \"8px\",\r\n                    cursor: \"pointer\",\r\n                    \"&:hover\": {\r\n                      backgroundColor: color.commonHover,\r\n                    },\r\n                  }}\r\n                  alignItems={\"center\"}\r\n                  justifyContent={\"center\"}\r\n                  p={\"6px\"}\r\n                  onClick={handleBoxesClick}\r\n                >\r\n                  <IcLayoutGridOutlined fill=\"#18181B\" height=\"20\" width=\"20\"/>\r\n                </Stack>\r\n              )}\r\n            </Stack>\r\n          )}\r\n      </Stack>\r\n      {activeButton === \"boxes\" ? (\r\n        <CommonChartUI\r\n          chart={chart}\r\n          loading={trashListLoading}\r\n          searchChart={searchChart}\r\n        />\r\n      ) : (\r\n        <CommonChartTable\r\n          columns={columns}\r\n          recentBoards={recentBoards}\r\n          handleClick={handleClick}\r\n          anchorEl={anchorEl}\r\n          setAnchorEl={setAnchorEl}\r\n          id={id}\r\n          open={open}\r\n          selectedDataTale={selectedDataTale}\r\n          searchChart={searchChart}\r\n        />\r\n      )}\r\n    </>\r\n  );\r\n}\r\n\r\nexport default Trash;\r\n","import React, { useCallback, useEffect, useState } from \"react\";\r\nimport { Typography } from \"@mui/material\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport commanService from \"../../CommanFunctions/commanService\";\r\nimport { roundToTwoDecimalPlaces } from \"../../CommanFunctions/commanFunctions\";\r\nimport { subscriptionDataSelect } from \"../../Redux/common-reducer\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\nimport { useGetPlanListQuery } from \"../../Redux/api/subscriptionApi\";\r\nimport CommonLink from \"../../common-components/buttons/CommonLink\";\r\n\r\n// const style = {\r\n//   position: \"absolute\",\r\n//   top: \"50%\",\r\n//   left: \"50%\",\r\n//   transform: \"translate(-50%, -50%)\",\r\n//   width: \"650px\",\r\n//   bgcolor: \"#FFF\",\r\n//   border: \"none\",\r\n//   boxShadow: \"none\",\r\n//   p: \"25px\",\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 AddNewLicense = ({\r\n  open,\r\n  handleClose,\r\n  setOpen,\r\n  cardList,\r\n  currentPlanDetails,\r\n}) => {\r\n  // const dispatch = useDispatch();\r\n  const navigate = useNavigate();\r\n  const [loading, setLoading] = useState(false);\r\n  // const [newLicenses, setNewLicenses] = useState(20);\r\n  const [additionalUsers, setAdditionalUsers] = useState(1);\r\n  // const [selectedQuicFilter, setSelectedQuickFilter] = useState(0);\r\n  // const [additionalPlan, setAdditionalPlan] = useState();\r\n  // const [monthlyPrices, setMonthlyPrices] = useState([]);\r\n  const [plans, setPlans] = useState(null);\r\n  const subscriptionData = subscriptionDataSelect();\r\n  // const featureLimitAndUsed = featureLimitAndUsedSelect();\r\n  // const [\r\n  //   getMembersByTeamWithSearch,\r\n  //   { data: teamMembers = [], isLoading: teamIsLoading },\r\n  // ] = useGetMembersByTeamWithSearchMutation();\r\n  const purchasedLicense = currentPlanDetails?.data?.featureLimitAndUsed?.find(\r\n    (item) => item.feature === \"user\"\r\n  )?.limit;\r\n\r\n  // const allocatedLicense = currentPlanDetails?.data?.featureLimitAndUsed?.find(\r\n  //   (item) => item.feature === \"user\"\r\n  // )?.used;\r\n\r\n  const { data: planeList } = useGetPlanListQuery();\r\n  const planDetails = currentPlanDetails?.data?.subscriptionData;\r\n  const currentPlanPricingData = plans?.find(\r\n    (item) =>\r\n      item?.package_name === planDetails?.package &&\r\n      item?.interval_type === planDetails?.interval_type\r\n  );\r\n  const monthlyPricesTemp = planeList?.packages?.packageList\r\n    ?.filter(\r\n      (temp) =>\r\n        temp.interval_type === \"month\" &&\r\n        temp.package_name === currentPlanPricingData?.package_name\r\n    )\r\n    ?.map((item) => {\r\n      return {\r\n        package_id: item.package_id,\r\n        price: item.price,\r\n        package_price_id: item.package_price_id,\r\n      };\r\n    });\r\n  const yearlyPrices = planeList?.packages?.packageList\r\n    ?.filter(\r\n      (temp) =>\r\n        temp.interval_type === \"year\" &&\r\n        temp.package_name === currentPlanPricingData?.package_name\r\n    )\r\n    ?.map((item) => {\r\n      return {\r\n        package_id: item.package_id,\r\n        price: item.price,\r\n        package_price_id: item.package_price_id,\r\n      };\r\n    });\r\n  useEffect(() => {\r\n    getPackages();\r\n    localStorage.removeItem(\"firstTimeLoggedin\");\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    if (purchasedLicense) {\r\n      setAdditionalUsers(purchasedLicense);\r\n    }\r\n  }, [purchasedLicense]);\r\n\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 === \"month\" ? \"month\" : \"year\"\r\n        }`\r\n      );\r\n      setPlans(response?.data?.data?.packages?.packageList);\r\n    } catch (error) {\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  }, []);\r\n\r\n  // useEffect(() => {\r\n  //   getPackages();\r\n  // }, [getPackages, open]);\r\n\r\n  const getStartedPlan = (plan, isAdditionalPlan) => {\r\n    let monthlyPrice = planeList?.packages?.packageList?.find(\r\n      (item) =>\r\n        item.package_name === plan.package_name &&\r\n        item.interval_type === \"month\"\r\n    )?.price;\r\n    if (additionalUsers > 0) {\r\n      let data = {\r\n        ...plan,\r\n        is_trial: subscriptionData?.is_trial,\r\n        isCurrentPlanIsTrial: false,\r\n        isModifyingLicense: true,\r\n        additional_package_id: currentPlanPricingData?.package_id,\r\n        additional_package_price_id: currentPlanPricingData.package_price_id,\r\n        additionalUsers: additionalUsers - purchasedLicense,\r\n        addedLicenseCount: purchasedLicense,\r\n        additional_user_price: currentPlanPricingData?.price,\r\n        yearlyPrice: Number(plan?.price),\r\n        pricingData: {\r\n          monthly: {\r\n            price:\r\n              monthlyPricesTemp.filter(\r\n                (monthPrice) => monthPrice.package_id === plan.package_id\r\n              )[0]?.price || 0,\r\n            package_price_id:\r\n              monthlyPricesTemp.filter(\r\n                (monthPrice) => monthPrice.package_id === plan.package_id\r\n              )[0]?.package_price_id || 0,\r\n          },\r\n          yearly: {\r\n            price:\r\n              yearlyPrices.filter(\r\n                (yearPrice) => yearPrice.package_id === plan.package_id\r\n              )[0]?.price || 0,\r\n            package_price_id:\r\n              yearlyPrices.filter(\r\n                (yearPrice) => yearPrice.package_id === plan.package_id\r\n              )[0]?.package_price_id || 0,\r\n          },\r\n        },\r\n        frequency:\r\n          subscriptionData?.interval_type === \"year\" ? \"yearly\" : \"monthly\",\r\n        isAdditionalPlan: true,\r\n        monthlyPrice: Number(monthlyPrice),\r\n      };\r\n      data.addTotal =\r\n        Number(data.price) +\r\n        Number(data.additionalUsers) *\r\n          roundToTwoDecimalPlaces(Number(currentPlanPricingData?.price));\r\n\r\n      sessionStorage.setItem(\"selectedPlanPrice\", data.addTotal);\r\n      localStorage.setItem(\"selectedPlanDetails\", JSON.stringify(data));\r\n      localStorage.setItem(\r\n        \"additionalUserData\",\r\n        JSON.stringify({ price: 0, users: additionalUsers })\r\n      );\r\n    }\r\n\r\n    setOpen(false);\r\n    navigate(\"/payment-details\");\r\n  };\r\n  // const handleBlurLicenseBox = () => {\r\n  //   if (additionalUsers === 0) {\r\n  //     setAdditionalUsers(1);\r\n  //     dispatch(\r\n  //       errorToast({\r\n  //         message:\r\n  //           \"Your license count is insufficient. You need at least 1 license to proceed.\",\r\n  //       })\r\n  //     );\r\n  //   }\r\n  // };\r\n  // const licenseOptions = [5, 10, 25, 50, 100];\r\n\r\n  return (\r\n    <>\r\n      {/* <CustomModal open={open} handleClose={handleClose}>\r\n        <Box sx={style}>\r\n          <Stack\r\n            width={\"100%\"}\r\n            flexDirection={\"row\"}\r\n            justifyContent={\"space-between\"}\r\n            alignItems={\"center\"}\r\n            mb={\"44px\"}\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              height={30}\r\n            >\r\n              Change License\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={handleClose}\r\n            >\r\n              <IcCloseThin fill=\"#18181B\" />\r\n            </IconButton>\r\n          </Stack>\r\n          <Stack flexDirection={\"row\"} alignItems={\"center\"} mb={\"24px\"}>\r\n            <Stack\r\n              width={\"100%\"}\r\n              border={\"1px solid #E1E1E1\"}\r\n              borderRadius={\"8px\"}\r\n              p={\"30px 22px 22px 22px\"}\r\n              gap={\"8px\"}\r\n              position={\"relative\"}\r\n            >\r\n              <Stack\r\n                height={\"23px\"}\r\n                px={\"8px\"}\r\n                borderRadius={\"30px\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"center\"}\r\n                position={\"absolute\"}\r\n                top={\"-11px\"}\r\n                left={\"20px\"}\r\n                bgcolor={\"#EEEEEE\"}\r\n              >\r\n                <Typography\r\n                  fontSize={\"12px\"}\r\n                  color={\"#ADADAD\"}\r\n                  fontWeight={600}\r\n                >\r\n                  Current\r\n                </Typography>\r\n              </Stack>\r\n\r\n              <Typography\r\n                color={\"#848382\"}\r\n                fontSize={\"14px\"}\r\n                fontWeight={600}\r\n                height={\"20px\"}\r\n              >\r\n                {purchasedLicense}{\" \"}\r\n                <Typography\r\n                  component={\"span\"}\r\n                  color={\"#848382\"}\r\n                  fontSize={\"14px\"}\r\n                  fontWeight={400}\r\n                  height={\"20px\"}\r\n                >\r\n                  Licenses\r\n                </Typography>\r\n              </Typography>\r\n              <Typography\r\n                color={\"#848382\"}\r\n                fontSize={\"14px\"}\r\n                fontWeight={600}\r\n                height={\"20px\"}\r\n                mt={\"4px\"}\r\n              >\r\n                $\r\n                {(subscriptionData?.interval_type === \"year\"\r\n                  ? Number(yearlyPrices?.[0]?.price || 0)\r\n                  : Number(monthlyPricesTemp?.[0]?.price || 0)) *\r\n                  purchasedLicense}{\" \"}\r\n                <Typography\r\n                  component={\"span\"}\r\n                  color={\"#848382\"}\r\n                  fontSize={\"14px\"}\r\n                  fontWeight={400}\r\n                  height={\"20px\"}\r\n                >\r\n                  per{\" \"}\r\n                  {subscriptionData?.interval_type === \"year\"\r\n                    ? \"year\"\r\n                    : \"month\"}\r\n                </Typography>\r\n              </Typography>\r\n            </Stack>\r\n            <Stack\r\n              width={\"34px\"}\r\n              height={\"14px\"}\r\n              bgcolor={\"#18181B26\"}\r\n              borderRadius={\"50%\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"center\"}\r\n            >\r\n              <Box\r\n                width={\"6px\"}\r\n                height={\"6px\"}\r\n                bgcolor={\"#18181B\"}\r\n                borderRadius={\"50%\"}\r\n              />\r\n            </Stack>\r\n            <IcRightLongArrow />\r\n            <Stack\r\n              width={\"100%\"}\r\n              border={\"1px solid #06A05A1A\"}\r\n              bgcolor={\"#F5FFFB\"}\r\n              borderRadius={\"8px\"}\r\n              p={\"30px 22px 22px 22px\"}\r\n              gap={\"8px\"}\r\n              position={\"relative\"}\r\n            >\r\n              <Stack\r\n                height={\"23px\"}\r\n                px={\"8px\"}\r\n                borderRadius={\"30px\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"center\"}\r\n                position={\"absolute\"}\r\n                top={\"-11px\"}\r\n                left={\"20px\"}\r\n                bgcolor={\"#06A05A\"}\r\n              >\r\n                <Typography fontSize={\"12px\"} color={\"#FFF\"} fontWeight={600}>\r\n                  Update\r\n                </Typography>\r\n              </Stack>\r\n\r\n              <Typography\r\n                color={\"#18181B\"}\r\n                fontSize={\"14px\"}\r\n                fontWeight={600}\r\n                height={\"20px\"}\r\n              >\r\n                {additionalUsers}{\" \"}\r\n                <Typography\r\n                  component={\"span\"}\r\n                  color={\"#18181B\"}\r\n                  fontSize={\"14px\"}\r\n                  fontWeight={400}\r\n                  height={\"20px\"}\r\n                >\r\n                  Licenses\r\n                </Typography>\r\n              </Typography>\r\n              <Typography\r\n                color={\"#848382\"}\r\n                fontSize={\"14px\"}\r\n                fontWeight={600}\r\n                height={\"20px\"}\r\n                mt={\"4px\"}\r\n              >\r\n                $\r\n                {(subscriptionData?.interval_type === \"year\"\r\n                  ? Number(yearlyPrices?.[0]?.price || 0)\r\n                  : Number(monthlyPricesTemp?.[0]?.price || 0)) *\r\n                  additionalUsers}{\" \"}\r\n                <Typography\r\n                  component={\"span\"}\r\n                  color={\"#848382\"}\r\n                  fontSize={\"14px\"}\r\n                  fontWeight={400}\r\n                  height={\"20px\"}\r\n                >\r\n                  per{\" \"}\r\n                  {subscriptionData?.interval_type === \"year\"\r\n                    ? \"year\"\r\n                    : \"month\"}\r\n                </Typography>\r\n              </Typography>\r\n            </Stack>\r\n          </Stack>\r\n          <Stack gap={\"6px\"} mb={\"15px\"}>\r\n            <Typography\r\n              color={color.titleDark}\r\n              fontSize={fontSizes.largeFont}\r\n              fontWeight={fontWeight.weight600}\r\n              height={\"20px\"}\r\n            >\r\n              Modify Licenses\r\n            </Typography>\r\n            <Stack\r\n              flexDirection={\"row\"}\r\n              gap={\"8px\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-start\"}\r\n              position={\"relative\"}\r\n            >\r\n              <BtnGradient\r\n                disabled={additionalUsers === allocatedLicense}\r\n                sx={{\r\n                  borderRadius: \"50%\",\r\n                  height: \"32px !important\",\r\n                  width: \"32px\",\r\n                  minWidth: \"32px\",\r\n                  fontSize: \"22px\",\r\n                  background: color.lightPrimary,\r\n\r\n                  color: color.primaryColor,\r\n                  \"&:hover\": {\r\n                    background: color.primaryColor,\r\n                    color: \"white\",\r\n                  },\r\n                }}\r\n                onPointerDown={() => {\r\n                }}\r\n                onClick={() => {\r\n                  if (additionalUsers >= 2) {\r\n                    setAdditionalUsers(additionalUsers - 1);\r\n                  }\r\n                }}\r\n              >\r\n                -\r\n              </BtnGradient>\r\n              <SimpleInput\r\n                height={44}\r\n                onBlur={(e) => handleBlurLicenseBox(e)}\r\n                onMouseMove={(e) => handleBlurLicenseBox(e)}\r\n                sx={{\r\n                  width: \"104px !important\",\r\n                  border: commonStyles.border,\r\n                  borderRadius: commonStyles.borderRadiusMD,\r\n                  \"& label\": {\r\n                    mb: \"0px !important\",\r\n                  },\r\n                  \"& input\": {\r\n                    textAlign: \"center !important\",\r\n                    display: \"flex\",\r\n                    justifyContent: \"center\",\r\n                  },\r\n                }}\r\n                value={additionalUsers}\r\n                onChange={(e) => {\r\n                  let value = Number(e.target.value);\r\n                  if (value > 0) {\r\n                    setAdditionalUsers(value);\r\n                  } else {\r\n                    setAdditionalUsers(0);\r\n                  }\r\n                }}\r\n              />\r\n              <BtnGradient\r\n                sx={{\r\n                  borderRadius: \"50%\",\r\n                  height: \"32px !important\",\r\n                  width: \"32px\",\r\n                  minWidth: \"32px\",\r\n                  fontSize: \"22px\",\r\n                  background: color.lightPrimary,\r\n\r\n                  color: color.primaryColor,\r\n                  \"&:hover\": {\r\n                    background: color.primaryColor,\r\n                    color: \"white\",\r\n                  },\r\n                }}\r\n                onClick={() => {\r\n                  setAdditionalUsers(additionalUsers + 1);\r\n                }}\r\n              >\r\n                +\r\n              </BtnGradient>\r\n            </Stack>\r\n          </Stack>\r\n          <Stack\r\n            flexDirection={\"row\"}\r\n            gap={\"15px\"}\r\n            alignContent={\"center\"}\r\n            justifyContent={\"flex-start\"}\r\n          >\r\n            {licenseOptions.map((license) => (\r\n              <Stack\r\n                key={license}\r\n                px={\"12px\"}\r\n                height={\"28px\"}\r\n                bgcolor={\r\n                  selectedQuicFilter === license\r\n                    ? color.primaryColor\r\n                    : \"#F5F5F5\"\r\n                }\r\n                borderRadius={\"48px\"}\r\n                justifyContent={\"center\"}\r\n                alignItems={\"center\"}\r\n                border={\r\n                  selectedQuicFilter === license\r\n                    ? `1px solid ${color.primaryColor}`\r\n                    : \"1px solid #E1E1E1\"\r\n                }\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                }}\r\n                onClick={() => {\r\n                  setSelectedQuickFilter(license);\r\n                  setTimeout(() => {\r\n                    setSelectedQuickFilter(null);\r\n                  }, 2000);\r\n\r\n                  setAdditionalUsers(additionalUsers + license);\r\n                  setNewLicenses(newLicenses + license);\r\n                }}\r\n              >\r\n                <Typography\r\n                  color={selectedQuicFilter === license ? \"#FFF\" : \"#18181B\"}\r\n                  fontSize={\"14px\"}\r\n                  fontWeight={400}\r\n                >\r\n                  {license} License\r\n                </Typography>\r\n              </Stack>\r\n            ))}\r\n          </Stack>\r\n          <Stack\r\n            flexDirection={\"row\"}\r\n            gap={\"20px\"}\r\n            width={\"100%\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"flex-end\"}\r\n            mt={\"24px\"}\r\n          >\r\n            <BtnColoredOutlined\r\n              bgcolor={color.greyHover}\r\n              borderColor={color.commonBorderColor}\r\n              sx={{\r\n                px: \"16px\",\r\n                transition: \"all 0.2s\",\r\n              }}\r\n              hoverSx={{\r\n                bgcolor: color.darkGray,\r\n              }}\r\n              onClick={() => handleClose()}\r\n            >\r\n              <Typography\r\n                fontSize={{\r\n                  xs: fontSizes.fontSize13,\r\n                  md: fontSizes.fontSize14,\r\n                }}\r\n                color={color.subTitle}\r\n              >\r\n                Cancel\r\n              </Typography>\r\n            </BtnColoredOutlined>\r\n            <BtnGradient\r\n              disabled={additionalUsers <= 0}\r\n              onClick={() => {\r\n                getStartedPlan(\r\n                  currentPlanPricingData\r\n                  // additionalPackageIds.includes(plans[0].package_id)\r\n                );\r\n              }}\r\n              sx={{ px: \"24px\" }}\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                Change License\r\n              </Typography>\r\n            </BtnGradient>\r\n          </Stack>\r\n        </Box>\r\n      </CustomModal> */}\r\n      <CommonLink\r\n        onClick={() => {\r\n          getStartedPlan(currentPlanPricingData);\r\n        }}\r\n      >\r\n        Change License\r\n      </CommonLink>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default AddNewLicense;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport { Box, Stack, Typography } from \"@mui/material\";\r\nimport LargeSimpleInput from \"../../common-components/LargeSimpleInput\";\r\nimport CountryAutoSelect from \"../../common-components/CountryAutoSelect\";\r\nimport CustomAutoSelect from \"../../common-components/CustomAutoSelect\";\r\nimport {\r\n  getCityByStateName,\r\n  getStateByCountryName,\r\n} from \"../../CommanFunctions/commanFunctions\";\r\nimport BtnGradient from \"../../common-components/buttons/BtnGradient\";\r\nimport CustomRadioButton from \"../../common-components/CustomRadioButton\";\r\nimport commanService from \"../../CommanFunctions/commanService\";\r\nimport { errorToast, successToast, warningToast } from \"../../Redux/toastSlice\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport AbsoluteLoader from \"../../CommanUI/Loader/AbsoluteLoader\";\r\nimport { LOCAL_COUNTRIES } from \"../../Utils/files/contryList\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\nimport { fontSizes } from \"../../Utils/style/font/fontsizes\";\r\nimport CommonDivider from \"../../common-components/CommonDivider\";\r\n\r\nconst BillingInfo = () => {\r\n  const dispatch = useDispatch();\r\n  const [loading, setLoading] = useState(false);\r\n  const [phoneCode, setPhoneCode] = useState(null);\r\n  const [countryLoader, setCountryLoader] = useState(false);\r\n  const [stateLoader, setStateLoader] = useState(false);\r\n  const [cityLoader, setCityLoader] = useState(false);\r\n  const [countries, setCountries] = useState([]);\r\n  const [states, setStates] = useState([]);\r\n  const [cities, setCities] = useState([]);\r\n  const [companyStates, setCompanyStates] = useState([]);\r\n  const [companyCities, setCompanyCities] = useState([]);\r\n  const [taxTypes, setTaxTypes] = useState([]);\r\n\r\n  const [billingContact, setBillingContact] = useState({\r\n    // first_name: \"\",\r\n    // last_name: \"\",\r\n    company_name: \"\",\r\n    country: [],\r\n    state: [],\r\n    city: [],\r\n    postalCode: \"\",\r\n    addr_1: \"\",\r\n    addr_2: \"\",\r\n    phone_number: \"\",\r\n  });\r\n  const [companyInfo, setCompanyInfo] = useState({\r\n    company_name: \"\",\r\n    tax_id: \"\",\r\n    tax_id_data: {\r\n      type: \"\",\r\n      value: \"\",\r\n      label: \"\",\r\n      country_id: \"\",\r\n    },\r\n    purchase_order: \"\",\r\n  });\r\n  const [companyAddress, setCompanyAddress] = useState({\r\n    country: [],\r\n    state: [],\r\n    city: [],\r\n    postalCode: \"\",\r\n    addr_1: \"\",\r\n    addr_2: \"\",\r\n    is_new_address: false,\r\n  });\r\n  const [errors, setErrors] = useState({});\r\n  const [companyAddrData, setCompanyAddrData] = useState({\r\n    state: \"\",\r\n    city: \"\",\r\n  });\r\n\r\n  useEffect(() => {\r\n    if (!Array.isArray(billingContact?.country)) {\r\n      let tempCountry = LOCAL_COUNTRIES.find(\r\n        (item) => item.code === billingContact?.country?.code\r\n      );\r\n      setPhoneCode(tempCountry?.phone || null);\r\n    }\r\n  }, [billingContact.country]);\r\n  // const { data: countryData } = useGetCountriesQuery();\r\n  useEffect(() => {\r\n    getBillingInfo();\r\n  }, []);\r\n\r\n  const getCompanyStatesByCountry = async (\r\n    country,\r\n    stateName = \"\",\r\n    cityName = \"\"\r\n  ) => {\r\n    try {\r\n      setStateLoader(true);\r\n      const response = await getStateByCountryName(country);\r\n      const data = response.map((state) => ({ ...state, label: state.name }));\r\n      setStateLoader(false);\r\n      setCityLoader(true);\r\n      setCompanyStates(data);\r\n      // setCompanyAddress((prev) => ({\r\n      //   ...prev,\r\n      //   state: stateName\r\n      //     ? data.filter((st) => st.label === stateName)[0] || []\r\n      //     : data[0] || [],\r\n      // }));\r\n      if (data[0]) {\r\n        const cityResponse = await getCityByStateName(\r\n          country,\r\n          stateName\r\n            ? data.filter((st) => st.label === stateName)[0]?.label\r\n            : data[0]?.label\r\n        );\r\n        setCompanyCities(cityResponse.map((city) => ({ label: city })));\r\n        setCompanyAddress((prev) => ({\r\n          ...prev,\r\n          state: stateName\r\n            ? data.filter((st) => st.label === stateName)[0] || []\r\n            : data[0] || [],\r\n          city: cityName\r\n            ? cityResponse\r\n              .map((city) => ({ label: city }))\r\n              .filter((city) => city.label === cityName)[0] || []\r\n            : cityResponse.map((city) => ({ label: city }))[0] || [],\r\n        }));\r\n      } else {\r\n        setCompanyCities([]);\r\n        setCompanyAddress((prev) => ({\r\n          ...prev,\r\n          state: stateName\r\n            ? data.filter((st) => st.label === stateName)[0] || []\r\n            : data[0] || [],\r\n          city: [],\r\n        }));\r\n      }\r\n    } catch (error) {\r\n    } finally {\r\n      setCityLoader(false);\r\n    }\r\n  };\r\n\r\n  const handleChangeCompanyCountry = (value) => {\r\n    if (value) {\r\n      setCompanyAddress((prev) => ({\r\n        ...prev,\r\n        country: value,\r\n      }));\r\n      getCompanyStatesByCountry(value.label);\r\n    } else {\r\n      setCompanyAddress((prev) => ({\r\n        ...prev,\r\n        country: value,\r\n        state: value,\r\n        city: value,\r\n      }));\r\n    }\r\n  };\r\n\r\n  const handleChangeCompanyState = async (value) => {\r\n    if (value) {\r\n      setCityLoader(true);\r\n      const cityResponse = await getCityByStateName(\r\n        companyAddress.country.label,\r\n        value?.label\r\n      );\r\n      setCityLoader(false);\r\n      setCompanyCities(cityResponse.map((city) => ({ label: city })));\r\n      setCompanyAddress((prev) => ({\r\n        ...prev,\r\n        state: value,\r\n        city: cityResponse.map((city) => ({ label: city }))[0] || [],\r\n      }));\r\n    }\r\n  };\r\n\r\n  const handleChangeCompanyCity = async (value) => {\r\n    setCompanyAddress((prev) => ({\r\n      ...prev,\r\n      city: value,\r\n    }));\r\n  };\r\n\r\n  const getBillingInfo = async (firstTime = true) => {\r\n    setLoading(true);\r\n    try {\r\n      const { data } = await commanService.getApi(\"user\", \"billing/customer\");\r\n\r\n      setBillingContact({\r\n        ...billingContact,\r\n        // first_name: data.data.name.split(\" \")[0],\r\n        // last_name: data.data.name.split(\" \")[1],\r\n        company_name: data.data.name,\r\n        ...(data.data?.address?.postal_code\r\n          ? { postalCode: data.data?.address?.postal_code }\r\n          : {}),\r\n        ...(data.data?.address?.line1\r\n          ? { addr_1: data.data?.address?.line1 }\r\n          : {}),\r\n        ...(data.data?.address?.line2\r\n          ? { addr_2: data.data?.address?.line2 }\r\n          : {}),\r\n        ...(data.data?.phone ? { phone_number: data.data?.phone } : {}),\r\n      });\r\n\r\n      if (data.data?.purchase_order) {\r\n        setCompanyInfo((prev) => ({\r\n          ...prev,\r\n          ...(data.data?.purchase_order\r\n            ? { purchase_order: data.data?.purchase_order }\r\n            : {}),\r\n        }));\r\n      }\r\n\r\n      if (data.data?.shipping && Object.keys(data.data?.shipping).length > 0) {\r\n        setCompanyInfo((prev) => ({\r\n          ...prev,\r\n          ...(data.data?.shipping?.name\r\n            ? { company_name: data.data?.shipping?.name }\r\n            : {}),\r\n        }));\r\n        setCompanyAddrData({\r\n          ...companyAddrData,\r\n          ...(data.data?.shipping?.address?.state\r\n            ? { state: data.data?.shipping?.address?.state }\r\n            : {}),\r\n          ...(data.data?.shipping?.address?.city\r\n            ? { city: data.data?.shipping?.address?.city }\r\n            : {}),\r\n        });\r\n        setCompanyAddress({\r\n          ...companyAddress,\r\n          ...(data.data?.shipping?.address?.postal_code\r\n            ? { postalCode: data.data?.shipping?.address?.postal_code }\r\n            : {}),\r\n          ...(data.data?.shipping?.address?.line1\r\n            ? { addr_1: data.data?.shipping?.address?.line1 }\r\n            : {}),\r\n          ...(data.data?.shipping?.address?.line2\r\n            ? { addr_2: data.data?.shipping?.address?.line2 }\r\n            : {}),\r\n          is_new_address: data?.data?.is_new_address || false,\r\n        });\r\n      }\r\n\r\n      if (firstTime) {\r\n        if (data.data?.address?.country) {\r\n          getCountries(\r\n            data.data?.address?.country,\r\n            data.data?.address?.state || null,\r\n            data.data?.address?.city || null,\r\n            data.data.tax_id_data[0] || null,\r\n            data?.data?.shipping?.address?.country || null,\r\n            data.data?.shipping?.address?.state || null,\r\n            data.data?.shipping?.address?.city || null\r\n          );\r\n        } else {\r\n          getCountries(\r\n            null,\r\n            null,\r\n            null,\r\n            data.data.tax_id_data[0] || null,\r\n            data?.data?.shipping?.address?.country || null,\r\n            data.data?.shipping?.address?.state || null,\r\n            data.data?.shipping?.address?.city || null\r\n          );\r\n        }\r\n      }\r\n    } catch (error) {\r\n    } finally {\r\n      setLoading(false);\r\n    }\r\n  };\r\n\r\n  const getCountries = async (\r\n    countryCode = null,\r\n    stateName = null,\r\n    cityName = null,\r\n    taxValue = null,\r\n    companyCountryCode = null,\r\n    companyState = null,\r\n    companyCity = null\r\n  ) => {\r\n    try {\r\n      setCountryLoader(true);\r\n      const { data } = await commanService.getApi(\"user\", \"country\");\r\n      const countriesData = data.data.map((country) => ({\r\n        code: country.iso_code,\r\n        label: country.country_name,\r\n        id: country.country_id,\r\n      }));\r\n      setCountries(countriesData);\r\n\r\n      handleChangeTaxCountry(\r\n        countryCode\r\n          ? countriesData.filter(\r\n            (c) => c.code.toLowerCase() === countryCode.toLowerCase()\r\n          )[0]\r\n          : countriesData.filter(\r\n            (c) => c.code.toLowerCase() === \"us\".toLowerCase()\r\n          )[0],\r\n        taxValue\r\n      );\r\n      let defaultCountry = countryCode\r\n        ? countriesData.filter(\r\n          (c) => c.code.toLowerCase() === countryCode.toLowerCase()\r\n        )[0]\r\n        : countriesData.filter(\r\n          (c) => c.code.toLowerCase() === \"us\".toLowerCase()\r\n        )[0];\r\n      setBillingContact((prev) => ({\r\n        ...prev,\r\n        country: defaultCountry,\r\n      }));\r\n      setCompanyAddress((prev) => ({\r\n        ...prev,\r\n        country: companyCountryCode\r\n          ? countriesData.filter(\r\n            (c) => c.code.toLowerCase() === companyCountryCode.toLowerCase()\r\n          )[0]\r\n          : countriesData.filter(\r\n            (c) => c.code.toLowerCase() === \"us\".toLowerCase()\r\n          )[0],\r\n      }));\r\n      getStatesByCountry(\r\n        countryCode\r\n          ? countriesData.filter(\r\n            (c) => c.code.toLowerCase() === countryCode.toLowerCase()\r\n          )[0].label\r\n          : countriesData.filter(\r\n            (c) => c.code.toLowerCase() === \"us\".toLowerCase()\r\n          )[0].label,\r\n        stateName,\r\n        cityName\r\n      );\r\n      getCompanyStatesByCountry(\r\n        companyCountryCode\r\n          ? countriesData.filter(\r\n            (c) => c.code.toLowerCase() === companyCountryCode.toLowerCase()\r\n          )[0].label\r\n          : countriesData.filter(\r\n            (c) => c.code.toLowerCase() === \"us\".toLowerCase()\r\n          )[0].label,\r\n        companyState,\r\n        companyCity\r\n      );\r\n    } catch (error) {\r\n    } finally {\r\n      setCountryLoader(false);\r\n    }\r\n  };\r\n\r\n  const getStatesByCountry = async (country, stateName, cityName) => {\r\n    try {\r\n      setStateLoader(true);\r\n      const response = await getStateByCountryName(country);\r\n      const data = response.map((state) => ({ ...state, label: state.name }));\r\n      setBillingContact((prev) => ({\r\n        ...prev,\r\n        state: stateName\r\n          ? data.filter((c) => c.label === stateName)[0]\r\n          : data[0] || [],\r\n      }));\r\n      setStates(data);\r\n      if (\r\n        (stateName && data.filter((c) => c.label === stateName)[0]) ||\r\n        data[0]\r\n      ) {\r\n        const cityResponse = await getCityByStateName(\r\n          country,\r\n          stateName\r\n            ? data.filter((c) => c.label === stateName)[0]?.label\r\n            : data[0]?.label\r\n        );\r\n        setCities(cityResponse.map((city) => ({ label: city })));\r\n        setBillingContact((prev) => ({\r\n          ...prev,\r\n          city: cityName\r\n            ? cityResponse.filter((c) => c === cityName)[0]\r\n              ? { label: cityResponse.filter((c) => c === cityName)[0] }\r\n              : []\r\n            : cityResponse.map((city) => ({ label: city }))[0] || [],\r\n        }));\r\n      } else {\r\n        setCities([]);\r\n        setBillingContact((prev) => ({\r\n          ...prev,\r\n          city: [],\r\n        }));\r\n      }\r\n    } catch (error) {\r\n    } finally {\r\n      setStateLoader(false);\r\n    }\r\n  };\r\n\r\n  const handleChangeCountry = (value) => {\r\n    if (value) {\r\n      setBillingContact((prev) => ({\r\n        ...prev,\r\n        country: value,\r\n      }));\r\n      getStatesByCountry(value.label);\r\n      handleChangeTaxCountry(value);\r\n    } else {\r\n      setBillingContact((prev) => ({\r\n        ...prev,\r\n        country: value,\r\n        state: value,\r\n        city: value,\r\n      }));\r\n    }\r\n  };\r\n\r\n  const handleChangeState = async (value) => {\r\n    try {\r\n      setCityLoader(true);\r\n      setBillingContact((prev) => ({\r\n        ...prev,\r\n        state: value,\r\n      }));\r\n      if (value) {\r\n        const cityResponse = await getCityByStateName(\r\n          billingContact.country.label,\r\n          value?.label\r\n        );\r\n        setCities(cityResponse.map((city) => ({ label: city })));\r\n\r\n        setBillingContact((prev) => ({\r\n          ...prev,\r\n          city: cityResponse.map((city) => ({ label: city }))[0] || [],\r\n        }));\r\n      }\r\n    } catch (error) {\r\n    } finally {\r\n      setCityLoader(false);\r\n    }\r\n  };\r\n\r\n  const handleChangeCity = async (value) => {\r\n    setBillingContact((prev) => ({\r\n      ...prev,\r\n      city: value,\r\n    }));\r\n  };\r\n\r\n  const validateBillingContact = () => {\r\n    let valid = false;\r\n    if (\r\n      billingContact.country &&\r\n      billingContact.country?.label?.trim().length > 0\r\n    ) {\r\n      if (billingContact.postalCode.trim().length <= 0) {\r\n        setErrors((prev) => ({\r\n          ...prev,\r\n          postalCode: \"Postal code is required.\",\r\n        }));\r\n        valid = false;\r\n      } else if (billingContact.postalCode.trim().length <= 3) {\r\n        setErrors((prev) => ({\r\n          ...prev,\r\n          postalCode: \"Enter valid postal code.\",\r\n        }));\r\n        valid = false;\r\n      } else {\r\n        valid = true;\r\n      }\r\n    } else {\r\n      valid = true;\r\n    }\r\n\r\n    return valid;\r\n  };\r\n\r\n  const validateCompanyInfo = () => {\r\n    let valid = false;\r\n    // if (\r\n    //   companyInfo.tax_id_data &&\r\n    //   companyInfo.tax_id_data?.label?.trim().length > 0\r\n    // ) {\r\n    //   if (companyInfo.tax_id.trim().length <= 0) {\r\n    //     setErrors((prev) => ({ ...prev, tax_id: \"Tax id is required.\" }));\r\n    //     valid = false;\r\n    //   } else {\r\n    //     setErrors((prev) => ({ ...prev, tax_id: \"\" }));\r\n    //     valid = true;\r\n    //   }\r\n    // } else\r\n    if (!companyAddress.is_new_address) {\r\n      const validBillingContact = validateBillingContact();\r\n      if (!validBillingContact) {\r\n        valid = false;\r\n      } else {\r\n        valid = true;\r\n      }\r\n    } else {\r\n      valid = true;\r\n    }\r\n\r\n    return valid;\r\n  };\r\n\r\n  const handleChangeTaxCountry = async (value, taxValue) => {\r\n    try {\r\n      const { data } = await commanService.getApi(\r\n        \"user\",\r\n        `tax?country_id=${value.id}`\r\n      );\r\n      const taxTypesData = data.data.map((taxType) => ({\r\n        type: taxType.tax_type,\r\n        label: taxType.tax_label,\r\n        value: taxType.tax_id,\r\n        country_id: taxType.country_id,\r\n      }));\r\n      setTaxTypes(taxTypesData);\r\n      setCompanyInfo((prev) => ({\r\n        ...prev,\r\n        tax_id_data: taxValue?.type\r\n          ? taxTypesData.filter((tax) => tax.type === taxValue.type)[0]\r\n          : taxTypesData[0] || {\r\n            type: \"\",\r\n            label: \"\",\r\n            value: \"\",\r\n          },\r\n        tax_id: taxValue?.value || \"\",\r\n      }));\r\n    } catch (error) { }\r\n  };\r\n\r\n  const validateShippingAddr = () => {\r\n    let valid = false;\r\n    if (\r\n      companyAddress.is_new_address &&\r\n      companyAddress.country &&\r\n      companyAddress.country?.label?.trim().length > 0\r\n    ) {\r\n      if (companyInfo.company_name.trim().length <= 0) {\r\n        setErrors((prev) => ({\r\n          ...prev,\r\n          company_name: \"Workspace name is required.\",\r\n        }));\r\n        valid = false;\r\n      } else if (companyAddress.postalCode.trim().length <= 0) {\r\n        setErrors((prev) => ({\r\n          ...prev,\r\n          companyPostalCode: \"Postal code is required.\",\r\n        }));\r\n        valid = false;\r\n      } else if (companyAddress.postalCode.trim().length <= 3) {\r\n        setErrors({\r\n          ...errors,\r\n          companyPostalCode: \"Enter valid postal code.\",\r\n        });\r\n        valid = false;\r\n      } else {\r\n        valid = true;\r\n      }\r\n    } else {\r\n      valid = true;\r\n    }\r\n\r\n    return valid;\r\n  };\r\n\r\n  const handleSubmitAllData = async () => {\r\n    try {\r\n      const validBillingInfo = validateBillingContact();\r\n      let data = {};\r\n      if (validBillingInfo) {\r\n        data = {\r\n          // name: `${billingContact.first_name} ${billingContact.last_name}`,\r\n          name: billingContact?.company_name,\r\n          ...(billingContact?.country?.code\r\n            ? {\r\n              address: {\r\n                ...(billingContact?.country?.code\r\n                  ? { country: billingContact.country.code }\r\n                  : {}),\r\n                ...(billingContact?.state?.label\r\n                  ? { state: billingContact.state.label }\r\n                  : {}),\r\n                ...(billingContact.addr_2\r\n                  ? { line2: billingContact.addr_2 }\r\n                  : {}),\r\n                ...(billingContact.addr_1\r\n                  ? { line1: billingContact.addr_1 }\r\n                  : {}),\r\n                ...(billingContact?.city?.label\r\n                  ? { city: billingContact.city.label }\r\n                  : {}),\r\n                ...(billingContact.postalCode\r\n                  ? { postal_code: billingContact.postalCode }\r\n                  : {}),\r\n              },\r\n            }\r\n            : {}),\r\n          ...(billingContact.phone_number\r\n            ? { phone: billingContact.phone_number }\r\n            : {}),\r\n          is_new_address: companyAddress.is_new_address,\r\n        };\r\n      }\r\n\r\n      const validCompanyInfo = validateCompanyInfo();\r\n      if (validCompanyInfo) {\r\n        data = {\r\n          ...data,\r\n          ...(companyInfo.purchase_order\r\n            ? { purchase_order: companyInfo.purchase_order }\r\n            : {}),\r\n          ...(companyInfo.tax_id_data.type && companyInfo.tax_id\r\n            ? {\r\n              tax_id_data: [\r\n                {\r\n                  ...(companyInfo.tax_id_data.type\r\n                    ? { type: companyInfo.tax_id_data.type }\r\n                    : {}),\r\n                  ...(companyInfo.tax_id\r\n                    ? { value: companyInfo.tax_id }\r\n                    : {}),\r\n                },\r\n              ],\r\n            }\r\n            : {}),\r\n          ...(companyInfo.company_name\r\n            ? {\r\n              shipping: {\r\n                ...(companyInfo.company_name\r\n                  ? { name: companyInfo.company_name }\r\n                  : {}),\r\n              },\r\n            }\r\n            : {}),\r\n          is_new_address: companyAddress.is_new_address,\r\n        };\r\n      }\r\n\r\n      const validShippingAddr = validateShippingAddr();\r\n      if (companyAddress.is_new_address && validShippingAddr) {\r\n        data = {\r\n          ...data,\r\n          shipping: {\r\n            ...(companyInfo.company_name\r\n              ? { name: companyInfo.company_name }\r\n              : {}),\r\n            address: {\r\n              ...(companyAddress?.country?.code\r\n                ? { country: companyAddress.country.code }\r\n                : {}),\r\n              ...(companyAddress?.state?.label\r\n                ? { state: companyAddress.state.label }\r\n                : {}),\r\n              ...(companyAddress.addr_2\r\n                ? { line2: companyAddress.addr_2 }\r\n                : {}),\r\n              ...(companyAddress.addr_1\r\n                ? { line1: companyAddress.addr_1 }\r\n                : {}),\r\n              ...(companyAddress?.city?.label\r\n                ? { city: companyAddress.city.label }\r\n                : {}),\r\n              ...(companyAddress.postalCode\r\n                ? { postal_code: companyAddress.postalCode }\r\n                : {}),\r\n            },\r\n            ...(companyAddress.phone_number\r\n              ? { phone: companyAddress.phone_number }\r\n              : {}),\r\n          },\r\n          is_new_address: companyAddress.is_new_address,\r\n        };\r\n      }\r\n\r\n      if (validBillingInfo && validCompanyInfo && validShippingAddr) {\r\n        setLoading(true);\r\n        const { data: resData } = await commanService.putApi(\r\n          \"user\",\r\n          \"billing/customer\",\r\n          data\r\n        );\r\n        getBillingInfo(false);\r\n        resData?.message &&\r\n          dispatch(successToast({ message: resData?.message }));\r\n        // dispatch(successToast({ message: \"Billing information updated\" }));\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    } finally {\r\n      setLoading(false);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Stack position={\"relative\"}>\r\n      {loading && <AbsoluteLoader />}\r\n      <Stack>\r\n        <Typography\r\n          mb={0.7}\r\n          fontSize={{\r\n            xs: fontSizes.fontSize18px,\r\n            md: fontSizes.fontSize20,\r\n          }}\r\n          fontWeight={600}\r\n          color={color.titleDark}\r\n        >\r\n          Billing contact\r\n        </Typography>\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          Please keep this information up-to-date to ensure your account remains\r\n          active.\r\n        </Typography>\r\n        <Stack\r\n          direction={\"row\"}\r\n          alignItems={\"center\"}\r\n          justifyContent={\"flex-start\"}\r\n          display={\"grid\"}\r\n          gridTemplateColumns={{ md: \"1fr 1fr\", xs: \"1fr\" }}\r\n          // ml={\"5px\"}\r\n          rowGap={{\r\n            xs: \"15px\",\r\n            xl: \"19px\",\r\n          }}\r\n          columnGap={{\r\n            xs: \"30px\",\r\n            xl: \"34px\",\r\n          }}\r\n          mt={{\r\n            md: \"20px\",\r\n            lg: \"24px\",\r\n          }}\r\n        >\r\n          <LargeSimpleInput\r\n            fullWidth={false}\r\n            label={\"Workspace Name\"}\r\n            placeholder={\"Enter your Workspace name\"}\r\n            name=\"company_name\"\r\n            value={billingContact.company_name}\r\n            onChange={(e) => {\r\n              setBillingContact((prev) => ({\r\n                ...prev,\r\n                company_name: e.target.value,\r\n              }));\r\n            }}\r\n            height={40}\r\n            mainSx={{}}\r\n          />\r\n          {/* <LargeSimpleInput\r\n            fullWidth={false}\r\n            label={\"First Name\"}\r\n            placeholder={\"Enter your first name\"}\r\n            name=\"first_name\"\r\n            value={billingContact.first_name}\r\n            onChange={(e) => {\r\n              setBillingContact((prev) => ({\r\n                ...prev,\r\n                first_name: e.target.value,\r\n              }));\r\n            }}\r\n            height={40}\r\n            mainSx={{}}\r\n          />\r\n          <LargeSimpleInput\r\n            fullWidth={false}\r\n            label={\"Last Name\"}\r\n            placeholder={\"Enter your last name\"}\r\n            name=\"last_name\"\r\n            value={billingContact.last_name}\r\n            onChange={(e) => {\r\n              setBillingContact((prev) => ({\r\n                ...prev,\r\n                last_name: e.target.value,\r\n              }));\r\n            }}\r\n            height={40}\r\n            mainSx={{}}\r\n          /> */}\r\n\r\n          <Stack sx={{}}>\r\n            <CountryAutoSelect\r\n              label={\"Country\"}\r\n              value={billingContact.country}\r\n              onChange={handleChangeCountry}\r\n              height={40}\r\n              customCountryArr={countries}\r\n              loading={countryLoader}\r\n            />\r\n          </Stack>\r\n\r\n          <Stack sx={{}}>\r\n            <CustomAutoSelect\r\n              height={40}\r\n              label={\"State/Province\"}\r\n              loading={stateLoader}\r\n              value={billingContact.state}\r\n              onChange={handleChangeState}\r\n              options={states}\r\n              noOptionsText={\"No States\"}\r\n            />\r\n          </Stack>\r\n\r\n          <Stack sx={{}}>\r\n            <CustomAutoSelect\r\n              label={\"City\"}\r\n              loading={cityLoader}\r\n              height={40}\r\n              value={billingContact.city}\r\n              onChange={handleChangeCity}\r\n              options={cities}\r\n              noOptionsText={\"No Cities\"}\r\n            />\r\n          </Stack>\r\n\r\n          <LargeSimpleInput\r\n            fullWidth={false}\r\n            required={true}\r\n            label={\"Postal Code\"}\r\n            placeholder={\"Zip code\"}\r\n            name=\"postalCode\"\r\n            errorMessage={errors?.postalCode || \"\"}\r\n            value={billingContact.postalCode}\r\n            onKeyDown={(event) => {\r\n              const key = event.key;\r\n              const allowedKeys = [\r\n                \"Backspace\",\r\n                \"Tab\",\r\n                \"ArrowLeft\",\r\n                \"ArrowRight\",\r\n                \"ArrowUp\",\r\n                \"ArrowDown\",\r\n                \"Delete\",\r\n              ];\r\n              if (!((key >= \"0\" && key <= \"9\") || allowedKeys.includes(key))) {\r\n                event.preventDefault();\r\n              }\r\n            }}\r\n            onChange={(e) => {\r\n              setBillingContact((prev) => ({\r\n                ...prev,\r\n                postalCode: e.target.value,\r\n              }));\r\n              setErrors({\r\n                ...errors,\r\n                postalCode: \"\",\r\n              });\r\n            }}\r\n            height={40}\r\n            mainSx={{}}\r\n          />\r\n\r\n          <LargeSimpleInput\r\n            fullWidth={false}\r\n            label={\"Address line 1\"}\r\n            placeholder={\"Enter address\"}\r\n            name=\"addr_1\"\r\n            value={billingContact.addr_1}\r\n            onChange={(e) => {\r\n              setBillingContact((prev) => ({\r\n                ...prev,\r\n                addr_1: e.target.value,\r\n              }));\r\n            }}\r\n            height={40}\r\n            mainSx={{}}\r\n          />\r\n\r\n          <LargeSimpleInput\r\n            fullWidth={false}\r\n            label={\"Address line 2\"}\r\n            placeholder={\"Enter address\"}\r\n            name=\"addr_2\"\r\n            value={billingContact.addr_2}\r\n            onChange={(e) => {\r\n              setBillingContact((prev) => ({\r\n                ...prev,\r\n                addr_2: e.target.value,\r\n              }));\r\n            }}\r\n            height={40}\r\n            mainSx={{}}\r\n          />\r\n\r\n          {/* <LargeSimpleInput\r\n            fullWidth={false}\r\n            label={\"Phone Number\"}\r\n            placeholder={\"Enter phone number\"}\r\n            type=\"number\"\r\n            startAdornment={\r\n              <Box\r\n                p={1.2}\r\n                borderRight={`1px solid ${color.commonBorderColor}`}\r\n                height={38}\r\n                display={\"flex\"}\r\n                alignItems={\"center\"}\r\n                fontSize={fontSizes.fontSize14}\r\n              >\r\n                + {phoneCode}\r\n              </Box>\r\n            }\r\n            name=\"phone_number\"\r\n            value={billingContact.phone_number}\r\n            onChange={(e) => {\r\n              setBillingContact((prev) => ({\r\n                ...prev,\r\n                phone_number: e.target.value,\r\n              }));\r\n            }}\r\n            onKeyDown={(event) => {\r\n              const key = event.key;\r\n              const allowedKeys = [\r\n                \"Backspace\",\r\n                \"Tab\",\r\n                \"ArrowLeft\",\r\n                \"ArrowRight\",\r\n                \"ArrowUp\",\r\n                \"ArrowDown\",\r\n                \"Delete\",\r\n              ];\r\n              if (!((key >= \"0\" && key <= \"9\") || allowedKeys.includes(key))) {\r\n                event.preventDefault();\r\n              }\r\n            }}\r\n            height={40}\r\n            mainSx={{}}\r\n          /> */}\r\n\r\n          <LargeSimpleInput\r\n            fullWidth={false}\r\n            label={\"Phone Number\"}\r\n            placeholder={\"Enter phone number\"}\r\n            type=\"number\"\r\n            startAdornment={\r\n              <Box\r\n                p={1.2}\r\n                borderRight={`1px solid ${color.commonBorderColor}`}\r\n                height={38}\r\n                display={\"flex\"}\r\n                alignItems={\"center\"}\r\n                fontSize={fontSizes.fontSize14}\r\n              >\r\n                + {phoneCode}\r\n              </Box>\r\n            }\r\n            name=\"phone_number\"\r\n            value={billingContact.phone_number}\r\n            onChange={(e) => {\r\n              const inputValue = e.target.value;\r\n              if (/^\\d{0,10}$/.test(inputValue)) {\r\n                setBillingContact((prev) => ({\r\n                  ...prev,\r\n                  phone_number: inputValue,\r\n                }));\r\n              }\r\n            }}\r\n            onKeyDown={(event) => {\r\n              const key = event.key;\r\n              const allowedKeys = [\r\n                \"Backspace\",\r\n                \"Tab\",\r\n                \"ArrowLeft\",\r\n                \"ArrowRight\",\r\n                \"ArrowUp\",\r\n                \"ArrowDown\",\r\n                \"Delete\",\r\n              ];\r\n              if (!((key >= \"0\" && key <= \"9\") || allowedKeys.includes(key))) {\r\n                event.preventDefault();\r\n              }\r\n            }}\r\n            errorMessage={\r\n              billingContact.phone_number.length > 0 &&\r\n                billingContact.phone_number.length < 10\r\n                ? \"Phone number must be 10 digits\"\r\n                : \"\"\r\n            }\r\n            height={40}\r\n          />\r\n        </Stack>\r\n\r\n        {/* <BtnGradient\r\n          fullWidth={false}\r\n          sx={{\r\n            px: \"18px\",\r\n            width: \"fit-content\",\r\n            mt: {\r\n              xs: \"20px\",\r\n              lg: \"24px\",\r\n            },\r\n          }}\r\n          onClick={handleSubmitBillingInfo}\r\n          // disabled={true}\r\n        >\r\n          <Typography fontSize={{\r\n                        xs: fontSizes.fontSize13,\r\n                        md: fontSizes.fontSize14,\r\n                      }} height={\"18px\"} fontWeight={500}>\r\n            Save Changes\r\n          </Typography>\r\n        </BtnGradient> */}\r\n      </Stack>\r\n\r\n      <CommonDivider\r\n        my={{\r\n          xs: \"24px\",\r\n        }}\r\n        border={`1px solid ${color.darkGray}`}\r\n        sx={{\r\n          opacity: 1,\r\n        }}\r\n      />\r\n\r\n      <Stack>\r\n        <Typography\r\n          fontSize={{\r\n            xs: fontSizes.fontSize18px,\r\n            md: fontSizes.fontSize20,\r\n          }}\r\n          fontWeight={600}\r\n          color={\"#18181B\"}\r\n          mb={0.7}\r\n        >\r\n          Company Information{\" \"}\r\n          <Typography\r\n            variant=\"caption\"\r\n            fontSize={{\r\n              xs: fontSizes.fontSize18px,\r\n            }}\r\n            color={\"#848382\"}\r\n          >\r\n            (optional)\r\n          </Typography>\r\n        </Typography>\r\n        <Typography\r\n          fontSize={{\r\n            xs: fontSizes.fontSize13,\r\n            md: fontSizes.fontSize14,\r\n          }}\r\n          color={\"#848382\"}\r\n          lineHeight={{\r\n            xs: \"22px\",\r\n            xl: \"24px\",\r\n          }}\r\n        >\r\n          Please keep this information up-to-date to ensure your account remains\r\n          active.\r\n        </Typography>\r\n        <Stack\r\n          direction={\"row\"}\r\n          alignItems={\"flex-start\"}\r\n          justifyContent={\"space-between\"}\r\n          display={\"grid\"}\r\n          gridTemplateColumns={{ md: \"1fr 1fr\", xs: \"1fr\" }}\r\n          // ml={\"5px\"}\r\n          rowGap={{\r\n            xs: \"15px\",\r\n            xl: \"19px\",\r\n          }}\r\n          columnGap={{\r\n            xs: \"30px\",\r\n            xl: \"34px\",\r\n          }}\r\n          mt={{\r\n            md: \"20px\",\r\n            lg: \"24px\",\r\n          }}\r\n        // ml={\"5px\"}\r\n        >\r\n          <LargeSimpleInput\r\n            fullWidth={false}\r\n            label={\"Workspace name\"}\r\n            placeholder={\"Enter your company name\"}\r\n            required={companyAddress.is_new_address ? true : false}\r\n            name=\"company_name\"\r\n            value={companyInfo.company_name}\r\n            errorMessage={errors?.company_name || \"\"}\r\n            onChange={(e) => {\r\n              setCompanyInfo((prev) => ({\r\n                ...prev,\r\n                company_name: e.target.value,\r\n              }));\r\n              setErrors((prev) => ({\r\n                ...prev,\r\n                company_name: \"\",\r\n              }));\r\n            }}\r\n            height={40}\r\n            mainSx={{\r\n              minWidth: {\r\n                xs: \"100%\",\r\n                md: \"100%\",\r\n                lg: \"calc(50% - 20px)\",\r\n                xl: \"calc(50% - 20px)\",\r\n              },\r\n            }}\r\n          />\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"flex-start\"}\r\n            gap={{\r\n              xs: \"6px\",\r\n              xl: \"16px\",\r\n            }}\r\n            sx={{\r\n              minWidth: {\r\n                xs: \"100%\",\r\n                md: \"100%\",\r\n                lg: \"calc(50% - 20px)\",\r\n                xl: \"calc(50% - 20px)\",\r\n              },\r\n            }}\r\n          >\r\n            <Stack\r\n              sx={{\r\n                width: \"calc(30% - 8px)\",\r\n              }}\r\n            >\r\n              <CustomAutoSelect\r\n                label={\"Tax Type\"}\r\n                height={40}\r\n                placeholder={\"-- Select Tax Type --\"}\r\n                // mainSx={{ mt: \"20px\" }}\r\n                errorMessage={errors?.category_id}\r\n                options={taxTypes}\r\n                value={companyInfo.tax_id_data}\r\n                onChange={(value) => {\r\n                  setCompanyInfo((prev) => ({\r\n                    ...prev,\r\n                    tax_id_data: value,\r\n                  }));\r\n                }}\r\n              // renderOption={(params, opt) => {\r\n              //   return (\r\n              //     <Stack\r\n              //       direction={\"row\"}\r\n              //       alignItems={\"center\"}\r\n              //       justifyContent={\"flex-start\"}\r\n              //       px={\"14px 36px !important\"}\r\n              //       height={\"40px\"}\r\n              //       gap={\"8px\"}\r\n              //       bgcolor={\r\n              //         params[\"aria-selected\"] === true ? \"#007AFF1A\" : \"#FFF\"\r\n              //       }\r\n              //       {...params}\r\n              //       width={\"100%\"}\r\n              //       position={\"relative\"}\r\n              //     >\r\n              //       <Typography\r\n              //         fontSize={11.7}\r\n              //         fontWeight={\r\n              //           params[\"aria-selected\"] === true ? 600 : 400\r\n              //         }\r\n              //         color={\r\n              //           params[\"aria-selected\"] === true\r\n              //             ? \"#007AFF\"\r\n              //             : \"#848382\"\r\n              //         }\r\n              //       >\r\n              //         {params.key}\r\n              //       </Typography>\r\n              //     </Stack>\r\n              //   );\r\n              // }}\r\n              />\r\n            </Stack>\r\n            <LargeSimpleInput\r\n              fullWidth={false}\r\n              label={\"Tax ID\"}\r\n              // required={companyInfo?.tax_id_data ? true : false}\r\n              placeholder={\"Enter number\"}\r\n              name=\"tax_id\"\r\n              errorMessage={errors.tax_id || \"\"}\r\n              value={companyInfo.tax_id}\r\n              onChange={(e) => {\r\n                setCompanyInfo((prev) => ({\r\n                  ...prev,\r\n                  tax_id: e.target.value,\r\n                }));\r\n                setErrors((prev) => ({ ...prev, tax_id: \"\" }));\r\n              }}\r\n              height={40}\r\n              mainSx={{\r\n                width: \"calc(70% - 8px)\",\r\n              }}\r\n            />\r\n          </Stack>\r\n\r\n          <LargeSimpleInput\r\n            fullWidth={false}\r\n            label={\"Purchase order #\"}\r\n            placeholder={\"Enter purchase order number\"}\r\n            name=\"purchase_order\"\r\n            value={companyInfo.purchase_order}\r\n            onChange={(e) => {\r\n              setCompanyInfo((prev) => ({\r\n                ...prev,\r\n                purchase_order: e.target.value,\r\n              }));\r\n            }}\r\n            height={40}\r\n            mainSx={{\r\n              minWidth: {\r\n                xs: \"100%\",\r\n                md: \"100%\",\r\n                lg: \"calc(50% - 20px)\",\r\n                xl: \"calc(50% - 20px)\",\r\n              },\r\n            }}\r\n          />\r\n        </Stack>\r\n        {/* {!companyAddress.is_new_address && (\r\n          <BtnGradient\r\n            fullWidth={false}\r\n            sx={{\r\n              px: \"18px\",\r\n              width: \"fit-content\",\r\n              mt: {\r\n                xs: \"20px\",\r\n                lg: \"24px\",\r\n              },\r\n            }}\r\n            onClick={handleSubmitCompanyInfo}\r\n            disabled={\r\n              companyInfo.company_name.trim().length <= 0 &&\r\n              !companyInfo.tax_id_data.type &&\r\n              companyInfo.purchase_order.trim().length <= 0\r\n            }\r\n          >\r\n            <Typography fontSize={{\r\n                        xs: fontSizes.fontSize13,\r\n                        md: fontSizes.fontSize14,\r\n                      }} height={\"18px\"} fontWeight={500}>\r\n              Save Changes\r\n            </Typography>\r\n          </BtnGradient>\r\n        )} */}\r\n      </Stack>\r\n\r\n      <CommonDivider\r\n        my={{\r\n          xs: \"24px\",\r\n        }}\r\n        border={`1px solid ${color.darkGray}`}\r\n        sx={{\r\n          opacity: 1,\r\n        }}\r\n      />\r\n\r\n      <Stack>\r\n        <CustomRadioButton\r\n          labelSx={{\r\n            color: color.titleDark,\r\n          }}\r\n          label=\"Company address is the same as billing contact\"\r\n          checked={!companyAddress.is_new_address}\r\n          onChange={() => {\r\n            setCompanyAddress((prev) => ({\r\n              ...prev,\r\n              is_new_address: false,\r\n            }));\r\n          }}\r\n        />\r\n        <CustomRadioButton\r\n          label=\"Add new address\"\r\n          labelSx={{\r\n            color: color.titleDark,\r\n          }}\r\n          checked={companyAddress.is_new_address}\r\n          onChange={() => {\r\n            setCompanyAddress((prev) => ({\r\n              ...prev,\r\n              is_new_address: true,\r\n            }));\r\n          }}\r\n          mainSx={{\r\n            mt: {\r\n              xs: \"12px\",\r\n              lg: \"18px\",\r\n            },\r\n          }}\r\n        />\r\n      </Stack>\r\n\r\n      {companyAddress.is_new_address && (\r\n        <Stack\r\n          sx={{\r\n            mt: {\r\n              xs: \"20px\",\r\n              lg: \"24px\",\r\n            },\r\n          }}\r\n        >\r\n          <Typography\r\n            fontSize={{\r\n              xs: \"16px\",\r\n              xl: \"18px\",\r\n            }}\r\n            fontWeight={600}\r\n            color={\"#18181B\"}\r\n            height={{\r\n              xs: \"22px\",\r\n              xl: \"25px\",\r\n            }}\r\n          >\r\n            Company Address\r\n          </Typography>\r\n          <Typography\r\n            fontSize={{\r\n              xs: fontSizes.mediumFont,\r\n              md: fontSizes.fontSize13,\r\n              xl: fontSizes.fontSize14,\r\n            }}\r\n            color={\"#848382\"}\r\n            lineHeight={{\r\n              xs: \"22px\",\r\n              xl: \"24px\",\r\n            }}\r\n            mt={\"8px\"}\r\n          >\r\n            This information will appear on all your billing invoices and will\r\n            be utilized for tax calculations.\r\n          </Typography>\r\n          <Stack\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            // justifyContent={\"space-between\"}\r\n            justifyContent={\"flex-start\"}\r\n            display={\"grid\"}\r\n            gridTemplateColumns={{ md: \"1fr 1fr\", xs: \"1fr\" }}\r\n            // ml={\"5px\"}\r\n            rowGap={{\r\n              xs: \"15px\",\r\n              xl: \"19px\",\r\n            }}\r\n            columnGap={{\r\n              xs: \"30px\",\r\n              xl: \"34px\",\r\n            }}\r\n            mt={{\r\n              md: \"20px\",\r\n              lg: \"24px\",\r\n            }}\r\n          >\r\n            <Stack\r\n              sx={{\r\n                minWidth: {\r\n                  xs: \"100%\",\r\n                  md: \"100%\",\r\n                  lg: \"calc(50% - 20px)\",\r\n                  xl: \"calc(50% - 20px)\",\r\n                },\r\n              }}\r\n            >\r\n              <CountryAutoSelect\r\n                label={\"Country\"}\r\n                required={true}\r\n                value={companyAddress.country}\r\n                onChange={handleChangeCompanyCountry}\r\n                customCountryArr={countries}\r\n                height={40}\r\n                loading={countryLoader}\r\n              />\r\n            </Stack>\r\n            <Stack\r\n              sx={{\r\n                minWidth: {\r\n                  xs: \"100%\",\r\n                  md: \"100%\",\r\n                  lg: \"calc(50% - 20px)\",\r\n                  xl: \"calc(50% - 20px)\",\r\n                },\r\n              }}\r\n            >\r\n              <CustomAutoSelect\r\n                height={40}\r\n                required={false}\r\n                label={\"State/Province\"}\r\n                value={companyAddress.state}\r\n                onChange={handleChangeCompanyState}\r\n                loading={stateLoader}\r\n                options={companyStates}\r\n                noOptionsText={\"No States\"}\r\n              />\r\n            </Stack>\r\n            <Stack\r\n              sx={{\r\n                minWidth: {\r\n                  xs: \"100%\",\r\n                  md: \"100%\",\r\n                  lg: \"calc(50% - 20px)\",\r\n                  xl: \"calc(50% - 20px)\",\r\n                },\r\n              }}\r\n            >\r\n              <CustomAutoSelect\r\n                label={\"City\"}\r\n                required={false}\r\n                height={40}\r\n                value={companyAddress.city}\r\n                loading={cityLoader}\r\n                onChange={handleChangeCompanyCity}\r\n                options={companyCities}\r\n                noOptionsText={\"No Cities\"}\r\n              />\r\n            </Stack>\r\n            <LargeSimpleInput\r\n              fullWidth={false}\r\n              label={\"Postal Code\"}\r\n              required={true}\r\n              placeholder={\"Zip code\"}\r\n              name=\"postalCode\"\r\n              errorMessage={errors?.companyPostalCode || \"\"}\r\n              value={companyAddress.postalCode}\r\n              onChange={(e) => {\r\n                setCompanyAddress((prev) => ({\r\n                  ...prev,\r\n                  postalCode: e.target.value,\r\n                }));\r\n                setErrors({\r\n                  ...errors,\r\n                  companyPostalCode: \"\",\r\n                });\r\n              }}\r\n              height={40}\r\n              onKeyDown={(event) => {\r\n                const key = event.key;\r\n\r\n                const allowedKeys = [\r\n                  \"Backspace\",\r\n                  \"Tab\",\r\n                  \"ArrowLeft\",\r\n                  \"ArrowRight\",\r\n                  \"ArrowUp\",\r\n                  \"ArrowDown\",\r\n                  \"Delete\",\r\n                ];\r\n\r\n                if (\r\n                  !((key >= \"0\" && key <= \"9\") || allowedKeys.includes(key))\r\n                ) {\r\n                  event.preventDefault();\r\n                }\r\n              }}\r\n              mainSx={{\r\n                minWidth: {\r\n                  xs: \"100%\",\r\n                  md: \"100%\",\r\n                  lg: \"calc(50% - 20px)\",\r\n                  xl: \"calc(50% - 20px)\",\r\n                },\r\n              }}\r\n            />\r\n            <LargeSimpleInput\r\n              fullWidth={false}\r\n              label={\"Address line 1\"}\r\n              placeholder={\"Enter address\"}\r\n              name=\"addr_1\"\r\n              value={companyAddress.addr_1}\r\n              onChange={(e) => {\r\n                setCompanyAddress((prev) => ({\r\n                  ...prev,\r\n                  addr_1: e.target.value,\r\n                }));\r\n              }}\r\n              height={40}\r\n              mainSx={{\r\n                minWidth: {\r\n                  xs: \"100%\",\r\n                  md: \"100%\",\r\n                  lg: \"calc(50% - 20px)\",\r\n                  xl: \"calc(50% - 20px)\",\r\n                },\r\n              }}\r\n            />\r\n            <LargeSimpleInput\r\n              fullWidth={false}\r\n              label={\"Address line 2\"}\r\n              placeholder={\"Enter address\"}\r\n              name=\"addr_2\"\r\n              value={companyAddress.addr_2}\r\n              onChange={(e) => {\r\n                setCompanyAddress((prev) => ({\r\n                  ...prev,\r\n                  addr_2: e.target.value,\r\n                }));\r\n              }}\r\n              height={40}\r\n              mainSx={{\r\n                minWidth: {\r\n                  xs: \"100%\",\r\n                  md: \"100%\",\r\n                  lg: \"calc(50% - 20px)\",\r\n                  xl: \"calc(50% - 20px)\",\r\n                },\r\n              }}\r\n            />\r\n            <LargeSimpleInput\r\n              fullWidth={false}\r\n              label={\"Phone Number\"}\r\n              placeholder={\"Enter phone number\"}\r\n              name=\"phone_number\"\r\n              type=\"number\"\r\n              value={companyAddress.phone_number}\r\n              onChange={(e) => {\r\n                setCompanyAddress((prev) => ({\r\n                  ...prev,\r\n                  phone_number: e.target.value,\r\n                }));\r\n              }}\r\n              height={40}\r\n              onKeyDown={(event) => {\r\n                const key = event.key;\r\n\r\n                const allowedKeys = [\r\n                  \"Backspace\",\r\n                  \"Tab\",\r\n                  \"ArrowLeft\",\r\n                  \"ArrowRight\",\r\n                  \"ArrowUp\",\r\n                  \"ArrowDown\",\r\n                  \"Delete\",\r\n                ];\r\n\r\n                if (\r\n                  !((key >= \"0\" && key <= \"9\") || allowedKeys.includes(key))\r\n                ) {\r\n                  event.preventDefault();\r\n                }\r\n              }}\r\n              mainSx={{\r\n                minWidth: {\r\n                  xs: \"100%\",\r\n                  md: \"100%\",\r\n                  lg: \"calc(50% - 20px)\",\r\n                  xl: \"calc(50% - 20px)\",\r\n                },\r\n              }}\r\n            />\r\n          </Stack>\r\n        </Stack>\r\n      )}\r\n      <BtnGradient\r\n        fullWidth={false}\r\n        sx={{\r\n          px: \"18px\",\r\n          width: \"fit-content\",\r\n          mt: {\r\n            xs: \"20px\",\r\n            lg: \"24px\",\r\n          },\r\n        }}\r\n        onClick={handleSubmitAllData}\r\n        disabled={loading}\r\n      >\r\n        <Typography\r\n          fontSize={{\r\n            xs: fontSizes.fontSize13,\r\n            md: fontSizes.fontSize14,\r\n          }}\r\n          fontWeight={500}\r\n        >\r\n          Save Changes\r\n        </Typography>\r\n      </BtnGradient>\r\n    </Stack>\r\n  );\r\n};\r\n\r\nexport default BillingInfo;\r\n","import { Box, Stack, Typography } from \"@mui/material\";\r\nimport React from \"react\";\r\nimport { commonStyles } from \"../../Utils/style/common/commonStyles\";\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 SubscriptionModel from \"../../CommanUI/Subscription/SubscriptionModel\";\r\nimport PlanComparison from \"./components/PlanComparison\";\r\nimport CommonLink from \"../../common-components/buttons/CommonLink\";\r\nimport CommonBulletPoint from \"../../CommanUI/CommonBulletPoint\";\r\n\r\nconst FreePlanBilling = ({ currentPlanDetails }) => {\r\n  const USAGE_OPTIONS = [\r\n    {\r\n      title: \"Boards\",\r\n      message:\r\n        \"Total number of project boards created and managed for seamless collaboration.\",\r\n      key: \"cloudchart\",\r\n    },\r\n    {\r\n      title: \"Export Files\",\r\n      message:\r\n        \"Total count of files exported in various formats for sharing and integration.\",\r\n      key: \"export_files\",\r\n    },\r\n    {\r\n      title: \"Custom Templates\",\r\n      message:\r\n        \"Total count of custom templates created for reuse and workflow optimization.\",\r\n      key: \"custom_template\",\r\n    },\r\n    {\r\n      title: \"AI Credits\",\r\n      message:\r\n        \"Total AI credits utilized for enhanced productivity through intelligent features.\",\r\n      key: \"ai_generate\",\r\n    },\r\n  ];\r\n  const featureData = {\r\n    custom_template: currentPlanDetails?.featureLimitAndUsed?.find(\r\n      (item) => item.feature === \"custom_template\"\r\n    ),\r\n    export_files: currentPlanDetails?.featureLimitAndUsed?.find(\r\n      (item) => item.feature === \"export_files\"\r\n    ),\r\n    cloudchart: currentPlanDetails?.featureLimitAndUsed?.find(\r\n      (item) => item.feature === \"cloudchart\"\r\n    ),\r\n    ai_generate: currentPlanDetails?.featureLimitAndUsed?.find(\r\n      (item) => item.feature === \"ai_generate\"\r\n    ),\r\n  };\r\n\r\n  const handleScrollToPrice = () => {\r\n    const container = document.getElementById(\"free-plan-container\");\r\n    const target = document.getElementById(\"subscription-model\");\r\n\r\n    if (container && target) {\r\n      const containerTop = container.getBoundingClientRect().top;\r\n      const targetTop = target.getBoundingClientRect().top;\r\n      const offset = targetTop - containerTop + container.scrollTop;\r\n      container.scrollTo({\r\n        top: offset,\r\n        behavior: \"smooth\",\r\n      });\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Box\r\n      height={\"100%\"}\r\n      overflow={\"auto\"}\r\n      id=\"free-plan-container\"\r\n      bgcolor={color.commonHoverColor}\r\n      sx={{\r\n        scrollbarWidth: \"none\",\r\n      }}\r\n      position={\"relative\"}\r\n    >\r\n      <Box\r\n        position={\"sticky\"}\r\n        top={0}\r\n        left={0}\r\n        zIndex={999}\r\n        height={\"16px\"}\r\n        width={\"100%\"}\r\n        bgcolor={color.whiteColor}\r\n      ></Box>\r\n      <Box>\r\n        <Box\r\n          bgcolor={color.whiteColor}\r\n          borderRadius={commonStyles.borderRadius12}\r\n          sx={{\r\n            borderTopLeftRadius: 0,\r\n            borderTopRightRadius: 0,\r\n          }}\r\n          overflow={\"hidden\"}\r\n          p={2}\r\n          pt={0}\r\n        >\r\n          <Box\r\n            borderRadius={commonStyles.borderRadius12}\r\n            overflow={\"hidden\"}\r\n            bgcolor={color.whiteColor}\r\n            border={commonStyles.border}\r\n          >\r\n            <Box\r\n              p={2}\r\n              borderBottom={commonStyles.border}\r\n              bgcolor={color.cardLiteBgColor}\r\n            >\r\n              <Typography\r\n                fontSize={fontSizes.xLargeFont}\r\n                fontWeight={fontWeight.weight600}\r\n                color={color.titleDark}\r\n              >\r\n                Cloudairy Free Plan\r\n              </Typography>\r\n              <Typography\r\n                fontSize={fontSizes.largeFont}\r\n                color={color.titleDark}\r\n              >\r\n                Get started with Cloudairy’s powerful tools at no cost! Perfect\r\n                for individuals or small teams exploring our platform.\r\n              </Typography>\r\n            </Box>\r\n            <Box p={2} borderBottom={commonStyles.border}>\r\n              {/* <Typography fontSize={fontSizes.largeFont} color={color.titleDark}>\r\n              Get started with Cloudairy’s powerful tools at no cost! Perfect\r\n              for individuals or small teams exploring our platform.\r\n            </Typography> */}\r\n              <Typography\r\n                fontSize={fontSizes.largeFont}\r\n                color={color.titleDark}\r\n                fontWeight={fontWeight.weight600}\r\n                mt={1}\r\n              >\r\n                What’s included:\r\n              </Typography>\r\n              <Box mt={1}>\r\n                <Stack flexDirection={\"row\"} gap={2}>\r\n                  <CommonBulletPoint />\r\n                  <Typography\r\n                    fontSize={fontSizes.largeFont}\r\n                    color={color.titleDark}\r\n                  >\r\n                    Unlimited members\r\n                  </Typography>\r\n                </Stack>\r\n                <Stack flexDirection={\"row\"} gap={2}>\r\n                  <CommonBulletPoint />\r\n                  <Typography\r\n                    fontSize={fontSizes.largeFont}\r\n                    color={color.titleDark}\r\n                  >\r\n                    3 boards\r\n                  </Typography>\r\n                </Stack>\r\n                <Stack flexDirection={\"row\"} gap={2}>\r\n                  <CommonBulletPoint />\r\n                  <Typography\r\n                    fontSize={fontSizes.largeFont}\r\n                    color={color.titleDark}\r\n                  >\r\n                    Public workspace\r\n                  </Typography>\r\n                </Stack>\r\n                <Stack flexDirection={\"row\"} gap={2}>\r\n                  <CommonBulletPoint />\r\n                  <Typography\r\n                    fontSize={fontSizes.largeFont}\r\n                    color={color.titleDark}\r\n                  >\r\n                    Access to standard templates\r\n                  </Typography>\r\n                </Stack>\r\n                <Stack flexDirection={\"row\"} gap={2}>\r\n                  <CommonBulletPoint />\r\n                  <Typography\r\n                    fontSize={fontSizes.largeFont}\r\n                    color={color.titleDark}\r\n                  >\r\n                    Limited file exports\r\n                  </Typography>\r\n                </Stack>\r\n              </Box>\r\n              <Typography\r\n                fontSize={fontSizes.fontSize14}\r\n                fontWeight={fontWeight.weight600}\r\n                color={color.titleDark}\r\n                mt={1}\r\n              >\r\n                Note:{\" \"}\r\n                <Typography\r\n                  fontSize={fontSizes.fontSize14}\r\n                  fontWeight={fontWeight.weight400}\r\n                  display={\"inline\"}\r\n                >\r\n                  The free plan provides essential tools to help you begin your\r\n                  journey with Cloudairy. For advanced features and enhanced\r\n                  collaboration.\r\n                </Typography>{\" \"}\r\n                {/* <Typography\r\n                display={\"inline\"}\r\n                color={color.primaryColor}\r\n                fontSize={fontSizes.largeFont}\r\n                fontWeight={fontWeight.weight600}\r\n                \r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  // textDecoration: \"underline\",\r\n                }}\r\n              > */}\r\n                <CommonLink\r\n                  sx={{\r\n                    display: \"inline\",\r\n                  }}\r\n                  onClick={() => {\r\n                    handleScrollToPrice();\r\n                  }}\r\n                >\r\n                  Explore our Pro and Business Plans\r\n                </CommonLink>\r\n                {/* </Typography> */}\r\n              </Typography>\r\n            </Box>\r\n            <Box p={2}>\r\n              <Typography\r\n                fontSize={fontSizes.fontSize20}\r\n                fontWeight={fontWeight.weight600}\r\n                color={color.titleDark}\r\n                mb={2}\r\n              >\r\n                Usage\r\n              </Typography>\r\n              <Box\r\n                display={\"grid\"}\r\n                gridTemplateColumns={{\r\n                  xl: \"1fr 1fr 1fr 1fr\",\r\n                  lg: \"1fr 1fr 1fr\",\r\n                  xs: \"1fr 1fr\",\r\n                }}\r\n                gap={2}\r\n              >\r\n                {USAGE_OPTIONS.map((item) => {\r\n                  return (\r\n                    <Box\r\n                      border={commonStyles.border}\r\n                      borderRadius={commonStyles.borderRadius12}\r\n                      overflow={\"hidden\"}\r\n                    >\r\n                      <Box\r\n                        p={2}\r\n                        borderBottom={commonStyles.border}\r\n                        bgcolor={color.cardLiteBgColor}\r\n                        display={\"flex\"}\r\n                        justifyContent={\"space-between\"}\r\n                        alignItems={\"center\"}\r\n                      >\r\n                        <Typography\r\n                          fontSize={fontSizes.xLargeFont}\r\n                          fontWeight={fontWeight.weight600}\r\n                          color={color.titleDark}\r\n                        >\r\n                          {item.title}\r\n                        </Typography>\r\n                      </Box>\r\n                      <Box p={2} pb={0}>\r\n                        <Typography\r\n                          display={\"initial\"}\r\n                          fontWeight={fontWeight.weight600}\r\n                          fontSize={fontSizes.fontSize18px}\r\n                        >\r\n                          <Typography\r\n                            display={\"initial\"}\r\n                            fontSize={fontSizes.fontSize26}\r\n                            fontWeight={fontWeight.weight600}\r\n                          >\r\n                            {featureData[item.key]?.used}\r\n                          </Typography>{\" \"}\r\n                          /{featureData[item.key]?.limit}\r\n                        </Typography>{\" \"}\r\n                        used\r\n                      </Box>\r\n                      <Typography\r\n                        p={2}\r\n                        fontSize={fontSizes.largeFont}\r\n                        color={color.subTitle}\r\n                      >\r\n                        {item.message}\r\n                      </Typography>\r\n                    </Box>\r\n                  );\r\n                })}\r\n              </Box>\r\n            </Box>\r\n          </Box>\r\n        </Box>\r\n        <Box\r\n          mt={2}\r\n          bgcolor={color.whiteColor}\r\n          borderRadius={commonStyles.borderRadius12}\r\n        >\r\n          <Box width={\"100%\"} margin={\"auto\"} padding={2}>\r\n            <SubscriptionModel isFreePlanPage />\r\n            <PlanComparison isFreePlanPage />\r\n          </Box>\r\n        </Box>\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default FreePlanBilling;\r\n","import React, { useState, useEffect, Fragment, useContext } from \"react\";\r\nimport {\r\n  Box,\r\n  Stack,\r\n  Typography,\r\n  IconButton,\r\n  useMediaQuery,\r\n  useTheme,\r\n  Grid,\r\n} from \"@mui/material\";\r\nimport commanService from \"../../CommanFunctions/commanService\";\r\nimport BtnGradient from \"../../common-components/buttons/BtnGradient\";\r\nimport BtnColoredOutlined from \"../../common-components/buttons/BtnColoredOutlined\";\r\nimport {\r\n  IcCheck,\r\n  IcCloseThin,\r\n  IcPoweredByStripe,\r\n} from \"../../assets/icon-components\";\r\nimport ChoosePlan from \"./ChoosePlan\";\r\nimport CustomModal from \"../../common-components/CustomModal\";\r\nimport moment from \"moment\";\r\nimport { errorToast, successToast, warningToast } from \"../../Redux/toastSlice\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport CardWrapper from \"../Stripe/CardWrapper\";\r\nimport Invoices from \"./Invoices\";\r\nimport { useSelector } from \"react-redux\";\r\nimport AddNewLicense from \"./AddNewLicense\";\r\nimport PaymentMethods from \"./PaymentMethods\";\r\nimport BillingInfo from \"./BillingInfo\";\r\nimport TrialEnd from \"./cancel-subscription/TrialEnd\";\r\nimport ChangePaymentMethod from \"./ChangePaymentMethod\";\r\nimport FinalCancel from \"./cancel-subscription/FinalCancel\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\nimport { commonStyles } from \"../../Utils/style/common/commonStyles\";\r\nimport { fontSizes } from \"../../Utils/style/font/fontsizes\";\r\nimport ChangeEmail from \"../user-sections/pages/profile/components/ChangeEmail\";\r\nimport {\r\n  creditSelect,\r\n  featureLimitAndUsedSelect,\r\n} from \"../../Redux/common-reducer\";\r\nimport { fontWeight } from \"../../Utils/style/weight/fontWeight\";\r\nimport {\r\n  useGetCurrentSubscriptionQuery,\r\n  useLicenseManagementMutation,\r\n} from \"../../Redux/api/subscriptionApi\";\r\nimport AbsoluteLoader from \"../../CommanUI/Loader/AbsoluteLoader\";\r\nimport FreePlanBilling from \"./FreePlanBilling\";\r\nimport CommonSwitch from \"../Input/CommonSwitch\";\r\nimport { useNavigate } from \"react-router-dom\";\r\nimport { ModelContext } from \"../../HOC/ModelContext\";\r\nimport CommonDivider from \"../../common-components/CommonDivider\";\r\nimport CommonLink from \"../../common-components/buttons/CommonLink\";\r\nimport { s3AssetsUrl } from \"../DrawBoard/const\";\r\nimport CommonBulletPoint from \"../../CommanUI/CommonBulletPoint\";\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: \"575px\",\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 Billings = () => {\r\n  const theme = useTheme();\r\n  const matchDown1000 = useMediaQuery(theme.breakpoints.down(1000));\r\n  const dispatch = useDispatch();\r\n  const navigate = useNavigate();\r\n  const { setShowPlaneModel, showPlanModel } = useContext(ModelContext);\r\n  const [showCancelSubscription, setShowCancelSubscription] = useState(false);\r\n  const [loading, setLoading] = useState(false);\r\n  const [cardList, setCardList] = useState([]);\r\n  const [showAddCardForm, setShowAddCardForm] = useState(false);\r\n  const [isInvoices, setIsInvoices] = useState(false);\r\n  const [isPaymentMethods, seIsPaymentMethods] = useState(false);\r\n  const userData = useSelector((state) => state.common.userData);\r\n  const USER_DATA = JSON.parse(localStorage.getItem(\"user_data\"));\r\n  const [isOverview, setIsOverview] = useState(true);\r\n  const [isCloudchart, setIsCloudchart] = useState(true);\r\n  // const [isCloudcollab, setIsCloudcollab] = useState(false);\r\n  const [isAddNewLicense, setIsAddNewLicense] = useState(false);\r\n  const [showBillingInfo, setSHowBillingInfo] = useState(false);\r\n  const [isChangePaymentMethod, setIsChangePaymentMethod] = useState(false);\r\n  const [showConfirmReactive, setShowConfirmReactive] = useState(false);\r\n  const [showReactiveModal, setShowReactActiveModal] = useState(false);\r\n  const [finalCancel, setFinalCancel] = useState(false);\r\n  const [editEmail, setEditEmail] = useState(false);\r\n  const featureLimitAndUsed = featureLimitAndUsedSelect();\r\n  const credit = creditSelect();\r\n  const {\r\n    data: currentPlanDetails,\r\n    refetch: refetchPlanDetails,\r\n    isLoading: loadingPlanDetails,\r\n    isFetching: fetchingPlanDetails,\r\n  } = useGetCurrentSubscriptionQuery();\r\n  const [updateTeamExpandPermission, { isLoading: updateInProgress }] =\r\n    useLicenseManagementMutation();\r\n  const subscriptionData = currentPlanDetails?.data?.subscriptionData;\r\n  useEffect(() => {\r\n    if (isOverview) {\r\n      getCardList();\r\n      refetchPlanDetails();\r\n    }\r\n  }, [isOverview]);\r\n  // const isCurrentPlanIsTrial =\r\n  //   currentPlanDetails?.data?.subscriptionData?.is_trial;\r\n  const featureData = {\r\n    custom_template: currentPlanDetails?.data?.featureLimitAndUsed?.find(\r\n      (item) => item.feature === \"custom_template\"\r\n    ),\r\n    export_files: currentPlanDetails?.data?.featureLimitAndUsed?.find(\r\n      (item) => item.feature === \"export_files\"\r\n    ),\r\n    cloudchart: currentPlanDetails?.data?.featureLimitAndUsed?.find(\r\n      (item) => item.feature === \"cloudchart\"\r\n    ),\r\n    ai_generate: currentPlanDetails?.data?.featureLimitAndUsed?.find(\r\n      (item) => item.feature === \"ai_generate\"\r\n    ),\r\n    user: currentPlanDetails?.data?.featureLimitAndUsed?.find(\r\n      (item) => item.feature === \"user\"\r\n    ),\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            typeImg:\r\n              val?.brand === \"mastercard\"\r\n                ? `${s3AssetsUrl}/icons/master_card.svg`\r\n                : `${s3AssetsUrl}/icons/visa_card.svg`,\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        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  useEffect(() => {\r\n    getCardList();\r\n  }, [isChangePaymentMethod]);\r\n\r\n  // const removeCard = (card) => {\r\n  //   setLoading(true);\r\n  //   commanService\r\n  //     .deleteApi(\"user\", `cards/${card.card_id}`)\r\n  //     .then((res) => {\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  // };\r\n\r\n  const handleCancelSubscription = async () => {\r\n    setLoading(true);\r\n    try {\r\n      await commanService.postApi(\r\n        \"user/v1\",\r\n        `subscription/cancel/${subscriptionData?.subscription_id}`\r\n      );\r\n      refetchPlanDetails();\r\n      handleCloseModal();\r\n      setFinalCancel(true);\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 handleCloseModal = () => {\r\n    setShowCancelSubscription(false);\r\n  };\r\n\r\n  const handleCloseAddNewLicense = () => {\r\n    setIsAddNewLicense(false);\r\n  };\r\n\r\n  const handelClosePyamentMethod = () => {\r\n    setIsChangePaymentMethod(false);\r\n  };\r\n\r\n  const handleClickPaymentMethod = () => {\r\n    setIsInvoices(false);\r\n    setIsOverview(false);\r\n    seIsPaymentMethods(true);\r\n    setSHowBillingInfo(false);\r\n  };\r\n\r\n  const reactivePlan = async () => {\r\n    try {\r\n      setLoading(true);\r\n      setShowConfirmReactive(false);\r\n      await commanService.putApi(\r\n        \"user/v1\",\r\n        `subscription/reactive-subscription/${subscriptionData?.subscription_id}`\r\n      );\r\n      refetchPlanDetails();\r\n      setShowReactActiveModal(true);\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 handleCloseSuccessReactive = () => {\r\n    setShowReactActiveModal(false);\r\n    window.location.reload();\r\n  };\r\n  const handleAddAiCredits = () => {\r\n    localStorage.setItem(\"add_ai_credits\", true);\r\n    navigate(\"/payment-details\");\r\n  };\r\n  return (\r\n    <>\r\n      {subscriptionData?.package === \"Free\" ? (\r\n        <FreePlanBilling currentPlanDetails={currentPlanDetails?.data} />\r\n      ) : (\r\n        <Box\r\n          sx={{\r\n            position: \"relative\",\r\n            borderRadius: \"6px\",\r\n            height: \"calc(100svh - 181px)\",\r\n            bgcolor: \"#FFFFFF\",\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            mb={\"20px\"}\r\n          >\r\n            <Stack\r\n              width={\"100%\"}\r\n              flexDirection={\"row\"}\r\n              justifyContent={\"flex-start\"}\r\n              alignItems={\"center\"}\r\n              gap={\"8px\"}\r\n            >\r\n              <Stack\r\n                height={{\r\n                  xs: \"30px\",\r\n                  lg: \"35px\",\r\n                  xl: \"40px\",\r\n                }}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"center\"}\r\n                px={\"15px\"}\r\n                borderRadius={\"8px\"}\r\n                bgcolor={isOverview ? color.lightPrimary : \"#FFF\"}\r\n                sx={{\r\n                  cursor: \"pointer\",\r\n                  \"& p\": {\r\n                    color: isOverview ? color.primaryColor : color.subTitle,\r\n                  },\r\n                  \"&:hover\": {\r\n                    bgcolor: isOverview ? color.lightPrimary : \"#EFF0F399\",\r\n                    \"& p\": {\r\n                      color: isOverview ? color.primaryColor : color.subTitle,\r\n                    },\r\n                  },\r\n                }}\r\n                onClick={() => {\r\n                  setIsOverview(true);\r\n                  setIsInvoices(false);\r\n                  seIsPaymentMethods(false);\r\n                  setSHowBillingInfo(false);\r\n                }}\r\n              >\r\n                <Typography\r\n                  // color={isOverview ? \"#007AFF\" : \"#848382\"}\r\n                  fontSize={{\r\n                    xs: fontSizes.mediumFont,\r\n                    md: fontSizes.fontSize13,\r\n                    xl: fontSizes.fontSize14,\r\n                  }}\r\n                  fontWeight={isOverview && fontWeight.weight600}\r\n                >\r\n                  Overview\r\n                </Typography>\r\n              </Stack>\r\n              {subscriptionData?.package !== \"Free\" && (\r\n                <>\r\n                  <Stack\r\n                    height={{\r\n                      xs: \"30px\",\r\n                      lg: \"35px\",\r\n                      xl: \"40px\",\r\n                    }}\r\n                    alignItems={\"center\"}\r\n                    justifyContent={\"center\"}\r\n                    px={\"15px\"}\r\n                    borderRadius={\"8px\"}\r\n                    bgcolor={isInvoices ? color.lightPrimary : \"#FFF\"}\r\n                    sx={{\r\n                      cursor: \"pointer\",\r\n                      \"& p\": {\r\n                        color: isInvoices ? color.primaryColor : color.subTitle,\r\n                      },\r\n                      \"&:hover\": {\r\n                        bgcolor: isInvoices ? color.lightPrimary : \"#EFF0F399\",\r\n                        \"& p\": {\r\n                          color: isInvoices\r\n                            ? color.primaryColor\r\n                            : color.subTitle,\r\n                        },\r\n                      },\r\n                    }}\r\n                    onClick={() => {\r\n                      setIsInvoices(true);\r\n                      setIsOverview(false);\r\n                      seIsPaymentMethods(false);\r\n                      setSHowBillingInfo(false);\r\n                    }}\r\n                  >\r\n                    <Typography\r\n                      // color={isInvoices ? \"#007AFF\" : \"#848382\"}\r\n                      fontSize={{\r\n                        xs: fontSizes.mediumFont,\r\n                        md: fontSizes.fontSize13,\r\n                        xl: fontSizes.fontSize14,\r\n                      }}\r\n                      fontWeight={isInvoices && fontWeight.weight600}\r\n                    >\r\n                      Invoices\r\n                    </Typography>\r\n                  </Stack>\r\n                  <Stack\r\n                    height={{\r\n                      xs: \"30px\",\r\n                      lg: \"35px\",\r\n                      xl: \"40px\",\r\n                    }}\r\n                    alignItems={\"center\"}\r\n                    justifyContent={\"center\"}\r\n                    px={\"15px\"}\r\n                    borderRadius={\"8px\"}\r\n                    bgcolor={showBillingInfo ? color.lightPrimary : \"#FFF\"}\r\n                    sx={{\r\n                      cursor: \"pointer\",\r\n                      \"& p\": {\r\n                        color: showBillingInfo\r\n                          ? color.primaryColor\r\n                          : color.subTitle,\r\n                      },\r\n                      \"&:hover\": {\r\n                        bgcolor: showBillingInfo\r\n                          ? color.lightPrimary\r\n                          : \"#EFF0F399\",\r\n                        \"& p\": {\r\n                          color: showBillingInfo\r\n                            ? color.primaryColor\r\n                            : color.subTitle,\r\n                        },\r\n                      },\r\n                    }}\r\n                    onClick={() => {\r\n                      setIsInvoices(false);\r\n                      setIsOverview(false);\r\n                      setSHowBillingInfo(true);\r\n                      seIsPaymentMethods(false);\r\n                    }}\r\n                  >\r\n                    <Typography\r\n                      color={showBillingInfo ? color.primaryColor : \"#848382\"}\r\n                      fontSize={{\r\n                        xs: fontSizes.mediumFont,\r\n                        md: fontSizes.fontSize13,\r\n                        xl: fontSizes.fontSize14,\r\n                      }}\r\n                      fontWeight={showBillingInfo && fontWeight.weight600}\r\n                      width={\"max-content\"}\r\n                    >\r\n                      Billing Information\r\n                    </Typography>\r\n                  </Stack>\r\n                  <Stack\r\n                    height={{\r\n                      xs: \"30px\",\r\n                      lg: \"35px\",\r\n                      xl: \"40px\",\r\n                    }}\r\n                    alignItems={\"center\"}\r\n                    justifyContent={\"center\"}\r\n                    px={\"15px\"}\r\n                    borderRadius={\"8px\"}\r\n                    bgcolor={isPaymentMethods ? color.lightPrimary : \"#FFF\"}\r\n                    sx={{\r\n                      cursor: \"pointer\",\r\n                      \"& p\": {\r\n                        color: isPaymentMethods\r\n                          ? color.primaryColor\r\n                          : color.subTitle,\r\n                      },\r\n                      \"&:hover\": {\r\n                        bgcolor: isPaymentMethods\r\n                          ? color.lightPrimary\r\n                          : \"#EFF0F399\",\r\n                        \"& p\": {\r\n                          color: isPaymentMethods\r\n                            ? color.primaryColor\r\n                            : color.subTitle,\r\n                        },\r\n                      },\r\n                    }}\r\n                    onClick={() => {\r\n                      handleClickPaymentMethod();\r\n                    }}\r\n                  >\r\n                    <Typography\r\n                      color={isPaymentMethods ? color.primaryColor : \"#848382\"}\r\n                      fontSize={{\r\n                        xs: fontSizes.mediumFont,\r\n                        md: fontSizes.fontSize13,\r\n                        xl: fontSizes.fontSize14,\r\n                      }}\r\n                      fontWeight={isPaymentMethods && fontWeight.weight600}\r\n                      width={\"max-content\"}\r\n                    >\r\n                      Payment Methods\r\n                    </Typography>\r\n                  </Stack>\r\n                </>\r\n              )}\r\n            </Stack>\r\n            <Box\r\n              bottom={\"-30px\"}\r\n              right={0}\r\n              bgcolor={color.whiteColor}\r\n              zIndex={999}\r\n              padding={{\r\n                md: \"10px\",\r\n                lg: \"unset\",\r\n              }}\r\n              position={{\r\n                sm: \"absolute\",\r\n                lg: \"unset\",\r\n              }}\r\n            >\r\n              <IcPoweredByStripe />\r\n            </Box>\r\n          </Stack>\r\n\r\n          {/* <Box\r\n              width={\"100%\"}\r\n              height={\"0.5px\"}\r\n              mb={\"20px\"}\r\n              sx={{\r\n                background:\r\n                  \"linear-gradient(90deg, rgba(67, 44, 44, 0.048) 0%, rgba(67, 44, 44, 0.24) 50%, rgba(67, 44, 44, 0.048) 100%)\",\r\n              }}\r\n            /> */}\r\n\r\n          <CommonDivider\r\n            my={\"22px\"}\r\n            border={`1px solid ${color.darkGray}`}\r\n            sx={{\r\n              opacity: 1,\r\n            }}\r\n          />\r\n\r\n          <Box\r\n            position={\"relative\"}\r\n            sx={{\r\n              height: {\r\n                // xs: \"calc(100svh - 170px)\",\r\n                // lg: \"calc(100svh - 170px)\",\r\n                // xl: \"calc(100svh - 210px)\",\r\n                xs: \"calc(100svh - 240px)\",\r\n                xl: \"calc(100svh - 260px)\",\r\n              },\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 ||\r\n              fetchingPlanDetails ||\r\n              loadingPlanDetails ||\r\n              updateInProgress) && <AbsoluteLoader />}\r\n            {isOverview && (\r\n              <>\r\n                <Stack\r\n                  direction={\"row\"}\r\n                  alignItems={matchDown1000 ? \"space-between\" : \"center\"}\r\n                  justifyContent={matchDown1000 ? \"center\" : \"space-between\"}\r\n                  flexDirection={matchDown1000 ? \"column\" : \"row\"}\r\n                  sx={{\r\n                    flexWrap: \"wrap\",\r\n                  }}\r\n                >\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize18px,\r\n                      md: fontSizes.fontSize20,\r\n                    }}\r\n                    fontWeight={fontWeight.weight600}\r\n                    color={color.titleDark}\r\n                    height={{\r\n                      xs: \"16px\",\r\n                      lg: \"22px\",\r\n                      xl: \"25px\",\r\n                    }}\r\n                  >\r\n                    Plan Details\r\n                  </Typography>\r\n                </Stack>\r\n\r\n                {subscriptionData?.unsubscribe_date !== null ? (\r\n                  !(loading || loadingPlanDetails || fetchingPlanDetails) &&\r\n                  subscriptionData?.package !== \"Free\" ? (\r\n                    <Box\r\n                      border={commonStyles.border}\r\n                      borderRadius={commonStyles.borderRadiusLG}\r\n                      mt={\"15px\"}\r\n                      overflow={\"hidden\"}\r\n                    >\r\n                      <Box\r\n                        borderBottom={commonStyles.border}\r\n                        padding={\"20px\"}\r\n                        bgcolor={color.cardLiteBgColor}\r\n                      >\r\n                        <Box\r\n                          display={\"flex\"}\r\n                          justifyContent={\"space-between\"}\r\n                          alignItems={\"center\"}\r\n                        >\r\n                          <Box>\r\n                            <Typography\r\n                              color={color.titleDark}\r\n                              fontWeight={600}\r\n                              fontSize={fontSizes.fontSize18px}\r\n                            >\r\n                              {subscriptionData?.package} Plan\r\n                            </Typography>\r\n                            <Typography\r\n                              color={color.errorColor}\r\n                              fontSize={{\r\n                                xs: fontSizes.mediumFont,\r\n                                md: fontSizes.fontSize13,\r\n                                xl: fontSizes.fontSize14,\r\n                              }}\r\n                              mt={\"8px\"}\r\n                            >\r\n                              Your Subscription is Canceled\r\n                            </Typography>\r\n                          </Box>\r\n                          {/* <Stack\r\n                            alignItems={\"center\"}\r\n                            justifyContent={\"center\"}\r\n                            border={commonStyles.border}\r\n                            borderRadius={commonStyles.borderRadiusMD}\r\n                            height={\"28px\"}\r\n                            bgcolor={color.cardLiteBgColor}\r\n                            px={\"8px\"}\r\n                          >\r\n                            <Typography\r\n                              color={color.subTitle}\r\n                              fontSize={fontSizes.mediumFont}\r\n                              fontWeight={600}\r\n                              height={\"18px\"}\r\n                            >\r\n                              Your subscription is currently inactive\r\n                            </Typography>\r\n                          </Stack> */}\r\n                        </Box>\r\n                      </Box>\r\n                      <Box padding={\"20px\"}>\r\n                        <Typography\r\n                          fontSize={{\r\n                            xs: fontSizes.mediumFont,\r\n                            md: fontSizes.fontSize13,\r\n                            xl: fontSizes.fontSize14,\r\n                          }}\r\n                          color={color.titleDark}\r\n                        >\r\n                          It looks like your subscription was canceled. Don’t\r\n                          worry—reactivating your plan is quick and easy.\r\n                          Restore access to all premium features and pick up\r\n                          right where you left off!\r\n                        </Typography>\r\n                        <Box\r\n                          display={\"flex\"}\r\n                          gap={2}\r\n                          alignItems={\"center\"}\r\n                          mt={2}\r\n                        >\r\n                          <BtnColoredOutlined\r\n                            borderColor={color.commonBorderColor}\r\n                            bgcolor={color.cardLiteBgColor}\r\n                            sx={{\r\n                              color: color.subTitle,\r\n                              textTransform: \"none\",\r\n                              px: 2,\r\n                              \"&:hover\": {\r\n                                background: color.commonHoverColor,\r\n                              },\r\n                            }}\r\n                            onClick={() => setShowPlaneModel(true)}\r\n                          >\r\n                            <Typography\r\n                              fontSize={{\r\n                                xs: fontSizes.mediumFont,\r\n                                md: fontSizes.fontSize13,\r\n                                xl: fontSizes.fontSize14,\r\n                              }}\r\n                            >\r\n                              Choose a Different Plan\r\n                            </Typography>\r\n                          </BtnColoredOutlined>\r\n                          <BtnGradient\r\n                            btnColor={color.errorColor}\r\n                            height={40}\r\n                            hoverSx={{\r\n                              background: \"#bc2a20 !important\",\r\n                            }}\r\n                            sx={{\r\n                              px: \"16px\",\r\n                            }}\r\n                            onClick={() =>\r\n                              setShowConfirmReactive(!showConfirmReactive)\r\n                            }\r\n                          >\r\n                            <Typography\r\n                              fontSize={{\r\n                                xs: fontSizes.mediumFont,\r\n                                md: fontSizes.fontSize13,\r\n                                xl: fontSizes.fontSize14,\r\n                              }}\r\n                            >\r\n                              Reactivate Plan\r\n                            </Typography>\r\n                          </BtnGradient>\r\n                        </Box>\r\n                      </Box>\r\n                    </Box>\r\n                  ) : // <Box\r\n                  //   border={commonStyles.border}\r\n                  //   borderRadius={commonStyles.borderRadiusLG}\r\n                  //   mt={\"15px\"}\r\n                  // >\r\n                  //   <Box\r\n                  //     borderBottom={commonStyles.border}\r\n                  //     padding={\"20px\"}\r\n                  //     bgcolor={color.cardLiteBgColor}\r\n                  //   >\r\n                  //     <Box\r\n                  //       display={\"flex\"}\r\n                  //       justifyContent={\"space-between\"}\r\n                  //       alignItems={\"center\"}\r\n                  //     >\r\n                  //       <Box>\r\n                  //         <Typography\r\n                  //           color={color.errorColor}\r\n                  //           fontWeight={600}\r\n                  //           fontSize={fontSizes.xLargeFont}\r\n                  //         >\r\n                  //           {subscriptionData?.package} Plane\r\n                  //         </Typography>\r\n                  //         <Typography\r\n                  //           fontSize={fontSizes.mediumFont}\r\n                  //           mt={\"8px\"}\r\n                  //         >\r\n                  //           Your Subscription is Canceled\r\n                  //         </Typography>\r\n                  //       </Box>\r\n                  //       <Stack\r\n                  //         alignItems={\"center\"}\r\n                  //         justifyContent={\"center\"}\r\n                  //         border={commonStyles.border}\r\n                  //         borderRadius={commonStyles.borderRadiusMD}\r\n                  //         height={\"28px\"}\r\n                  //         bgcolor={color.cardLiteBgColor}\r\n                  //         px={\"8px\"}\r\n                  //       >\r\n                  //         <Typography\r\n                  //           color={color.subTitle}\r\n                  //           fontSize={fontSizes.mediumFont}\r\n                  //           fontWeight={600}\r\n                  //           height={\"18px\"}\r\n                  //         >\r\n                  //           Your subscription is currently inactive\r\n                  //         </Typography>\r\n                  //       </Stack>\r\n                  //     </Box>\r\n                  //   </Box>\r\n                  //   <Box padding={\"20px\"} width={\"70%\"}>\r\n                  //     <Typography\r\n                  //       fontSize={{\r\n                  //   xs: fontSizes.mediumFont,\r\n                  //   md: fontSizes.fontSize13,\r\n                  //   xl: fontSizes.fontSize14,\r\n                  // }}\r\n                  //       color={color.titleDark}\r\n                  //       lineHeight={\"28.8px\"}\r\n                  //     >\r\n                  //       It looks like your subscription was canceled. Don’t\r\n                  //       worry—reactivating your plan is quick and easy.\r\n                  //       Restore access to all premium features and pick up\r\n                  //       right where you left off!\r\n                  //     </Typography>\r\n                  //     <BtnGradient\r\n                  //       btnColor={color.errorColor}\r\n                  //       height={40}\r\n                  //       sx={{\r\n                  //         mt: \"16px\",\r\n                  //         px: \"16px\",\r\n                  //       }}\r\n                  //       onClick={() =>\r\n                  //         setShowConfirmReactive(!showConfirmReactive)\r\n                  //       }\r\n                  //     >\r\n                  //       <Typography\r\n                  //         fontSize={fontSizes.mediumFont}\r\n                  //         height={{\r\n                  //           xs: \"16px\",\r\n                  //           xl: \"18px\",\r\n                  //         }}\r\n                  //       >\r\n                  //         Reactivate Plan\r\n                  //       </Typography>\r\n                  //     </BtnGradient>\r\n                  //   </Box>\r\n                  // </Box>\r\n                  null\r\n                ) : (\r\n                  <Box\r\n                    sx={{\r\n                      border: \"1px solid #E1E1E1\",\r\n                      borderRadius: \"16px\",\r\n                      overflow: \"hidden\",\r\n                      mt: \"15px\",\r\n                    }}\r\n                  >\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      alignItems={\"flex-start\"}\r\n                      justifyContent={\"flex-start\"}\r\n                      bgcolor={color.lightBackground}\r\n                      flexWrap={\"wrap\"}\r\n                      borderBottom={`1px solid ${color.commonBorderColor}`}\r\n                      p={{\r\n                        xs: \"16px\",\r\n                        xl: \"24px\",\r\n                      }}\r\n                      // gap={{\r\n                      //   xs: \"16px\",\r\n                      //   xl: \"80px\",\r\n                      // }}\r\n                      rowGap={{\r\n                        xs: \"14px\",\r\n                        xl: \"80px\",\r\n                      }}\r\n                      columnGap={{\r\n                        xs: \"25px\",\r\n                        md: \"35px\",\r\n                        lg: \"75px\",\r\n                        xl: \"80px\",\r\n                      }}\r\n                      // borderBottom={\"1px solid #E1E1E1\"}\r\n                    >\r\n                      <Stack\r\n                        gap={{\r\n                          xs: \"10px\",\r\n                          xl: \"15px\",\r\n                        }}\r\n                      >\r\n                        <Typography\r\n                          fontSize={{\r\n                            xs: 14,\r\n                            lg: 16,\r\n                            xl: 18,\r\n                          }}\r\n                          fontWeight={600}\r\n                          height={{\r\n                            xs: \"18px\",\r\n                            lg: \"20px\",\r\n                            xl: \"22px\",\r\n                          }}\r\n                          color={\"#18181B\"}\r\n                        >\r\n                          {subscriptionData?.package} Plan{\" \"}\r\n                          {subscriptionData?.is_trial ? \"Trial\" : \"\"}\r\n                        </Typography>\r\n                        <Stack>\r\n                          <Typography\r\n                            fontSize={{\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            }}\r\n                            height={{\r\n                              xs: \"14px\",\r\n                              lg: \"16px\",\r\n                              xl: \"18px\",\r\n                            }}\r\n                            color={\"#18181B\"}\r\n                            fontWeight={400}\r\n                          >\r\n                            {subscriptionData?.package === \"Free\"\r\n                              ? \"Individuals and small projects\"\r\n                              : \"Your plan will be renewed On\"}\r\n                          </Typography>\r\n                          {subscriptionData?.package !== \"Free\" && (\r\n                            <Typography\r\n                              fontSize={{\r\n                                xs: 14,\r\n                                lg: 16,\r\n                                xl: 18,\r\n                              }}\r\n                              fontWeight={400}\r\n                              color={\"#06A05A\"}\r\n                              mt={\"5px\"}\r\n                            >\r\n                              {subscriptionData?.package === \"Free\"\r\n                                ? \"Free Forever\"\r\n                                : moment(\r\n                                    subscriptionData?.subscription_end_date\r\n                                  ).format(\"DD MMM, YYYY\")}\r\n                            </Typography>\r\n                          )}\r\n                        </Stack>\r\n                      </Stack>\r\n                      {subscriptionData?.package !== \"Free\" && (\r\n                        <>\r\n                          <Stack\r\n                            gap={{\r\n                              xs: \"10px\",\r\n                              xl: \"15px\",\r\n                            }}\r\n                          >\r\n                            <Typography\r\n                              fontSize={{\r\n                                xs: fontSizes.mediumFont,\r\n                                md: fontSizes.fontSize13,\r\n                                xl: fontSizes.fontSize14,\r\n                              }}\r\n                              height={{\r\n                                xs: \"15px\",\r\n                                lg: \"16px\",\r\n                                xl: \"18px\",\r\n                              }}\r\n                              color={\"#848382\"}\r\n                            >\r\n                              Billing Period\r\n                            </Typography>\r\n                            <Typography\r\n                              fontSize={{\r\n                                xs: 12,\r\n                                lg: 14,\r\n                                xl: 16,\r\n                              }}\r\n                              height={{\r\n                                xs: \"16px\",\r\n                                lg: \"18px\",\r\n                                xl: \"20px\",\r\n                              }}\r\n                              color={\"#18181B\"}\r\n                            >\r\n                              {subscriptionData?.package === \"Free\"\r\n                                ? \"-\"\r\n                                : subscriptionData?.interval_type === \"year\"\r\n                                ? \"Yearly\"\r\n                                : \"Monthly\"}\r\n                            </Typography>\r\n                          </Stack>\r\n                          <Stack\r\n                            gap={{\r\n                              xs: \"10px\",\r\n                              xl: \"15px\",\r\n                            }}\r\n                          >\r\n                            <Typography\r\n                              fontSize={{\r\n                                xs: fontSizes.mediumFont,\r\n                                md: fontSizes.fontSize13,\r\n                                xl: fontSizes.fontSize14,\r\n                              }}\r\n                              height={{\r\n                                xs: \"15px\",\r\n                                lg: \"16px\",\r\n                                xl: \"18px\",\r\n                              }}\r\n                              color={\"#848382\"}\r\n                            >\r\n                              Bill Amount\r\n                            </Typography>\r\n                            <Typography\r\n                              fontSize={{\r\n                                xs: 12,\r\n                                lg: 14,\r\n                                xl: 16,\r\n                              }}\r\n                              height={{\r\n                                xs: \"16px\",\r\n                                lg: \"18px\",\r\n                                xl: \"20px\",\r\n                              }}\r\n                              color={\"#18181B\"}\r\n                            >\r\n                              ${subscriptionData?.total}\r\n                            </Typography>\r\n                          </Stack>\r\n                          <Stack\r\n                            gap={{\r\n                              xs: \"10px\",\r\n                              xl: \"15px\",\r\n                            }}\r\n                          >\r\n                            <Typography\r\n                              fontSize={{\r\n                                xs: fontSizes.mediumFont,\r\n                                md: fontSizes.fontSize13,\r\n                                xl: fontSizes.fontSize14,\r\n                              }}\r\n                              height={{\r\n                                xs: \"15px\",\r\n                                lg: \"16px\",\r\n                                xl: \"18px\",\r\n                              }}\r\n                              color={\"#848382\"}\r\n                            >\r\n                              Credit Amount\r\n                            </Typography>\r\n                            <Typography\r\n                              fontSize={{\r\n                                xs: 12,\r\n                                lg: 14,\r\n                                xl: 16,\r\n                              }}\r\n                              height={{\r\n                                xs: \"16px\",\r\n                                lg: \"18px\",\r\n                                xl: \"20px\",\r\n                              }}\r\n                              color={\"#18181B\"}\r\n                            >\r\n                              ${credit}\r\n                            </Typography>\r\n                          </Stack>\r\n                          {/* {subscriptionData?.package?.includes(\"Business\") && ( */}\r\n                          <>\r\n                            <Stack\r\n                              gap={{\r\n                                xs: \"10px\",\r\n                                xl: \"15px\",\r\n                              }}\r\n                            >\r\n                              <Typography\r\n                                fontSize={{\r\n                                  xs: fontSizes.mediumFont,\r\n                                  md: fontSizes.fontSize13,\r\n                                  xl: fontSizes.fontSize14,\r\n                                }}\r\n                                height={{\r\n                                  xs: \"14px\",\r\n                                  lg: \"16px\",\r\n                                  xl: \"18px\",\r\n                                }}\r\n                                color={\"#848382\"}\r\n                              >\r\n                                Total Licenses\r\n                              </Typography>\r\n                              <Typography\r\n                                fontSize={{\r\n                                  xs: 12,\r\n                                  lg: 14,\r\n                                  xl: 16,\r\n                                }}\r\n                                height={{\r\n                                  xs: \"16px\",\r\n                                  lg: \"18px\",\r\n                                  xl: \"20px\",\r\n                                }}\r\n                                color={\"#18181B\"}\r\n                              >\r\n                                {featureLimitAndUsed?.find(\r\n                                  (feature) => feature.feature === \"user\"\r\n                                )?.limit < 10\r\n                                  ? `0${\r\n                                      featureLimitAndUsed?.find(\r\n                                        (feature) => feature.feature === \"user\"\r\n                                      )?.limit\r\n                                    }`\r\n                                  : featureLimitAndUsed?.find(\r\n                                      (feature) => feature.feature === \"user\"\r\n                                    )?.limit}\r\n                              </Typography>\r\n                            </Stack>\r\n                            <Stack\r\n                              gap={{\r\n                                xs: \"10px\",\r\n                                xl: \"15px\",\r\n                              }}\r\n                            >\r\n                              <Typography\r\n                                fontSize={{\r\n                                  xs: fontSizes.mediumFont,\r\n                                  md: fontSizes.fontSize13,\r\n                                  xl: fontSizes.fontSize14,\r\n                                }}\r\n                                height={{\r\n                                  xs: \"15px\",\r\n                                  lg: \"16px\",\r\n                                  xl: \"18px\",\r\n                                }}\r\n                                color={\"#848382\"}\r\n                              >\r\n                                Allocated\r\n                              </Typography>\r\n                              <Typography\r\n                                fontSize={{\r\n                                  xs: 12,\r\n                                  lg: 14,\r\n                                  xl: 16,\r\n                                }}\r\n                                height={{\r\n                                  xs: \"16px\",\r\n                                  lg: \"18px\",\r\n                                  xl: \"20px\",\r\n                                }}\r\n                                color={\"#18181B\"}\r\n                              >\r\n                                {featureLimitAndUsed?.find(\r\n                                  (feature) => feature.feature === \"user\"\r\n                                )?.used < 10\r\n                                  ? `0${\r\n                                      featureLimitAndUsed?.find(\r\n                                        (feature) => feature.feature === \"user\"\r\n                                      )?.used\r\n                                    }`\r\n                                  : featureLimitAndUsed?.find(\r\n                                      (feature) => feature.feature === \"user\"\r\n                                    )?.used}\r\n                              </Typography>\r\n                            </Stack>\r\n                          </>\r\n                          {/* )} */}\r\n                        </>\r\n                      )}\r\n                    </Stack>\r\n                    <Stack\r\n                      p={{\r\n                        xs: \"10px 10px 15px 15px\",\r\n                        lg: \"10px 10px 15px 15px\",\r\n                        xl: \"15px 15px 24px 15px\",\r\n                      }}\r\n                      gap={\"15px\"}\r\n                    >\r\n                      {subscriptionData?.package !== \"Free\" ? (\r\n                        <Box\r\n                          display={\"flex\"}\r\n                          gap={\"8px\"}\r\n                          alignItems={\"baseline\"}\r\n                        >\r\n                          <CommonBulletPoint />\r\n                          <Box\r\n                            gap={\"3px\"}\r\n                            color={\"#848382\"}\r\n                            sx={{\r\n                              \"& span\": {\r\n                                fontSize: {\r\n                                  xs: fontSizes.mediumFont,\r\n                                  md: fontSizes.fontSize13,\r\n                                  xl: fontSizes.fontSize14,\r\n                                },\r\n                              },\r\n                              \"& .plan-name\": {\r\n                                fontSize: {\r\n                                  xs: fontSizes.mediumFont,\r\n                                  md: fontSizes.fontSize13,\r\n                                  xl: fontSizes.fontSize14,\r\n                                },\r\n                                fontWeight: fontWeight.weight600,\r\n                                color: color.titleDark,\r\n                              },\r\n                            }}\r\n                          >\r\n                            <span>You are subscribed to the</span>{\" \"}\r\n                            <span className=\"plan-name\">\r\n                              {subscriptionData?.package} Plan with a{\" \"}\r\n                              {subscriptionData?.package === \"Free\"\r\n                                ? \"-\"\r\n                                : subscriptionData?.interval_type === \"year\"\r\n                                ? \"Yearly\"\r\n                                : \"Monthly\"}{\" \"}\r\n                              billing cycle\r\n                            </span>\r\n                          </Box>\r\n                          <Box>\r\n                            <CommonLink\r\n                              sx={{\r\n                                whiteSpace: \"nowrap\",\r\n                              }}\r\n                              onClick={() => {\r\n                                if (\r\n                                  subscriptionData?.package?.includes(\r\n                                    \"Business\"\r\n                                  ) &&\r\n                                  subscriptionData?.interval_type === \"year\"\r\n                                ) {\r\n                                  return;\r\n                                } else {\r\n                                  setShowPlaneModel(true);\r\n                                }\r\n                              }}\r\n                              color={\r\n                                subscriptionData?.package?.includes(\r\n                                  \"Business\"\r\n                                ) && subscriptionData?.interval_type === \"year\"\r\n                                  ? color.subTitle\r\n                                  : color.primaryColor\r\n                              }\r\n                            >\r\n                              {\" \"}\r\n                              Change Plan\r\n                            </CommonLink>\r\n\r\n                            {/* </Typography> */}\r\n                          </Box>\r\n                        </Box>\r\n                      ) : (\r\n                        <Stack>\r\n                          <Typography\r\n                            fontSize={{\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            }}\r\n                            color={\"#18181B\"}\r\n                            width={{ xs: \"100%\", lg: \"70%\" }}\r\n                          >\r\n                            Gain full access to all advanced features, including\r\n                            unlimited charts, boards, premium templates, and\r\n                            exclusive tools to elevate your projects.\r\n                          </Typography>\r\n                          <BtnGradient\r\n                            fullWidth={false}\r\n                            sx={{\r\n                              px: \"18px\",\r\n                              width: \"fit-content\",\r\n                              mt: {\r\n                                xs: \"12px\",\r\n                                lg: \"16px\",\r\n                              },\r\n                            }}\r\n                            onClick={() => {\r\n                              setShowPlaneModel(true);\r\n                            }}\r\n                          >\r\n                            <Typography\r\n                              fontSize={{\r\n                                xs: fontSizes.mediumFont,\r\n                                md: fontSizes.fontSize13,\r\n                                xl: fontSizes.fontSize14,\r\n                              }}\r\n                              height={fontSizes.btnTextHeight}\r\n                              fontWeight={500}\r\n                            >\r\n                              Upgrade to Premium\r\n                            </Typography>\r\n                          </BtnGradient>\r\n                        </Stack>\r\n                      )}\r\n                      {/* {subscriptionData?.package?.includes(\"Business\") && ( */}\r\n                      {/* {!isCurrentPlanIsTrial && ( */}\r\n                      <Stack flexDirection={\"row\"} gap={\"8px\"}>\r\n                        <CommonBulletPoint />\r\n                        <Stack flexDirection={\"row\"} gap={\"3px\"}>\r\n                          <Typography\r\n                            fontSize={{\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            }}\r\n                            color={color.titleDark}\r\n                            fontWeight={fontWeight.weight600}\r\n                          >\r\n                            Managing License\r\n                          </Typography>\r\n                          <Typography\r\n                            color={\"#848382\"}\r\n                            fontSize={{\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            }}\r\n                          >\r\n                            You can add more License.\r\n                          </Typography>\r\n                        </Stack>\r\n                        <Stack\r\n                          onClick={() => {\r\n                            setIsAddNewLicense(true);\r\n                          }}\r\n                        >\r\n                          {/* <Typography\r\n                            color={color.primaryColor}\r\n                            fontSize={{\r\n                              xs: 10,\r\n                              lg: 12,\r\n                              xl: 14,\r\n                            }}\r\n                            sx={{\r\n                              cursor: \"pointer\",\r\n                            }}\r\n                          > */}\r\n                          <AddNewLicense\r\n                            open={isAddNewLicense}\r\n                            handleClose={handleCloseAddNewLicense}\r\n                            setOpen={setIsAddNewLicense}\r\n                            cardList={cardList}\r\n                            currentPlanDetails={currentPlanDetails}\r\n                          />\r\n                          {/* </Typography> */}\r\n                        </Stack>\r\n                      </Stack>\r\n                      {/* )} */}\r\n                      {/* )} */}\r\n\r\n                      {subscriptionData?.package === \"Team\" && (\r\n                        <Stack\r\n                          flexDirection={\"row\"}\r\n                          gap={\"8px\"}\r\n                          alignItems={\"center\"}\r\n                          ml={\"10px\"}\r\n                        >\r\n                          <Stack flexDirection={\"row\"} gap={\"3px\"}>\r\n                            <Typography\r\n                              color={\"#848382\"}\r\n                              fontSize={{\r\n                                xs: fontSizes.mediumFont,\r\n                                md: fontSizes.fontSize13,\r\n                                xl: fontSizes.fontSize14,\r\n                              }}\r\n                            >\r\n                              When you upgrade to the yearly plan, you’ll\r\n                              receive a{\" \"}\r\n                              <Typography variant=\"captions\" color={\"#027A48\"}>\r\n                                20% discount.\r\n                              </Typography>\r\n                            </Typography>\r\n                          </Stack>\r\n                        </Stack>\r\n                      )}\r\n\r\n                      {(subscriptionData?.package?.includes(\"Business\") &&\r\n                        subscriptionData?.interval_type === \"month\") ||\r\n                      (subscriptionData?.package === \"Professional\" &&\r\n                        subscriptionData?.interval_type === \"month\") ? (\r\n                        <Stack gap={\"8px\"}>\r\n                          {/* <Stack\r\n                            flexDirection={\"row\"}\r\n                            gap={\"8px\"}\r\n                            alignItems={\"center\"}\r\n                          >\r\n                            <Box\r\n                              width={\"4px\"}\r\n                              height={\"4px\"}\r\n                              bgcolor={\"#848382\"}\r\n                              borderRadius={\"50%\"}\r\n                            />\r\n                            <Stack flexDirection={\"row\"} gap={\"3px\"}>\r\n                              <Typography\r\n                                fontSize={{\r\n                                  xs: fontSizes.mediumFont,\r\n                                  md: fontSizes.fontSize13,\r\n                                  xl: fontSizes.fontSize14,\r\n                                }}\r\n                                color={\"#18181B\"}\r\n                              >\r\n                                Your {subscriptionData?.package} Plan monthly\r\n                                charges\r\n                              </Typography>\r\n                              <Typography\r\n                                color={\"#E03F34\"}\r\n                                fontSize={{\r\n                                  xs: fontSizes.mediumFont,\r\n                                  md: fontSizes.fontSize13,\r\n                                  xl: fontSizes.fontSize14,\r\n                                }}\r\n                              >\r\n                                ${subscriptionData?.total}\r\n                              </Typography>\r\n                            </Stack>\r\n                          </Stack> */}\r\n                          <Stack ml={\"12px\"} flexDirection={\"row\"} gap={\"3px\"}>\r\n                            <Typography\r\n                              fontSize={{\r\n                                xs: fontSizes.mediumFont,\r\n                                md: fontSizes.fontSize13,\r\n                                xl: fontSizes.fontSize14,\r\n                              }}\r\n                              color={\"#848382\"}\r\n                            >\r\n                              When you upgrade to the yearly plan, you’ll\r\n                              receive a\r\n                            </Typography>\r\n                            <Typography\r\n                              fontWeight={600}\r\n                              fontSize={{\r\n                                xs: fontSizes.mediumFont,\r\n                                md: fontSizes.fontSize13,\r\n                                xl: fontSizes.fontSize14,\r\n                              }}\r\n                              color={\"#027A48\"}\r\n                            >\r\n                              20% discount.\r\n                            </Typography>\r\n                          </Stack>\r\n                          <BtnGradient\r\n                            sx={{\r\n                              px: \"16px\",\r\n                              ml: \"12px\",\r\n                              width: \"fit-content !important\",\r\n                              fontSize: {\r\n                                xs: fontSizes.mediumFont,\r\n                                md: fontSizes.fontSize13,\r\n                                xl: fontSizes.fontSize14,\r\n                              },\r\n                            }}\r\n                            xsHeight={26}\r\n                            height={40}\r\n                            onClick={() => {\r\n                              setShowPlaneModel(true);\r\n                            }}\r\n                          >\r\n                            Upgrade to Annual Plan\r\n                          </BtnGradient>\r\n                        </Stack>\r\n                      ) : (\r\n                        <></>\r\n                      )}\r\n                    </Stack>\r\n                  </Box>\r\n                )}\r\n                <CommonDivider\r\n                  my={\"0px\"}\r\n                  sx={{\r\n                    mt: {\r\n                      xs: \"10px\",\r\n                      lg: \"10px\",\r\n                      xl: \"20px\",\r\n                    },\r\n                    mb: {\r\n                      xs: \"10px\",\r\n                      lg: \"10px\",\r\n                      xl: \"20px\",\r\n                    },\r\n                    borderColor: color.darkGray,\r\n                    opacity: \"1 !important\",\r\n                  }}\r\n                />\r\n                {USER_DATA?.role === \"Account Owner\" && (\r\n                  <>\r\n                    <Stack gap={\"15px\"}>\r\n                      <Typography\r\n                        color={color.titleDark}\r\n                        fontSize={{\r\n                          xs: fontSizes.fontSize18px,\r\n                          md: fontSizes.fontSize20,\r\n                        }}\r\n                        fontWeight={fontWeight.weight600}\r\n                      >\r\n                        License Management\r\n                      </Typography>\r\n                      <Stack direction={\"row\"} gap={\"10px\"}>\r\n                        <Box>\r\n                          <CommonSwitch\r\n                            checked={\r\n                              currentPlanDetails?.data\r\n                                ?.anyone_can_expand_the_team\r\n                            }\r\n                            isSmall\r\n                            onChange={(e) =>\r\n                              updateTeamExpandPermission({\r\n                                anyone_can_expand_team: e.target.checked,\r\n                              }).then((result) => {\r\n                                if (result.error) {\r\n                                  dispatch(\r\n                                    errorToast({\r\n                                      message:\r\n                                        result?.data?.error?.data?.message,\r\n                                    })\r\n                                  );\r\n                                } else {\r\n                                  dispatch(\r\n                                    successToast({\r\n                                      message: result?.data?.message,\r\n                                    })\r\n                                  );\r\n                                }\r\n                              })\r\n                            }\r\n                          />\r\n                        </Box>\r\n                        <Stack>\r\n                          <Typography\r\n                            mb={0.5}\r\n                            color={color.titleDark}\r\n                            fontSize={{\r\n                              xs: fontSizes.fontSize14,\r\n                              md: fontSizes.fontSize15,\r\n                              xl: fontSizes.fontSize16,\r\n                            }}\r\n                            fontWeight={fontWeight.weight600}\r\n                          >\r\n                            Anyone can expand the team\r\n                          </Typography>\r\n                          <Typography\r\n                            color={color.subTitle}\r\n                            fontSize={{\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            }}\r\n                            fontWeight={fontWeight.weight400}\r\n                          >\r\n                            When members have the right to invite, they will be\r\n                            able to add new licenses to your plan.{\" \"}\r\n                          </Typography>\r\n                          <Typography\r\n                            color={color.subTitle}\r\n                            fontSize={{\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            }}\r\n                            fontWeight={fontWeight.weight400}\r\n                          >\r\n                            You’ll be charged for the new licenses in the next\r\n                            billing cycle.\r\n                          </Typography>\r\n                        </Stack>\r\n                      </Stack>\r\n                    </Stack>\r\n                    <CommonDivider\r\n                      my={\"0px\"}\r\n                      sx={{\r\n                        mt: {\r\n                          xs: \"10px\",\r\n                          lg: \"15px\",\r\n                          xl: \"25px\",\r\n                        },\r\n                        borderColor: color.darkGray,\r\n                        opacity: \"1 !important\",\r\n                      }}\r\n                    />\r\n                  </>\r\n                )}\r\n                <Stack\r\n                  mt={{\r\n                    xs: \"20px\",\r\n                    xl: \"20px\",\r\n                  }}\r\n                >\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize18px,\r\n                      md: fontSizes.fontSize20,\r\n                      xl: fontSizes.fontSize22,\r\n                    }}\r\n                    fontWeight={600}\r\n                    color={\"#18181B\"}\r\n                  >\r\n                    Usage\r\n                  </Typography>\r\n                  {/* <Stack\r\n                  width={\"100%\"}\r\n                  flexDirection={\"row\"}\r\n                  justifyContent={\"flex-start\"}\r\n                  alignItems={\"center\"}\r\n                  my={\"20px\"}\r\n                  gap={\"8px\"}\r\n                >\r\n                  <Stack\r\n                    height={\"40px\"}\r\n                    alignItems={\"center\"}\r\n                    justifyContent={\"center\"}\r\n                    px={\"15px\"}\r\n                    borderRadius={\"8px\"}\r\n                    bgcolor={isCloudchart ? \"#007AFF1A\" : \"#FFF\"}\r\n                    sx={{\r\n                      cursor: \"pointer\",\r\n                      \"&:hover\": {\r\n                        bgcolor: \"#007AFF1A\",\r\n                        \"& p\": {\r\n                          color: \"#007AFF\",\r\n                        },\r\n                      },\r\n                    }}\r\n                    onClick={() => {\r\n                      setIsCloudchart(true);\r\n                      setIsCloudcollab(false);\r\n                    }}\r\n                  >\r\n                    <Typography\r\n                      color={isCloudchart ? \"#007AFF\" : \"#848382\"}\r\n                      fontSize={\"14px\"}\r\n                    >\r\n                      Cloudchart\r\n                    </Typography>\r\n                  </Stack>\r\n                  <Stack\r\n                    height={\"40px\"}\r\n                    alignItems={\"center\"}\r\n                    justifyContent={\"center\"}\r\n                    px={\"15px\"}\r\n                    borderRadius={\"8px\"}\r\n                    bgcolor={isCloudcollab ? \"#007AFF1A\" : \"#FFF\"}\r\n                    sx={{\r\n                      cursor: \"pointer\",\r\n                      \"&:hover\": {\r\n                        bgcolor: \"#007AFF1A\",\r\n                        \"& p\": {\r\n                          color: \"#007AFF\",\r\n                        },\r\n                      },\r\n                    }}\r\n                    onClick={() => {\r\n                      setIsCloudcollab(true);\r\n                      setIsCloudchart(false);\r\n                    }}\r\n                  >\r\n                    <Typography\r\n                      color={isCloudcollab ? \"#007AFF\" : \"#848382\"}\r\n                      fontSize={\"14px\"}\r\n                    >\r\n                      Cloudcollab\r\n                    </Typography>\r\n                  </Stack>\r\n                </Stack>\r\n                <Box\r\n                  sx={{\r\n                    width: \"100%\",\r\n                    height: \"1px\",\r\n                    background:\r\n                      \"linear-gradient(90deg, rgba(67, 44, 44, 0.048) 0%, rgba(67, 44, 44, 0.24) 50%, rgba(67, 44, 44, 0.048) 100%)\",\r\n                  }}\r\n                /> */}\r\n                  {subscriptionData?.unsubscribe_date !== null && (\r\n                    <Typography\r\n                      fontSize={{\r\n                        xs: fontSizes.mediumFont,\r\n                        md: fontSizes.fontSize13,\r\n                        xl: fontSizes.fontSize14,\r\n                      }}\r\n                      color={color.titleDark}\r\n                      my={{\r\n                        xs: \"5px\",\r\n                        xl: \"5px\",\r\n                      }}\r\n                    >\r\n                      Your access is currently limited.{\" \"}\r\n                      <Typography\r\n                        variant=\"caption\"\r\n                        color={color.primaryColor}\r\n                        fontSize={{\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                        onClick={() =>\r\n                          setShowConfirmReactive(!showConfirmReactive)\r\n                        }\r\n                        sx={{\r\n                          cursor: \"pointer\",\r\n                        }}\r\n                      >\r\n                        Reactivate your subscription\r\n                      </Typography>{\" \"}\r\n                      to unlock unlimited usage and enjoy all features.\r\n                    </Typography>\r\n                  )}\r\n                  {isCloudchart && (\r\n                    <Stack\r\n                      direction={\"row\"}\r\n                      alignItems={\"center\"}\r\n                      justifyContent={\"flex-start\"}\r\n                      gap={{\r\n                        xl: \"20px\",\r\n                        lg: \"10px\",\r\n                      }}\r\n                      mt={\r\n                        subscriptionData?.unsubscribe_date !== null\r\n                          ? \"16px\"\r\n                          : {\r\n                              xs: \"18px\",\r\n                              xl: \"20px\",\r\n                            }\r\n                      }\r\n                      mb={\"30px\"}\r\n                    >\r\n                      <Grid\r\n                        container\r\n                        spacing={3}\r\n                        direction={\"row\"}\r\n                        alignItems={\"flex-start\"}\r\n                        justifyContent={\"flex-start\"}\r\n                      >\r\n                        {featureLimitAndUsed\r\n                          ?.filter(\r\n                            (feature) => feature?.feature !== \"whiteboard\"\r\n                          )\r\n                          ?.filter((feature) => feature?.feature !== \"user\")\r\n                          ?.map((feature, i) => (\r\n                            <Fragment key={i + 1}>\r\n                              <Grid item xs={12} sm={6} md={4} lg={3} xl={3}>\r\n                                <Stack\r\n                                  border={\"1px solid #E1E1E1\"}\r\n                                  borderRadius={\"16px\"}\r\n                                  bgcolor={\"#FFF\"}\r\n                                  overflow={\"hidden\"}\r\n                                  minHeight={\"200px\"}\r\n                                  maxWidth={\"372px\"}\r\n                                  height={{\r\n                                    xs: \"200px\",\r\n                                    xl: \"auto\",\r\n                                  }}\r\n                                >\r\n                                  <Stack\r\n                                    p={\"15px\"}\r\n                                    bgcolor={\"#F9FAFB\"}\r\n                                    borderBottom={\"1px solid #E1E1E1\"}\r\n                                    flexDirection={\"row\"}\r\n                                    justifyContent={\"space-between\"}\r\n                                    alignItems={\"center\"}\r\n                                  >\r\n                                    <Typography\r\n                                      fontWeight={600}\r\n                                      color={\"#18181B\"}\r\n                                      fontSize={{\r\n                                        xs: fontSizes.fontSize13px,\r\n                                        md: fontSizes.fontSize14,\r\n                                        xl: fontSizes.fontSize16,\r\n                                      }}\r\n                                      ml={\"5px\"}\r\n                                      style={{ textTransform: \"capitalize\" }}\r\n                                    >\r\n                                      {feature?.feature === \"ai_generate\"\r\n                                        ? \"AI Credits\"\r\n                                        : feature?.feature === \"cloudchart\"\r\n                                        ? \"Boards\"\r\n                                        : feature?.feature?.replaceAll(\r\n                                            \"_\",\r\n                                            \" \"\r\n                                          )}\r\n                                    </Typography>\r\n                                    {feature.feature === \"ai_generate\" && (\r\n                                      <CommonLink\r\n                                        onClick={() => {\r\n                                          handleAddAiCredits();\r\n                                        }}\r\n                                      >\r\n                                        Manage credit\r\n                                      </CommonLink>\r\n                                    )}\r\n                                  </Stack>\r\n                                  <Stack p={\"12px\"}>\r\n                                    <Stack\r\n                                      direction={\"row\"}\r\n                                      alignItems={\"center\"}\r\n                                      justifyContent={\"space-between\"}\r\n                                      mb={{\r\n                                        xs: \"8px\",\r\n                                        xl: \"8px\",\r\n                                      }}\r\n                                    >\r\n                                      <Stack\r\n                                        flexDirection={\"row\"}\r\n                                        alignItems={\"center\"}\r\n                                        gap={\"3px\"}\r\n                                      >\r\n                                        <Box>\r\n                                          <Typography\r\n                                            display={\"initial\"}\r\n                                            fontWeight={fontWeight.weight600}\r\n                                            fontSize={fontSizes.fontSize18px}\r\n                                          >\r\n                                            <Typography\r\n                                              display={\"initial\"}\r\n                                              fontSize={fontSizes.fontSize26}\r\n                                              fontWeight={fontWeight.weight600}\r\n                                            >\r\n                                              {\r\n                                                featureData[feature.feature]\r\n                                                  ?.used\r\n                                              }\r\n                                            </Typography>{\" \"}\r\n                                            {feature.feature === \"ai_generate\"\r\n                                              ? \"/ \" +\r\n                                                (Number(\r\n                                                  featureData[feature.feature]\r\n                                                    ?.limit\r\n                                                ) +\r\n                                                  Number(\r\n                                                    currentPlanDetails?.data\r\n                                                      ?.additional_ai_credit_available\r\n                                                  ))\r\n                                              : \"\"}\r\n                                          </Typography>{\" \"}\r\n                                          used\r\n                                        </Box>\r\n                                      </Stack>\r\n                                    </Stack>\r\n\r\n                                    <Stack>\r\n                                      <Typography\r\n                                        fontSize={{\r\n                                          xs: fontSizes.mediumFont,\r\n                                          md: fontSizes.fontSize13,\r\n                                          xl: fontSizes.fontSize14,\r\n                                        }}\r\n                                        color={\"#848382\"}\r\n                                        lineHeight={\"24px\"}\r\n                                      >\r\n                                        {feature.limit === -1\r\n                                          ? feature.feature === \"cloudchart\"\r\n                                            ? \"Unlimited Chart Creation: No restrictions on the number of charts you can create.\"\r\n                                            : feature.feature === \"export_files\"\r\n                                            ? \"Total count of files exported in various formats for sharing and integration.\"\r\n                                            : feature.feature ===\r\n                                              \"custom_template\"\r\n                                            ? \"Total count of custom templates created for reuse and workflow optimization.\"\r\n                                            : \"\"\r\n                                          : feature.feature === \"cloudchart\"\r\n                                          ? `Create up to ${feature.limit} charts for free - upgrade to Professional Bundle for unlimited charts.`\r\n                                          : feature.feature === \"export_files\"\r\n                                          ? `Export up to ${feature.limit} files for free - upgrade to Professional Bundle for unlimited exports.`\r\n                                          : feature.feature ===\r\n                                            \"custom_template\"\r\n                                          ? `Access up to ${feature.limit} custom templates for free - upgrade to Professional Bundle for unlimited templates.`\r\n                                          : feature.feature === \"ai_generate\"\r\n                                          ? `Total AI credits utilized for enhanced productivity through intelligent features.`\r\n                                          : `Invite up to ${feature.limit} users - add on users to invite more users.`}\r\n                                      </Typography>\r\n                                    </Stack>\r\n                                  </Stack>\r\n                                </Stack>\r\n                              </Grid>\r\n                            </Fragment>\r\n                          ))}\r\n                      </Grid>\r\n                    </Stack>\r\n                  )}\r\n                </Stack>\r\n                {subscriptionData?.package !== \"Free\" && (\r\n                  <>\r\n                    <CommonDivider\r\n                      my={\"0px\"}\r\n                      sx={{\r\n                        borderColor: color.darkGray,\r\n                        opacity: \"1 !important\",\r\n                      }}\r\n                    />\r\n                    {cardList.length > 0 && (\r\n                      <Stack\r\n                        mt={{\r\n                          xs: \"15px\",\r\n                          xl: \"20px\",\r\n                        }}\r\n                        pb={\"28px\"}\r\n                      >\r\n                        <Typography\r\n                          fontSize={{\r\n                            xs: fontSizes.fontSize18px,\r\n                            md: fontSizes.fontSize20,\r\n                            xl: fontSizes.fontSize22,\r\n                          }}\r\n                          fontWeight={600}\r\n                          color={\"#18181B\"}\r\n                        >\r\n                          Billings\r\n                        </Typography>\r\n                        <Typography\r\n                          fontSize={{\r\n                            xs: fontSizes.mediumFont,\r\n                            md: fontSizes.fontSize13,\r\n                            xl: fontSizes.fontSize14,\r\n                          }}\r\n                          color={color.subTitle}\r\n                          // mt={{\r\n                          //   xs: \"6px\",\r\n                          //   xl: \"10px\",\r\n                          // }}\r\n                          mb={\"15px\"}\r\n                        >\r\n                          Future charges will be applied on this card\r\n                        </Typography>\r\n\r\n                        {cardList?.map((card, i) => {\r\n                          return (\r\n                            card?.is_default && (\r\n                              <Box\r\n                                key={i + 1}\r\n                                sx={{\r\n                                  border: \"1px solid #E1E1E1\",\r\n                                  bgcolor: \"#F9FAFB\",\r\n                                  borderRadius: \"16px\",\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                                  width: \"300px !important\",\r\n                                  minWidth: \"300px\",\r\n                                  \"& img\": {\r\n                                    height: \"10px\",\r\n                                  },\r\n                                }}\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={{\r\n                                      xs: fontSizes.mediumFont,\r\n                                      md: fontSizes.fontSize13,\r\n                                      xl: fontSizes.fontSize14,\r\n                                    }}\r\n                                    fontWeight={\"500\"}\r\n                                    color={\"#18181B\"}\r\n                                  >\r\n                                    {card?.brand}\r\n                                  </Typography>\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\r\n                                      fontSize={{\r\n                                        xs: fontSizes.mediumFont,\r\n                                        md: fontSizes.fontSize13,\r\n                                        xl: fontSizes.fontSize14,\r\n                                      }}\r\n                                      color={\"#848382\"}\r\n                                    >\r\n                                      Expiry :\r\n                                    </Typography>\r\n                                    <Typography\r\n                                      fontSize={{\r\n                                        xs: fontSizes.mediumFont,\r\n                                        md: fontSizes.fontSize13,\r\n                                        xl: fontSizes.fontSize14,\r\n                                      }}\r\n                                      color={\"#18181B\"}\r\n                                    >\r\n                                      {card.date}\r\n                                    </Typography>\r\n                                  </Stack>\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.primaryColor}\r\n                                    px={\"8px\"}\r\n                                    gap={\"4px\"}\r\n                                  >\r\n                                    <IcCheck\r\n                                      width=\"15\"\r\n                                      height=\"15\"\r\n                                      fill=\"#FFF\"\r\n                                    />\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                                </Stack>\r\n                              </Box>\r\n                            )\r\n                          );\r\n                        })}\r\n                        <Stack\r\n                          mt={\"12px\"}\r\n                          sx={{\r\n                            cursor: \"pointer\",\r\n                          }}\r\n                        >\r\n                          <CommonLink\r\n                            onClick={() => {\r\n                              // setIsChangePaymentMethod(true);\r\n                              handleClickPaymentMethod();\r\n                            }}\r\n                          >\r\n                            Change payment method\r\n                          </CommonLink>\r\n                        </Stack>\r\n                      </Stack>\r\n                    )}\r\n                    <Stack>\r\n                      <Typography\r\n                        fontSize={{\r\n                          xs: fontSizes.mediumFont,\r\n                          md: fontSizes.fontSize13,\r\n                          xl: fontSizes.fontSize14,\r\n                        }}\r\n                        color={\"#848382\"}\r\n                        fontWeight={400}\r\n                      >\r\n                        Billing emails address{\" \"}\r\n                      </Typography>\r\n                      <Stack mt={\"4px\"} flexDirection={\"row\"} gap={\"16px\"}>\r\n                        <Typography\r\n                          fontSize={{\r\n                            xs: fontSizes.mediumFont,\r\n                            md: fontSizes.fontSize13,\r\n                            xl: fontSizes.fontSize14,\r\n                          }}\r\n                          color={\"#18181B\"}\r\n                          fontWeight={500}\r\n                        >\r\n                          {userData?.email_id}{\" \"}\r\n                          {/* <Typography\r\n                            color={color.primaryColor}\r\n                            variant=\"caption\"\r\n                            ml={\"0.7rem\"}\r\n                            fontSize={{\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            }}\r\n                            fontWeight={400}\r\n                            onClick={() => setEditEmail(true)}\r\n                            sx={{\r\n                              cursor: \"pointer\",\r\n                            }}\r\n                          > */}\r\n                          <CommonLink\r\n                            variant=\"caption\"\r\n                            onClick={() => setEditEmail(true)}\r\n                          >\r\n                            Change email address\r\n                          </CommonLink>\r\n                          {/* </Typography> */}\r\n                        </Typography>\r\n                      </Stack>\r\n                    </Stack>\r\n                    {subscriptionData?.unsubscribe_date === null && (\r\n                      <>\r\n                        {\" \"}\r\n                        {/* <Box\r\n                          width={\"100%\"}\r\n                          height={\"1px\"}\r\n                          my={\"30px\"}\r\n                          sx={{\r\n                            background:\r\n                              \"linear-gradient(90deg, rgba(67, 44, 44, 0.048) 0%, rgba(67, 44, 44, 0.24) 50%, rgba(67, 44, 44, 0.048) 100%)\",\r\n                          }}\r\n                        /> */}\r\n                        <CommonDivider\r\n                          my={\"24px\"}\r\n                          sx={{\r\n                            borderColor: color.darkGray,\r\n                            opacity: \"1 !important\",\r\n                          }}\r\n                        />\r\n                        <Stack flexDirection={\"row\"} gap={\"3px\"}>\r\n                          <Typography\r\n                            fontSize={{\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            }}\r\n                            color={\"#18181B\"}\r\n                            fontWeight={600}\r\n                            minWidth={\"75px\"}\r\n                          >\r\n                            Please note:\r\n                          </Typography>\r\n                          <Typography\r\n                            color={color.subTitle}\r\n                            fontWeight={fontWeight.weight400}\r\n                            fontSize={{\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            }}\r\n                          >\r\n                            Do not cancel your subscription if you just want to\r\n                            change Team Size, Payment Method or Billing Period.\r\n                          </Typography>\r\n                          {/* <Typography\r\n                          fontSize={{\r\n                            xs: \"12px\",\r\n                            xl: \"14px\",\r\n                          }}\r\n                          color={\"#848382\"}\r\n                          fontWeight={400}\r\n                        >\r\n                          Do not cancel your subscription if you just want to{\" \"}\r\n                          {subscriptionData?.package?.includes(\"Business\") ? (\r\n                            <>\r\n                              <Typography\r\n                                variant=\"caption\"\r\n                                color={color.primaryColor}\r\n                              >\r\n                                Add new members\r\n                              </Typography>\r\n                              ,\r\n                            </>\r\n                          ) : (\r\n                            \"change \"\r\n                          )}{\" \"}\r\n                          <Typography\r\n                            variant=\"caption\"\r\n                            color={color.primaryColor}\r\n                          >\r\n                            payment method\r\n                          </Typography>{\" \"}\r\n                          or{\" \"}\r\n                          <Typography\r\n                            variant=\"caption\"\r\n                            color={color.primaryColor}\r\n                          >\r\n                            billing period\r\n                          </Typography>\r\n                          .\r\n                        </Typography> */}\r\n                        </Stack>{\" \"}\r\n                      </>\r\n                    )}\r\n                    {subscriptionData?.unsubscribe_date === null &&\r\n                      subscriptionData?.package !== \"Free\" && (\r\n                        <BtnColoredOutlined\r\n                          bgcolor=\"#F7F7F7\"\r\n                          borderColor=\"#E1E1E1\"\r\n                          sx={{\r\n                            px: \"24px\",\r\n                            mt: \"18px\",\r\n                            transition: \"all 0.2s\",\r\n                          }}\r\n                          hoverSx={{\r\n                            bgcolor: \"#EEEEEE\",\r\n                          }}\r\n                          onClick={() => setShowCancelSubscription(true)}\r\n                        >\r\n                          <Typography\r\n                            fontSize={{\r\n                              xs: fontSizes.mediumFont,\r\n                              md: fontSizes.fontSize13,\r\n                              xl: fontSizes.fontSize14,\r\n                            }}\r\n                            color={\"#848382\"}\r\n                          >\r\n                            {subscriptionData?.is_trial === true\r\n                              ? \"Cancel Trial\"\r\n                              : \"Cancel Subscription\"}\r\n                          </Typography>\r\n                        </BtnColoredOutlined>\r\n                      )}\r\n                  </>\r\n                )}\r\n              </>\r\n            )}\r\n            {isInvoices && <Invoices />}\r\n            {isPaymentMethods && <PaymentMethods />}\r\n            {showBillingInfo && <BillingInfo />}\r\n          </Box>\r\n        </Box>\r\n      )}\r\n\r\n      <ChoosePlan\r\n        open={showPlanModel}\r\n        creditAmount={credit}\r\n        setOpen={setShowPlaneModel}\r\n      />\r\n\r\n      {/* {isAddNewLicense && (\r\n        <AddNewLicense\r\n          open={isAddNewLicense}\r\n          handleClose={handleCloseAddNewLicense}\r\n          setOpen={setIsAddNewLicense}\r\n          cardList={cardList}\r\n          currentPlanDetails={currentPlanDetails}\r\n        />\r\n      )} */}\r\n\r\n      <TrialEnd\r\n        handleCancelSubscription={handleCancelSubscription}\r\n        handleCloseModal={handleCloseModal}\r\n        showCancelSubscription={showCancelSubscription}\r\n        setShowCancelSubscription={setShowCancelSubscription}\r\n      />\r\n\r\n      <ChangePaymentMethod\r\n        open={isChangePaymentMethod}\r\n        handleClose={handelClosePyamentMethod}\r\n      />\r\n\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          <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: \"22px\",\r\n              lg: \"22px\",\r\n              xl: \"24px\",\r\n            }}\r\n            color={\"#000000\"}\r\n          >\r\n            Add Card\r\n          </Typography>\r\n          <Box>\r\n            <CardWrapper\r\n              handleSuccess={(setupId) => {\r\n                getCardList();\r\n                setShowAddCardForm(false);\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            />\r\n          </Box>\r\n        </Box>\r\n      </CustomModal>\r\n\r\n      <CustomModal\r\n        open={showConfirmReactive}\r\n        handleClose={() => {\r\n          setShowConfirmReactive(false);\r\n        }}\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={() => {\r\n              setShowConfirmReactive(false);\r\n            }}\r\n          >\r\n            <IcCloseThin fill=\"#18181B\" />\r\n          </IconButton>\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            Reactivate Your Subscription\r\n          </Typography>\r\n          <Box>\r\n            <Typography\r\n              sx={{\r\n                my: \"16px\",\r\n\r\n                color: color.subTitle,\r\n                fontSize: fontSizes.largeFont,\r\n              }}\r\n            >\r\n              Reactivating your subscription will restore access to all premium\r\n              features of your previous plan.\r\n            </Typography>\r\n          </Box>\r\n          <Box\r\n            p={2}\r\n            bgcolor={color.cardLiteBgColor}\r\n            border={`1px solid ${color.commonBorderColor}`}\r\n            borderRadius={commonStyles.borderRadiusMD}\r\n          >\r\n            <Typography\r\n              fontWeight={fontWeight.weight600}\r\n              color={color.titleDark}\r\n            >\r\n              What This Means:\r\n            </Typography>\r\n            <Stack\r\n              sx={{\r\n                // mt: \"16px\",\r\n                \"& ul\": {\r\n                  color: color.titleDark,\r\n                  fontSize: fontSizes.fontSize14,\r\n                  pl: \"18px\",\r\n                  mb: 0,\r\n                  mt: 1,\r\n                },\r\n              }}\r\n            >\r\n              <ul>\r\n                <li\r\n                  style={{\r\n                    marginBottom: \"10px\",\r\n                  }}\r\n                >\r\n                  Your subscription will resume immediately, and billing will\r\n                  restart on <br />\r\n                  <Typography\r\n                    variant=\"caption\"\r\n                    fontSize={fontSizes.fontSize14}\r\n                    color={color.titleDark}\r\n                    fontWeight={fontWeight.weight600}\r\n                  >\r\n                    {\" \"}\r\n                    {moment().format(\"DD MMM, YYYY\")}\r\n                  </Typography>\r\n                  .\r\n                </li>\r\n                <li>\r\n                  All data and boards will remain accessible, but features\r\n                  specific to the Business Plan will be disabled.\r\n                </li>\r\n              </ul>\r\n            </Stack>\r\n          </Box>\r\n          <Typography\r\n            mt={2.5}\r\n            fontSize={{\r\n              xs: fontSizes.mediumFont,\r\n              md: fontSizes.fontSize13,\r\n              xl: fontSizes.fontSize14,\r\n            }}\r\n            color={color.subTitle}\r\n          >\r\n            Choose your plan below to get started and continue enjoying seamless\r\n            collaboration and productivity.\r\n          </Typography>\r\n          <Stack\r\n            mt={\"24px\"}\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"flex-end\"}\r\n            gap={\"20px\"}\r\n          >\r\n            <BtnColoredOutlined\r\n              bgcolor={color.greyHover}\r\n              height={40}\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                setShowConfirmReactive(false);\r\n              }}\r\n            >\r\n              <Typography\r\n                fontSize={fontSizes.fontSize14}\r\n                color={color.subTitle}\r\n              >\r\n                Cancel\r\n              </Typography>\r\n            </BtnColoredOutlined>\r\n            <BtnGradient\r\n              height={40}\r\n              sx={{\r\n                px: \"18px\",\r\n              }}\r\n              onClick={reactivePlan}\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                fontSize={fontSizes.fontSize14}\r\n                color={color.whiteColor}\r\n              >\r\n                Reactivate Subscription\r\n              </Typography>\r\n            </BtnGradient>\r\n          </Stack>\r\n        </Box>\r\n      </CustomModal>\r\n\r\n      <CustomModal\r\n        open={showReactiveModal}\r\n        handleClose={handleCloseSuccessReactive}\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={handleCloseSuccessReactive}\r\n          >\r\n            <IcCloseThin fill=\"#18181B\" />\r\n          </IconButton>\r\n          <Stack\r\n            direction={\"column\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"center\"}\r\n          >\r\n            <Box\r\n              width={\"160px\"}\r\n              height={\"160px\"}\r\n              sx={{\r\n                \"& img\": {\r\n                  height: \"100%\",\r\n                  width: \"100%\",\r\n                },\r\n              }}\r\n            >\r\n              <img\r\n                src={\r\n                  \"https://cloudairy-template-storage.s3.us-east-1.amazonaws.com/public/assets/subscription_success.gif\"\r\n                }\r\n                alt=\"subscription_success\"\r\n              />\r\n            </Box>\r\n            <Typography\r\n              fontSize={fontSizes.modelTitle1}\r\n              fontWeight={600}\r\n              height={\"28px\"}\r\n              color={\"#18181B\"}\r\n              textAlign={\"center\"}\r\n              mt={\"6px\"}\r\n            >\r\n              Your Subscription has been Reactivated!\r\n            </Typography>\r\n            <Typography\r\n              fontSize={{\r\n                xs: fontSizes.fontSize13,\r\n                md: fontSizes.fontSize14,\r\n              }}\r\n              lineHeight={\"22px\"}\r\n              color={\"#848382\"}\r\n              textAlign={\"center\"}\r\n              mt={\"20px\"}\r\n              mb={\"33px\"}\r\n              width={\"75%\"}\r\n            >\r\n              Your subscription has been successfully reactivated to your\r\n              {\" \" + subscriptionData?.package} plan!\r\n            </Typography>\r\n            <BtnGradient\r\n              sx={{\r\n                px: \"60px\",\r\n                mb: \"20px\",\r\n              }}\r\n              onClick={handleCloseSuccessReactive}\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                fontSize={fontSizes.fontSize14}\r\n              >\r\n                Get Started\r\n              </Typography>\r\n            </BtnGradient>\r\n          </Stack>\r\n        </Box>\r\n      </CustomModal>\r\n\r\n      <FinalCancel\r\n        setFinalCancel={setFinalCancel}\r\n        finalCancel={finalCancel}\r\n        animationJson={s3AssetsUrl + \"/cancel_animation.json\"}\r\n        headingContent=\"Your subscription has been canceled\"\r\n        btnText=\"Okay\"\r\n        btnSx={{\r\n          px: \"24px\",\r\n        }}\r\n        subContent={\r\n          <Typography\r\n            fontSize={12.6}\r\n            color={\"#848382\"}\r\n            lineHeight={\"24px\"}\r\n            mt={\"10px\"}\r\n            textAlign={\"center\"}\r\n            px={\"38px\"}\r\n          >\r\n            <Typography\r\n              variant=\"caption\"\r\n              fontSize={14}\r\n              color={\"#18181B\"}\r\n              lineHeight={\"24px\"}\r\n            >\r\n              Your plan is active until{\" \"}\r\n              {moment(subscriptionData?.subscription_end_date).format(\r\n                \"DD MMM, YYYY\"\r\n              )}\r\n            </Typography>\r\n            . You may continue to use the app until then.\r\n          </Typography>\r\n        }\r\n      />\r\n\r\n      <ChangeEmail\r\n        open={editEmail}\r\n        onClose={() => {\r\n          setEditEmail(false);\r\n        }}\r\n        profileData={{ email: userData.email_id }}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Billings;\r\n","import React, { useEffect, useState } from \"react\";\r\nimport {\r\n  Box,\r\n  Button,\r\n  FormControlLabel,\r\n  IconButton,\r\n  Radio,\r\n  RadioGroup,\r\n  Stack,\r\n  Typography,\r\n} from \"@mui/material\";\r\nimport CustomModal from \"../../common-components/CustomModal\";\r\nimport {\r\n  IcCheck,\r\n  IcCloseThin,\r\n  IcDeleteOutlined,\r\n  IcPoweredByStripe,\r\n} from \"../../assets/icon-components\";\r\nimport commanService from \"../../CommanFunctions/commanService\";\r\nimport { useDispatch } from \"react-redux\";\r\nimport { errorToast, successToast, warningToast } from \"../../Redux/toastSlice\";\r\nimport CardWrapper from \"../Stripe/CardWrapper\";\r\nimport BtnColoredOutlined from \"../../common-components/buttons/BtnColoredOutlined\";\r\nimport BtnGradient from \"../../common-components/buttons/BtnGradient\";\r\nimport Loader from \"../../CommanUI/Loader/loader\";\r\nimport DeleteDialog from \"../DialogBox/DeleteDialog\";\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 { 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: { xs: \"90%\", md: \"50%\", xl: \"45%\" },\r\n  bgcolor: \"#FFF\",\r\n  border: \"none\",\r\n  boxShadow: \"none\",\r\n  p: \"25px\",\r\n  borderRadius: \"12px\",\r\n  // overflow: \"hidden\",\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 ChangePaymentMethod = ({ open, handleClose }) => {\r\n  const [loading, setLoading] = useState(false);\r\n  const dispatch = useDispatch();\r\n  const [cardList, setCardList] = useState([]);\r\n  const [isSavedCards, setIsSavedCards] = useState(true);\r\n  const [isAddNewCard, setIsAddNewCard] = useState(false);\r\n  const [selectedCardId, setSelectedCardId] = useState(\"\");\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            typeImg:\r\n              val?.brand === \"mastercard\"\r\n                ? `${s3AssetsUrl}/icons/master_card.svg`\r\n                : `${s3AssetsUrl}/icons/visa_card.svg`,\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        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      await commanService.postApi(\"user/v1\", \"payment/add-customer\", {\r\n        setup_intent_id: setupId,\r\n      });\r\n\r\n      setIsSavedCards(true);\r\n      setIsAddNewCard(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.data?.message &&\r\n          dispatch(successToast({ message: data.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    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    }\r\n  };\r\n\r\n  const sortedCards = [...cardList].sort(\r\n    (a, b) => (b.is_default ? 1 : 0) - (a.is_default ? 1 : 0)\r\n  );\r\n\r\n  return (\r\n    <>\r\n      <CustomModal open={open} handleClose={handleClose}>\r\n        <Box sx={style}>\r\n          {loading && <Loader />}\r\n          <Stack\r\n            width={\"100%\"}\r\n            flexDirection={\"row\"}\r\n            justifyContent={\"space-between\"}\r\n            alignItems={\"center\"}\r\n            mb={\"27px\"}\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              height={30}\r\n            >\r\n              Change payment method\r\n            </Typography>\r\n            <Stack\r\n              direction={\"row\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"flex-end\"}\r\n              gap={\"24px\"}\r\n            >\r\n              <IcPoweredByStripe />\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={handleClose}\r\n              >\r\n                <IcCloseThin fill=\"#18181B\" />\r\n              </IconButton>\r\n            </Stack>\r\n          </Stack>\r\n          <Stack\r\n            width={\"100%\"}\r\n            flexDirection={\"row\"}\r\n            justifyContent={\"flex-start\"}\r\n            alignItems={\"center\"}\r\n            mb={\"24px\"}\r\n            gap={\"8px\"}\r\n          >\r\n            <Stack\r\n              height={\"40px\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"center\"}\r\n              px={\"15px\"}\r\n              borderRadius={\"8px\"}\r\n              bgcolor={isSavedCards ? color.lightPrimary : \"#FFF\"}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n                \"&:hover\": {\r\n                  bgcolor: isSavedCards\r\n                    ? color.lightPrimary\r\n                    : color.commonHoverColor,\r\n                },\r\n              }}\r\n              onClick={() => {\r\n                setIsSavedCards(true);\r\n                setIsAddNewCard(false);\r\n              }}\r\n            >\r\n              <Typography\r\n                color={isSavedCards ? color.primaryColor : color.subTitle}\r\n                fontSize={\"14px\"}\r\n              >\r\n                Saved Cards\r\n              </Typography>\r\n            </Stack>\r\n            <Stack\r\n              height={\"40px\"}\r\n              alignItems={\"center\"}\r\n              justifyContent={\"center\"}\r\n              px={\"15px\"}\r\n              borderRadius={\"8px\"}\r\n              bgcolor={isAddNewCard ? color.lightPrimary : \"#FFF\"}\r\n              sx={{\r\n                cursor: \"pointer\",\r\n                \"&:hover\": {\r\n                  bgcolor: !isSavedCards\r\n                    ? color.lightPrimary\r\n                    : color.commonHoverColor,\r\n                },\r\n              }}\r\n              onClick={() => {\r\n                setIsAddNewCard(true);\r\n                setIsSavedCards(false);\r\n              }}\r\n            >\r\n              <Typography\r\n                color={isAddNewCard ? color.primaryColor : color.subTitle}\r\n                fontSize={\"14px\"}\r\n              >\r\n                Add New Card\r\n              </Typography>\r\n            </Stack>\r\n          </Stack>\r\n          <Typography\r\n            color={\"#18181B\"}\r\n            fontWeight={600}\r\n            fontSize={\"16px\"}\r\n            mb={isAddNewCard ? \"4px\" : \"24px\"}\r\n          >\r\n            {isAddNewCard ? \"Enter Card Details\" : \"Saved Payment Methods\"}\r\n          </Typography>\r\n          {isSavedCards && (\r\n            <Stack>\r\n              <Stack\r\n                flexDirection={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"flex-start\"}\r\n                gap={\"20px\"}\r\n                flexWrap={\"wrap\"}\r\n              >\r\n                {sortedCards\r\n                  // ?.sort((a, b) => b.is_default - a.is_default)\r\n                  ?.map((card, i) => {\r\n                    return (\r\n                      <Box\r\n                        //   onClick={() => {\r\n                        //     setSelectedCardId(card.card_id);\r\n                        //   }}\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                          width: \"31.6% !important\",\r\n                          minWidth: \"250px\",\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\r\n                              width=\"20\"\r\n                              height=\"20\"\r\n                              fill=\"#E03F34\"\r\n                            />\r\n                          </Stack>\r\n                        </Stack>\r\n                        <Typography\r\n                          variant=\"caption\"\r\n                          fontWeight={600}\r\n                          fontSize={fontSizes.fontSize16}\r\n                          color={\"#18181B\"}\r\n                          my={\"20px\"}\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                            ml={\"0px\"}\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={\"8px\"}\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 fontSize={\"12px\"} fontWeight={400}>\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                mt={\"25px\"}\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"flex-end\"}\r\n                gap={\"14px\"}\r\n              >\r\n                <BtnColoredOutlined\r\n                  height={40}\r\n                  bgcolor={color.greyHover}\r\n                  borderColor={color.commonBorderColor}\r\n                  sx={{\r\n                    px: \"24px\",\r\n                    transition: \"all 0.2s\",\r\n                  }}\r\n                  hoverSx={{\r\n                    bgcolor: color.darkGray,\r\n                  }}\r\n                  onClick={() => handleClose()}\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                  height={40}\r\n                  onClick={() => handleClose()}\r\n                >\r\n                  <Typography\r\n                    fontSize={{\r\n                      xs: fontSizes.fontSize13,\r\n                      md: fontSizes.fontSize14,\r\n                    }}\r\n                    fontWeight={600}\r\n                  >\r\n                    Save\r\n                  </Typography>\r\n                </BtnGradient>\r\n              </Stack>\r\n            </Stack>\r\n          )}\r\n          {isAddNewCard && (\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={handleClose}\r\n            />\r\n          )}\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 ChangePaymentMethod;\r\n","import React from \"react\";\r\nimport { Backdrop, Modal } from \"@mui/material\";\r\nimport { useLocation, useNavigate } from \"react-router-dom\";\r\nimport SubscriptionModel from \"../../CommanUI/Subscription/SubscriptionModel\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\n\r\nconst ChoosePlan = ({ open, setOpen, navigateOnClose, navigateLink, handleClose = () => {} }) => {\r\n  const location = useLocation();\r\n  const navigate = useNavigate();\r\n  const redirectPath = localStorage.getItem(\"redirectPath\");\r\n\r\n  const handleCloseModel = () => {\r\n    if (navigateLink || navigateOnClose) {\r\n      if (navigateLink && navigateOnClose) {\r\n        if (redirectPath) {\r\n          navigate(redirectPath);\r\n        } else {\r\n          navigate(navigateLink);\r\n        }\r\n      };\r\n    } else {\r\n      setOpen(false);\r\n    }\r\n    handleClose && handleClose();\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Modal\r\n        open={open}\r\n        onClose={handleCloseModel}\r\n        aria-labelledby=\"modal-modal-title\"\r\n        aria-describedby=\"modal-modal-description\"\r\n        closeAfterTransition\r\n        slots={{ backdrop: Backdrop }}\r\n        slotProps={{\r\n          backdrop: {\r\n            timeout: 500,\r\n          },\r\n        }}\r\n        sx={{\r\n          width: \"max-content\",\r\n          height: \"auto\",\r\n          m: \"auto\",\r\n          display: \"flex\",\r\n          borderRadius: \"10px\",\r\n          flexDirection: \"column\",\r\n          alignItems: \"center\",\r\n          justifyContent: \"center\",\r\n          \"& .MuiBackdrop-root\": {\r\n            backgroundColor: color.modalMuiBackdropColor,\r\n          },\r\n          \"@media (max-width: 2560px)\": {\r\n            maxWidth: \"46%\",\r\n            minWidth: \"46%\",\r\n          },\r\n          \"@media (max-width: 2455px)\": {\r\n            maxWidth: \"49%\",\r\n            minWidth: \"49%\",\r\n          },\r\n          \"@media (max-width: 2305px)\": {\r\n            maxWidth: \"54%\",\r\n            minWidth: \"54%\",\r\n          },\r\n          \"@media (max-width: 2092px)\": {\r\n            maxWidth: \"65%\",\r\n            minWidth: \"65%\",\r\n            \"&.close-icon\": {\r\n              right: \"200px\",\r\n            },\r\n          },\r\n          \"@media (max-width: 1914px)\": {\r\n            maxWidth: \"70%\",\r\n            minWidth: \"70%\",\r\n          },\r\n          \"@media (max-width: 1765px)\": {\r\n            maxWidth: \"73%\",\r\n            minWidth: \"73%\",\r\n          },\r\n          \"@media (max-width: 1530px)\": {\r\n            maxWidth: \"75%\",\r\n            minWidth: \"75%\",\r\n          },\r\n          \"@media (max-width: 1495px)\": {\r\n            maxWidth: \"80%\",\r\n            minWidth: \"80%\",\r\n          },\r\n          \"@media (max-width: 1405px)\": {\r\n            maxWidth: \"90%\",\r\n            minWidth: \"90%\",\r\n          },\r\n          \"@media (max-width: 1336px)\": {\r\n            maxWidth: \"95%\",\r\n            minWidth: \"95%\",\r\n          },\r\n          \"@media (max-width: 1234px)\": {\r\n            maxWidth: \"95%\",\r\n            minWidth: \"95%\",\r\n          },\r\n          \"@media (max-width: 1015px)\": {\r\n            maxWidth: \"98%\",\r\n            minWidth: \"98%\",\r\n          },\r\n        }}\r\n      >\r\n        <SubscriptionModel\r\n          handleClose={() => handleCloseModel()}\r\n          isPlanDetailsPage={location?.pathname === \"/create-new-workspace\"}\r\n        />\r\n      </Modal>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default ChoosePlan;\r\n","import React, { useCallback, useEffect, useMemo, useState } from \"react\";\r\nimport { Box, Stack, Typography } from \"@mui/material\";\r\nimport commanService from \"../../CommanFunctions/commanService\";\r\nimport { localDateFormat } from \"../../CommanFunctions/commanFunctions\";\r\nimport {\r\n  IcSortingTableAse,\r\n  IcSortingTableDes,\r\n} from \"../../assets/icon-components\";\r\nimport BtnColoredOutlined from \"../../common-components/buttons/BtnColoredOutlined\";\r\nimport { fontSizes } from \"../../Utils/style/font/fontsizes\";\r\nimport { color } from \"../../Utils/style/color/color\";\r\nimport TableComponent from \"../user-sections/components/TableComponent\";\r\n\r\nconst Invoices = () => {\r\n  // const globalTheme = useTheme();\r\n  const [loading, setLoading] = useState(false);\r\n  const [searchParam, setSearchParam] = useState(\"\");\r\n  // const [searchValue, setSearchValue] = useState(\"\");\r\n  const [invoicesData, setInvoicesData] = useState([]);\r\n\r\n  const getInvoicesList = useCallback((searchParam) => {\r\n    setLoading(true);\r\n    let url = `subscription/invoices?nolimit=true&type=viewer`;\r\n    if (searchParam.length > 0) {\r\n      url += `&search=${searchParam}`;\r\n    }\r\n    commanService\r\n      .getApi(\"user/v1\", url)\r\n      .then(({ data }) => {\r\n        setInvoicesData(data.data.invoices.resData);\r\n        setLoading(false);\r\n      })\r\n      .catch((error) => {\r\n        setLoading(false);\r\n      });\r\n  }, []);\r\n\r\n  useEffect(() => {\r\n    getInvoicesList(searchParam);\r\n  }, []);\r\n\r\n  const ActionComponent = ({ row }) => {\r\n    const [downLoadInvoice, setDownLoadInvoice] = useState(false);\r\n    const downloadInvoice = async (invoiceId) => {\r\n      setDownLoadInvoice(true);\r\n      try {\r\n        const response = await commanService.getApi(\r\n          \"user/v1\",\r\n          `subscription/invoices/download/${invoiceId}`\r\n        );\r\n        window.open(response.data.data.invoice, \"_blank\");\r\n      } catch (error) {\r\n      } finally {\r\n        setDownLoadInvoice(false);\r\n      }\r\n    };\r\n    return (\r\n      // <Box display={\"flex\"} justifyContent={\"center\"}>\r\n      <Box display={\"flex\"}>\r\n        {row?.invoice_status === \"open\" ? (\r\n          <BtnColoredOutlined\r\n            height={30}\r\n            loading={downLoadInvoice}\r\n            loaderColor={color.primaryColor}\r\n            lgHeight={30}\r\n            mdHeight={30}\r\n            xsHeight={30}\r\n            bgcolor=\"#84838214\"\r\n            borderColor=\"#84838233\"\r\n            sx={{\r\n              px: {\r\n                xs: \"8px !important\",\r\n                xl: \"14px !important\",\r\n              },\r\n              color: \"#848382\",\r\n              \"&:hover\": {\r\n                bgcolor: \"#1970F214\",\r\n                borderColor: \"#1970F233\",\r\n                color: \"#1970F2\",\r\n              },\r\n            }}\r\n          >\r\n            <Typography\r\n              sx={{ textWrap: \"nowrap\" }}\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              Pay Now\r\n            </Typography>\r\n          </BtnColoredOutlined>\r\n        ) : (\r\n          <BtnColoredOutlined\r\n            height={36}\r\n            loaderColor={color.primaryColor}\r\n            lgHeight={36}\r\n            mdHeight={30}\r\n            xsHeight={30}\r\n            loading={downLoadInvoice}\r\n            bgcolor=\"none\"\r\n            borderColor={color.primaryColor}\r\n            onClick={() => downloadInvoice(row?.invoice_id)}\r\n            sx={{\r\n              px: {\r\n                xs: \"8px !important\",\r\n                xl: \"20px !important\",\r\n              },\r\n              color: color.primaryColor,\r\n              \"&:hover\": {\r\n                bgcolor: color.lightPrimary,\r\n                borderColor: color.primaryColor,\r\n                color: color.primaryColor,\r\n              },\r\n            }}\r\n          >\r\n            <Typography\r\n              sx={{ textWrap: \"nowrap\" }}\r\n              fontSize={{\r\n                xs: fontSizes.fontSize13,\r\n                md: fontSizes.fontSize14,\r\n              }}\r\n              fontWeight={500}\r\n            >\r\n              Download\r\n            </Typography>\r\n          </BtnColoredOutlined>\r\n          // <IconButton\r\n          //   sx={{\r\n          //     borderRadius: \"50% !important\",\r\n          //     height: \"38px !important\",\r\n          //     width: \"38px !important\",\r\n          //     bgcolor: \"transparent\",\r\n          //     transition: \"all 0.3s ease\",\r\n          //     \"&:hover\": {\r\n          //       bgcolor: \"#EFF0F3\",\r\n          //     },\r\n          //   }}\r\n          //   onClick={() => downloadInvoice(row?.invoice_id)}\r\n          // >\r\n          //   <IcDownloadOutlined />\r\n          // </IconButton>\r\n        )}\r\n      </Box>\r\n    );\r\n  };\r\n  const columns = useMemo(\r\n    () => [\r\n      {\r\n        accessorKey: \"invoice_number\",\r\n        header: \"Invoice No\",\r\n        // maxSize: 600,\r\n        // minSize: 200,\r\n        // size: 300,\r\n        // minWidth: 150,\r\n        // maxWidth: 200,\r\n        enableSorting: true,\r\n        enableResizing: true,\r\n        Cell: (row) => {\r\n          return (\r\n            <Typography fontSize={12.6} height={\"18px\"} color={\"#18181B\"}>\r\n              {row?.invoice_number}\r\n            </Typography>\r\n          );\r\n        },\r\n      },\r\n      {\r\n        accessorKey: \"created_at\",\r\n        header: \"Date\",\r\n        // minWidth: 150,\r\n        // maxWidth: 200,\r\n        enableSorting: true,\r\n        enableResizing: true,\r\n        Cell: (row) => {\r\n          // const formattedDate = new Intl.DateTimeFormat(undefined, {\r\n          //   dateStyle: \"short\",\r\n          //   timeStyle: \"short\",\r\n          //   hour12: true,\r\n          // })\r\n          //   .format(new Date(row?.created_at))\r\n          //   .replace(\"am\", \"AM\")\r\n          //   .replace(\"pm\", \"PM\");\r\n\r\n          return (\r\n            <Typography fontSize={12.6} height={\"18px\"} color={\"#18181B\"}>\r\n              {localDateFormat(row?.created_at)}\r\n            </Typography>\r\n          );\r\n        },\r\n        // maxSize: 600,\r\n        // minSize: 200,\r\n        // size: 200,\r\n      },\r\n      // {\r\n      //   accessorKey: \"created_at1\",\r\n      //   header: \"Plan\",\r\n      //   Cell: (row ) => {\r\n      //     return (\r\n      //       <Typography fontSize={12.6} height={\"18px\"} color={\"#18181B\"}>\r\n      //         {row?.package_name ||\r\n      //           row?.previous_package_name ||\r\n      //           \"Free\"}\r\n      //       </Typography>\r\n      //     );\r\n      //   },\r\n      //   maxSize: 600,\r\n      //   minSize: 150,\r\n      //   size: 150,\r\n      // },\r\n      {\r\n        accessorKey: \"amount\",\r\n        header: \"Price\",\r\n        // maxSize: 600,\r\n        // minSize: 150,\r\n        // size: 150,\r\n        // minWidth: 100,\r\n        // maxWidth: 100,\r\n        enableSorting: true,\r\n        enableResizing: true,\r\n        Cell: (row) => {\r\n          return (\r\n            <Typography fontSize={12.6} height={\"18px\"} color={\"#18181B\"}>\r\n              ${Math.abs(Number(row?.amount))}\r\n            </Typography>\r\n          );\r\n        },\r\n      },\r\n      {\r\n        accessorKey: \"invoice_status\",\r\n        enableResizing: true,\r\n        header: (\r\n          <Typography\r\n            textAlign={\"center\"}\r\n            fontSize={fontSizes.fontSize14}\r\n            mr={\"10px\"}\r\n          >\r\n            Status\r\n          </Typography>\r\n        ),\r\n        // (\r\n        //   <Typography ml={1.6} fontSize={12} fontWeight={500} color={\"#848382\"}>\r\n        //     Status\r\n        //   </Typography>\r\n        // ),\r\n        // minWidth: 150,\r\n        // maxWidth: 200,\r\n        // enableSorting: false,\r\n        // maxSize: 600,\r\n        // minSize: 100,\r\n        // size: 100,\r\n        Cell: (row) => {\r\n          return row?.invoice_status === \"paid\" ? (\r\n            // <Box width={\"100%\"} display={\"flex\"} justifyContent={\"center\"}>\r\n            <Box width={\"100%\"} display={\"flex\"}>\r\n              <Box\r\n                height={\"30px\"}\r\n                width={\"88px\"}\r\n                px={\"8px\"}\r\n                borderRadius={\"75px\"}\r\n                bgcolor={\"#D2F3DF\"}\r\n                sx={{\r\n                  display: \"flex\",\r\n                  alignItems: \"center\",\r\n                  justifyContent: \"center\",\r\n                }}\r\n                ml={-1}\r\n              >\r\n                <Typography\r\n                  fontSize={12.6}\r\n                  color={\"#027A48\"}\r\n                  height={\"18px\"}\r\n                  fontWeight={500}\r\n                  textTransform={\"capitalize\"}\r\n                >\r\n                  {row?.invoice_status === \"paid\"\r\n                    ? Number(row?.amount) < 0\r\n                      ? \"credited\"\r\n                      : row?.invoice_status\r\n                    : row?.invoice_status}\r\n                </Typography>\r\n              </Box>\r\n            </Box>\r\n          ) : row?.invoice_status === \"open\" ? (\r\n            <Box\r\n              height={\"30px\"}\r\n              width={\"88px\"}\r\n              px={\"8px\"}\r\n              borderRadius={\"75px\"}\r\n              bgcolor={\"#FF38381A\"}\r\n              sx={{\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                justifyContent: \"center\",\r\n              }}\r\n            >\r\n              <Typography\r\n                fontSize={12.6}\r\n                color={\"#FF3838\"}\r\n                height={\"18px\"}\r\n                textTransform={\"capitalize\"}\r\n              >\r\n                Failed\r\n              </Typography>\r\n            </Box>\r\n          ) : (\r\n            <Box\r\n              height={\"30px\"}\r\n              width={\"88px\"}\r\n              px={\"8px\"}\r\n              borderRadius={\"75px\"}\r\n              bgcolor={\"#7F7F7F1A\"}\r\n              sx={{\r\n                display: \"flex\",\r\n                alignItems: \"center\",\r\n                justifyContent: \"center\",\r\n              }}\r\n            >\r\n              <Typography\r\n                fontSize={12.6}\r\n                color={\"#7F7F7F\"}\r\n                height={\"18px\"}\r\n                textTransform={\"capitalize\"}\r\n              >\r\n                {row?.invoice_status}\r\n              </Typography>\r\n            </Box>\r\n          );\r\n        },\r\n      },\r\n      {\r\n        accessorKey: \"invoice_id\",\r\n        // enableResizing: true,\r\n        // textCenter: true,\r\n        header: (\r\n          <Typography fontSize={fontSizes.fontSize14} textAlign={\"center\"}>\r\n            Actions\r\n          </Typography>\r\n        ),\r\n        // (\r\n        // <Typography ml={1.2} fontSize={12} fontWeight={500} color={\"#848382\"}>\r\n        //   Actions\r\n        // </Typography>\r\n        // ),\r\n        // enableSorting: false,\r\n        // enableResizing: false,\r\n        Cell: (row) => {\r\n          return <ActionComponent row={row} />;\r\n        },\r\n        minWidth: 100,\r\n        maxWidth: 100,\r\n        // maxSize: 600,\r\n        // minSize: 100,\r\n        // size: 100,\r\n      },\r\n    ],\r\n    []\r\n  );\r\n\r\n  // const TemplatesBoardPlaceHolder = () => {\r\n  //   return (\r\n  //     <Stack\r\n  //       height={{\r\n  //         xs: \"calc(100svh - 275px)\",\r\n  //         xl: \"calc(100svh - 320px)\",\r\n  //       }}\r\n  //       alignItems={\"center\"}\r\n  //       justifyContent={\"center\"}\r\n  //       position={\"relative\"}\r\n  //     >\r\n  //       {loading ? (\r\n  //         <Loader isFixed />\r\n  //       ) : (\r\n  //         <Stack minWidth={\"390px\"} alignItems={\"center\"}>\r\n  //           <Stack\r\n  //             sx={{\r\n  //               width: 220,\r\n  //             }}\r\n  //           >\r\n  //             <img\r\n  //               src={s3AssetsUrl + \"/images/invoices_placeholder.svg\"}\r\n  //               sx={{ maxWidth: \"100%\", height: \"auto\" }}\r\n  //               alt=\"invoicePlaceHolder\"\r\n  //             />\r\n  //           </Stack>\r\n  //           <Typography\r\n  //             fontSize={18}\r\n  //             fontWeight={\"600\"}\r\n  //             color={\"#18181B\"}\r\n  //             mt={\"25px\"}\r\n  //           >\r\n  //             Currently, you don't have any invoices.\r\n  //           </Typography>\r\n  //           <Typography fontSize={14.4} fontWeight={\"400\"} color={\"#848382\"}>\r\n  //             Once you purchase a paid subscription, you will see your invoices\r\n  //             here.\r\n  //           </Typography>\r\n  //         </Stack>\r\n  //       )}\r\n  //     </Stack>\r\n  //   );\r\n  // };\r\n\r\n  // const tableTheme = useMemo(\r\n  //   () =>\r\n  //     createTheme({\r\n  //       components: {\r\n  //         MuiPaper: {\r\n  //           styleOverrides: {\r\n  //             elevation0: {\r\n  //               // paddingLeft: \"24px\",\r\n  //             },\r\n  //           },\r\n  //         },\r\n  //         MuiTooltip: {\r\n  //           styleOverrides: {\r\n  //             tooltip: {\r\n  //               display: \"none\", //override to make tooltip font size larger\r\n  //             },\r\n  //           },\r\n  //         },\r\n  //         MuiTable: {\r\n  //           styleOverrides: {\r\n  //             root: {\r\n  //               borderRadius: \"12px\",\r\n  //               overflow: \"auto\",\r\n  //               border: \"1px solid #E1E1E1\",\r\n  //               boxShadow: \"0px 1px 2px 0px #1018280A\",\r\n  //             },\r\n  //           },\r\n  //         },\r\n  //       },\r\n  //     }),\r\n  //   [globalTheme]\r\n  // );\r\n\r\n  // const table = useMaterialReactTable({\r\n  //   columns,\r\n  //   data: invoicesData,\r\n  //   enableRowSelection: false,\r\n  //   enableTopToolbar: false,\r\n  //   enableBottomToolbar: false,\r\n  //   enableRowActions: false,\r\n  //   enableColumnResizing: true,\r\n  //   enableExpandAll: false, //hide expand all double arrow in column header\r\n  //   // enableExpanding: true,\r\n  //   // enableSorting: false,\r\n\r\n  //   // defaultColumn: {\r\n  //   //   maxSize: 600,\r\n  //   //   minSize: 200,\r\n  //   // },\r\n  //   layoutMode: \"grid\",\r\n  //   getSubRows: (row) => row.subRows, //default\r\n  //   initialState: { expanded: false, showColumnFilters: false }, //expand all rows by default\r\n  //   paginateExpandedRows: false,\r\n  //   enableColumnActions: false,\r\n  //   manualPagination: true,\r\n  //   enableStickyHeader: true,\r\n  //   muiTableHeadRowProps: () => {\r\n  //     return {\r\n  //       sx: {\r\n  //         boxShadow: \"none\",\r\n  //       },\r\n  //     };\r\n  //   },\r\n  //   muiTableBodyRowProps: ({ row }) => {\r\n  //     return {\r\n  //       sx: {\r\n  //         // backgroundColor:\r\n  //         //   (row.index + 1) % 2 === 0\r\n  //         //     ? \"#FAFBFC !important\"\r\n  //         //     : \"#FFFFFF !important\",\r\n  //         \"&:hover td::after\": {\r\n  //           backgroundColor: \"transparent !important\",\r\n  //         },\r\n  //       },\r\n  //     };\r\n  //   },\r\n  //   muiTableHeadCellProps: {\r\n  //     sx: {\r\n  //       textTransform: \"uppercase\",\r\n  //       color: \"#848382\",\r\n  //       fontWeight: \"700\",\r\n  //     },\r\n  //   },\r\n  //   muiTablePaperProps: {\r\n  //     elevation: 0,\r\n  //     sx: {\r\n  //       borderRadius: \"0\",\r\n  //       border: \"0\",\r\n  //     },\r\n  //   },\r\n\r\n  //   muiTableBodyProps: {\r\n  //     sx: {\r\n  //       overflow: \"visible\",\r\n  //       ...(invoicesData?.length <= 0 ? { minHeight: \"45svh\" } : {}),\r\n  //     },\r\n  //   },\r\n  //   renderEmptyRowsFallback: () =>\r\n  //     loading ? (\r\n  //       <Loader />\r\n  //     ) : (\r\n  //       !loading &&\r\n  //       invoicesData && (\r\n  //         <Stack justifyContent={\"center\"} alignItems={\"center\"}>\r\n  //           <CommonPlaceHolder\r\n  //             title={\"No Invoices Found\"}\r\n  //             desc={\r\n  //               \"Your billing history will appear here once you make a payment.\"\r\n  //             }\r\n  //           />\r\n  //         </Stack>\r\n  //       )\r\n  //     ),\r\n  //   icons: {\r\n  //     ...tableIcons,\r\n  //   },\r\n  // });\r\n\r\n  // const debouncedSearch = useMemo(\r\n  //   () =>\r\n  //     debounce((value) => {\r\n  //       getInvoicesList(1, rowsPerPage, value);\r\n  //       setSearchParam(value);\r\n  //     }, 750),\r\n  //   [getInvoicesList, rowsPerPage]\r\n  // );\r\n\r\n  // const handleSearchChange = (e) => {\r\n  //   const { value } = e.target;\r\n  //   setSearchValue(value);\r\n  //   debouncedSearch(value);\r\n  // };\r\n\r\n  return (\r\n    <Box\r\n      sx={{\r\n        borderRadius: \"6px\",\r\n      }}\r\n      position={\"relative\"}\r\n    >\r\n      <Box\r\n        position={\"relative\"}\r\n        minHeight={{\r\n          xs: \"calc(100svh - 255px)\",\r\n          xl: \"calc(100svh - 298px)\",\r\n        }}\r\n      >\r\n        <Box\r\n          sx={{\r\n            width: \"100%\",\r\n            // \"& .MuiTableContainer-root\": {\r\n            //   maxHeight: {\r\n            //     xs: \"calc(100svh - 310px)\",\r\n            //     xl: \"calc(100svh - 370px)\",\r\n            //   },\r\n            // },\r\n          }}\r\n          // className=\"table-responsive\"\r\n          // borderRadius={\"0px 0px 6px 6px\"}\r\n        >\r\n          <Stack\r\n            borderRadius={\"6px 6px 0px 0px\"}\r\n            bgcolor={\"#FFFFFF\"}\r\n            direction={\"row\"}\r\n            alignItems={\"center\"}\r\n            justifyContent={\"space-between\"}\r\n            sx={{\r\n              flexWrap: \"wrap\",\r\n            }}\r\n            // p={{\r\n            //   xs: \"17px 32px 17px 24px\",\r\n            //   xl: \"24px 32px 24px 24px\",\r\n            // }}\r\n            mb={1}\r\n          >\r\n            <Typography\r\n              fontSize={{\r\n                xs: \"16.2px\",\r\n                xl: \"18px\",\r\n              }}\r\n              fontWeight={600}\r\n              color={\"#18181B\"}\r\n              height={{\r\n                xs: \"22px\",\r\n                xl: \"25px\",\r\n              }}\r\n              sx={{ letterSpacing: \"0px\" }}\r\n            >\r\n              Invoice\r\n            </Typography>\r\n            {/* {Number(totalRow) > 0 && (\r\n              <Stack\r\n                direction={\"row\"}\r\n                alignItems={\"center\"}\r\n                justifyContent={\"flex-end\"}\r\n                gap={\"9px\"}\r\n                height={\"100%\"}\r\n              >\r\n                <SearchInput\r\n                    placeholder={\"Search\"}\r\n                    formControlSx={{ width: \"230px\" }}\r\n                    onChange={handleSearchChange}\r\n                    value={searchValue}\r\n                  />\r\n\r\n                <BtnGradient sx={{ px: \"20px\", borderRadius: \"8px\" }}>\r\n                  <Typography fontSize={{\r\n                        xs: fontSizes.fontSize13,\r\n                        md: fontSizes.fontSize14,\r\n                      }} height={\"18px\"} fontWeight={500}>\r\n                    Export\r\n                  </Typography>\r\n                </BtnGradient>\r\n              </Stack>\r\n            )} */}\r\n          </Stack>\r\n          {/* <ThemeProvider theme={tableTheme}>\r\n            <MaterialReactTable table={table} />\r\n          </ThemeProvider> */}\r\n          <TableComponent\r\n            columns={columns}\r\n            data={invoicesData || []}\r\n            isTableLoading={loading}\r\n            enableColumnResizing={true}\r\n            // maxWidth=\"100%\"\r\n            customSortIcons={{\r\n              ascending: <IcSortingTableAse />,\r\n              descending: <IcSortingTableDes />,\r\n            }}\r\n            showSortingIconOnHover={false}\r\n            // maxHeight={{\r\n            //   xs: \"calc(100vh - 188px)\",\r\n            //   sm: \"calc(100vh - 220px)\",\r\n            //   md: \"calc(100vh - 260px)\",\r\n            //   lg: \"calc(100vh - 295px)\",\r\n            //   xl: \"calc(100vh - 345px)\",\r\n            // }}\r\n            // emptyBoxHeight={{\r\n            //   xs: \"calc(100vh - 300px)\",\r\n            //   sm: \"calc(100vh - 340px)\",\r\n            //   md: \"calc(100vh - 380px)\",\r\n            //   lg: \"calc(100vh - 370px)\",\r\n            //   xl: \"calc(100vh - 410px)\",\r\n            // }}\r\n          />\r\n        </Box>\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport default Invoices;\r\n"],"names":["_chart$resData19","_chart$resData20","_searchChart$trim","_chart$resData21","activeButton","setActiveButton","useState","searchChart","setSearchChart","debouncedSearchValue","setDebouncedSearchValue","data","chart","isLoading","trashListLoading","isFetching","trashListFetching","useGetTrashChartQuery","refetchOnMountOrArgChange","anchorEl","setAnchorEl","selectedDataTale","setSelectedDataTale","open","Boolean","id","undefined","handleClick","event","currentTarget","columns","useMemo","_chart$resData","_chart$resData2","_chart$resData3","_chart$resData4","_chart$resData5","_chart$resData6","_chart$resData7","_chart$resData8","_chart$resData9","_chart$resData10","_chart$resData11","_chart$resData12","_chart$resData13","_chart$resData14","_chart$resData15","_chart$resData16","_chart$resData17","_chart$resData18","accessorKey","header","maxSize","resData","length","minSize","size","Cell","_ref","_row$original","_row$original2","_row$original3","cell","row","table","_jsxs","Stack","direction","alignItems","justifyContent","gap","children","_jsx","Box","sx","height","width","borderRadius","overflow","original","thumbnail_image","src","alt","style","objectFit","display","backgroundColor","Typography","color","titleDark","fontSize","fontWeight","weight500","cursor","transition","whiteSpace","textOverflow","maxWidth","primaryColor","boardName","_ref2","_row$original4","team","_ref3","_row$original5","space","_ref4","_row$original6","deletedBy","_ref5","_row$original7","calculateTimeAgoOrFormatted","deletedOn","enableSorting","enableResizing","_ref6","bgcolor","ml","onClick","e","IcMenuDotsVertical","recentBoards","map","chartItem","architecture_name","team_name","project_name","category","category_name","boardOwner","owner_name","updated_at","created_at","architecture_id","handleSearchChange","useCallback","debounce","func","delay","timer","_len","arguments","args","Array","_key","clearTimeout","setTimeout","value","useEffect","_Fragment","pb","flexWrap","AbsoluteLoader","p","xs","lg","fontSizes","modelTitle1","letterSpacing","variant","fontSize12px","xl","fontSize14","subTitle","trim","pr","SearchInput","formControlSx","border","concat","commonBorderColor","placeholder","xsHeight","xlHeight","whiteColor","onChange","target","commonHover","handleListClick","IcListOutlined","fill","blackColor","handleBoxesClick","IcLayoutGridOutlined","CommonChartUI","loading","CommonChartTable","_currentPlanDetails$d","_currentPlanDetails$d2","_currentPlanDetails$d3","_currentPlanDetails$d4","_planeList$packages","_planeList$packages$p","_planeList$packages$p2","_planeList$packages2","_planeList$packages2$","_planeList$packages2$2","handleClose","setOpen","cardList","currentPlanDetails","navigate","useNavigate","setLoading","additionalUsers","setAdditionalUsers","plans","setPlans","subscriptionData","subscriptionDataSelect","purchasedLicense","featureLimitAndUsed","find","item","feature","limit","planeList","useGetPlanListQuery","planDetails","currentPlanPricingData","package_name","package","interval_type","monthlyPricesTemp","packages","packageList","filter","temp","package_id","price","package_price_id","yearlyPrices","getPackages","localStorage","removeItem","async","_response$data","_response$data$data","_response$data$data$p","response","commanService","getApi","error","CommonLink","getStartedPlan","plan","_planeList$packages3","_planeList$packages3$","_planeList$packages3$2","monthlyPrice","_monthlyPricesTemp$fi","_monthlyPricesTemp$fi2","_yearlyPrices$filter$","_yearlyPrices$filter$2","_objectSpread","is_trial","isCurrentPlanIsTrial","isModifyingLicense","additional_package_id","additional_package_price_id","addedLicenseCount","additional_user_price","yearlyPrice","Number","pricingData","monthly","monthPrice","yearly","yearPrice","frequency","isAdditionalPlan","addTotal","roundToTwoDecimalPlaces","sessionStorage","setItem","JSON","stringify","users","BillingInfo","dispatch","useDispatch","phoneCode","setPhoneCode","countryLoader","setCountryLoader","stateLoader","setStateLoader","cityLoader","setCityLoader","countries","setCountries","states","setStates","cities","setCities","companyStates","setCompanyStates","companyCities","setCompanyCities","taxTypes","setTaxTypes","billingContact","setBillingContact","company_name","country","state","city","postalCode","addr_1","addr_2","phone_number","companyInfo","setCompanyInfo","tax_id","tax_id_data","type","label","country_id","purchase_order","companyAddress","setCompanyAddress","is_new_address","errors","setErrors","companyAddrData","setCompanyAddrData","isArray","tempCountry","LOCAL_COUNTRIES","_billingContact$count","code","phone","getBillingInfo","getCompanyStatesByCountry","stateName","cityName","getStateByCountryName","name","_data$filter$","_data$","cityResponse","getCityByStateName","st","prev","firstTime","_data$data","_data$data$address","_data$data2","_data$data2$address","_data$data3","_data$data3$address","_data$data4","_data$data4$address","_data$data5","_data$data5$address","_data$data6","_data$data6$address","_data$data7","_data$data8","_data$data9","_data$data12","_data$data13","_data$data16","_data$data16$shipping","_data$data16$shipping2","_data$data17","_data$data17$shipping","_data$data17$shipping2","_data$data18","_data$data18$shipping","_data$data18$shipping2","_data$data19","_data$data19$shipping","_data$data19$shipping2","_data$data20","_data$data20$shipping","_data$data20$shipping2","_data$data21","_data$data21$shipping","_data$data21$shipping2","_data$data22","_data$data22$shipping","_data$data22$shipping2","_data$data23","_data$data23$shipping","_data$data23$shipping2","_data$data24","_data$data24$shipping","_data$data24$shipping2","_data$data25","_data$data25$shipping","_data$data25$shipping2","_data$data26","_data$data27","_data$data27$address","_data$data28","_data$data28$address","_data$data29","_data$data29$address","_data$data30","_data$data30$address","_data$data31","_data$data31$shipping","_data$data31$shipping2","_data$data32","_data$data32$shipping","_data$data32$shipping2","_data$data33","_data$data33$shipping","_data$data33$shipping2","_data$data34","_data$data34$shipping","_data$data34$shipping2","_data$data35","_data$data35$shipping","_data$data35$shipping2","_data$data36","_data$data36$shipping","_data$data36$shipping2","address","postal_code","line1","line2","_data$data10","_data$data11","shipping","Object","keys","_data$data14","_data$data14$shipping","_data$data15","_data$data15$shipping","getCountries","countryCode","taxValue","companyCountryCode","companyState","companyCity","countriesData","iso_code","country_name","handleChangeTaxCountry","c","toLowerCase","defaultCountry","getStatesByCountry","_data$filter$2","_data$2","validateBillingContact","_billingContact$count2","_billingContact$count3","valid","taxTypesData","taxType","tax_type","tax_label","tax","position","mb","fontSize18px","md","fontSize20","fontSize13","gridTemplateColumns","rowGap","columnGap","mt","LargeSimpleInput","fullWidth","mainSx","CountryAutoSelect","customCountryArr","CustomAutoSelect","options","noOptionsText","required","errorMessage","onKeyDown","key","includes","preventDefault","startAdornment","borderRight","inputValue","test","CommonDivider","my","darkGray","opacity","lineHeight","minWidth","category_id","CustomRadioButton","labelSx","checked","mediumFont","companyPostalCode","BtnGradient","px","validBillingInfo","_billingContact$count4","_billingContact$count5","_billingContact$state","_billingContact$city","validCompanyInfo","validateCompanyInfo","validShippingAddr","validateShippingAddr","_companyAddress$count","_companyAddress$count2","_companyAddress$count3","_companyAddress$state","_companyAddress$city","putApi","message","successToast","_error$response","_error$response$data","_error$response$data2","status","warningToast","errorToast","disabled","_currentPlanDetails$f","_currentPlanDetails$f2","_currentPlanDetails$f3","_currentPlanDetails$f4","featureData","custom_template","export_files","cloudchart","ai_generate","commonHoverColor","scrollbarWidth","top","left","zIndex","commonStyles","borderRadius12","borderTopLeftRadius","borderTopRightRadius","pt","borderBottom","cardLiteBgColor","xLargeFont","weight600","largeFont","flexDirection","CommonBulletPoint","weight400","handleScrollToPrice","container","document","getElementById","containerTop","getBoundingClientRect","offset","scrollTop","scrollTo","behavior","title","_featureData$item$key","_featureData$item$key2","fontSize26","used","margin","padding","SubscriptionModel","isFreePlanPage","PlanComparison","transform","boxShadow","maxHeight","outline","Billings","_currentPlanDetails$d5","_currentPlanDetails$d6","_currentPlanDetails$d7","_currentPlanDetails$d8","_currentPlanDetails$d9","_currentPlanDetails$d10","_currentPlanDetails$d11","_featureLimitAndUsed$","_featureLimitAndUsed$2","_featureLimitAndUsed$3","_featureLimitAndUsed$4","_featureLimitAndUsed$5","_featureLimitAndUsed$6","_subscriptionData$pac2","_subscriptionData$pac3","_currentPlanDetails$d12","_featureLimitAndUsed$7","_featureLimitAndUsed$8","theme","useTheme","matchDown1000","useMediaQuery","breakpoints","down","setShowPlaneModel","showPlanModel","useContext","ModelContext","showCancelSubscription","setShowCancelSubscription","setCardList","showAddCardForm","setShowAddCardForm","isInvoices","setIsInvoices","isPaymentMethods","seIsPaymentMethods","userData","useSelector","common","USER_DATA","parse","getItem","isOverview","setIsOverview","isCloudchart","setIsCloudchart","isAddNewLicense","setIsAddNewLicense","showBillingInfo","setSHowBillingInfo","isChangePaymentMethod","setIsChangePaymentMethod","showConfirmReactive","setShowConfirmReactive","showReactiveModal","setShowReactActiveModal","finalCancel","setFinalCancel","editEmail","setEditEmail","featureLimitAndUsedSelect","credit","creditSelect","refetch","refetchPlanDetails","loadingPlanDetails","fetchingPlanDetails","useGetCurrentSubscriptionQuery","updateTeamExpandPermission","updateInProgress","useLicenseManagementMutation","getCardList","user","then","res","_res$data","_res$data$data","cards","val","_val$expiry_year","card_id","brand","typeImg","s3AssetsUrl","number","last_four_digits","is_default","date","expiry_month","expiry_year","toString","slice","catch","finally","handleCloseModal","handleClickPaymentMethod","handleCloseSuccessReactive","window","location","reload","FreePlanBilling","lightPrimary","bottom","right","sm","IcPoweredByStripe","overflowY","unsubscribe_date","borderRadiusLG","errorColor","BtnColoredOutlined","borderColor","textTransform","background","btnColor","hoverSx","lightBackground","moment","subscription_end_date","format","total","className","_subscriptionData$pac","btnTextHeight","AddNewLicense","handleCloseAddNewLicense","role","CommonSwitch","anyone_can_expand_the_team","isSmall","anyone_can_expand_team","result","_result$data","_result$data$error","_result$data$error$da","_result$data2","fontSize15","fontSize16","fontSize22","Grid","spacing","i","_feature$feature","_featureData$feature$","_featureData$feature$2","_currentPlanDetails$d13","Fragment","minHeight","fontSize13px","replaceAll","additional_ai_credit_available","card","IcCheck","email_id","Invoices","PaymentMethods","ChoosePlan","creditAmount","TrialEnd","handleCancelSubscription","postApi","subscription_id","_error$response2","_error$response2$data","_error$response$data3","ChangePaymentMethod","handelClosePyamentMethod","CustomModal","IconButton","IcCloseThin","titleFont","modelTitle","weight800","CardWrapper","handleSuccess","setupId","handleError","_error$response4","_error$response4$data","_error$response$data5","borderRadiusMD","pl","marginBottom","greyHover","_error$response3","_error$response3$data","_error$response$data4","textAlign","FinalCancel","animationJson","headingContent","btnText","btnSx","subContent","ChangeEmail","onClose","profileData","email","isSavedCards","setIsSavedCards","isAddNewCard","setIsAddNewCard","selectedCardId","setSelectedCardId","showDeleteDialog","setShowDeleteDialog","sortedCards","sort","a","b","Loader","lightErrorColor","IcDeleteOutlined","patchApi","cardId","_error$response5","_error$response5$data","setDefaultCard","setup_intent_id","addCardCustomer","_error$response6","_error$response6$data","DeleteDialog","handleOk","removeCard","deleteApi","heading","navigateOnClose","navigateLink","useLocation","redirectPath","handleCloseModel","Modal","closeAfterTransition","slots","backdrop","Backdrop","slotProps","timeout","m","modalMuiBackdropColor","isPlanDetailsPage","pathname","searchParam","setSearchParam","invoicesData","setInvoicesData","getInvoicesList","url","invoices","ActionComponent","downLoadInvoice","setDownLoadInvoice","invoice_status","loaderColor","lgHeight","mdHeight","textWrap","invoiceId","invoice","downloadInvoice","invoice_id","invoice_number","localDateFormat","Math","abs","amount","mr","TableComponent","isTableLoading","enableColumnResizing","customSortIcons","ascending","IcSortingTableAse","descending","IcSortingTableDes","showSortingIconOnHover"],"sourceRoot":""}