\n 
\n 
\n
\n Partners
\n\n \n Sign up\n \n
\n \n If you are new, you can apply to be a Koobits partner
\n\n
\n KooBits Learning Partnership Network
\nBring the best of education to your region
\n- \n {isAffiliate\n ? affiliateNav.map((nav, index) => {\n return (\n
\n {type === 'customer-list'\n ? `My customer(s) (${moment().year()}-${moment().year() + 1})`\n : 'My authorized school selling list'}\n {type === 'authorized-list' && (\n \n )}\n
\n | \n \n \n | \n \n Country\n | \n\n School Name\n | \n\n {type === 'customer-list' ? 'Status' : 'School Population'}\n | \n {type === 'customer-list' &&Action | }\n
|---|---|---|---|---|
\n Welcome! Reseller\n
\n {isLoading && \n \n
\n )}\n \n {\n if (e.target.checked) {\n setSelectedCustomer([...selectedCustomer, data.School_Id]);\n } else {\n setSelectedCustomer(\n selectedCustomer.filter((item) => item !== data.School_Id)\n );\n }\n }}\n >\n \n
\n \n \n \n
\n {isLoading ? (\n My Customer
\n\n \n \n
\n
\n \n )}\n | \n \n \n | \n Country | \nSchool Name | \nStudent Accounts | \nCustomer Status | \nPayment Status | \n
|---|
Your newly signed up school is not in the list?
\n \n \n
\n \n \n \n \n \n Date\n \n \n Country\n \n \n School Name\n \n \n Purchased {type === 'student' ? 'Stu' : 'Tr'} Accounts\n \n \n {type === 'student' ? 'Stu' : 'Teacher'} Accounts\n \n \n Action\n \n \n \n \n \n {moment(data.date).format('DD MMM')} \n {data.country} \n {data.schoolName} \n \n {formatNumber(\n 'en',\n type === 'student'\n ? data.studentPurchased\n : data.teacherPurchased\n )}\n \n \n {formatNumber(\n 'en',\n type === 'student'\n ? data.studentAccCreated\n : data.teacherAccCreated\n )}\n \n \n {\n history.push('/manage-school/create-account/upload-csv');\n dispatch(selectedContract(data.contractId));\n dispatch(selectedSchool(data));\n }}\n className={\n type === 'student'\n ? data.studentAccRemaining === 0\n ? 'completed-btn'\n : undefined\n : data.teacherAccRemaining === 0\n ? 'completed-btn'\n : undefined\n }\n >\n {type === 'student'\n ? data.studentAccRemaining > 0\n ? 'Create Students'\n : 'Completed'\n : data.teacherAccRemaining > 0\n ? 'Create Teachers'\n : 'Completed'}\n \n \n \n \n \n
\n \n
\n {isLoading && My customer(s)
\n\n \n \n
\n ))}\n \n )}\n \n Total number of {type === 'student' ? 'students ' : 'teachers '}\n
\n {type === 'student' && (\n <>\n \n {`(Purchased total: ${accountQuota.accPurchased} ${\n type === 'student' ? 'students' : 'teachers'\n })`}\n
\n \n {\n dispatch(\n exportCreatedAccountsJSON({\n contractID: selectedContractId,\n accountType: 1,\n pageIndex: 0,\n pageSize: accountQuota.accCreated,\n })\n );\n history.push(\n renewAccount\n ? '/manage-school/renew-account/view-accounts/1'\n : '/manage-school/create-account/view-accounts/1'\n );\n }}\n >\n View\n \n {\n setShowSelectCSV(true);\n }}\n >\n Add more\n \n )}\n \n )}\n {showSelectCSV && accountQuota.accRemaining > 0 && (\n
\n \n )}\n {type === 'teacher' && (\n <>\n {accountQuota.accCreated}
\n {!showSelectCSV && accountQuota.accCreated > 0 && (\n <>\n\n
\n {accountQuota.accRemaining > 0 && (\n \n {accountQuota.accRemaining === 0\n ? 'Completed'\n : 'Uploaded'}\n
\n \n Created on{' '}\n {moment(accountQuota.UpdatedDate).format('DD MMM YYYY')}\n \n\n {\n if (CSVData.length > 0) {\n dispatch(setStudentCSV(CSVData));\n }\n history.push(\n renewAccount\n ? '/manage-school/renew-account/upload-csv/student-preview'\n : '/manage-school/create-account/upload-csv/student-preview'\n );\n }}\n disabled={isUploadDisabled}\n >\n Upload\n \n
\n )}\n \n {\n dispatch(\n exportCreatedAccountsJSON({\n contractID: selectedContractId,\n accountType: 3,\n pageIndex: 0,\n pageSize: accountQuota.accCreated,\n })\n );\n history.push(\n renewAccount\n ? '/manage-school/renew-account/view-accounts/3'\n : '/manage-school/create-account/view-accounts/3'\n );\n }}\n >\n View\n \n {\n setShowSelectCSV(true);\n }}\n >\n Add more\n \n )}\n \n )}\n {showSelectCSV && accountQuota.accRemaining > 0 && (\n
\n \n )}\n \n )}\n {accountQuota.accCreated}
\n {!showSelectCSV && accountQuota.accCreated !== 0 && (\n <>\n\n
\n {accountQuota.accRemaining > 0 && (\n \n {accountQuota.accRemaining === 0\n ? 'Completed'\n : 'Uploaded'}\n
\n \n Created on{' '}\n {moment(accountQuota.UpdatedDate).format('DD MMM YYYY')}\n \n\n {\n if (CSVData.length > 0) {\n dispatch(setTeacherCSV(CSVData));\n }\n history.push(\n renewAccount\n ? '/manage-school/renew-account/upload-csv/teacher-preview'\n : '/manage-school/create-account/upload-csv/teacher-preview'\n );\n }}\n disabled={isUploadDisabled}\n >\n Upload\n \n
\n )}\n \n \n history.push(\n renewAccount\n ? '/manage-school/renew-account'\n : '/manage-school/create-account'\n )\n }\n >\n {'<'}\n \n
\n {selectedSchool.schoolName}
\n {renewAccount && (\n\n The number of rows in your csv file has exceeded your remaining\n account quota.\n
\n )}\n {studentCSVErrors &&\n studentCSVErrors[0].pass === false &&\n 'Please check the format of your students csv file.'}\n {studentCSVErrors &&\n studentCSVErrors[0].pass === false &&\n studentCSVErrors[0].missingHeaders.length > 0 && (\n\n Missing Headers:{' '}\n {studentCSVErrors[0].missingHeaders.join(', ')}\n
\n )}\n {studentCSVErrors &&\n studentCSVErrors[0].pass === false &&\n studentCSVErrors[0].invalidHeaders.length > 0 && (\n\n Invalid Headers:{' '}\n {studentCSVErrors[0].invalidHeaders.join(', ')}\n
\n )}\n\n The number of rows in your csv file has exceeded your remaining\n account quota.\n
\n )}\n {teacherCSVErrors &&\n teacherCSVErrors[0].pass === false &&\n 'Please check the format of your teachers csv file.'}\n\n {teacherCSVErrors &&\n teacherCSVErrors[0].pass === false &&\n teacherCSVErrors[0].missingHeaders.length > 0 && (\n\n Missing Headers:{' '}\n {teacherCSVErrors[0].missingHeaders.join(', ')}\n
\n )}\n {teacherCSVErrors &&\n teacherCSVErrors[0].pass === false &&\n teacherCSVErrors[0].invalidHeaders.length > 0 && (\n\n Invalid Headers:{' '}\n {teacherCSVErrors[0].invalidHeaders.join(', ')}\n
\n )}\n\n
\n ) : null}\n Renewal school CSV
\n\n {renewAccount ? (\n
\n Instruction for uploading renewal CSV
\n ) : (\nInstructions for uploading CSV file
\n )}\n\n To bulk create accounts, you can upload CSV file (which can be opened\n by Microsoft Excel). You can download our CSV templates (\n
\n 
\n
\n \n
\n \n Account {renewAccount ? 'Renewal' : 'Creation'} Request Submission\n
\n\n You are about to upload the {accountType} list account{' '}\n {renewAccount ? 'renewal' : 'creation'}. Please ensure the list\n information are accurate.\n
\n {error && {error}
}\n\n {\n hide();\n }}\n disabled={isCreationLoading || isRenewalLoading}\n >\n Cancel\n \n {\n if (accountType === 'student') {\n const contractFileIDs = studentCSVValidations.map(\n (file) => file.Contract_File_Id\n );\n if (renewAccount === true) {\n dispatch(\n bulkRenewAccounts({\n contractFileIds: contractFileIDs,\n isResetPassword: isResetPassword,\n })\n );\n } else {\n dispatch(bulkCreateAccounts(contractFileIDs));\n }\n } else if (accountType === 'teacher') {\n const contractFileIDs = teacherCSVValidations.map(\n (file) => file.Contract_File_Id\n );\n if (renewAccount === true) {\n dispatch(\n bulkRenewAccounts({\n contractFileIds: contractFileIDs,\n isResetPassword: isResetPassword,\n })\n );\n } else {\n dispatch(bulkCreateAccounts(contractFileIDs));\n }\n }\n }}\n disabled={isCreationLoading}\n >\n {(isCreationLoading || isRenewalLoading) && (\n
\n \n {hasLoginIDString === true &&
\n {\n if (studentCSVValidations !== null) {\n await bulkCancelValidations(\n studentCSVValidations.map((val) => val.Contract_File_Id)\n );\n }\n if (teacherCSVValidations !== null) {\n await bulkCancelValidations(\n teacherCSVValidations.map((val) => val.Contract_File_Id)\n );\n }\n history.push(\n renewAccount\n ? '/manage-school/renew-account/upload-csv'\n : '/manage-school/create-account/upload-csv'\n );\n }}\n >\n Cancel\n \n {\n setIsValidateButtonDisabled(true);\n if (accountType === 'student') {\n dispatch(\n bulkValidateStudentCSV({\n csvRows: studentCSV,\n contractId: selectedContractId,\n isCreation: !renewAccount,\n })\n );\n } else if (accountType === 'teacher') {\n dispatch(\n bulkValidateTeacherCSV({\n csvRows: teacherCSV,\n contractId: selectedContractId,\n isCreation: !renewAccount,\n })\n );\n }\n }}\n >\n {isValidationLoading &&
\n \n {accountType.charAt(0).toUpperCase() + accountType.slice(1)} Accounts\n Preview\n
\n {!isSubmitButtonVisible && (\n\n {\n if (e.target.checked) {\n setIsResetPassword(true);\n } else {\n setIsResetPassword(false);\n }\n }}\n >\n \n
\n Reset existing accounts' password\n \n {renewAccount ? (\n \n \n {accountType === 'student' && (\n
\n
\n {`${selectedSchool.schoolName} (Renewal)`}
\n ) : (\n{selectedSchool.schoolName}
\n )}\n| Index | \n {renewAccount &&New/Existing User | }\nName | \nGrade Level | \nClass Name | \nLogin ID | \nPassword | \nError | \n
|---|---|---|---|---|---|---|---|
| Index | \n {renewAccount &&New/Existing User | }\nName | \nLogin ID | \nPassword | \nError | \n||
| {index + offset + 1} | \n {renewAccount &&{String(row.new_existing_user)} | }\n{String(row.name)} | \n{String(row.level)} | \n{String(row.class_name)} | \n{String(row.login_id)} | \n{String(row.password)} | \n\n {missingValidation &&\n missingValidation.missingValues[index + offset].length >\n 0 && (\n \n {missingValidation.missingValues[index + offset].map(\n (missingValue) => (\n \n {missingValidation.invalidValues[index + offset].map(\n (invalidValue) => (\n \n | \n
| {index + offset + 1} | \n {renewAccount &&{String(row.new_existing_user)} | }\n{String(row.name)} | \n{String(row.login_id)} | \n{String(row.password)} | \n\n {missingValidation &&\n missingValidation.missingValues[index + offset].length >\n 0 && (\n \n {missingValidation.missingValues[index + offset].map(\n (missingValue) => (\n \n {missingValidation.invalidValues[index + offset].map(\n (invalidValue) => (\n \n | \n
\n {\n history.push(\n renewAccount\n ? '/manage-school/renew-account/upload-csv'\n : '/manage-school/create-account/upload-csv'\n );\n }}\n >\n {'<'}\n \n
\n {isExportCSVLoading && (\n {`Created ${accountType} Accounts`}
\n\n {selectedSchool.schoolName}\n
\n| Index | \n {renewAccount &&New/Existing User | }\nName | \nGrade Level | \nClass Name | \nLogin ID | \nPassword | \n
|---|---|---|---|---|---|---|
| {index + 1} | \n {renewAccount && (\n\n {row.IsExistingUser === true ? 'Existing' : 'New'}\n | \n )}\n{row.Name} | \n{row.GradeLevel} | \n{row.Class} | \n{row.LoginId} | \n{row.Password} | \n
| New/Existing User | }\nName | \nLogin ID | \nPassword | \nGrade Level | \n||
| \n {row.IsExistingUser === true ? 'Existing' : 'New'}\n | \n )}\n{row.Name} | \n{row.LoginId} | \n{row.Password} | \n{row.GradeLevel} | \n
\n
\n \n \n \n \n \n Date\n \n \n Country\n \n \n School Name\n \n \n Purchased {type === 'student' ? 'Stu' : 'Tr'} Accounts\n \n \n {type === 'student' ? 'Stu' : 'Teacher'} Accounts\n \n \n Action\n \n \n \n \n \n {moment(data.date).format('DD MMM')} \n {data.country} \n {data.schoolName} \n \n {formatNumber(\n 'en',\n type === 'student'\n ? data.studentPurchased\n : data.teacherPurchased\n )}\n \n \n {formatNumber(\n 'en',\n type === 'student'\n ? data.studentAccCreated\n : data.teacherAccCreated\n )}\n \n \n {\n history.push('/manage-school/renew-account/upload-csv');\n dispatch(selectedContract(data.contractId));\n dispatch(selectedSchool(data));\n }}\n className={\n type === 'student'\n ? data.studentAccRemaining === 0\n ? 'completed-btn'\n : undefined\n : data.teacherAccRemaining === 0\n ? 'completed-btn'\n : undefined\n }\n >\n {type === 'student'\n ? data.studentAccRemaining === 0\n ? 'Completed'\n : data.studentPurchased === 0\n ? 'Renew Students'\n : 'Create Students'\n : data.teacherAccRemaining === 0\n ? 'Completed'\n : data.teacherPurchased === 0\n ? 'Renew Teachers'\n : 'Create Teachers'}\n \n \n \n \n \n
\n \n
\n {isLoading ? (\n My customer(s)
\n\n \n \n
\n ))}\n \n )}\n \n {code}\n {\n console.log('Copied');\n setHasCopied(true);\n }}\n >\n {hasCopied ? 'Copied' : 'Copy'}\n \n
\n | \n {headers.map((header) => (\n | \n {header.name}\n | \n ))}\n
|---|---|
| {index + 1} | \n {headers.map((header) => (\n{formatValue(row[header.key], header.type)} | \n ))}\n
\n \n \n \n \n \n moment(row.PurchaseDate).format('MMM - YYYY') ===\n selectedMonth\n )}\n />\n \n \n )}\n \n
\n );\n};\n\nexport default AffiliateDashboard;\n","import React from 'react';\nimport { Router, Switch, Route, Redirect } from 'react-router-dom';\nimport { useSelector } from 'react-redux';\nimport { createBrowserHistory } from 'history';\nimport Login from 'pages/Login/Login';\nimport Dashboard from 'pages/Dashboard/Dashboard';\nimport ManageSchool from 'pages/ManageSchool/ManageSchool';\nimport AffiliateDashboard from 'pages/AffiliateDashboard/AffiliateDashboard';\n\nexport const history = createBrowserHistory({\n basename: process.env.REACT_APP_SUBDOMAIN,\n});\n\nconst AuthenticatedRoute = ({ component: Component, ...rest }) => (\n \n Welcome! Affiliate\n
\n {isLoading &&