\r\n \r\n Are you sure you want to remove the School ?\r\n \r\n \r\n \r\n \r\n \r\n
\r\n )\r\n\r\n\r\n const DialogProps = {\r\n diaOpen: isDialogOpen,\r\n diaTitle: 'Confirm?',\r\n diaContent: ConfirmDialogContent,\r\n diaClose: dialogClose,\r\n isFullWidth: false\r\n }\r\n\r\n\r\n\r\n\r\n\r\n const addEntityClicked = () => {\r\n setAddentity(true)\r\n }\r\n\r\n let {\r\n personId = 0,\r\n firstName = \"\",\r\n lastName = \"\",\r\n email = \"\",\r\n // password = \"\",\r\n title = \"\",\r\n phone1 = \"\"\r\n } = values\r\n console.log(School != undefined, Schooldetails != undefined, School, Schooldetails, personId, personId > 0, \"schoolName\")\r\n return (\r\n <>\r\n {loading ? \r\n
\r\n \r\n {title == \"2_3\" ? \"Tech Support\" : memberName} \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n\r\n {messages?.sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp))\r\n .map((message, index) => (\r\n \r\n \r\n \r\n {message?.message}\r\n \r\n
\r\n ))}\r\n \r\n \r\n {/* \r\n {/* User name */}\r\n \r\n {\" \"}\r\n at{\" \"}\r\n {new Date(message?.timestamp).toLocaleTimeString([], {\r\n hour: \"2-digit\",\r\n minute: \"2-digit\",\r\n hour12: true,\r\n month: \"short\",\r\n day: \"2-digit\",\r\n })}\r\n \r\n
\r\n \r\n */}\r\n
\r\n \r\n \r\n
\r\n \r\n < Alert\r\n severity={\"info\"}\r\n style={{ display: 'flex', flexDirection: 'row', justifyContent: 'left', alignItems: 'center' }}\r\n >\r\n Please review each member below, provide confirmation of Graduation and Confirmation of GPA accordingly. When done please click the “Save” button to complete this step \r\n\r\n \r\n
\r\n - \r\n {memberList.map(({\r\n fullName = \"\",\r\n membershipNumber = \"\",\r\n statusID,\r\n confirmationValue = ''\r\n }, index) =>\r\n
Full Name : {fullName}
\r\n \r\nMembership Number : {membershipNumber}
\r\n \r\n Action :
{\r\n confirmationValue != \"\" ?\r\n <>\r\n {confirmationValue == \"true\" ?\r\n
\r\n {completed &&\r\n
\r\n
\r\n );\r\n}","import React, { Fragment } from 'react'\r\nimport { makeStyles } from '@material-ui/core/styles'\r\nimport ListItem from '@material-ui/core/ListItem'\r\nimport ListItemText from '@material-ui/core/ListItemText'\r\nimport Typography from '@material-ui/core/Typography'\r\nimport { DateTimeFormat } from '../../../functions/CustomFunctions'\r\nimport { IconButton, Tooltip } from '@material-ui/core'\r\nimport CheckIcon from '@material-ui/icons/Check';\r\nimport clsx from 'clsx'\r\nimport { getLoggedUserMemberId } from '../../../functions/CoreFunctions'\r\nimport BorderColorIcon from '@material-ui/icons/BorderColor';\r\nimport SendIcon from '@material-ui/icons/Send';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n inline: {\r\n display: 'inline',\r\n },\r\n checkicon: {\r\n float: 'left',\r\n borderRadius: '50%',\r\n backgroundColor: 'green',\r\n color: '#fff',\r\n padding: '2px',\r\n marginRight: '7px'\r\n },\r\n circleText: {\r\n color: '#fff',\r\n backgroundImage: theme.mainColor,\r\n boxShadow: theme.mainColorShadow,\r\n },\r\n rightAlign: {\r\n float: 'right',\r\n marginBottom: '10px',\r\n textAlign: 'right',\r\n fontSize: '16px',\r\n fontWeight: '670'\r\n },\r\n redColor: {\r\n color: 'red'\r\n },\r\n greenColor: {\r\n color: 'green'\r\n },\r\n listStyle: {\r\n paddingLeft: 0,\r\n paddingRight: 0\r\n },\r\n balanceBlock: {\r\n marginTop: '-21px'\r\n },\r\n subTextBlock: {\r\n fontSize: '13px'\r\n },\r\n paraStyle: {\r\n marginTop: '5px'\r\n },\r\n paraStyle2: {\r\n marginTop: '-7px'\r\n },\r\n deleteBtn: {\r\n padding: '6px',\r\n color: '#fff',\r\n backgroundImage: theme.mainColor,\r\n boxShadow: theme.mainColorShadow,\r\n fontSize: 5\r\n },\r\n vieweBtn: {\r\n margin: '6px',\r\n padding: '6px',\r\n color: '#fff',\r\n backgroundImage: theme.mainColor,\r\n boxShadow: theme.mainColorShadow,\r\n fontSize: 5\r\n },\r\n iconpadding: {\r\n padding: '6px',\r\n color: '#fff',\r\n backgroundImage: theme.mainColor,\r\n boxShadow: theme.mainColorShadow,\r\n // fontSize: 5,\r\n // marginRight: '5px'\r\n },\r\n iconSize: {\r\n fontSize: 16\r\n }\r\n}));\r\n\r\n\r\n\r\n\r\nconst SignersMobileAndTabView = ({ data, handleOnClickSign, SendEmailReminder, emailSendArray }) => {\r\n const classes = useStyles();\r\n const loggedUserId = getLoggedUserMemberId();\r\n\r\n const { createDate, positionName = '', statusId, statusName, entityEmail, entityName, sourceOwnerId, membershipNumber, dtsid } = data;\r\n let dynamicRowStyle = '';\r\n if (parseInt(statusId) === 4) {\r\n dynamicRowStyle = classes.dangerColor;\r\n }\r\n\r\n return (\r\n \r\n 10 ? 100 * (steps.length + 1) : 'auto',\r\n width: '100%', overflowY: 'auto'\r\n // padding: '10px 5px'\r\n }}\r\n >\r\n {steps.map(({ title, completed }, index) => {\r\n const stepProps = {};\r\n stepProps.completed = completed;\r\n\r\n return (\r\n \r\n\r\n {title}\r\n {/* {title} */}\r\n {/* \r\n {title}\r\n */}\r\n \r\n );\r\n })}\r\n {!incompleteStep && (\r\n \r\n \r\n Summary\r\n \r\n \r\n )}\r\n \r\n\r\n
\r\n \r\n {positionName}\r\n : ''}\r\n }\r\n secondary={\r\n
{entityEmail}
\r\n \r\nDate: {DateTimeFormat(createDate, 'MM/DD/YYYY')}
\r\n \r\n\r\n\r\n\r\n\r\n {(statusId == 1 && parseInt(sourceOwnerId) === parseInt(loggedUserId)) ?\r\n \r\n {\r\n event.stopPropagation()\r\n handleOnClickSign(data)\r\n }}>\r\n \r\n \r\n :\r\n `${statusName}`\r\n }\r\n {(parseInt(statusId) === 1) &&\r\n \r\n -1)} className={classes.iconpadding} aria-label='signpad' onClick={(e) => SendEmailReminder(dtsid)}>\r\n \r\n \r\n }\r\n
\r\n\r\n\r\n \r\n
\r\n {dcoumentStatusId == 1 && (\r\n \r\n \r\n \r\n Document is pending for Signature.\r\n \r\n \r\n \r\n )}\r\n\r\n {dcoumentStatusId == 2 && (\r\n \r\n \r\n All Documents are Signed, Waiting for Approval. \r\n \r\n \r\n )}\r\n
\r\n \r\n ) : (\r\n <>\r\n - \r\n {signQueueList &&\r\n signQueueList.map((queue, index) => {\r\n return (\r\n
\r\n {positionName}\r\n \r\n ) : (\r\n \"\"\r\n )}\r\n
\r\n <>\r\n handleChangeTab(e, id)}\r\n value={activeTab}\r\n name=\"selectedPaymentMethod\"\r\n inputProps={{ 'aria-label': 'A' }}\r\n />\r\n \r\n <>\r\n {label} \r\n \r\n
\r\n {chooseFromListLabel}
\r\n < Alert icon={row.status == \"Passed\" ?\r\n {row.prerequisiteName} \r\n {row.message}\r\n {\r\n row.prerequisiteName == \"Chapter Program Documentation Required\" && row.status == \"Failed\" &&\r\n <>\r\n { history.push(`/chapterDocumentation/${organizationID}`) }}\r\n // style={{ width: '10rem' }}\r\n >\r\n Go to Chapter Documentation\r\n \r\n \r\n }\r\n\r\n \r\n
\r\n )\r\n\r\n })} */}\r\n\r\n\r\n \r\n
\r\n Required documents submitted successfully
\r\n\r\n
\r\n - \r\n {!requireDocuments.length ?\r\n
No Record Found
\r\n {!completed &&\r\n <>\r\n \r\n \r\n \r\n }\r\n\r\n {documentId != 0 &&\r\n <>\r\n {(fileExtension !== 'doc') &&\r\n \r\n \r\n \r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n }\r\n
\r\n {documentId ?\r\n Last Updated : {DateTimeFormat(createDate, 'MM/DD/YYYY hh:mm A')}
:\r\nPlease upload document
\r\n }\r\n }\r\n />\r\n\r\n
\r\n\r\n \r\n
\r\n {/* \r\n
\r\n {/* - \r\n {steps[2]?.detail?.requireDocuments.map((\r\n { name, documentId, createDate = '', documentUrl = '', fileExtension }, index) =>\r\n
\r\n\r\n
\r\n {documentId ?\r\n \r\n \r\n \r\n
\r\n \r\n {documentId &&\r\n <>\r\n {(fileExtension !== 'doc') &&\r\n \r\n \r\n \r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n }\r\n
\r\n Last Updated : {DateTimeFormat(createDate, 'MM/DD/YYYY hh:mm A')}
:\r\n ''\r\n }\r\n \r\n }\r\n />\r\n\r\n\r\n
\r\n {/* \r\n
\r\n\r\n \r\n
\r\n {/* - \r\n {detail.requireDocuments.map((\r\n { name, documentId, createDate = '', documentUrl = '', fileExtension }, index) =>\r\n
\r\n\r\n
\r\n {documentId ?\r\n \r\n \r\n \r\n
\r\n \r\n {documentId &&\r\n <>\r\n {(fileExtension !== 'doc') &&\r\n \r\n \r\n \r\n \r\n }\r\n \r\n \r\n \r\n \r\n \r\n }\r\n
\r\n Last Updated : {DateTimeFormat(createDate, 'MM/DD/YYYY hh:mm A')}
:\r\n ''\r\n }\r\n \r\n }\r\n />\r\n\r\n\r\n
\r\n {/* \r\n
\r\n\r\n \r\n
\r\n {/* \r\n
\r\n {/* \r\n
\r\n {/* \r\n
\r\n {\r\n docTransactionDetail?.documentTransactionId &&\r\n \r\n Document transaction ID : {docTransactionDetail?.documentTransactionId}\r\n \r\n }
\r\n\r\n {docTransactionDetail?.statusName && docTransactionDetail?.statusName != \"\" &&\r\n \r\n Document Status : {docTransactionDetail?.statusName}\r\n \r\n }\r\n
\r\n \r\n\r\n {docTransactionDetail?.statusName && docTransactionDetail?.statusName != \"\" &&\r\n \r\n Document Status : {docTransactionDetail?.statusName}\r\n \r\n }\r\n
\r\n
\r\n\r\n {docTransactionDetail?.statusName != \"\" &&\r\n \r\n Document Status : {docTransactionDetail?.statusName}\r\n \r\n }\r\n
\r\n \r\n {`Step ${activeStep + 1} of ${steps.length}`}\r\n \r\n
\r\n )}\r\n \r\n \r\n\r\n \r\n \r\n \r\n\r\n {parentOrganizationName}\r\n\r\n \r\n \r\n Membership Application\r\n \r\n \r\n {chaptername}\r\n \r\n {schools.length > 0 ? schools.map(({ schoolName }) => {\r\n return (\r\n \r\n \r\n {/* //if parentorganizationid=4 */}\r\n\r\n 
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n\r\n \r\n {/* \r\n Payment Success\r\n */}\r\n \r\n {/* {(parseInt(paymentResponseData.planPaymentMethod) === 0) ?\r\n \r\n \r\n You have successfully enrolled into the payment plan term and processed your first payment.\r\n \r\n \r\n : ''\r\n } */}\r\n\r\n \r\n \r\n Receipt ID : {paymentResponseData.authorizationCode || ''} \r\n Email payment confirmation has been sent to {paymentResponseData.email}\r\n \r\n \r\n\r\n \r\n \r\n Continue\r\n \r\n\r\n\r\n \r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n\r\n {/* Bank Payment Methods */}\r\n\r\n
\r\n );\r\n}","import React, { Fragment, useEffect, useRef } from 'react';\r\nimport Grid from '@material-ui/core/Grid';\r\nimport Typography from '@material-ui/core/Typography';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport Box from \"@material-ui/core/Box\";\r\nimport Tabs from '@material-ui/core/Tabs';\r\nimport Tab from '@material-ui/core/Tab';\r\nimport FormHelperText from '@material-ui/core/FormHelperText';\r\nimport InputLabel from '@material-ui/core/InputLabel';\r\nimport FormControl from '@material-ui/core/FormControl';\r\nimport Select from '@material-ui/core/Select';\r\nimport MenuItem from '@material-ui/core/MenuItem';\r\nimport TextField from '@material-ui/core/TextField';\r\nimport PropTypes from 'prop-types';\r\nimport Checkbox from '@material-ui/core/Checkbox';\r\nimport FormControlLabel from '@material-ui/core/FormControlLabel';\r\nimport InputAdornment from '@material-ui/core/InputAdornment';\r\nimport Icon from '@material-ui/core/Icon';\r\nimport { debounce } from 'underscore';\r\nimport { withStyles } from '@material-ui/core/styles';\r\nimport { useDispatch, useSelector } from 'react-redux';\r\nimport { Button, CircularProgress } from '@material-ui/core';\r\nimport { useState } from 'react';\r\nimport { CustomAlertMessage, detectCardType, staticMonthArray, staticYearArray } from '../../functions/CustomFunctions';\r\nimport { AccountTypes, BANK_ACCOUNT_TYPE, CREDIT_CARD_TYPE, DEFAULT_COUNTRY_NAME, ENTITY_TYPE_ID_FOR_MEMBER, PaymentMethodsCardIcon } from '../../constants/HelperConstants';\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport { FIVE_DIGIT_NUMBER_REGEX, MAXIMUM_FIVE_DIGITS_REGEX, NINE_DIGIT_REGEX, ZIPCODE_REGEX } from '../../constants/ValidationRegex';\r\nimport { CREATE_NEW_PAYMENT_METHOD_URL } from '../../constants/apiPaths';\r\nimport { authHeader, getLoggedUserMemberId, loggedTokenDetails } from '../../functions/CoreFunctions';\r\nimport API from '../../redux/actions/API';\r\nimport { useSnackbar } from 'notistack';\r\nimport { getPaymentMethods, getSignUpStepsFormFieldOptions } from '../../redux/actions';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n continuebtn: {\r\n color: '#fff',\r\n width: '100%',\r\n backgroundImage: theme.mainColor,\r\n boxShadow: theme.mainColorShadow,\r\n borderRadius: '50px',\r\n margin: 'auto',\r\n display: 'block',\r\n padding: '10px 35px',\r\n opacity: 1,\r\n '&:hover': {\r\n opacity: 0.7,\r\n }\r\n },\r\n formHeader: {\r\n fontSize: 'x-large',\r\n marginBottom: '1rem',\r\n textAlign: 'center'\r\n },\r\n table: {\r\n maxWidth: 400,\r\n },\r\n borderlessStyle: {\r\n borderBottom: 'none',\r\n fontWeight: 600\r\n },\r\n tabSection: {\r\n border: `2px solid ${theme.primaryColor}`,\r\n padding: '1px 0px 1.5px 0px',\r\n borderRadius: '25px',\r\n minHeight: '43px'\r\n },\r\n activeTabStyle: {\r\n backgroundImage: theme.mainColor,\r\n boxShadow: theme.mainColorShadow,\r\n borderRadius: '25px',\r\n color: '#fff !important',\r\n minHeight: '33px',\r\n minWidth: '186px',\r\n },\r\n inactiveTabStyle: {\r\n color: theme.primaryColor,\r\n minHeight: '33px',\r\n minWidth: '160px',\r\n },\r\n formControl: {\r\n width: \"100%\"\r\n }\r\n}));\r\n\r\nconst initialValues = {\r\n cardHolderName: '',\r\n achpayId: 0,\r\n ccpayId: 0,\r\n cardNumber: '',\r\n expirationMonth: '',\r\n expirationYear: '',\r\n securityCode: '',\r\n bankName: '',\r\n accountHolderName: '',\r\n bankAccountType: '',\r\n accountNumber: '',\r\n routingNumber: '',\r\n sameAsCurrentAddress: false,\r\n addressLine: '',\r\n city: '',\r\n state: '',\r\n country: 'United States',\r\n zipCode: '',\r\n};\r\n\r\nfunction TabPanel(props) {\r\n const { children, value, index, ...other } = props;\r\n return (\r\n - \r\n {(showPaymentMethodCreateTypes.includes(BANK_ACCOUNT_TYPE) && achPays && achPays.length) ?\r\n
\r\n {Verification == undefined ? (\r\n \r\n\r\n Not Verified\r\n \r\n ) : null\r\n }\r\n {(Verification !== undefined && Verification.statusId == 1) ?\r\n School will not Participate in intake Season : null\r\n }\r\n {(Verification !== undefined && Verification.statusId == 3) ?\r\n Support Denied : null\r\n }\r\n {(Verification !== undefined && Verification.statusId == 5) ?\r\n Override Successful : null\r\n }\r\n {((Verification !== undefined && (Verification.statusId == 1 || Verification.statusId == 2)) || (Verification == undefined)) &&\r\n \r\n }\r\n {/* {(AccessLevel === 'National' && Verification !== undefined && (Verification.statusId != 2 || Verification.statusId != 3)) &&\r\n \r\n } */}\r\n {(AccessLevel === 'National' && Verification === undefined) &&\r\n \r\n }\r\n
\r\n :\r\n <>\r\n \r\n Request Sent \r\n
: null\r\n }\r\n {(Verification !== undefined && Verification.statusId == 2) ?\r\n \r\n College Official Verified Successfully \r\n
: null\r\n }\r\n {(Verification !== undefined && Verification.statusId == 4) ?\r\n \r\n {(Verification !== undefined && Verification.statusId == 2) ?\r\n
\r\n \r\n }\r\n \r\n }>\r\n \r\n School will not Participate in intake Season \r\n
: null\r\n }\r\n\r\n \r\n \r\n\r\n {isParticipateBtnVisible &&\r\n \r\n }\r\n
\r\n {(isMobileScreen() || isTabScreen()) &&\r\n < div style={{ marginTop: '10px' }}>\r\n {row.collegeOfficial !== null ?\r\n \r\n {Verification == undefined ? (\r\n \r\n\r\n Not Verified\r\n \r\n ) : null\r\n }\r\n {(Verification !== undefined && Verification.statusId == 1) ?\r\n School will not Participate in intake Season : null\r\n }\r\n {(Verification !== undefined && Verification.statusId == 3) ?\r\n Support Denied : null\r\n }\r\n {(Verification !== undefined && Verification.statusId == 5) ?\r\n Override Successful : null\r\n }\r\n {((Verification !== undefined && (Verification.statusId == 1 || Verification.statusId == 2)) || (Verification == undefined)) &&\r\n \r\n }\r\n {/* {(AccessLevel === 'National' && Verification !== undefined && (Verification.statusId != 2 || Verification.statusId != 3)) &&\r\n \r\n } */}\r\n {(AccessLevel === 'National' && Verification === undefined) &&\r\n \r\n }\r\n
\r\n :\r\n \r\n }\r\n \r\n }\r\n \r\n\r\n )\r\n })}\r\n\r\n\r\n \r\n Request Sent \r\n
: null\r\n }\r\n {(Verification !== undefined && Verification.statusId == 2) ?\r\n \r\n College Official Verified Successfully \r\n
: null\r\n }\r\n {(Verification !== undefined && Verification.statusId == 4) ?\r\n