{"version":3,"file":"static/js/4876.5cde46c4.chunk.js","mappings":"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","sources":["../node_modules/@mui/icons-material/esm/QuestionAnswerRounded.js","Components/home/Pricingplans.js","../node_modules/@mui/icons-material/esm/TaskAltRounded.js"],"sourcesContent":["\"use client\";\n\nimport createSvgIcon from './utils/createSvgIcon';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"M20 6h-1v8c0 .55-.45 1-1 1H6v1c0 1.1.9 2 2 2h10l4 4V8c0-1.1-.9-2-2-2m-3 5V4c0-1.1-.9-2-2-2H4c-1.1 0-2 .9-2 2v13l4-4h9c1.1 0 2-.9 2-2\"\n}), 'QuestionAnswerRounded');","import {\n  Button,\n  Card,\n  DialogTitle,\n  Grid,\n  Typography,\n  useMediaQuery,\n  useTheme,\n} from \"@mui/material\";\nimport * as React from \"react\";\nimport { useState } from \"react\";\nimport CssBaseline from \"@mui/material/CssBaseline\";\nimport Box from \"@mui/material/Box\";\nimport Container from \"@mui/material/Container\";\nimport { styled } from \"@mui/material/styles\";\nimport { QuestionAnswerRounded, TaskAltRounded } from \"@mui/icons-material\";\nimport BG1 from \"../../Images/pricing-bg3.webp\";\nimport Key from \"../../clientVariables.json\";\nimport axios from \"axios\";\nimport { useHistory } from \"react-router-dom\";\nimport { useSelector } from \"react-redux\";\nimport { toast } from \"react-toastify\";\nimport ToastMessage from \"../ToastMessage\";\nimport {\n  Dialog,\n  DialogContent,\n  DialogContentText,\n  DialogActions,\n} from \"@mui/material\";\nimport IconButton from \"@mui/material/IconButton\";\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport Purchase from \"../Employer/Purchase\";\n\nconst ContainerBG = styled(\"div\")({\n  position: \"relative\",\n  // height: \"85vh\",\n  // width: \"100vw\",\n  backgroundImage: `url(${BG1})`,\n  //   'url(\"https://img.freepik.com/free-photo/vivid-blurred-colorful-wallpaper-background_58702-3769.jpg?w=1060&t=st=1711625373~exp=1711625973~hmac=837d6f4eab48fd30450a4ed6627ce4871b015ac7edcfcd9f016aab09bb4795e4\")',\n  // https://img.freepik.com/free-photo/businesswoman-team-sitting-office_1262-1460.jpg?w=996&t=st=1702609203~exp=1702609803~hmac=a3070d7e97853dfefddac9754041fc11d1ae5315e1789417feb2b71e4168fcb8\n  backgroundSize: \"cover\",\n  backgroundPosition: \"center\",\n  //   display: 'flex',\n  //   alignItems: 'center',\n  //   justifyContent: 'center',\n});\n\nconst Overlay = styled(\"div\")({\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  // width: \"100%\",\n  // height: \"85vh\",\n  // backgroundColor:\n  // \"rgba(64, 104, 130, 0.8)\",\n  // 'rgba(0, 0, 0, 0.5)',\n  // \"rgba(255,255,255, 0.5)\"\n});\n\nconst Content = styled(\"div\")({\n  position: \"relative\",\n  zIndex: 2,\n  //   textAlign: 'center',\n  color: \"#fff\",\n});\n\nconst Pricingplans = () => {\n  const [packageData, setPackageData] = useState([]);\n\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\")); // Mobile devices\n  const isTablet = useMediaQuery(theme.breakpoints.between(\"sm\", \"md\")); // Tablets\n  const isDesktopSmall = useMediaQuery(theme.breakpoints.between(\"md\", \"lg\")); // Small desktops\n  const isDesktopLarge = useMediaQuery(theme.breakpoints.up(\"lg\")); // Large desktops\n\n  React.useEffect(() => {\n    getAllDefaultPackages();\n  }, []);\n\n  const getAllDefaultPackages = () => {\n    axios\n      .get(`${Key.domain}/commonAPIs/get_all_emp_packages`, {\n        method: \"GET\", // *GET, POST, PUT, DELETE, etc.\n        headers: {\n          \"Content-Type\": \"application/x-www-form-urlencoded; charset=UTF-8\",\n        },\n      })\n      .then((response) => {\n        var data = response.data.data;\n\n        setPackageData(data);\n      });\n  };\n\n  const plansMon = [\n    { title: \"Unlimited Jobs Allowed\" },\n    { title: `${1200} Resume Views Allowed` },\n    { title: \"3 Users Allowed\" },\n  ];\n  const plansQuerter = [\n    { title: \"Unlimited Jobs Allowed\" },\n    { title: \"3000 Resume Views Allowed\" },\n    { title: \"3 Users Allowed\" },\n  ];\n  const plansHalf = [\n    { title: \"Unlimited Jobs Allowed\" },\n    { title: \"6500 Resume Views Allowed\" },\n    { title: \"3 Users Allowed\" },\n    { title: \"Dedicated Person/Support\" },\n  ];\n  const plansYear = [\n    { title: \"Unlimited Jobs Allowed\" },\n    { title: \"12000 Resume Views Allowed\" },\n    { title: \"3 Users Allowed\" },\n    { title: \"Dedicated Person/Support\" },\n  ];\n\n  const plansCustom = [\n    { title: \"Unlimited Jobs Allowed\" },\n    { title: \"Resume Views Allowed\" },\n    { title: \"Users Allowed\" },\n    { title: \"Dedicated Person/Support\" },\n  ];\n\n  return (\n    <ContainerBG>\n      <Overlay></Overlay>\n      <Content>\n        <React.Fragment>\n          <CssBaseline />\n          <Container maxWidth=\"xl\">\n            {/* <Box sx={{ bgcolor: '#cfe8fc', height: '100vh' }} /> */}\n            <Grid container spacing={isDesktopLarge ? 4 : 1} sx={{ pb: 10 }}>\n              <Grid item xs={12}>\n                <Box sx={{ textAlign: \"center\", pt: 6, pb: 2 }}>\n                  <Typography\n                    variant={isDesktopLarge ? \"h4\" : \"h5\"}\n                    sx={{ color: \"#05264C\", fontWeight: 700 }}\n                  >\n                    Pricing Plans\n                  </Typography>\n                  {/* <Typography\n                    variant=\"h5\"\n                    sx={{\n                      color: \"#05264C\",\n                      fontSize: isDesktopLarge ? \"2rem\" : \"1.8rem\",\n                      fontWeight: 600,\n                    }}\n                  >\n                    No placement within 90 days?{\" \"}\n                    <span style={{ color: \"#F68602\" }}>100% refund.</span>\n                  </Typography> */}\n                  <Typography paragraph sx={{ color: \"#05264C\" }}>\n                    choose the plan that's right for you.\n                  </Typography>\n                </Box>\n              </Grid>\n              {/* <Grid item xs={isMobile ? 12 : isTablet ? 6 : 2.4}>\n                <PricingCard title=\"Monthly\" price={300} features={plansMon} />\n              </Grid>\n\n              <Grid item xs={isMobile ? 12 : isTablet ? 6 : 2.4}>\n                <PricingCard\n                  title=\"Custom\"\n                  price=\"Custom\"\n                  features={plansCustom}\n                />\n              </Grid> */}\n              <Grid item xs={12}>\n                <div\n                  className=\"planning-container\"\n                  style={{\n                    display: \"flex\",\n                    justifyContent: \"space-evenly\",\n                    width: \"100%\",\n                    alignItems: \"center\",\n                    flexWrap: \"wrap\",\n                  }}\n                >\n                  <PricingCard\n                    title=\"Monthly\"\n                    price={300}\n                    features={plansMon}\n                  />\n                  <PricingCard\n                    title=\"Custom\"\n                    price=\"Custom\"\n                    features={plansCustom}\n                  />\n                </div>\n              </Grid>\n\n              {/* <Grid item xs={isMobile ? 12 : isTablet ? 6 : 2.4}>\n                <PricingCard\n                  title=\"Quarterly\"\n                  price={800}\n                  features={plansQuerter}\n                />\n              </Grid>\n              <Grid item xs={isMobile ? 12 : isTablet ? 6 : 2.4}>\n                <PricingCard\n                  title=\"Half Yearly\"\n                  price={1400}\n                  features={plansHalf}\n                />\n              </Grid>\n              <Grid item xs={isMobile ? 12 : isTablet ? 6 : 2.4}>\n                <PricingCard title=\"Annual\" price={2500} features={plansYear} />\n              </Grid> */}\n            </Grid>\n          </Container>\n        </React.Fragment>\n      </Content>\n    </ContainerBG>\n  );\n};\n\nexport default Pricingplans;\n\nconst PricingCard = ({ title, price, features }) => {\n  const theme = useTheme();\n  const isMobile = useMediaQuery(theme.breakpoints.down(\"sm\")); // Mobile devices\n  const isTablet = useMediaQuery(theme.breakpoints.between(\"sm\", \"md\")); // Tablets\n  const isDesktopSmall = useMediaQuery(theme.breakpoints.between(\"md\", \"lg\")); // Small desktops\n  const isDesktopLarge = useMediaQuery(theme.breakpoints.up(\"lg\")); // Large desktops\n  const history = useHistory();\n  const [customerDetails, setCustomerDetails] = useState([]);\n  const [companyDetails, setCompanyDetails] = useState([]);\n  const [packageDetails, setPackageDetails] = useState([]);\n  const [salesPersonDetails, setsalesPersonDetails] = useState([]);\n  const [totaldetails, settotaldetails] = useState([]);\n  const [packdetails, setpackDetails] = useState(\"\");\n  const [newpackageDetails, setnewPackageDetails] = useState([]);\n  const [showModal, setShowModal] = useState(false);\n  const [buttonLoading, setButtonLoading] = useState(false);\n  const currentUser = useSelector((state) => state.UserReducer.user);\n  const redirectToLogin = (packId) => {\n    let url = window.location.pathname;\n\n    sessionStorage.setItem(\"packagesurl\", url);\n    sessionStorage.setItem(\"packid\", packId);\n    history.push({\n      pathname: \"/EmpLogin\",\n    });\n  };\n  const redirectToContactsales = (packId) => {\n    sessionStorage.setItem(\"Custom_Pack\", packId);\n    history.push(\"/Contactsales\");\n  };\n  React.useEffect(() => {\n    getGetCustomerDetails();\n  }, []);\n  const getGetCustomerDetails = () => {\n    if (\n      sessionStorage.getItem(\"id\") !== \"\" &&\n      sessionStorage.getItem(\"id\") !== null &&\n      sessionStorage.getItem(\"id\") !== undefined &&\n      sessionStorage.getItem(\"id\") !== 0\n    ) {\n      axios\n        .post(`${Key.Crm_domain}/customer/get_upgrade_packagedetails`, {\n          customer_id: sessionStorage.getItem(\"id\"),\n        })\n        .then((response) => {\n          settotaldetails(response.data.data);\n          setCustomerDetails(response.data.data.userDetails);\n          setCompanyDetails(response.data.data.companyDetails);\n          setPackageDetails(response.data.data.packageDetails);\n          setsalesPersonDetails(response.data.data.salesPersonDetails);\n        });\n    }\n  };\n  const handleopen = (pack) => {\n    if (currentUser !== null && currentUser.usertype !== \"4\") {\n      axios\n        .post(\n          `${Key.Crm_domain}/customer/jnp_insert_or_update_customer_subscription`,\n          {\n            userid: currentUser.id,\n            admin_id: currentUser.id,\n            //\"empidsub\": 1,\n            company_id: currentUser.companyid,\n            package_id: pack.id,\n            jobs_allowed: parseInt(pack.jobs_allowed),\n            resumeviews_allowed: parseInt(pack.resumeViews_allowed),\n            users_allowed: parseInt(pack.users_allowed),\n\n            jobs_addon: 0,\n            resumeviews_addon: 0,\n            users_addon: 0,\n            companies_allowed: parseInt(pack.companies_allowed),\n            status: 1,\n            action: packageDetails !== undefined ? \"1\" : \"0\",\n            session_token: currentUser.userToken,\n            package_expires_in_days: pack.package_expires_in_days,\n            price: pack.price,\n          }\n        )\n        .then((response) => {\n          if (response.data.success === 1) {\n            setShowModal(true);\n            setpackDetails(pack);\n          }\n        });\n    } else {\n      let url = window.location.pathname;\n\n      sessionStorage.setItem(\"packagesurl\", url);\n      sessionStorage.setItem(\"packid\", pack?.id);\n      history.push({\n        pathname: \"/EmpLogin\",\n      });\n    }\n  };\n  const handleSendMail = () => {\n    setButtonLoading(true);\n    axios\n      .post(`${Key.Crm_domain}/customer/get_upgrade_packagedetails`, {\n        customer_id: sessionStorage.getItem(\"id\"),\n      })\n      .then((response) => {\n        setnewPackageDetails(response.data.data.packageDetails);\n        sessionStorage.setItem(\n          \"newpackage\",\n          JSON.stringify(response.data.data)\n        );\n        sessionStorage.setItem(\n          \"newAmount\",\n          response.data.data.packageDetails.Amount\n        );\n\n        axios\n          .post(`${Key.Crm_domain}/payment/jnp_send_payment_mail`, {\n            crm_userid: salesPersonDetails.user_id,\n            session_token: sessionStorage.getItem(\"userToken\"),\n            customer_id: sessionStorage.getItem(\"id\"),\n            customer_email: customerDetails.username,\n            agreementData: totaldetails,\n            price: packdetails.price,\n          })\n          .then((response) => {\n            setButtonLoading(false);\n            if (response.data.data && response.data.data === \"mail sent\") {\n              // trackStatusUpdateForAdmin(3)\n              let msg = \"Mail sent to customer successfully!\";\n              toast(<ToastMessage message={msg} />);\n              //sessionStorage.setItem(\"sendmail\",true)\n              //history.goBack();\n              // history(\"/dashboard/user\")\n              setShowModal(false);\n              // props.setShow(false)\n            } else {\n              let msg = \"Sending mail failed!\";\n              toast(<ToastMessage message={msg} />);\n            }\n          });\n      });\n  };\n  const handleClose = () => {\n    setShowModal(false);\n  };\n\n  const bg_color =\n    title === \"Monthly\"\n      ? \"transparent\"\n      : title === \"Quarterly\"\n      ? \"rgb(219 234 254)\"\n      : title === \"Half Yearly\"\n      ? \"#E1EDFF\"\n      : title === \"Annual\"\n      ? \"#CEDEF7\"\n      : title === \"Custom\"\n      ? \"#C0D3F0\" // \"#05264C\"\n      : null;\n  const tag_color =\n    title === \"Monthly\"\n      ? \"#C1E1FF\"\n      : title === \"Quarterly\"\n      ? \"#CAE5FF\"\n      : title === \"Half Yearly\"\n      ? \"#E3F2FF\"\n      : title === \"Annual\"\n      ? \"#E2F2FF\"\n      : title === \"Custom\"\n      ? \"#D7F4FF\"\n      : null;\n  const text_color =\n    title === \"Monthly\"\n      ? \"#fff\"\n      : title === \"Quarterly\"\n      ? \"#05264C\"\n      : title === \"Half Yearly\"\n      ? \"#05264C\"\n      : title === \"Annual\"\n      ? \"#fff\"\n      : title === \"Custom\"\n      ? \"#fff\"\n      : null;\n  return (\n    <Card\n      sx={{\n        borderRadius: \"8px\",\n        bgcolor: \"rgba(255, 255, 255, 0.3)\", // bg_color,\n        backdropFilter: \"blur(10px)\",\n        px: 2,\n        py: 3,\n        height: isMobile || isTablet ? \"auto\" : isDesktopLarge ? 280 : 290,\n        color: \"#05264C\",\n        // border: \"1px solid black\",\n        width: window.innerWidth <= 500 ? 406 : 480,\n        marginTop: \"2vw\",\n      }}\n    >\n      <Box\n        sx={{\n          display: \"flex\",\n          justifyContent: \"center\",\n          width: \"100%\",\n          mb: 2,\n        }}\n      >\n        <Box\n          sx={{\n            width: 100,\n            border: `3px solid ${tag_color}`,\n            borderRadius: \"10px\",\n          }}\n        />\n      </Box>\n\n      <Box\n        sx={{\n          display: \"flex\",\n          border: \"1px solid transparent\",\n          justifyContent: \"space-between\",\n          padding: \"0 1.6vw\",\n          alignItems: \"flex-start\",\n          // border:\"1px solid black\"\n        }}\n      >\n        <Box sx={{ textAlign: \"center\" }}>\n          <Typography\n            paragraph\n            sx={{\n              fontWeight: 800,\n              fontSize: isDesktopLarge ? \"2rem\" : \"1.5rem\",\n            }}\n          >\n            {title}\n          </Typography>\n          {title === \"Custom\" ? (\n            <Box>\n              <QuestionAnswerRounded\n                sx={{\n                  height: isDesktopLarge ? \"50px\" : \"36px\",\n                  width: isDesktopLarge ? \"50px\" : \"36px\",\n                  mb: 2,\n                }}\n              />\n            </Box>\n          ) : (\n            <Typography\n              paragraph\n              sx={{\n                fontSize: isDesktopLarge ? \"1.8rem\" : \"1.3rem\",\n                fontWeight: 600,\n              }}\n            >\n              $ {price}\n            </Typography>\n          )}\n          {title === \"Monthly\" ? (\n            <Button\n              variant=\"outlined\"\n              size={isDesktopLarge ? \"large\" : \"small\"}\n              sx={btnStyles1}\n              onClick={() => redirectToLogin(2)}\n            >\n              Get Started\n            </Button>\n          ) : title === \"Quarterly\" ? (\n            <Button\n              variant=\"outlined\"\n              size={isDesktopLarge ? \"large\" : \"small\"}\n              sx={btnStyles1}\n              onClick={() => redirectToLogin(3)}\n            >\n              Try for free\n            </Button>\n          ) : title === \"Half Yearly\" ? (\n            <Button\n              variant=\"outlined\"\n              size={isDesktopLarge ? \"large\" : \"small\"}\n              sx={btnStyles1}\n              onClick={() => redirectToLogin(4)}\n            >\n              Try for free\n            </Button>\n          ) : title === \"Annual\" ? (\n            <Button\n              variant=\"outlined\"\n              size={isDesktopLarge ? \"large\" : \"small\"}\n              sx={btnStyles1}\n              onClick={() => redirectToLogin(5)}\n            >\n              Try for free\n            </Button>\n          ) : title === \"Custom\" ? (\n            <Button\n              variant=\"outlined\"\n              size={isDesktopLarge ? \"large\" : \"small\"}\n              sx={btnStyles1}\n              onClick={() => redirectToContactsales(\"Custom Package\")}\n            >\n              Contact sales\n            </Button>\n          ) : null}\n        </Box>\n        <Box>\n          <Typography\n            sx={{\n              fontSize: isDesktopLarge ? \"1.8rem\" : \"1.4rem\",\n              fontWeight: \"800\",\n              paddingBottom: \"1.2vw\",\n            }}\n          >\n            Details\n          </Typography>\n\n          {features.map((feature, index) => (\n            <Box\n              key={index}\n              sx={{ display: \"flex\", mb: 2, alignItems: \"start\" }}\n            >\n              <TaskAltRounded\n                sx={{\n                  color: \"inherit\",\n                  mr: 1,\n                  mt: \"3px\",\n                  height: isDesktopLarge ? 14 : 13,\n                  width: isDesktopLarge ? 14 : 13,\n                }}\n              />\n              <Typography\n                paragraph\n                sx={{ m: 0, fontSize: isDesktopLarge ? \"14px\" : \"14px\" }}\n              >\n                {feature.title}\n              </Typography>\n            </Box>\n          ))}\n        </Box>\n      </Box>\n\n      {/* <Box sx={{ display: \"flex\", mb: 2, alignItems: \"start\" }}>\n                <TaskAltRounded\n                  sx={{\n                    color: \"green\",\n                    mr: 1,\n                    mt: \"3px\",\n                    height: 14,\n                    width: 14,\n                  }}\n                />\n                <Typography paragraph sx={{ m: 0, fontSize: \"14px\" }}>\n                  1200 Resume Views Allowed\n                </Typography>\n              </Box>\n              <Box sx={{ display: \"flex\", mb: 2, alignItems: \"start\" }}>\n                <TaskAltRounded\n                  sx={{\n                    color: \"green\",\n                    mr: 1,\n                    mt: \"3px\",\n                    height: 14,\n                    width: 14,\n                  }}\n                />\n                <Typography paragraph sx={{ m: 0, fontSize: \"14px\" }}>\n                  {\" \"}\n                  3 Users Allowed\n                </Typography>\n              </Box> */}\n      <Dialog open={showModal} onCLose={handleClose} fullScreen>\n        {/* <Modal.Header\n          closeButton\n          style={{ color: \"#406882\", margin: \"40px 0px 0px 50px\" }}\n        >\n          {!buttonLoading ? (\n            <div>\n              &nbsp;&nbsp;\n              <Button autoFocus color=\"inherit\" onClick={handleSendMail}>\n                Receive an email to finalize the order\n              </Button>\n            </div>\n          ) : (\n            <Button autoFocus color=\"inherit\" onClick={handleSendMail} disabled>\n              Sending...\n            </Button>\n          )}\n        </Modal.Header> */}\n        <DialogTitle sx={{ display: \"flex\", justifyContent: \"space-between\" }}>\n          <DialogContentText variant=\"h6\">\n            {!buttonLoading ? (\n              <div>\n                &nbsp;&nbsp;\n                <Button autoFocus color=\"primary\" onClick={handleSendMail}>\n                  Receive an email to finalize the order\n                </Button>\n              </div>\n            ) : (\n              <Button\n                autoFocus\n                color=\"inherit\"\n                onClick={handleSendMail}\n                disabled\n              >\n                Sending...\n              </Button>\n            )}\n          </DialogContentText>\n          <IconButton aria-label=\"close\" onClick={handleClose}>\n            <CloseIcon />\n          </IconButton>\n        </DialogTitle>\n\n        <DialogContent>\n          {packdetails && (\n            <Purchase\n              price={packdetails.price}\n              customerid={sessionStorage.getItem(\"id\")}\n              jobsAllowed={packdetails.jobsAllowed}\n              resumesAllowed={packdetails.resumeViews_allowed}\n              packageTitle={packdetails.title}\n              packageDetails={packdetails}\n              customerDetails={customerDetails}\n              companyDetails={companyDetails}\n              currentUser={currentUser}\n            />\n          )}\n        </DialogContent>\n        <DialogActions>\n          {/* <Button\n                onClick={handleClose}\n                style={{\n                  backgroundColor: '#406882',\n                  color: 'white',\n                  margin: '10px',\n                }}\n              >\n                Close\n              </Button> */}\n        </DialogActions>\n      </Dialog>\n    </Card>\n  );\n};\n\nconst btnStyles1 = {\n  borderRadius: \"8px\",\n  boxShadow: \"0px 18px 40px rgba(25, 15, 9, 0.2)\",\n  color: \"#05264C\",\n  border: \"2px solid #3C65F6\",\n  textTransform: \"capitalize\",\n};\n\nconst btnStyles2 = {\n  borderRadius: \"8px\",\n  boxShadow: \"0px 18px 40px rgba(25, 15, 9, 0.2)\",\n  //   bgcolor: \"#05264C\",\n  bgcolor: \"#fff\",\n  color: \"#3C65F6\",\n  textTransform: \"capitalize\",\n};\n\nconst btnStyles3 = {\n  borderRadius: \"8px\",\n  boxShadow: \"0px 18px 40px rgba(25, 15, 9, 0.2)\",\n  bgcolor: \"#3C65F6\",\n  color: \"#fff\",\n  textTransform: \"capitalize\",\n};\n","\"use client\";\n\nimport createSvgIcon from './utils/createSvgIcon';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nexport default createSvgIcon( /*#__PURE__*/_jsx(\"path\", {\n  d: \"m21.29 5.89-10 10c-.39.39-1.02.39-1.41 0l-2.83-2.83a.9959.9959 0 0 1 0-1.41c.39-.39 1.02-.39 1.41 0l2.12 2.12 9.29-9.29c.39-.39 1.02-.39 1.41 0 .4.39.4 1.02.01 1.41m-5.52-3.15c-1.69-.69-3.61-.93-5.61-.57-4.07.73-7.32 4.01-8.01 8.08C1.01 17 6.63 22.78 13.34 21.91c3.96-.51 7.28-3.46 8.32-7.31.4-1.47.44-2.89.21-4.22-.13-.8-1.12-1.11-1.7-.54-.23.23-.33.57-.27.89.22 1.33.12 2.75-.52 4.26-1.16 2.71-3.68 4.7-6.61 4.97-5.1.47-9.33-3.85-8.7-8.98.43-3.54 3.28-6.42 6.81-6.91 1.73-.24 3.37.09 4.77.81.39.2.86.13 1.17-.18.48-.48.36-1.29-.24-1.6-.27-.12-.54-.25-.81-.36\"\n}), 'TaskAltRounded');"],"names":["createSvgIcon","_jsx","d","ContainerBG","styled","position","backgroundImage","concat","BG1","backgroundSize","backgroundPosition","Overlay","top","left","Content","zIndex","color","Pricingplans","packageData","setPackageData","useState","theme","useTheme","isDesktopLarge","useMediaQuery","breakpoints","down","between","up","React","getAllDefaultPackages","axios","Key","method","headers","then","response","data","plansMon","title","_jsxs","children","CssBaseline","Container","maxWidth","Grid","container","spacing","sx","pb","item","xs","Box","textAlign","pt","Typography","variant","fontWeight","paragraph","className","style","display","justifyContent","width","alignItems","flexWrap","PricingCard","price","features","_ref","isMobile","isTablet","history","useHistory","customerDetails","setCustomerDetails","companyDetails","setCompanyDetails","packageDetails","setPackageDetails","salesPersonDetails","setsalesPersonDetails","totaldetails","settotaldetails","packdetails","setpackDetails","newpackageDetails","setnewPackageDetails","showModal","setShowModal","buttonLoading","setButtonLoading","currentUser","useSelector","state","UserReducer","user","redirectToLogin","packId","url","window","location","pathname","sessionStorage","setItem","push","getGetCustomerDetails","getItem","undefined","customer_id","userDetails","handleSendMail","JSON","stringify","Amount","crm_userid","user_id","session_token","customer_email","username","agreementData","msg","toast","ToastMessage","message","handleClose","tag_color","Card","borderRadius","bgcolor","backdropFilter","px","py","height","innerWidth","marginTop","mb","border","padding","fontSize","QuestionAnswerRounded","Button","size","btnStyles1","onClick","redirectToContactsales","paddingBottom","map","feature","index","TaskAltRounded","mr","mt","m","Dialog","open","onCLose","fullScreen","DialogTitle","DialogContentText","autoFocus","disabled","IconButton","CloseIcon","DialogContent","Purchase","customerid","jobsAllowed","resumesAllowed","resumeViews_allowed","packageTitle","DialogActions","boxShadow","textTransform"],"sourceRoot":""}