{"version":3,"sources":["actions/payment.js","../node_modules/@material-ui/icons/esm/Lock.js","components/layout/PaymentCard.js","components/layout/Payment.js"],"names":["initialisePayment","payload","dispatch","a","type","INITIALISE_PAYMENT_STARTED","batchScheduleId","payloadData","axios","post","res","INITIALISE_PAYMENT_SUCCESS","data","errors","get","USER_DETAILS_INCOMPLETE","page","INITIALISE_PAYMENT_FAILED","getPaymentHistory","GET_PAYMENT_HISTORY","GET_PAYMENT_HISTORY_SUCCESS","GET_PAYMENT_HISTORY_FAILED","createSvgIcon","React","createElement","d","PaymentCard","props","value","selectedValue","handleChange","label","className","checked","name","onClick","Card","CardContent","style","overflow","backgroundColor","Typography","fontWeight","Grid","container","spacing","item","xs","sm","fontSize","noOfSessions","marginTop","curriculumList","length","marginLeft","lineHeight","map","certificationList","src","imageURL","width","height","title","totalDiscountedPrice","textAlign","totalPrice","Chip","variant","color","borderRadius","border","useStyles","makeStyles","theme","root","flexGrow","margin","padd","padding","connect","state","validated","auth","loading","course","coursedata","authToken","token","payment","profile","user","getSegmentWiseCourse","getProfile","history","classes","useState","courseChoice","setCourseChoice","isLaptopSelected","pathnameData","location","pathname","split","segmentId","segmentHeader","useEffect","push","handler","responseHandler","BOLT","paymentResponse","catchException","key","txnid","transactionId","firstname","firstName","productinfo","productInfo","surl","furl","window","bolt","launch","Loader","Paper","elevation","md","align","marginBottom","index","contactNumber","paddingLeft","float","borderBottom","discountedLaptopPrice","Button","background","startIcon","Lock","courseId","id","laptop","toString"],"mappings":"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","file":"static/js/22.17029f69.chunk.js","sourcesContent":["import axios from \"axios\";\nimport { get } from \"lodash\";\nimport {\n  INITIALISE_PAYMENT_STARTED,\n  INITIALISE_PAYMENT_SUCCESS,\n  INITIALISE_PAYMENT_FAILED,\n  PAYU_REDIRECT,\n  GET_PAYMENT_HISTORY,\n  GET_PAYMENT_HISTORY_SUCCESS,\n  GET_PAYMENT_HISTORY_FAILED,\n  USER_DETAILS_INCOMPLETE,\n} from \"./type\";\n\nexport const initialisePayment = (payload) => async (dispatch) => {\n  dispatch({\n    type: INITIALISE_PAYMENT_STARTED,\n  });\n  let payloadData = {};\n  if (payload.batchScheduleId === -1) {\n    delete payload['batchScheduleId'];\n  }\n  payloadData = payload;\n  try {\n    const res = await axios.post(\n      \"/student/course/initiateTransaction\",\n      payloadData\n    );\n    dispatch({\n      type: INITIALISE_PAYMENT_SUCCESS,\n      payload: res.data,\n    });\n  } catch (err) {\n    const errors = get(err, \"response.data.message\");\n    if (get(err, \"response.data.errorMessage\") === \"STUDENT_INCOMPLETE_DETAILS\") {\n      dispatch({\n        type: USER_DETAILS_INCOMPLETE,\n        payload:  {\n          errors: errors,\n          page: 'Default'\n        }\n      });\n    }\n    dispatch({\n      type: INITIALISE_PAYMENT_FAILED,\n      payload: err,\n    });\n  }\n};\n\nexport const getPaymentHistory = (payload) => async (dispatch) => {\n  dispatch({\n    type: GET_PAYMENT_HISTORY,\n  });\n  try {\n    const res = await axios.get(\"/transaction/ledger\", payload);\n    dispatch({\n      type: GET_PAYMENT_HISTORY_SUCCESS,\n      payload: res.data,\n    });\n  } catch (err) {\n    const errors = get(err, \"response.data.message\");\n    dispatch({\n      type: GET_PAYMENT_HISTORY_FAILED,\n      payload: errors,\n    });\n  }\n};\n","import React from 'react';\nimport createSvgIcon from './utils/createSvgIcon';\nexport default createSvgIcon(React.createElement(\"path\", {\n  d: \"M18 8h-1V6c0-2.76-2.24-5-5-5S7 3.24 7 6v2H6c-1.1 0-2 .9-2 2v10c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V10c0-1.1-.9-2-2-2zm-6 9c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2zm3.1-9H8.9V6c0-1.71 1.39-3.1 3.1-3.1 1.71 0 3.1 1.39 3.1 3.1v2z\"\n}), 'Lock');","import React from 'react';\nimport {\n  Radio,\n  Card,\n  CardContent,\n  Typography,\n  Grid,\n  Chip,\n  Button,\n} from '@material-ui/core';\n\nimport './PaymentCard.css';\n\nfunction PaymentCard(props) {\n  const { value, selectedValue, handleChange, label } = props;\n  \n  return (\n    <div className='cardArea'>\n      <div className='container1'>\n        <input type='radio' checked={value === label} name={value} />\n        <div className='check' onClick={() => handleChange(label)}></div>\n      </div>\n      {label === 1 && <div className='container2'>Most Popular</div>}\n      <Card className='h-100'>\n        <CardContent\n          style={{ overflow: 'visible', backgroundColor: '#FACD7C' }}\n          className='h-100'\n        >\n          <Typography style={{ fontWeight: 'bold' }}>\n            {selectedValue.name}\n          </Typography>\n          <Grid container spacing={2}>\n            <Grid item xs={12} sm={7}>\n              <Typography style={{ fontSize: 10 }}>\n                {selectedValue.noOfSessions} Sessions\n              </Typography>\n              <Typography\n                style={{ fontSize: 10, marginTop: 10, fontWeight: 'bold' }}\n              >\n                Curriculum Includes\n              </Typography>\n              {selectedValue.curriculumList.length > 0 && (\n                <ul style={{ marginLeft: -20, fontSize: 10, lineHeight: 1.2 }}>\n                  {selectedValue.curriculumList.map((item) => (\n                    <li>{item}</li>\n                  ))}\n                </ul>\n              )}\n            </Grid>\n            <Grid item xs={12} sm={5}>\n              {selectedValue.certificationList.map((item) => (\n                <Typography style={{ fontSize: 10, marginTop: 10 }}>\n                  <img src={item.imageURL} style={{ width: 10, height: 10 }} />\n                  {item.title}\n                </Typography>\n              ))}\n            </Grid>\n          </Grid>\n          <Grid container spacing={2}>\n            <Grid item xs={12} sm={6}>\n              <Typography style={{ fontSize: 25, fontWeight: 'bold' }}>\n                &#8377; {selectedValue.totalDiscountedPrice}\n              </Typography>\n            </Grid>\n            <Grid item xs={12} sm={6}>\n              <Typography\n                style={{\n                  fontSize: 15,\n                  fontWeight: 'bold',\n                  textAlign: 'right',\n                  lineHeight: '1.9',\n                }}\n              >\n                { selectedValue.totalDiscountedPrice != selectedValue.totalPrice && <del>&#8377; {selectedValue.totalPrice}</del>}\n              </Typography>\n            </Grid>\n          </Grid>\n        </CardContent>\n      </Card>\n      <Chip\n        variant='contained'\n        color='primary'\n        style={{\n          width: '95%',\n          marginTop: -35,\n          borderRadius: 30,\n          marginLeft: '2.5%',\n          backgroundColor: '#FF9700',\n          border: '1px solid white',\n          color: '#FFFFFF',\n          fontSize: 17,\n          fontWeight: 'bold',\n        }}\n        label='Subscribe'\n      ></Chip>\n    </div>\n  );\n}\n\nexport default PaymentCard;\n","import React, { useState, useEffect } from \"react\";\nimport {\n  Grid,\n  Card,\n  Paper,\n  CardContent,\n  makeStyles,\n  RadioGroup,\n  Radio,\n  Typography,\n  FormControlLabel,\n  Checkbox,\n  Button,\n} from \"@material-ui/core\";\nimport { connect } from \"react-redux\";\nimport { Lock } from \"@material-ui/icons\";\n\nimport { getSegmentWiseCourse } from \"../../actions/course\";\nimport { initialisePayment } from \"../../actions/payment\";\nimport { getProfile } from \"../../actions/auth\";\nimport Loader from \"./Loader\";\nimport PaymentCard from \"./PaymentCard\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flexGrow: 1,\n    margin: \"auto 30px 10px\",\n  },\n  padd: {\n    padding: 20,\n  },\n}));\nconst Payment = ({\n  history,\n  getSegmentWiseCourse,\n  initialisePayment,\n  getProfile,\n  validated,\n  loading,\n  coursedata,\n  authToken,\n  payment,\n  profile,\n}) => {\n  const classes = useStyles();\n  const [courseChoice, setCourseChoice] = useState(1);\n  const [isLaptopSelected, setIsLaptopSelected] = useState(false);\n\n  const {\n    location: { pathname },\n  } = history;\n  const pathnameData = pathname.split(\"/\");\n  const segmentId = pathnameData[3];\n  const segmentHeader = pathnameData[2];\n\n  const handleChange = (value) => {\n    setCourseChoice(value);\n  };\n\n  const initializePayment = () => {\n    const payload = {\n      courseId: coursedata[courseChoice].id,\n      laptop: !isLaptopSelected,\n    };\n    if (authToken) {\n      initialisePayment(payload);\n    } else {\n      history.push(`/login/?${toString(payload)}`);\n    }\n  };\n\n  useEffect(() => {\n    segmentId ? getSegmentWiseCourse(segmentId) : history.push(\"/\");\n  }, []);\n\n  useEffect(() => {\n    if (authToken) {\n      getProfile();\n    }\n  }, [authToken]);\n\n  const handler = {\n    responseHandler: function (BOLT) {\n      // your payment response Code goes here, BOLT is the response object\n      history.push({\n        pathname: \"/payment/response\",\n        paymentResponse: BOLT,\n      });\n    },\n    catchException: function (BOLT) {\n      // the code you use to handle the integration errors goes here\n      history.push({\n        pathname: \"/payment/response\",\n        paymentResponse: BOLT,\n      });\n    },\n  };\n\n  useEffect(() => {\n    const { key } = payment;\n    if (key) {\n      const payload = {\n        ...payment,\n        txnid: payment.transactionId,\n        firstname: payment.firstName,\n        productinfo: payment.productInfo,\n        surl: \"http://dab39d4e3b17.ngrok.io/payment/response\",\n        furl: \"http://dab39d4e3b17.ngrok.io/payment/response\",\n        // mode: \"dropout\",\n      };\n\n      delete payload.transactionId;\n      delete payload.firstName;\n      delete payload.productInfo;\n      window.bolt.launch(payload, handler);\n    }\n  }, [payment]);\n\n  return (\n    <Loader loading={loading}>\n      <div className={classes.root}>\n        <Paper elevation={3}>\n          <Grid container spacing={2} className={classes.padd}>\n            <Grid item xs={12} md={6}>\n              <Typography\n                variant=\"h6\"\n                align=\"center\"\n                style={{ marginBottom: 20 }}\n              >\n                {segmentHeader}\n              </Typography>\n              <Grid container spacing={2}>\n                {coursedata.length &&\n                  coursedata.map((course, index) => (\n                    <Grid item xs={12} md={6}>\n                      <PaymentCard\n                        handleChange={handleChange}\n                        value={courseChoice}\n                        label={index}\n                        selectedValue={coursedata[index]}\n                      />\n                    </Grid>\n                  ))}\n              </Grid>\n            </Grid>\n\n            <Grid item xs={12} md={6}>\n              <Card>\n                <CardContent>\n                  <Typography\n                    align=\"center\"\n                    style={{\n                      marginBottom: 20,\n                      fontWeight: \"bold\",\n                      color: \"#1d95af\",\n                    }}\n                  >\n                    Lifetime Education Nominee: Payment Request\n                  </Typography>\n                  {validated && profile && (\n                    <Card>\n                      <CardContent>\n                        {profile.name && (\n                          <Typography style={{ fontSize: 15 }}>\n                            Student Name: {profile.name}\n                          </Typography>\n                        )}\n                        {profile.contactNumber && (\n                          <Typography style={{ fontSize: 15 }}>\n                            Contact Number: {profile.contactNumber}\n                          </Typography>\n                        )}\n                        <Typography\n                          style={{ fontSize: 15, fontWeight: \"bold\" }}\n                        >\n                          Course Name: {segmentHeader}(Session 1-\n                          {coursedata[courseChoice] &&\n                            coursedata[courseChoice].noOfSessions}\n                          )\n                        </Typography>\n                      </CardContent>\n                    </Card>\n                  )}\n                  <Typography\n                    style={{\n                      marginTop: 15,\n                      fontSize: 15,\n                      fontWeight: \"bold\",\n                      color: \"#8f92ae\",\n                    }}\n                  >\n                    PAYMENT DETAILS\n                  </Typography>\n                  <Card>\n                    <CardContent>\n                      <Grid container spacing={2}>\n                        <Grid item xs={9} md={9}>\n                          <Typography\n                            style={{ fontSize: 15, fontWeight: \"bold\" }}\n                          >\n                            {segmentHeader}(Session 1-\n                            {coursedata[courseChoice] &&\n                              coursedata[courseChoice].noOfSessions}\n                            ) <br />\n                          </Typography>\n                        </Grid>\n                        <Grid item xs={3} md={3}>\n                          <Typography\n                            style={{\n                              fontSize: 15,\n                              fontWeight: \"bold\",\n                              paddingLeft: 10,\n                            }}\n                          >\n                            ₹\n                            <span style={{ float: \"right\" }}>\n                              {coursedata[courseChoice] &&\n                                coursedata[courseChoice].totalPrice}\n                            </span>\n                          </Typography>\n                        </Grid>\n                      </Grid>\n                      <Grid container spacing={2} style={{ color: \"green\" }}>\n                        <Grid item xs={9} md={9}>\n                          <Typography\n                            style={{ fontSize: 15, fontWeight: \"bold\" }}\n                          >\n                            Discount\n                          </Typography>\n                        </Grid>\n                        <Grid item xs={3} md={3}>\n                          <Typography\n                            style={{ fontSize: 15, fontWeight: \"bold\" }}\n                          >\n                            - ₹\n                            <span style={{ float: \"right\" }}>\n                              {coursedata[courseChoice] &&\n                                coursedata[courseChoice].totalPrice -\n                                coursedata[courseChoice].totalDiscountedPrice}\n                            </span>\n                          </Typography>\n                        </Grid>\n                      </Grid>\n                      <Grid\n                        container\n                        spacing={2}\n                        style={{\n                          borderBottom: \"1px solid black\",\n                        }}\n                      >\n                        <Grid item xs={3} md={3}>\n                          {isLaptopSelected && (\n                            <Typography\n                              style={{\n                                fontSize: 15,\n                                fontWeight: \"bold\",\n                                lineHeight: \"40px\",\n                              }}\n                            >\n                              - ₹\n                              <span style={{ float: \"right\" }}>\n                                {coursedata[courseChoice] &&\n                                  coursedata[courseChoice]\n                                    .discountedLaptopPrice}\n                              </span>\n                            </Typography>\n                          )}\n                        </Grid>\n                      </Grid>\n\n                      <Grid container spacing={2}>\n                        <Grid item xs={9} md={9}>\n                          <Typography\n                            style={{ fontSize: 15, fontWeight: \"bold\" }}\n                          >\n                            Total\n                          </Typography>\n                        </Grid>\n                        <Grid item xs={3} md={3}>\n                          <Typography\n                            style={{ fontSize: 15, fontWeight: \"bold\" }}\n                          >\n                            ₹\n                            <span style={{ float: \"right\" }}>\n                              {coursedata[courseChoice] &&\n                                (isLaptopSelected\n                                  ? coursedata[courseChoice]\n                                    .totalDiscountedPrice -\n                                  coursedata[courseChoice]\n                                    .discountedLaptopPrice\n                                  : coursedata[courseChoice]\n                                    .totalDiscountedPrice)}\n                            </span>\n                          </Typography>\n                        </Grid>\n                      </Grid>\n                    </CardContent>\n                  </Card>\n\n                  <Card>\n                    {false && (\n                      <CardContent>\n                        <Grid\n                          container\n                          spacing={2}\n                          style={{ borderBottom: \"1px solid black\" }}\n                        >\n                          <Grid item xs={9}>\n                            <FormControlLabel\n                              value=\"noCostEmi\"\n                              control={<Radio />}\n                              label=\"No cost EMI on Credit Card\"\n                            />\n                          </Grid>\n                          <Grid item xs={3} style={{ color: \"orange\" }}>\n                            Know More\n                          </Grid>\n                        </Grid>\n                        <Grid container spacing={2}>\n                          <Grid item xs={12}>\n                            <FormControlLabel\n                              value=\"noCostEmi\"\n                              control={<Radio />}\n                              label=\"Debit Card / Credit Card / Net Banking / UPI / Wallets / Others\"\n                            />\n                          </Grid>\n                        </Grid>\n                      </CardContent>\n                    )}\n                    <Button\n                      variant=\"contained\"\n                      color=\"primary\"\n                      style={{\n                        width: \"100%\",\n                        fontSize: 20,\n                        borderRadius: 0,\n                        background: \"#B4B4B4 0% 0% no-repeat padding-box\",\n                      }}\n                    >\n                      <span style={{ color: \"green\" }}>Your Total: </span>{\" \"}\n                      <span style={{ color: \"black\" }}>\n                        ₹{\" \"}\n                        {coursedata[courseChoice] &&\n                          (isLaptopSelected\n                            ? coursedata[courseChoice].totalDiscountedPrice -\n                            coursedata[courseChoice].discountedLaptopPrice\n                            : coursedata[courseChoice].totalDiscountedPrice)}\n                      </span>\n                    </Button>\n                    <Button\n                      variant=\"contained\"\n                      color=\"primary\"\n                      style={{\n                        width: \"100%\",\n                        fontSize: 20,\n                        borderRadius: 0,\n                        marginTop: 10,\n                        background: \"#ff4b13\",\n                      }}\n                      startIcon={<Lock />}\n                      onClick={initializePayment}\n                    >\n                      <span style={{ color: \"white\" }}>Pay Securely</span>\n                    </Button>\n                  </Card>\n                </CardContent>\n              </Card>\n            </Grid>\n          </Grid>\n        </Paper>\n      </div>\n    </Loader>\n  );\n};\n\nconst mapStateToProps = (state) => ({\n  validated: state.auth.validated,\n  loading: state.course.loading,\n  coursedata: state.course.data,\n  authToken: state.auth.token,\n  payment: state.payment.data,\n  profile: state.user.profile,\n});\n\nexport default connect(mapStateToProps, {\n  getSegmentWiseCourse,\n  initialisePayment,\n  getProfile,\n})(Payment);\n"],"sourceRoot":""}