{"version":3,"sources":["assets/pinwheel.png","assets/nexap_logo1.png","general/general.js","components/nxCharts/nxBarCharts.js","components/nxCharts/nxDoughnutCharts.js","partnerBoard/partnerBoard/partnerBoard.js","assets/User.svg","assets/Enquiry.svg","assets/Customer.svg","assets/Key Vault.svg","assets/Billing.svg","assets/Support.svg","assets/Subscriptions.svg","assets/Feedback (1).svg","assets/Notification Hub.svg","assets/Widget.svg","assets/logopin.png","assets/avatar.png","assets/profile.png","assets/powerOff.png","assets/adap_logo.svg","assets/pinwheell.png","assets/dashboard.png","assets/user.png","assets/performance.png","assets/appStore.png","assets/billing.png","assets/support.png","assets/settings.png","assets/customers.png","assets/codeCast.png","assets/Icons/user.svg","assets/deployment.svg","assets/configuration.svg","assets/Icons/marketPlace.svg","assets/Icons/support.svg","assets/Icons/identity.svg","assets/Icons/Performance.svg","assets/Icons/enrollment.svg","assets/Icons/dashboard.svg","assets/Icons/services.svg","Screens/CustomerSidebar/CustomerSidebar.js","assets/defaultProfile.png","Screens/Headers/Headers.js","partnerBoard/NewTabs/ConfigurationTab/ConfigurationTab.js","partnerBoard/NewTabs/appEnrollmentTab/appEnrollmentTab.js","assets/school.svg","assets/group.svg","partnerBoard/NewTabs/billingTab/billingTab.js","partnerBoard/NewTabs/supportTab/supportTab.js","components/nxCharts/nxLineCharts.js","partnerBoard/NewTabs/monitoringTab/monitoringTab.js","partnerBoard/NewTabs/customerTab/customerTab.js","partnerBoard/NewTabs/AppSotreTab/AppSotreTab.js","partnerBoard/dashboard/dashboard.js","config/Validation.js","partnerBoard/userentry/index.js","customerBoard/nexTabs/customerBoard/customerBoardCounts/customerBoardCounts.js","customerBoard/enrollment/index.js","customerBoard/enrollmentEntry/index.js","assets/enquiry.png","assets/customer.png","assets/onboarding.png","customerBoard/StoreConnectList/StoreConnectList.js","customerBoard/LicenseManagement/CancelModal.js","customerBoard/LicenseManagement/AddLicenseModel.js","customerBoard/LicenseManagement/licenseManagement.js","assets/logo1.png","customerBoard/nexTabs/InvoiceData/InvoiceData.js","customerBoard/nexTabs/Invoice/Invoice.js","components/nxCharts/nxBarBillingCharts.js","customerBoard/nexTabs/Billing/billing.js","components/nxCharts/CustomCharts/NxCustomLineChart.js","customerBoard/nexTabs/TicketsList/TicketsList.js","customerBoard/nexTabs/support/apiendpoints.js","customerBoard/nexTabs/support/support.js","assets/Feedback.svg","customerBoard/nexTabs/feedback/feedback.js","customerBoard/nexTabs/audit/audit.js","assets/skills.png","assets/addUser.png","assets/password.png","customerBoard/nexTabs/users/users.js","partnerBoard/enquiry/index.js","partnerBoard/editUserEntry/index.js","partnerBoard/customers/customers.js","partnerBoard/AddCustomers/AddCustomers.js","partnerBoard/PartnerUsers/PartnerUsers.js","partnerBoard/AddPartnerUser/AddPartnerUser.js","partnerBoard/OnBoarding/OnBoarding.js","Screens/LoginTheme/LoginTheme.js","customerBoard/editEnrollmentEntry/index.js","customerBoard/nexTabs/PlatformUser/PlatformUser.js","customerBoard/ConfigurationComponent/CustomerPasswordPolicy/CustomerPasswordPolicy.js","partnerBoard/ConfigurstionComponent/PartnerPasswordPolicy/PartnerPasswordPolicy.js","customerBoard/nexTabs/AddPlatformUser/AddPlatformUser.js","partnerBoard/ConfigurstionComponent/notification/notification.js","assets/Authkey.png","assets/analytics.png","assets/notification.png","assets/vault.png","assets/protalAccess.png","assets/paymentGateway.png","assets/idleTimeout.png","assets/billingEngine.png","assets/Partner.png","assets/gst.png","assets/third-party.png","assets/eternity.png","customerBoard/nexTabs/Configuration/Adminstrator.js","customerBoard/nexTabs/users/ResetPassword/ResetPassword.js","partnerBoard/NewTabs/carouselTab/carouselTab.js","partnerBoard/NewTabs/partnerSubscriptionTab/partnerSubscriptionTab.js","assets/subscriptions.png","assets/assignments.png","customerBoard/nexTabs/logAnalytics/userAudit/userAudit.js","customerBoard/nexTabs/logAnalytics/accessLog/accessLog.js","customerBoard/nexTabs/logAnalytics/deviceManagement/deviceManagement.js","customerBoard/nexTabs/notification/emailSetup/emailSetup.js","customerBoard/nexTabs/notification/smsGateway/smsGateway.js","assets/Star.svg","assets/StarFill.svg","Screens/Profile/ChangePassword.js","Screens/Profile/TwoFactor.js","Screens/Profile/AdminPinGenerator.js","Screens/Profile/Profile.js","customerBoard/nexTabs/customers/customers.js","Screens/ResetPasswordForm/ResetPasswordForm.js","assets/iTHRED.png","partnerBoard/OnBoardingAdd/OnBoardingAdd.js","customerBoard/nexTabs/AddSupport/AddSupport.js","customerBoard/nexTabs/BillerInformation/BillerInformation.js","customerBoard/nexTabs/Taxation/Taxation.js","customerBoard/nexTabs/AddTaxation/AddTaxation.js","partnerBoard/OnBoardingEdit/OnBoardingEdit.js","customerBoard/StoreConnectEntry/PricingHistory.js","customerBoard/StoreConnectEntry/VersionHistory.js","customerBoard/StoreConnectEntry/Versioning.js","customerBoard/StoreConnectEntry/FeaturedApps.js","customerBoard/StoreConnectEntry/Pricing.js","customerBoard/StoreConnectEntry/Version.js","customerBoard/StoreConnectEntry/CancelModal.js","customerBoard/StoreConnectEntry/StoreConnectEntry.js","customerBoard/ServiceDetails/ServiceDetails.js","customerBoard/nexTabs/Configuration/CommsGateway/CommsGateway.js","customerBoard/nexTabs/IdleTimeout/IdleTimeout.js","customerBoard/nexTabs/BillingRule/BillingRule.js","customerBoard/nexTabs/CurrencyConv/CurrencyConv.js","customerBoard/nexTabs/Configuration/BillngConfiguration/BillngConfiguration.js","customerBoard/nexTabs/AddBillingRules/AddBillingRules.js","customerBoard/CloudConnect/CloudConnect.js","customerBoard/CloudConnectAdd/CloudConnectAdd.js","customerBoard/DockerHub/DockerHub.js","customerBoard/DatabaseServer/DatabaseServer.js","customerBoard/nexTabs/Configuration/DockerConnect/DockerConnect.js","customerBoard/nexTabs/Configuration/RepoConnect/AzureRepo/AzureRepo.js","customerBoard/nexTabs/Configuration/RepoConnect/GitRepo/GitRepo.js","customerBoard/AzureContainerRegister/AzureContainerRegister.js","customerBoard/nexTabs/Configuration/ManageResources/VirtualMachine/VirtualMachine.js","customerBoard/nexTabs/Configuration/ManageResources/Storage/Storage.js","customerBoard/nexTabs/Configuration/RepoConnect/RepoConnect.js","customerBoard/nexTabs/Configuration/RepoConnect/GitRepoAdd/GitRepoAdd.js","customerBoard/DockerHubAdd/DockerHubAdd.js","customerBoard/nexTabs/Configuration/RepoConnect/AzureRepoAdd/AzureRepoAdd.js","customerBoard/AzureContainerRegisterAdd/AzureContainerRegisterAdd.js","customerBoard/nexTabs/Performance/Performance.js","customerBoard/DockerHubEdit/DockerHubEdit.js","customerBoard/AzureContainerRegisterEdit/AzureContainerRegisterEdit.js","customerBoard/nexTabs/Configuration/RepoConnect/GitRepoEdit/GitRepoEdit.js","customerBoard/nexTabs/Configuration/RepoConnect/AzureRepoEdit/AzureRepoEdit.js","routes/ProtectedRoutes.js","customerBoard/nexTabs/BillingRulesEdit/BillingRulesEdit.js","customerBoard/nexTabs/TaxationEdit/TaxationEdit.js","customerBoard/CloudConnectEdit/CloudConnectEdit.js","customerBoard/nexTabs/EditSupport/EditSupport.js","customerBoard/DatabaseServerAdd/DatabaseServerAdd.js","customerBoard/DatabaseServerEdit/DatabaseServerEdit.js","Screens/Profile/EditProfile.js","partnerBoard/CustomerSummary/CustomerSummary.js","customerBoard/nexTabs/AddCurrencyConv/AddCurrencyConv.js","customerBoard/nexTabs/EditCurrencyConv/EditCurrencyConv.js","customerBoard/nexTabs/ManageAccess/ManageAccess.js","customerBoard/nexTabs/AddManageAccess/AddManageAccess.js","customerBoard/nexTabs/EditManageAccess/EditManageAccess.js","customerBoard/nexTabs/PartnerManagement/PartnerManagement.js","customerBoard/nexTabs/AddPartnerManagement/AddPartnerManagement.js","customerBoard/nexTabs/EditPartnerManagement/EditPartnerManagement.js","customerBoard/nexTabs/CommisionPlan/CommisionPlan.js","customerBoard/nexTabs/AddCommisionPlan/AddCommisionPlan.js","customerBoard/nexTabs/EditCommisionPlan/EditCommisionPlan.js","customerBoard/nexTabs/Configuration/LicenseVault/LicenseManagement/LicenseManagement.js","customerBoard/nexTabs/Configuration/LicenseVault/CompanyLicenseManagement/CompanyLicenseManagement.js","customerBoard/nexTabs/Configuration/LicenseVault/LicenseVault.js","partnerBoard/EditCustomerSummary/EditCustomerSummary.js","customerBoard/Download/downloadHome.js","customerBoard/Access/accessHome.js","customerBoard/ManageUsers/ResetPasswordModal.js","customerBoard/ManageUsers/ActiveUser.js","customerBoard/ManageUsers/InActiveUser.js","customerBoard/ManageUsers/ManageUsers.js","customerBoard/Validator/index.js","customerBoard/ManageUsers/identityAccess/identityAccess.js","customerBoard/ManageUsers/editIdentityAccess/editIdentityAccess.js","customerBoard/Security/SecurityTwoFactor.js","customerBoard/Security/securityHome.js","customerBoard/AppStore/Pricing.js","customerBoard/AppStore/SubModal.js","customerBoard/AppStore/appStore.js","customerBoard/ManageEnrollment/enrollmentHome.js","assets/helpdocs/Adap Installation Runbook.pdf","assets/helpdocs/Adap SDK & Dev Guidelines.pdf","assets/helpdocs/Adap EndUser Manual.pdf","customerBoard/Download/OnlineHelp/onlinehelpHome.js","customerBoard/Download/AuthenticationKey/authenticationKey.js","customerBoard/AppServices/appServiceHome.js","customerBoard/Marketplace/marketplaceHome.js","customerBoard/nexTabs/Configuration/Repositary/Repositary.js","customerBoard/nexTabs/Configuration/DatabaseServer/DatabaseServer.js","customerBoard/nexTabs/Configuration/Registry/Registery.js","customerBoard/nexTabs/PaymentGateway/Customintegration/Customintegration.js","customerBoard/nexTabs/Configuration/Environment/Environment.js","customerBoard/nexTabs/Configuration/Versions/Versions.js","customerBoard/nexTabs/ApiManagement/ApiManagement.js","customerBoard/nexTabs/Federation/Federation.js","customerBoard/nexTabs/Developers/Developers.js","customerBoard/nexTabs/AddDevelopers/AddDevelopers.js","customerBoard/nexTabs/Configuration/ManageResources/VirtualMachine/VirtualMachineAdd/VirtualMachineAdd.js","customerBoard/nexTabs/Configuration/ManageResources/Storage/StorageAdd/StorageAdd.js","customerBoard/nexTabs/Configuration/ManageResources/Cluster/ClusterAdd/ClusterAdd.js","customerBoard/nexTabs/Configuration/ManageResources/Cluster/Cluster.js","customerBoard/nexTabs/Configuration/ManageResources/ManageCluster/ManageCluster.js","customerBoard/Access/SystemIntegrator/systemIntegratorHome.js","customerBoard/nexTabs/ServiceProviderManagement/serviceProviderManagement.js","customerBoard/Access/ServiceProvider/serviceProviderHome.js","customerBoard/nexTabs/ServiceProviderManagement/AddServiceProviderManagement.js","routes/routes.js","App.js","reportWebVitals.js","index.js"],"names":["ChartColors","Countries","value","countryName","NxBarCharts","data","labels","datasets","label","backgroundColor","height","width","options","maintainAspectRatio","scales","yAxes","ticks","beginAtZero","responsve","NxDoughnutCharts","borderColor","borderWidth","splits","dests","setEnquiry","arr","entityCode","entityName","noOfEmployees","obj","sendItem","PartnerBoard","useState","customers","setCustomers","setpassCustomers","loading","setLoading","getData","tenetcode","ItrApiService","GET","url","result","isSuccess","getCustomerDetails","length","NotificationManager","error","message","setCheckAccessType","useEffect","ItrAuthService","GetUserInfo","then","res","accessType","tenantCode","useHistory","state","className","strokeLinecap","type","percent","enableSearch","autoSearch","enableAutoPagination","showShowing","header","name","sort","search","id","scope","colSpan","CustomerSidebar","onClose","visible","onClickChange","accessData","setAccessType","getUserDetails","Success","keyName","to","style","textDecoration","color","activeStyle","borderLeft","borderTopRightRadius","Tooltip","title","placement","src","dashboards","users1","deployment","services","marketPlace","performances","identity","configuration","supports","Headers","isCustomer","profileData","setProfileData","history","useLocation","pathname","displayName","userName","userInfo","logOut","logout","push","menu","borderRadius","position","borderTopLeftRadius","top","left","right","photo","defaultProfile","borderBottomLeftRadius","borderBottomRightRadius","marginTop","fontSize","bottom","marginBottom","justifyContent","display","flexDirection","flexWrap","alignContent","alignItems","cursor","userprofile","onClick","logOff","getProfileDetails","getPfofileDetails","DrawerIcon","paddingLeft","Logo","PortalHerderTitle","rightElements","elements","icon","faBell","onPopupAlign","content","trigger","textAlign","ConfigurationTab","onCloseClick","datas","image","enquiry","heding","info","customer","ExtraContent","AppEnrollmentTab","enrollment","setEnrollment","serviceCode","serviceName","publisher","versionNo","enquiryid","getEnrollment","setLoad","load","handel","setHandel","setHandel2","flex","goBack","onColumnsClick","onRefreshClick","setTimeout","onNewEntryClick","enableNewEntry","rowClick","e","show","drawerContent","ondrawer1Close","RangePicker","DatePicker","BillingTab","Tabs","TabPane","keyPeriods","setKeyPeriods","class","role","background","strokeWidth","gapDegree","gapPosition","onChange","target","padding","fontWeight","companyName","SupportTab","map","index","NxLineCharts","MonitoringTab","faExclamationTriangle","size","faExclamationCircle","CustomerTab","sessionStorage","setItem","AppStoreTab","Dashboard","getAuth","getItem","removeItem","setIkey","loader","window","location","reload","initialKey","Components","emailValid","email","test","UserEntry","Buttons","vald1","phone","fullName","setVald","POST","success","UdoData","allUdo","setAllUdo","getUdo","getOptions","Options","allPartners","setAllPartners","getPartners","getPartnerDetails","initiate","enquiryID","enquiryCode","sourcedBy","timeToBuy","status","partnerID","feedback","isMovedToOnboarding","isActive","statusName","partnerName","htmlFor","minLength","maxLength","selected","hidden","disabled","UDOptionName","UDOptionID","partnerInformationID","CustomerBoardCounts","onBoard","conversion","churnRatio","indicatorsData","setIndicatorsData","newEnquiry","newCustomers","inactiveCustomers","acquistion","setAcquistion","monthFirstDay","moment","startOf","format","fromDate","toDate","setChartData","currentPeriodCount","obj1","customerIndicatorCount","categoryName","categoryCount","customerAcquisionCount","navigate","gap","Date","Enrollment","reloads","setLoader","setExport","arr2","developerName","version","obj2","exportVal","exportValue","fileName","editVal","EnrollmentEntry","serviceType","commercialOptions","serviceDescription","enrollmentCategory","overView","iconFileName","iconFileContent","aboutPublisher","publisherURL","setFrequency","sourceLocation","sourceFileName","sourceFileContent","repositoryType","gitHubPath","autoDeployment","repoUserName","repoPassword","apiBuildFilePath","uiBuildFilePath","repoRemember","customtime","rollCode","rollName","description","additionalInfo","enrollmentRoles","enrollmentID","priceOption","unit","min","max","startDate","endDate","price","enrollmentPricingSlabs","appTypes","setAppTypes","setCommercialOption","appCategory","setAppCategory","setAppPricing","setPriceUnit","gitlist","setGitList","databaseData","setDatabaseData","resp","resData","val","CategoryName","Step","Steps","current","setCurrent","next","prev","checkFields","setCheckFields","checKValid","buildNo","buildType","source","serviceTypeName","apiSourcepath","uiSourcePath","dbScriptPath","repositaryType","apiAccessToken","gitAccessToken","databaseServerID","uiAccessToken","dbscriptAccessToken","serviceKey","serviceTypeValue","serviceCategory","developerWebsite","country","aboutDeveloper","appIcon","setTime","isPublish","expiryDate","isBaseAppService","enrollmentSplashScreens","setdatas","spfiles","setspfiles","createRole","enrollmentSplashScreenID","splashScreen","thumbUrl","body","parseInt","labelPlacement","responsive","item","JSON","parse","toString","stringify","rows","img","files","fileReader","FileReader","readAsDataURL","onload","onerror","listType","maxCount","fileList","pat","gitRepoAccountName","databaseServerDescription","picker","accept","setJson","json","roleCode","roleName","align","splice","faMinusCircle","faPlusCircle","fontStyle","lassName","margin","StoreConnectList","ServiceName","VersionNo","DeveloperName","EnrollmentDate","StoreStatus","CancelModal","onCanceled","cancelVisible","onOk","pin","setPin","user","setUser","getUserInfo","footer","userCode","phonenumbers","otpKey","isEnable2FA","adminPin","console","log","centered","onCancel","containerStyle","inputStyle","shadow","ot","numInputs","separator","AddLicenseModel","modalState","setModalState","selectedValue","subIds","refreshFunction","confirmSubscribe","setConfirmSubscribe","priceDetails","setPricingDetails","noOfUnits","setServiceCode","getServiceCode","getPrice","storeConnectPricings","currency","setUserInfo","alert","service","setService","noofUnit","unitPrice","totalPrice","currencyName","estimateData","setEstimateData","subscriptionValue","setSubscriptionValue","rupeeIndian","Intl","NumberFormat","bodyStyle","overflow","split","placeholder","showIcon","action","direction","entitySubscriptionUnitID","entitySubscriptionID","purchasedUnits","activeUnits","inactiveUnits","purchasedDate","danger","closable","overlayInnerStyle","faInfoCircle","pricingModule","amount","from","userCount","LicenseManagement","cancelModals","setCancelModals","cancelModals2","setCancelModals2","subscriptionData","setSubscriptionData","setSubIds","dataVal","setShowLicenseDetails","subscriptionCode","subscribedDate","unSubscribedDate","totalUnits","totalSubscribedUnits","totalAssignedUnits","cancelSub","setCancelSub","noOfUnit","sCode","setSCode","showLicenseDetails","selectedData","setSelectedData","licenseData","setLicenseData","removeVal","setRemoveVal","setSelectedValue","ServiceCode","showLicenseTable","TotalSubscribed","TotalAssigned","Remaining","stopPropagation","SubscriberId","isRequiredAdminPinVerification","EnrollmentId","checked","find","element","licenseKeyID","licenseKey","array","index1","findIndex","vals","isAssigned","assignedUser","setData","serviceBillingDetailModels","date","totalBillAmount","totalGSTAmount","totalBillAmountWithGST","InvoiceData","companyData","invoiceData","isModalVisible","handleOk","handleCancel","invNo","client","invoiceTitle","dueData","add","invoiceAmount","balanceDue","toBillersVal","setToBillersVal","invoiceNumber","input","document","getElementById","html2canvas","canvas","imgData","toDataURL","pdf","jsPDF","addImage","save","catch","err","printDocument","businessLogo","businessName","addressLine1","addressLine2","city","pinCode","gst","cin","marginLeft","invoicedDate","dueDate","setIsModalVisible","setSelectedVal","showModal","getReconcilationData","billDateFrom","billDateTo","totalBillPaid","lastBillPaid","billStatus","toUpperCase","faEye","faHistory","Invoice","openReconc","setOpenReconc","selectedVal","serviceId","setServiceId","totalPaid","setTotalPaid","serviceBillingID","paymentMode","amountPaid","paidOn","paymentReference","saveReconc","setSaveReconc","reconcilationData","setReconcilationData","getBillingData","setDataVal","setDatas","res1","colspan","NxBarBillingCharts","chartData","setLables","enqueryData","setEnquiryData","cusData","setCusData","incData","setIncData","lArr","eArr","cArr","iArr","vv","periodName","eq","cq","iq","periodCount","dd","Billing","setAcquistionChart","totalBilled","totalReceived","totalOutstanding","received","outStanding","pastDue","grossProfit","opex","operationProfit","netProfit","mainData","setMainData","financiaIndicatorCount","financialPerformanceCount","defaultActiveKey","tab","DashboardOutlined","subtract","e1","s","FormOutlined","NxCustomLineChart","plugins","userApp","createdDate","subject","appCode","supportID","TicketsList","getEnquiry","APIEndPoints","Support","casCountLabel","setCaseCountLabel","caseCountDataset","setCaseCountDataset","activeString","setActiveString","critical","high","low","medium","supportData","setSupportData","open","inProgress","close","severityData","setSeverityData","caseCountChartLabel","caseCountChartDataSet","dataObj","supportStatus","supportPrority","tmpChartColors","chartColorCnt","caseCount","catCnt","hasOwnProperty","firstCaseCount","activeKey","faTicketAlt","faStar","Feedback","Audit","Users","handel2","manageIcon","userIcon","passwordIcon","drawer1","refresh","FullName","CompanyName","Email","Phone","StatusName","IsMovedToOnboarding","Enquiry","setEnquiryEdit","getEnquiryDetails","editData","EditUserEntry","editEnquiry","setEditEnquiry","Role","TimeToBuy","SourcedBy","Status","PartnerID","refreshInvice","entityBoarding","customerType","Customer","localStorage","passData","AddCustomers","allCities","setAllCities","getCities","allStates","setAllStates","getStates","allCountries","setAllCountries","getCountry","allPinCode","setAllPinCode","getZipCodes","getparent","resCustomers","cityName","stateName","zipcode","PartnerUsers","AddPartnerUser","hostingType","OnBoarding","LoginTheme","otp","setOtp","forEmail","setForEmail","showPass","check","setCheck","checkPage","setCheckPage","showLogin","showReset","setShowReset","resetPassword","getLogin","password","agent","seconds","setSeconds","minutes","setMinutes","secs","mins","sec","setInterval","checkFactor","setCheckFactor","setName","loginAuth","Login","data1","isFirstLogin","sendOtp","replace","updatepassword","confirm","userPassword","resetOptions","keys","key","dir","phoneNumber","addEventListener","adapLogo","alt","required","ForgotPassword","EditEnrollmentEntry","roles","states","isBuildNow","isForcetoUpdate","ii","uid","x","ss","AddPlatformUser","CustomerPasswordPolicy","passwordPolicyID","enforcePasswordHistory","maximumPasswordAge","minimumPasswordLength","maximumPasswordLength","isPasswordMeetComplexity","isNotExceedTwoConsecutiveCharacters","isAtleastSixCharacters","isUpperCaseCharacters","isLowerCaseCharacters","isDigits","isNonAlphanumericCharacters","nonAlphanumericCharacters","passwordPolicy","setPasswordPolicy","passwordPolicies","updateCusPasswordPollicy","RegExp","validateAlphaNumeric","PartnerPasswordPolicy","updateParPasswordPollicy","firstname","lastName","gender","allowAccess","partnerUserID","userType","firstName","designation","department","phoneNo","mobile","emailID","partnerUserContacts","defaultChecked","Notification","gateway","setGateway","getSmsGateway","getGatewayDetails","createEmailSetup","emailInfo","mail","host","port","setEmailInfo","getEmailSetup","getEmailDetails","apiKey","Adminstrator","ResetPassword","getIdentity","IdentityAccess","CarouselTab","dest","PartnerSubscriptionTab","isChecked","filtersubscrption","setFiltersubscrption","subscriptionId","setSubscriptionId","clientId","setClientid","enrollmentId","setEnrollmentId","clientSubscriptionID","clientID","setNoOfUnit","saveSubscribe","unSubscribe","AppStore","handleChange","totalLicense","assigned","unassigned","castUnit","overview","aboutthePublisher","userAudit","emailAddress","firstLogin","lastLogin","minDuration","maxDuration","lastSession","AccessLog","loginDate","totalSessionDuration","sessionsLogin","DeviceManagement","deviceName","deviceType","macid","operatingSys","browser","EmailSetup","SmsGateway","smsGatewayID","gatewayData","setGatewayData","saveSmsGateway","ChangePassword","currentPassword","setCurrentPassword","confirmPassword","setConfirmPassword","newPassword","setNewPassword","setUserName","setUserCode","loginType","TwoFactor","profileDetails","step","setStep","number","setNumber","setPhone","faCircle","faCheckCircle","portalAccess","AdminPinGenerator","changer","Profile","useRef","profileDetailsID","dob","zipCode","site","lastPasswordUpdateOn","portalAccessID","accessTypeID","isAccess","customerCode","setChanger","isChangePass","setIsChangePass","isAdminPin","setIsAdminPin","utc","Customers","ForkOutlined","ResetPasswordForm","props","userToken","setState","q","URLSearchParams","get","OnboardingAdd","onboarding","entityID","ownership","industry","natureOfBusiness","annualRevenue","additionalDetails","officialWebSite","administrativeContactID","administrativeContact","entityContactID","technicalContactID","technicalContact","billingContactID","billingContact","isSameContact","entityBoardingID","agreement","ncnda","termsOfUse","isOnboardingCompleted","setOnboarding","enterKeyHint","AddSupport","apps","priority","supportType","Attachments","addSupport","setAddSupport","userApps","setUserApps","send","BillerInformation","allCurrency","setAllCurrency","getCurrency","paddingRight","supportEmail","supportPhone","businessWebsite","countryID","pan","tan","currencyID","billOriginCountryName","recordedDate","modifiedDate","recordedBy","Taxation","AddTaxation","cked","setCked","cityVal","setCityVal","orginCity","setOrginCity","arrWithValue","object","taxationID","taxationMapID","billDestinationCountryID","tax","newArrs","newArr","parseFloat","rest","OnBoardingEdit","copyTo","setCopyTo","currencyData","setCurrencyData","billingTemplate","setBillingTemplate","getTemplate","allUdoIndustry","setAllUdoIndustry","allUdoOwnership","setAllUdoOwnership","editOnboarding","setEditOnboarding","editEntityId","setEditEntityId","editEntityCode","setEditEntityCode","editEnquiryCode","setEditEnquiryCode","editEntityBoardingID","setEditEntityBoardingID","termsofuse","email1","tcFirstName","tcLastName","tcPhone","tcDesignation","tcDepartment","tcEmail","acFirstName","acLastName","acPhone","acDesignation","acDepartment","acEmail","bcFirstName","bcLastName","bcPhone","bcDesignation","bcDepartment","bcEmail","cType","bTemp","trailAccess","isDiscountApply","discount","parentID","billingTemplateId","billingRuleID","billingTemplateName","saveEditOnboarding","PricingHistory","vh","pricingHistories","revisionDate","VersionHistory","versionHistories","appVersion","publishedDate","Versioning","onRetireClick","onPublishClick","onEditClick","entity","setEntity","setVh","st","setSt","Organizations","Subscriptions","Assigned","organisation","setOrganisation","stype","FeaturedApps","isFeaturedApp","setFeaturedApp","Pricing","setPricingModule","setStoreConnectPricings","userFrom","userTo","priceTabs","setPriceTabs","newArray","newArray1","Version","datas1","setDatas1","storeVersion","StoreConnectEntry","showMod","setShowMod","setStoreConnectFeatureApps","storeConnectFeatureApps","storeConnectID","storeConnectCode","serviceStatus","storeConnectVersions","ServiceDetails","mod","setMod","StoreConnectId","res2","CommsGateway","IdleTimeout","getIdleApi","idleSessionSignOutID","isIdleSessionSignOut","userSignOutTime","userNoticeTime","dataCreated","author","noOfCustomer","BillingRule","currencySymbol","exchangeRate","modifiedBy","createdBy","CurrencyConv","BillngConfiguration","AddBillingRules","monthlyDate","selectDay","isRecurringJob","cancellationCustomer","invoiceReminders","creditPeriod","dunningPeriod","dataErasePeriod","newBillingRules","setNewBillingRules","splits1","azureID","CloudConnect","setVale","CloudConnectAdd","loginUser","aP","adminPIN","azureSubscriptionID","clientSecret","tenantID","workSpaces","getUser","customerID","onKeyPress","$","on","this","dockerServerAccountName","storageAccountName","containerRegistryName","DockerHub","databaseServerName","DatabaseServer","DockerConnect","azureRepoName","AzureRepo","GitRepo","acrName","osType","sku","crType","AzureContainerRegister","VirtualMachine","Storage","RepoConnect","GitRepoAdd","gitRepoID","DockerHubAdd","dockerServerID","AzureRepoAdd","azureRepoID","AzureContainerRegisterAdd","Performance","memRes","setMemres","memUtilization","setMemUtilization","setCpuChartData","cpuChartLabel","setCpuChartLabe","cpuChartDataSet","setCpuChartDataSet","memChartDataSet","setMemChartDataSet","serviceUtilization","setServiceUtilization","setDBInstanceMetric","dbQryExecutionMetric","setDBExecutionMetric","dbChartData","setDBChartData","dbChartLabel","setDBChartLabel","getRandomColor","letters","i","Math","round","random","dateUTCtoLocal","dt","loadUTC","local","getRecentSystemMetics","resMe","getRecentServiceMetics","resMeu","getLastOneMinSystemMetrics","resCpu","memdatasets","rand","rand2","hostName","data2","perfSystemMetrics","val2","lastReadedDateTime","cpu","mem","getRecentAPIMetrics","resAPIMetric","recentDBInstanceMetrics","resDBInstance","finalData","instanceName","v","totalCPU","RecentDBQueryExecutionMetric","resDBQryExecution","getEntity","getAllOnLoad","toFixed","minMem","maxMem","avgMem","noOfRequests","avgCPU","avgMemory","avgResponseTime","healthStatus","faTimesCircle","dbName","recordedDateTime","executionCount","avgElapsed","cols","queryText","DockerHubEdit","AzureContainerRegisterEdit","azureContainerRegistryID","GitRepoEdit","AzureRepoEdit","ProtectedRoute","Component","component","restOfProps","isAuthenticated","render","BillingRulesEdit","TaxationEdit","setTaxationID","StartFunction","Promise","all","response2","taxationMaps","billOriginCountryID","billDestinationCountryName","CloudConnectEdit","EditSupport","getEditData","getSupportId","setEditSupport","assignee","reporterTo","raisedDate","DatabaseServerAdd","trusted_Connection","DatabaseServerEdit","EditProfile","fileRef","saveProfile","click","ref","multiple","CustomerSummary","summary","setSummary","params","platformAcc","setPlatformAcc","platformAccess","href","download","faDownload","AddCurrencyConv","currencyExchangeRateID","currencyValue","currencyCode","currencyNamePlural","currencySymbolNative","currencyDecimalDigits","currencyRounding","saveCurrency","setSaveCurrency","EditCurrencyConv","ManageAccess","AddManageAccess","newManageAccess","setNewManageAccess","partnerCode","EditManageAccess","partnerWebsite","PartnerManagement","AddPartnerManagement","getCountryDetails","allCommissionPlans","setAllCommissionPlans","getCommissionPlan","getCommissionPlans","setPartnerManagement","partnerLogo","commissionPlanID","commissionPlanName","EditPartnerManagement","commissionStructure","CommisionPlan","AddCommisionPlan","percentage","baseTarget","commissionPlanPricing","commisionPlan","setCommisionPlan","commissionPlanPricingID","splitPercentage","tiered","setTiered","EditCommisionPlan","EntityCount","EntityName","CompanyLicenseManagement","LicenseVault","EditCustomerSummary","warning","reg","DownloadHome","AccessHome","ResetPasswordModal","datavalue","setValue","value2","setValue2","setPassword","setTab","userKey","loginUserName","emailId","additionalEmailId","isAutoGenerate","isRequiredSendEmail","setResetPassword","saveResetPassword","faTimes","Group","border","ActiveUser","sea","setSea","selectedUser","setSelectedUser","modvis","setModVis","userID","activeUsers","searchValue","onChangeText","InActiveUser","inActiveUsers","ManageUsers","requireValid","Select","Option","setDepartment","reporting","setReporting","unitMaster","setUnitMaster","getDepartmentList","unitMasters","departments","users","setCode","rolesData","result1","keysData","result2","getRoleList","getKeyList","createIdentityAccess","setuserData","getCustomerData","setElements","entityU","setEntityU","entityUnit","setEntityUnit","setEntityUnits","UserID","reportingUserCode","employeeType","isPortalAccess","locationCode","userAppRoles","userLocations","userUnits","setVald1","showAvailable","setShowAvailable","for","faUserCheck","pattern","departmentCode","departmentName","uCode","uName","o","userUnitID","eindex","entityUserLocationID","entityUserID","entityUserAppRoleID","roleID","ck1","ck2","ck3","ck4","ck5","ck7","ck","EditIdentityAccess","setLKey","keysDatas","entityId","sppirs","ur","licenseKeydata","entityIds","rep","setUid","uId","editIdentityAccess","readOnly","ws","its","SecurityTwoFactor","enableFactor","setEnableFactor","SecurityHome","code","SubModal","appModaldetails","subId","setAppModalDetails","setMoveSubscibeTab","moveSubscribeTab","closeFunc","getData2","extra","tags","onTabClick","faInfo","faDollarSign","faCode","AppStores","filter1","setFilter1","SubscriptionStatus","setStoreStatus","setSserviceName","SubscriptionId","appPolicydetails","setAppPolicyDetails","textTransform","EnrollmentHome","setReloads","available","subscribed","purchased","appsData","setAppsData","OnlineHelpHome","installationrunbook","devGuidelines","endusermanual","AuthenticationKey","navigator","clipboard","writeText","AppServiceHome","MarketplaceHome","Repository","DatabaseServers","Registery","Customintegration","getPaymentGateway","Environment","Versions","ApiManagement","enableToken","setEnableToken","Federation","enableFederation","setEnableFederation","IDProvide","customIDProvide","customName","providerProtocol","domainName","issuerUri","authenticationEndpoint","certificate","metaData","federationValues","setFederationValues","Developers","AddDevelopers","VirtualMachineAdd","StorageAdd","ClusterAdd","Cluster","ManageCluster","SystemIntegratorHome","ServiceProviderManagement","ServiceProviderHome","AddServiceProviderManagement","Routes","exact","path","ResetForm","CustomerDashboard","CustomerUsers","PageCustomers","CustomerBilling","CustomerSupport","Partner","editUserEntry","OnBoardingAdd","PlatformUser","App","NxConfigs","CONFIG","process","reportWebVitals","onPerfEntry","Function","getCLS","getFID","getFCP","getLCP","getTTFB","ReactDOM","StrictMode"],"mappings":"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","file":"static/js/main.e88d7fde.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/pinwheel.2b9ef343.png\";","export default __webpack_public_path__ + \"static/media/nexap_logo1.0dc49f97.png\";","export const ChartColors = {\r\n    Sunshine: '#f0c518',\r\n    Squash: '#ed741c',\r\n    Confetti: '#f04356',\r\n    Splash: '#52c5d9',\r\n    Sky: '#277cc2',\r\n    Moonshine: '#272f6b'\r\n}\r\n\r\n\r\nexport const Countries = [\r\n    { value: '', countryName: \"Afghanistan\" },\r\n    { value: '', countryName: \"Albania\" },\r\n    { value: '', countryName: \"Algeria\" },\r\n    { value: '', countryName: \"Andorra\" },\r\n    { value: '', countryName: \"Angola\" },\r\n    { value: '', countryName: \"Antigua and Barbuda\" },\r\n    { value: '', countryName: \"Argentina\" },\r\n    { value: '', countryName: \"Armenia\" },\r\n    { value: '', countryName: \"Australia\" },\r\n    { value: '', countryName: \"Austria\" },\r\n    { value: '', countryName: \"Azerbaijan\" },\r\n    { value: '', countryName: \"Bahamas\" },\r\n    { value: '', countryName: \"Bahrain\" },\r\n    { value: '', countryName: \"Bangladesh\" },\r\n    { value: '', countryName: \"Barbados\" },\r\n    { value: '', countryName: \"Belarus\" },\r\n    { value: '', countryName: \"Belgium\" },\r\n    { value: '', countryName: \"Belize\" },\r\n    { value: '', countryName: \"Benin\" },\r\n    { value: '', countryName: \"Bhutan\" },\r\n    { value: '', countryName: \"Bolivia\" },\r\n    { value: '', countryName: \"Bosnia and Herzegovina\" },\r\n    { value: '', countryName: \"Botswana\" },\r\n    { value: '', countryName: \"Brazil\" },\r\n    { value: '', countryName: \"Brunei\" },\r\n    { value: '', countryName: \"Bulgaria\" },\r\n    { value: '', countryName: \"Burkina Faso\" },\r\n    { value: '', countryName: \"Burundi\" },\r\n    { value: '', countryName: \"Côte d'Ivoire\" },\r\n    { value: '', countryName: \"Cabo Verde\" },\r\n    { value: '', countryName: \"Cambodia\" },\r\n    { value: '', countryName: \"Cameroon\" },\r\n    { value: '', countryName: \"Canada\" },\r\n    { value: '', countryName: \"Central African Republic\" },\r\n    { value: '', countryName: \"Chad\" },\r\n    { value: '', countryName: \"Chile\" },\r\n    { value: '', countryName: \"China\" },\r\n    { value: '', countryName: \"Colombia\" },\r\n    { value: '', countryName: \"Comoros\" },\r\n    { value: '', countryName: \"Congo (Congo-Brazzaville)\" },\r\n    { value: '', countryName: \"Costa Rica\" },\r\n    { value: '', countryName: \"Croatia\" },\r\n    { value: '', countryName: \"Cuba\" },\r\n    { value: '', countryName: \"Cyprus\" },\r\n    { value: '', countryName: \"Czechia (Czech Republic)\" },\r\n    { value: '', countryName: \"Democratic Republic of the Congo\" },\r\n    { value: '', countryName: \"Denmark\" },\r\n    { value: '', countryName: \"Djibouti\" },\r\n    { value: '', countryName: \"Dominica\" },\r\n    { value: '', countryName: \"Dominican Republic\" },\r\n    { value: '', countryName: \"Ecuador\" },\r\n    { value: '', countryName: \"Egypt\" },\r\n    { value: '', countryName: \"El Salvador\" },\r\n    { value: '', countryName: \"Equatorial Guinea\" },\r\n    { value: '', countryName: \"Eritrea\" },\r\n    { value: '', countryName: \"Estonia\" },\r\n    { value: '', countryName: \"Eswatini (fmr. Swaziland)\" },\r\n    { value: '', countryName: \"Ethiopia\" },\r\n    { value: '', countryName: \"Fiji\" },\r\n    { value: '', countryName: \"Finland\" },\r\n    { value: '', countryName: \"France\" },\r\n    { value: '', countryName: \"Gabon\" },\r\n    { value: '', countryName: \"Gambia\" },\r\n    { value: '', countryName: \"Georgia\" },\r\n    { value: '', countryName: \"Germany\" },\r\n    { value: '', countryName: \"Ghana\" },\r\n    { value: '', countryName: \"Greece\" },\r\n    { value: '', countryName: \"Grenada\" },\r\n    { value: '', countryName: \"Guatemala\" },\r\n    { value: '', countryName: \"Guinea\" },\r\n    { value: '', countryName: \"Guinea-Bissau\" },\r\n    { value: '', countryName: \"Guyana\" },\r\n    { value: '', countryName: \"Haiti\" },\r\n    { value: '', countryName: \"Holy See\" },\r\n    { value: '', countryName: \"Honduras\" },\r\n    { value: '', countryName: \"Hungary\" },\r\n    { value: '', countryName: \"Iceland\" },\r\n    { value: '', countryName: \"India\" },\r\n    { value: '', countryName: \"Indonesia\" },\r\n    { value: '', countryName: \"Iran\" },\r\n    { value: '', countryName: \"Iraq\" },\r\n    { value: '', countryName: \"Ireland\" },\r\n    { value: '', countryName: \"Israel\" },\r\n    { value: '', countryName: \"Italy\" },\r\n    { value: '', countryName: \"Jamaica\" },\r\n    { value: '', countryName: \"Japan\" },\r\n    { value: '', countryName: \"Jordan\" },\r\n    { value: '', countryName: \"Kazakhstan\" },\r\n    { value: '', countryName: \"Kenya\" },\r\n    { value: '', countryName: \"Kiribati\" },\r\n    { value: '', countryName: \"Kuwait\" },\r\n    { value: '', countryName: \"Kyrgyzstan\" },\r\n    { value: '', countryName: \"Laos\" },\r\n    { value: '', countryName: \"Latvia\" },\r\n    { value: '', countryName: \"Lebanon\" },\r\n    { value: '', countryName: \"Lesotho\" },\r\n    { value: '', countryName: \"Liberia\" },\r\n    { value: '', countryName: \"Libya\" },\r\n    { value: '', countryName: \"Liechtenstein\" },\r\n    { value: '', countryName: \"Lithuania\" },\r\n    { value: '', countryName: \"Luxembourg\" },\r\n    { value: '', countryName: \"Madagascar\" },\r\n    { value: '', countryName: \"Malawi\" },\r\n    { value: '', countryName: \"Malaysia\" },\r\n    { value: '', countryName: \"Maldives\" },\r\n    { value: '', countryName: \"Mali\" },\r\n    { value: '', countryName: \"Malta\" },\r\n    { value: '', countryName: \"Marshall Islands\" },\r\n    { value: '', countryName: \"Mauritania\" },\r\n    { value: '', countryName: \"Mauritius\" },\r\n    { value: '', countryName: \"Mexico\" },\r\n    { value: '', countryName: \"Micronesia\" },\r\n    { value: '', countryName: \"Moldova\" },\r\n    { value: '', countryName: \"Monaco\" },\r\n    { value: '', countryName: \"Mongolia\" },\r\n    { value: '', countryName: \"Montenegro\" },\r\n    { value: '', countryName: \"Morocco\" },\r\n    { value: '', countryName: \"Mozambique\" },\r\n    { value: '', countryName: \"Myanmar (formerly Burma)\" },\r\n    { value: '', countryName: \"Namibia\" },\r\n    { value: '', countryName: \"Nauru\" },\r\n    { value: '', countryName: \"Nepal\" },\r\n    { value: '', countryName: \"Netherlands\" },\r\n    { value: '', countryName: \"New Zealand\" },\r\n    { value: '', countryName: \"Nicaragua\" },\r\n    { value: '', countryName: \"Niger\" },\r\n    { value: '', countryName: \"Nigeria\" },\r\n    { value: '', countryName: \"North Korea\" },\r\n    { value: '', countryName: \"North Macedonia\" },\r\n    { value: '', countryName: \"Norway\" },\r\n    { value: '', countryName: \"Oman\" },\r\n    { value: '', countryName: \"Pakistan\" },\r\n    { value: '', countryName: \"Palau\" },\r\n    { value: '', countryName: \"Palestine State\" },\r\n    { value: '', countryName: \"Panama\" },\r\n    { value: '', countryName: \"Papua New Guinea\" },\r\n    { value: '', countryName: \"Paraguay\" },\r\n    { value: '', countryName: \"Peru\" },\r\n    { value: '', countryName: \"Philippines\" },\r\n    { value: '', countryName: \"Poland\" },\r\n    { value: '', countryName: \"Portugal\" },\r\n    { value: '', countryName: \"Qatar\" },\r\n    { value: '', countryName: \"Romania\" },\r\n    { value: '', countryName: \"Russia\" },\r\n    { value: '', countryName: \"Rwanda\" },\r\n    { value: '', countryName: \"Saint Kitts and Nevis\" },\r\n    { value: '', countryName: \"Saint Lucia\" },\r\n    { value: '', countryName: \"Saint Vincent and the Grenadines\" },\r\n    { value: '', countryName: \"Samoa\" },\r\n    { value: '', countryName: \"San Marino\" },\r\n    { value: '', countryName: \"Sao Tome and Principe\" },\r\n    { value: '', countryName: \"Saudi Arabia\" },\r\n    { value: '', countryName: \"Senegal\" },\r\n    { value: '', countryName: \"Serbia\" },\r\n    { value: '', countryName: \"Seychelles\" },\r\n    { value: '', countryName: \"Sierra Leone\" },\r\n    { value: '', countryName: \"Singapore\" },\r\n    { value: '', countryName: \"Slovakia\" },\r\n    { value: '', countryName: \"Slovenia\" },\r\n    { value: '', countryName: \"Solomon Islancitiesds\" },\r\n    { value: '', countryName: \"Somalia\" },\r\n    { value: '', countryName: \"South Africa\" },\r\n    { value: '', countryName: \"South Korea\" },\r\n    { value: '', countryName: \"South Sudan\" },\r\n    { value: '', countryName: \"Spain\" },\r\n    { value: '', countryName: \"Sri Lanka\" },\r\n    { value: '', countryName: \"Sudan\" },\r\n    { value: '', countryName: \"Suriname\" },\r\n    { value: '', countryName: \"Sweden\" },\r\n    { value: '', countryName: \"Switzerland\" },\r\n    { value: '', countryName: \"Syria\" },\r\n    { value: '', countryName: \"Tajikistan\" },\r\n    { value: '', countryName: \"Tanzania\" },\r\n    { value: '', countryName: \"Thailand\" },\r\n    { value: '', countryName: \"Timor-Leste\" },\r\n    { value: '', countryName: \"Togo\" },\r\n    { value: '', countryName: \"Tonga\" },\r\n    { value: '', countryName: \"Trinidad and Tobago\" },\r\n    { value: '', countryName: \"Tunisia\" },\r\n    { value: '', countryName: \"Turkey\" },\r\n    { value: '', countryName: \"Turkmenistan\" },\r\n    { value: '', countryName: \"Tuvalu\" },\r\n    { value: '', countryName: \"Uganda\" },\r\n    { value: '', countryName: \"Ukraine\" },\r\n    { value: '', countryName: \"United Arab Emirates\" },\r\n    { value: '', countryName: \"United Kingdom\" },\r\n    { value: '', countryName: \"United States of America\" },\r\n    { value: '', countryName: \"Uruguay\" },\r\n    { value: '', countryName: \"Uzbekistan\" },\r\n    { value: '', countryName: \"Vanuatu\" },\r\n    { value: '', countryName: \"Venezuela\" },\r\n    { value: '', countryName: \"Vietnam\" },\r\n    { value: '', countryName: \"Yemen\" },\r\n    { value: '', countryName: \"Zambia\" },\r\n    { value: '', countryName: \"Zimbabwe\" },\r\n]\r\n","import React from 'react';\r\nimport {Bar} from 'react-chartjs-2';\r\nimport {ChartColors} from '../../general/general';\r\n\r\n\r\nexport default function NxBarCharts() {\r\n\r\n  const labels = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'June', 'July','Aug','Sep','Oct','Nov','Dec'];\r\n    \r\n    return (\r\n        <div>\r\n            <Bar\r\n                data={{\r\n                    labels,\r\n                    datasets: [\r\n                      {\r\n                        // label:'New Sale',/\r\n                        label:'Open',\r\n                        data: [5, 18,12,5, 18,12,5, 18,12,5, 18,12,],\r\n                        backgroundColor: [\r\n                          ChartColors.Splash,\r\n                          ChartColors.Splash,\r\n                          ChartColors.Splash\r\n                        ],\r\n                      },\r\n                      {\r\n                        // label:'Renewals',\r\n                        label:'Inprogress',\r\n                        data: [10, 20, 25, 18,12,5, 18,12,5, 18,12,],\r\n                        backgroundColor: [\r\n                          ChartColors.Sky,\r\n                          ChartColors.Sky,\r\n                          ChartColors.Sky\r\n                        ],\r\n                      },\r\n                      {\r\n                        // label:'Receivables',\r\n                        label:'Close',\r\n                        data: [6, 9, 18,5, 18,12,5, 18,12,5, 18,12,],\r\n                        backgroundColor: [\r\n                          ChartColors.Moonshine,\r\n                          ChartColors.Moonshine,\r\n                          ChartColors.Moonshine\r\n                        ],\r\n                      },\r\n                      \r\n                    ],\r\n                  }}\r\n                  height={250}\r\n                  width={200}\r\n                  options={{\r\n                    maintainAspectRatio: false,\r\n                    scales: {\r\n                        yAxes: [\r\n                          {\r\n                            ticks: {\r\n                              // min:500,\r\n                              // max:5000\r\n                              beginAtZero: false,\r\n                            },\r\n                          },\r\n                        ],\r\n                      },\r\n                    responsve:true,\r\n                    }}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n","import React from 'react';\r\nimport {Doughnut , PolarArea} from 'react-chartjs-2';\r\n\r\n\r\nexport default function NxDoughnutCharts() {\r\n    \r\n    return (\r\n        <div>\r\n            <PolarArea\r\n                data={{\r\n                    labels: ['Sales Team','Web-Site','Microsoft'],\r\n                    datasets: [\r\n                      {\r\n                        data: [12, 19, 10],\r\n                        backgroundColor: [\r\n                          'rgba(196, 105, 192, 0.5)',\r\n                          'rgba(206, 210, 225,0.5)',\r\n                          '#b5651d',\r\n                        ],\r\n                        borderColor: [\r\n                          'rgba(196, 105, 192)',\r\n                          'rgb(206, 210, 225)',\r\n                          'rgba(146, 144, 136, 0.1)',\r\n                        ],\r\n                        borderWidth: 2\r\n                      },\r\n                    ],\r\n                  }}\r\n                  height={200}\r\n                  width={200}\r\n                  options={{\r\n                    maintainAspectRatio: false,\r\n                    responsve:true,\r\n                    }}\r\n            />\r\n        </div>\r\n    )\r\n}","import { useEffect, useState } from 'react';\r\nimport './partnerBoard.css'\r\nimport NxBarCharts from '../../components/nxCharts/nxBarCharts';\r\nimport NxDoughnutChart from '../../components/nxCharts/nxDoughnutCharts';\r\nimport { useHistory } from 'react-router';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport { NxGridList, NxLoader } from '@afiplfeed/itr-app';\r\nimport { Progress } from 'antd';\r\nimport { NotificationManager } from \"react-notifications\";\r\nconst splits = async (dests, setEnquiry) => {\r\n    let arr = [];\r\n    for (let value of dests) {\r\n        let data = [value.entityCode, value.entityName, value.noOfEmployees];\r\n        let obj = { sendItem: value, data: data };\r\n        arr = [...arr, obj]\r\n    }\r\n    setEnquiry(arr);\r\n}\r\n\r\n\r\nexport default function PartnerBoard() {\r\n\r\n    const [customers, setCustomers] = useState([]);\r\n    const [passCustomers, setpassCustomers] = useState();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const getData = async (tenetcode) => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'TenantPlatform/Entity/GetEntities',\r\n            // customHeaders:[\r\n            //     { \"TenantID\": tenetcode }\r\n            // ]\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            if (getCustomerDetails === null || !getCustomerDetails.length) {\r\n                // NotificationManager.error(result.result.message);\r\n            }\r\n            else {\r\n                await splits(getCustomerDetails, setCustomers);\r\n                await setpassCustomers(getCustomerDetails);\r\n            }\r\n            // setCustomers(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n    const [checkAccessType, setCheckAccessType] = useState('');\r\n\r\n    useEffect(() => {\r\n        setLoading(true);\r\n        ItrAuthService.GetUserInfo().then(res => {\r\n            setCheckAccessType(res.result.accessType);\r\n            getData(res.result.tenantCode).then(() => {\r\n                setLoading(false);\r\n            });\r\n        })\r\n    }, []);\r\n\r\n    let history = useHistory();\r\n\r\n    const navigateCustomerBoard = () => {\r\n        history.push('/customer-board');\r\n    }\r\n\r\n    return (\r\n        <>\r\n            <NxLoader state={loading} />\r\n            <div className=\"container1\">\r\n                <div className=\"counters partner-counters\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 mt-2 counts count-one\">\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                    <h6 className=\"badge-one\">Enquiry</h6>\r\n                                    {/* <h5 className=\"mt-2\">1452</h5> */}\r\n                                    <div>\r\n                                        <Progress strokeLinecap=\"square\" type=\"circle\" percent={60} />\r\n                                    </div>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 mt-2 counts count-one\">\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                    <h6 className=\"badge-one\">Customers</h6>\r\n                                    {/* <h5 className=\"mt-2\">344</h5> */}\r\n                                    <div>\r\n                                        <Progress strokeLinecap=\"square\" type=\"circle\" percent={75} />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 mt-2 counts count-one\">\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                    <h6 className=\"badge-one\">Revenue</h6>\r\n                                    {/* <h5 className=\"mt-2\">$56,870</h5> */}\r\n                                    <div>\r\n                                        <Progress strokeLinecap=\"square\" type=\"circle\" percent={64} />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 mt-2 counts count-one\">\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                    <h6 className=\"badge-one\">Support Health</h6>\r\n                                    {/* <h5 className=\"mt-2\">23</h5> */}\r\n                                    <div>\r\n                                        <Progress strokeLinecap=\"square\" type=\"circle\" percent={80} />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"row mt-2 nx-partner-dashboard-chart\">\r\n                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 mt-2\">\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-6 col-sm-12 col-md-6 col-lg-6 col-xl-6 text-center\">\r\n                                            <h4>Enquiry</h4>\r\n                                            <div className=\"mt-5\">\r\n                                                <NxDoughnutChart />\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-6 col-sm-12 col-md-6 col-lg-6 col-xl-6 text-center\">\r\n                                            <h4>Customers</h4>\r\n                                            <div className=\"mt-5\">\r\n                                                <NxDoughnutChart />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 mt-2\">\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body text-center\">\r\n                                    <h4>Performance</h4>\r\n                                    <div className=\"mt-1\">\r\n                                        <NxBarCharts />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"row mt-2 mb-5 nx-partner-table\">\r\n                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                            <h4>Recent Customers</h4>\r\n                            {/* <div className=\"table-responsive\">\r\n                                    <table className=\"table table-hover\">\r\n                                        <thead>\r\n                                            <tr>\r\n                                                <th>Customer Code</th>\r\n                                                <th>Customer Name</th>\r\n                                                <th>Customer Employee</th>\r\n                                            </tr>\r\n                                        </thead>\r\n                                        <tbody className=\"nx-recent-customers\">\r\n                                            {customers && customers.map((item,index) => <tr key={index} onClick={navigateCustomerBoard}>\r\n                                                <td> {item?.entityCode ? item?.entityCode : ''} </td>\r\n                                                <td> {item?.entityName ? item?.entityName : ''} </td>\r\n                                                <td> {item?.noOfEmployees ? item?.noOfEmployees : ''} </td>\r\n                                            </tr>)}\r\n                                        </tbody>\r\n                                    </table>\r\n                                </div> */}\r\n\r\n                            <NxGridList\r\n                                enableSearch={true}\r\n                                autoSearch={true}\r\n                                enableAutoPagination={true}\r\n                                showShowing={true}\r\n                                header={[\r\n                                    {\r\n                                        name: 'Customer Code',\r\n                                        sort: true,\r\n                                    },\r\n                                    {\r\n                                        name: 'Customer Name',\r\n                                        sort: true,\r\n                                        search: true\r\n                                    },\r\n                                    {\r\n                                        name: 'Employee',\r\n                                        // sort: true,\r\n                                    },\r\n                                ]}\r\n                                data={customers} />\r\n                            {/* rowClick={false} */}\r\n                        </div>\r\n\r\n\r\n\r\n\r\n                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                            <h4>Key Financial Metrics</h4>\r\n\r\n                            <div className=\"gridlist card table-responsive table-wrapper-scroll-y my-custom-scrollbar\">\r\n                                <div className=\"card-body\">\r\n                                    {/* {enableSearch == true && <div className=''>\r\n                                    <input type='text' className={`${Styles.inpsty}`} placeholder={placeholder} onChange={(e) =>  onChangeText(e.target.value)} value={searchValue} />\r\n                                </div>} */}\r\n                                    <table id=\"table-nxs\" className=\"table table-hover mt-3\" >\r\n                                        <thead>\r\n                                            <tr className=\"thds\">\r\n                                                <th scope=\"col\" className=\"tableheader\">\r\n                                                </th>\r\n                                            </tr>\r\n                                        </thead>\r\n                                        <tbody>\r\n                                            <tr>\r\n                                                <td>Billed</td>\r\n                                                <td>$56,870</td>\r\n                                                <td colSpan=\"2\" className=\"text-center\">Outstanding DPD</td>\r\n                                            </tr>\r\n\r\n                                            <tr>\r\n                                                <td>Billed</td>\r\n                                                <td>$56,870</td>\r\n                                                <td className=\"text-center\">&gt;30 D</td>\r\n                                                <td className=\"text-center\">$ 7,800</td>\r\n                                            </tr>\r\n\r\n                                            <tr>\r\n                                                <td>Billed</td>\r\n                                                <td>$56,870</td>\r\n                                                <td className=\"text-center\">&gt;30 D</td>\r\n                                                <td className=\"text-center\">$ 7,800</td>\r\n                                            </tr>\r\n\r\n                                            <tr>\r\n                                                <td>Billed</td>\r\n                                                <td>$56,870</td>\r\n                                                <td className=\"text-center\">&gt;30 D</td>\r\n                                                <td className=\"text-center\">$ 7,800</td>\r\n                                            </tr>\r\n                                        </tbody>\r\n                                    </table>\r\n                                </div>\r\n                            </div>\r\n                            {/* <div className=\"card\"> */}\r\n                            {/* <div className=\"card-body\"> */}\r\n                            {/* <div className=\"table-responsive\">\r\n                                    <table className=\"table\">\r\n                                        <tbody>\r\n                                            <tr>\r\n                                                <td>Billed</td>\r\n                                                <td>$56,870</td>\r\n                                                <td colSpan=\"2\" className=\"text-center\">Outstanding DPD</td>\r\n                                            </tr>\r\n\r\n                                            <tr>\r\n                                                <td>Billed</td>\r\n                                                <td>$56,870</td>\r\n                                                <td className=\"text-center\">&gt;30 D</td>\r\n                                                <td className=\"text-center\">$ 7,800</td>\r\n                                            </tr>\r\n\r\n                                            <tr>\r\n                                                <td>Billed</td>\r\n                                                <td>$56,870</td>\r\n                                                <td className=\"text-center\">&gt;30 D</td>\r\n                                                <td className=\"text-center\">$ 7,800</td>\r\n                                            </tr>\r\n\r\n                                            <tr>\r\n                                                <td>Billed</td>\r\n                                                <td>$56,870</td>\r\n                                                <td className=\"text-center\">&gt;30 D</td>\r\n                                                <td className=\"text-center\">$ 7,800</td>\r\n                                            </tr>\r\n                                        </tbody>\r\n                                    </table>\r\n                                </div> */}\r\n                            {/* </div>\r\n                        </div> */}\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n","export default __webpack_public_path__ + \"static/media/User.9d2baf0e.svg\";","export default __webpack_public_path__ + \"static/media/Enquiry.ea779876.svg\";","export default __webpack_public_path__ + \"static/media/Customer.43551a82.svg\";","export default __webpack_public_path__ + \"static/media/Key Vault.a64bf6e7.svg\";","export default __webpack_public_path__ + \"static/media/Billing.3028007d.svg\";","export default __webpack_public_path__ + \"static/media/Support.d3181c2d.svg\";","export default __webpack_public_path__ + \"static/media/Subscriptions.68c40326.svg\";","export default __webpack_public_path__ + \"static/media/Feedback (1).04a40009.svg\";","export default __webpack_public_path__ + \"static/media/Notification Hub.48db2815.svg\";","export default __webpack_public_path__ + \"static/media/Widget.9b2c4f99.svg\";","export default __webpack_public_path__ + \"static/media/logopin.5570ff8f.png\";","export default __webpack_public_path__ + \"static/media/avatar.c7acabf1.png\";","export default __webpack_public_path__ + \"static/media/profile.45a0af68.png\";","export default __webpack_public_path__ + \"static/media/powerOff.a7cf3408.png\";","export default __webpack_public_path__ + \"static/media/adap_logo.99cfb768.svg\";","export default __webpack_public_path__ + \"static/media/pinwheell.b6675c11.png\";","export default __webpack_public_path__ + \"static/media/dashboard.4d316d66.png\";","export default __webpack_public_path__ + \"static/media/user.96156881.png\";","export default __webpack_public_path__ + \"static/media/performance.1bb68400.png\";","export default __webpack_public_path__ + \"static/media/appStore.502f01a8.png\";","export default __webpack_public_path__ + \"static/media/billing.fe788bbe.png\";","export default __webpack_public_path__ + \"static/media/support.a585a016.png\";","export default __webpack_public_path__ + \"static/media/settings.6ab2928a.png\";","export default __webpack_public_path__ + \"static/media/customers.6a49f054.png\";","export default __webpack_public_path__ + \"static/media/codeCast.7da89742.png\";","export default __webpack_public_path__ + \"static/media/user.989c4c8f.svg\";","export default __webpack_public_path__ + \"static/media/deployment.f5498cff.svg\";","export default __webpack_public_path__ + \"static/media/configuration.e6fd3aa3.svg\";","export default __webpack_public_path__ + \"static/media/marketPlace.f628df78.svg\";","export default __webpack_public_path__ + \"static/media/support.6c862811.svg\";","export default __webpack_public_path__ + \"static/media/identity.24a784c8.svg\";","export default __webpack_public_path__ + \"static/media/Performance.4726efbf.svg\";","export default __webpack_public_path__ + \"static/media/enrollment.8fd7e108.svg\";","export default __webpack_public_path__ + \"static/media/dashboard.4cfb466e.svg\";","export default __webpack_public_path__ + \"static/media/services.5dec7108.svg\";","import React, { useEffect, useState } from 'react';\r\nimport { Drawer } from 'antd';\r\nimport './CustomerSidebar.css';\r\nimport { NavLink } from 'react-router-dom';\r\nimport '../../partnerBoard/dashboard/dashboard.css';\r\nimport '../../components/header/header.css';\r\n// new-icons\r\nimport dashboard from '../../assets/dashboard.png';\r\nimport users from '../../assets/user.png';\r\nimport performance from '../../assets/performance.png';\r\nimport appsStore from '../../assets/appStore.png';\r\nimport billing from '../../assets/billing.png';\r\nimport support from '../../assets/support.png';\r\nimport settings from '../../assets/settings.png';\r\nimport customers from '../../assets/customers.png';\r\nimport codeCast from '../../assets/codeCast.png';\r\nimport Hotkeys from 'react-hot-keys';\r\nimport { NotificationManager } from \"react-notifications\";\r\nimport { ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport { Tooltip } from '@material-ui/core';\r\n\r\n// new-icons\r\nimport users1 from \"../../assets/Icons/user.svg\";\r\nimport deployment from \"../../assets/deployment.svg\";\r\nimport configuration from \"../../assets/configuration.svg\";\r\nimport marketPlace from \"../../assets/Icons/marketPlace.svg\";\r\nimport supports from \"../../assets/Icons/support.svg\";\r\n\r\nimport identity from \"../../assets/Icons/identity.svg\";\r\nimport enrollment from \"../../assets/Icons/enrollment.svg\";\r\nimport performances from \"../../assets/Icons/Performance.svg\";\r\nimport dashboards from \"../../assets/Icons/dashboard.svg\";\r\nimport services from \"../../assets/Icons/services.svg\";\r\n\r\nexport default function CustomerSidebar({ onClose, visible, onClickChange, accessData }) {\r\n\r\n    const [accessType, setAccessType] = useState({});\r\n    const getUserDetails = async () => {\r\n        let result = await ItrAuthService.GetUserInfo();\r\n        if (result.Success == true) {\r\n            let getUserDetails = result.result;\r\n            setAccessType(getUserDetails);\r\n        }\r\n        else if (result.Success == false) {\r\n            NotificationManager.error(result.message);\r\n            // sessionStorage.clear();\r\n        }\r\n    }\r\n\r\n    const [output, setOutput] = useState('');\r\n\r\n    useEffect(() => {\r\n        getUserDetails();\r\n    }, [])\r\n\r\n    return (\r\n        <div>\r\n            <Hotkeys keyName=\"shiftKey + a\">\r\n\r\n                <div className=\"nx-sidebar-content\">\r\n                    <div className=\"pt-1\">\r\n                        <ul className=\"nx-sidebar-menu m-0 p-0 mb-5\">\r\n                            <li>\r\n                                <NavLink to=\"/dashboard\"\r\n                                    className=\"nx-sidebar-hover\" style={{ textDecoration: 'none', color: 'black' }}\r\n                                    activeStyle={{ borderLeft: '5px solid #374bff', borderTopRightRadius: '50%' }}\r\n                                >\r\n                                    <Tooltip title='Dashboard' placement='right'>\r\n                                        <img src={dashboards} width=\"25\" />\r\n                                        {/* <br/> */}\r\n                                        {/* <span className=\"nx-sidebar-menu-name pt-2\">Dashboard</span> */}\r\n                                    </Tooltip>\r\n                                </NavLink>\r\n                            </li>\r\n                            <li className=\"pt-0\">\r\n                                <NavLink to=\"/developers\"\r\n                                    className=\"nx-sidebar-hover\" style={{ textDecoration: 'none', color: 'black' }}\r\n                                    activeStyle={{ borderLeft: '5px solid #374bff' }}\r\n                                >\r\n                                    <Tooltip title='Developers' placement='right'>\r\n                                        <img src={users1} width=\"25\" />\r\n                                        {/* <span className=\"nx-sidebar-menu-name pt-2\">Developers</span> */}\r\n                                    </Tooltip>\r\n                                </NavLink>\r\n                            </li>\r\n                            <li>\r\n                                <NavLink to=\"/administrator\"\r\n                                    className=\"nx-sidebar-hover\" style={{ textDecoration: 'none', color: 'black' }}\r\n                                    activeStyle={{ borderLeft: '5px solid #374bff' }}\r\n                                >\r\n                                    <Tooltip title='Deployment' placement='right'>\r\n                                        <img src={deployment} width=\"25\" />\r\n                                        {/* <span className=\"nx-sidebar-menu-name pt-2\">Configuration</span> */}\r\n                                    </Tooltip>\r\n                                </NavLink>\r\n                            </li>\r\n\r\n\r\n                            {/* // onClick={() => {\r\n                                //     onClickChange('1')\r\n                                // }}  */}\r\n                            {/* // <li>\r\n                            //     <NavLink \r\n                            //     to=\"/users\" className=\"nx-sidebar-hover\" style={{textDecoration:'none',color:'black'}}\r\n                            //     activeStyle={{borderLeft:'6px solid #008ecc',borderTopRightRadius:'50%'}}\r\n                            //     >\r\n                            //         <img  src={users} width=\"25\"  />\r\n                            //         <span className=\"nx-sidebar-menu-name pt-2\">IAM</span>\r\n                            //     </NavLink>\r\n                            // </li> */}\r\n\r\n                            {/* <li>\r\n                                    <NavLink\r\n                                        to=\"/customers\" className=\"nx-sidebar-hover\" style={{ textDecoration: 'none', color: 'black' }}\r\n                                        activeStyle={{ borderLeft: '5px solid #374bff', borderTopRightRadius: '50%' }}\r\n                                    >\r\n                                        <img src={customers} width=\"25\" />\r\n                                        <span className=\"nx-sidebar-menu-name pt-2\">Customers</span>\r\n                                    </NavLink>\r\n                                </li> */}\r\n\r\n                            <li\r\n                            // hidden={accessType.accessType == \"PRINCIPAL\" ? false : true}\r\n                            >\r\n                                <NavLink to=\"/enrollment\"\r\n                                    // onClick={() => {\r\n                                    //     onClickChange('3')\r\n                                    // }}\r\n                                    className=\"nx-sidebar-hover\" style={{ textDecoration: 'none', color: 'black' }}\r\n                                    activeStyle={{ borderLeft: '5px solid #374bff', borderTopRightRadius: '50%' }}>\r\n                                    <Tooltip title='Enrollment' placement='right'>\r\n                                        <img src={services} width=\"25\" />\r\n                                        {/* <span className=\"nx-sidebar-menu-name pt-2\">Enrollment</span> */}\r\n                                    </Tooltip>\r\n                                </NavLink>\r\n                            </li>\r\n                            <li>\r\n                                <NavLink to=\"/marketplace\"\r\n                                    className=\"nx-sidebar-hover\" style={{ textDecoration: 'none', color: 'black' }}\r\n                                    activeStyle={{ borderLeft: '5px solid #374bff' }}\r\n                                >\r\n                                    <Tooltip title='Marketplace' placement='right'>\r\n                                        <img src={marketPlace} width=\"25\" />\r\n                                        {/* <span className=\"nx-sidebar-menu-name pt-2\">Configuration</span> */}\r\n                                    </Tooltip>\r\n                                </NavLink>\r\n                            </li>\r\n\r\n                            {/* <li\r\n                                hidden={accessType.accessType == \"PRINCIPAL\" ? false : true}\r\n                            >\r\n                                <NavLink to=\"/appservices\"\r\n                                    className=\"nx-sidebar-hover\" style={{ textDecoration: 'none', color: 'black' }}\r\n                                    activeStyle={{ borderLeft: '5px solid #374bff', borderTopRightRadius: '50%' }}>\r\n                                    <Tooltip title='Services' placement='right'>\r\n                                        <img src={services} width=\"25\" />\r\n                                        <span className=\"nx-sidebar-menu-name pt-2\">App Store</span>\r\n                                    </Tooltip>\r\n                                </NavLink>\r\n                            </li> */}\r\n\r\n                            {/* <li>\r\n                                    <NavLink to=\"/billing\"\r\n                                        className=\"nx-sidebar-hover\" style={{ textDecoration: 'none', color: 'black' }}\r\n                                        activeStyle={{ borderLeft: '5px solid #374bff', borderTopRightRadius: '50%' }}\r\n                                    >\r\n                                        <img src={billing} width=\"25\" />\r\n                                        <span className=\"nx-sidebar-menu-name pt-2\">Billing</span>\r\n                                    </NavLink>\r\n                                </li> */}\r\n\r\n                            <li>\r\n                                <NavLink to=\"/performance\"\r\n                                    className=\"nx-sidebar-hover\" style={{ textDecoration: 'none', color: 'black' }}\r\n                                    activeStyle={{ borderLeft: '5px solid #374bff', borderTopRightRadius: '50%' }}\r\n                                >\r\n                                    <Tooltip title='Performance' placement='right'>\r\n                                        <img src={performances} width=\"25\" />\r\n                                        {/* <span className=\"nx-sidebar-menu-name pt-2\">Performance</span> */}\r\n                                    </Tooltip>\r\n                                </NavLink>\r\n                            </li>\r\n\r\n\r\n\r\n                            {/* <li>\r\n                                <NavLink to=\"/configuration\"\r\n                                className=\"nx-sidebar-hover\" style={{textDecoration:'none',color:'black'}}\r\n                                activeStyle={{borderLeft:'6px solid #008ecc'}}\r\n                                >\r\n                                    <img  src={codeCast} width=\"25\"  />\r\n                                    <span className=\"nx-sidebar-menu-name pt-2\">Code Cast</span>\r\n                                </NavLink>\r\n                            </li> */}\r\n                            <li>\r\n                                <NavLink to=\"/access\"\r\n                                    className=\"nx-sidebar-hover\" style={{ textDecoration: 'none', color: 'black' }}\r\n                                    activeStyle={{ borderLeft: '5px solid #374bff' }}\r\n                                >\r\n                                    <Tooltip title='Identity' placement='right'>\r\n                                        <img src={identity} width=\"25\" />\r\n                                    </Tooltip>\r\n                                    {/* <span className=\"nx-sidebar-menu-name pt-2\">Identity</span> */}\r\n                                </NavLink>\r\n                            </li>\r\n                            <li>\r\n                                <NavLink to=\"/security\"\r\n                                    className=\"nx-sidebar-hover\" style={{ textDecoration: 'none', color: 'black' }}\r\n                                    activeStyle={{ borderLeft: '5px solid #374bff' }}\r\n                                >\r\n                                    <Tooltip title='Configuration' placement='right'>\r\n                                        <img src={configuration} width=\"25\" />\r\n                                        {/* <span className=\"nx-sidebar-menu-name pt-2\">Security</span> */}\r\n                                    </Tooltip>\r\n                                </NavLink>\r\n                            </li>\r\n                           \r\n                            <li>\r\n                                <NavLink to=\"/support\"\r\n                                    // onClick={() => {\r\n                                    //     onClickChange('5')\r\n                                    // }}\r\n                                    className=\"nx-sidebar-hover\" style={{ textDecoration: 'none', color: 'black' }}\r\n                                    activeStyle={{ borderLeft: '5px solid #374bff', borderTopRightRadius: '50%' }}\r\n                                >\r\n                                    <Tooltip title='Support' placement='right'>\r\n                                        <img src={supports} width=\"25\" />\r\n                                        {/* <span className=\"nx-sidebar-menu-name pt-2\">Support</span> */}\r\n                                    </Tooltip>\r\n                                </NavLink>\r\n                            </li>\r\n\r\n                            {/* <li>\r\n                                <NavLink to=\"javascript:void(0)\" onClick={() => {\r\n                                    onClickChange('8')\r\n                                }} className=\"nx-sidebar-hover\" style={{textDecoration:'none',color:'black'}}\r\n                                activeStyle={{borderLeft:'6px solid #008ecc'}}\r\n                                >\r\n                                    <img  src={user} width=\"30\"  />\r\n                                    <br/>\r\n                                    <span className=\"nx-sidebar-menu-name\">Audit</span>\r\n                                </NavLink>\r\n                            </li> */}\r\n\r\n                            {/* <li>\r\n                                <NavLink to=\"javascript:void(0)\" onClick={() => {\r\n                                    onClickChange('9')\r\n                                }} className=\"nx-sidebar-hover\" style={{textDecoration:'none',color:'black'}}\r\n                                activeStyle={{borderLeft:'6px solid #008ecc'}}\r\n                                >\r\n                                    <img  src={user} width=\"30\"  />\r\n                                    <br/>\r\n                                    <span className=\"nx-sidebar-menu-name pt-2\">Configuration</span>\r\n                                </NavLink>\r\n                            </li> */}\r\n                        </ul>\r\n                    </div>\r\n                </div>\r\n                {/* <div className=\"nx-sidebar-options\">\r\n                    <NavLink style={{textDecoration:'none'}} to=\"/\" className=\"nx-sidebar-body-header\"> Principal Board</NavLink>\r\n                    <div className=\"con mt-2\">\r\n                        <ul style={{textAlign:'left',paddingLeft:'0'}}>\r\n                            <label> \r\n                                <FontAwesomeIcon icon={faStar} color=\"#039be5\" size=\"xs\" border={false} />\r\n                                <span className=\"nx-sidebar-list\" style={{paddingLeft:'12px'}}>Operations</span>\r\n                            </label>\r\n                            <li>\r\n                                <NavLink to=\"/enquiry\" className=\"nx-sidebar-hover\" style={{textDecoration:'none',color:'black'}}>\r\n                                    <img  src={enquiry} width=\"18\"  />\r\n                                    <span className=\"nx-sidebar-list\">Enquiry</span>\r\n                                </NavLink>\r\n                            </li>\r\n                            <li>\r\n                                <NavLink to=\"/customer\" className=\"nx-sidebar-hover\" style={{textDecoration:'none',color:'black'}}>\r\n                                    <img  src={customer} width=\"18\"  />\r\n                                    <span className=\"nx-sidebar-list\">Customer</span>\r\n                                </NavLink>\r\n                            </li>\r\n                            <li>\r\n                                <NavLink to=\"/onboarding\" className=\"nx-sidebar-hover\" style={{textDecoration:'none',color:'black'}}>\r\n                                    <img  src={customer} width=\"18\"  />\r\n                                    <span className=\"nx-sidebar-list\">On-Boarding</span>\r\n                                </NavLink>\r\n                            </li>\r\n                            <li>\r\n                                <NavLink to=\"/\" className=\"nx-sidebar-hover\" style={{textDecoration:'none',color:'black'}}>\r\n                                    <img  src={subscription} width=\"18\"  />\r\n                                    <span className=\"nx-sidebar-list\">Subscriptions</span>\r\n                                </NavLink>\r\n                            </li>\r\n\r\n                            <li>\r\n                                <NavLink to=\"/\" className=\"nx-sidebar-hover\" style={{textDecoration:'none',color:'black'}}>\r\n                                    <img  src={vault} width=\"18\"  />\r\n                                    <span className=\"nx-sidebar-list\">Key Vault</span>\r\n                                </NavLink>\r\n                            </li>\r\n\r\n                            <li>\r\n                                <NavLink to=\"/\" className=\"nx-sidebar-hover\" style={{textDecoration:'none',color:'black'}}>\r\n                                    <img  src={billing} width=\"18\"  />\r\n                                    <span className=\"nx-sidebar-list\">Billing</span>\r\n                                </NavLink>\r\n                            </li>\r\n\r\n                            <li>\r\n                                <NavLink to=\"/support\" className=\"nx-sidebar-hover\" style={{textDecoration:'none',color:'black'}}>\r\n                                    <img  src={support} width=\"18\"  />\r\n                                    <span className=\"nx-sidebar-list\">Support</span>\r\n                                </NavLink>\r\n                            </li>\r\n\r\n                            <li>\r\n                                <NavLink to=\"/feedback\" className=\"nx-sidebar-hover\" style={{textDecoration:'none',color:'black'}}>\r\n                                    <img  src={feedback} width=\"18\"  />\r\n                                    <span className=\"nx-sidebar-list\">Feedback</span>\r\n                                </NavLink>\r\n                            </li>\r\n\r\n                            <li>\r\n                                <NavLink to=\"/\" className=\"nx-sidebar-hover\" style={{textDecoration:'none',color:'black'}}>\r\n                                    <img  src={notification} width=\"18\"  />\r\n                                    <span className=\"nx-sidebar-list\">Notification</span>\r\n                                </NavLink>\r\n                            </li>\r\n\r\n                            <li>\r\n                                <NavLink to=\"/\" className=\"nx-sidebar-hover\" style={{textDecoration:'none',color:'black'}}>\r\n                                    <img  src={widget} width=\"18\"  />\r\n                                    <span className=\"nx-sidebar-list\">Widgets</span>\r\n                                </NavLink>\r\n                            </li>\r\n\r\n                            <li>\r\n                                <NavLink to=\"/partner-user\" className=\"nx-sidebar-hover\" style={{textDecoration:'none',color:'black'}}>\r\n                                    <img  src={user} width=\"18\"  />\r\n                                    <span className=\"nx-sidebar-list\">Users</span>\r\n                                </NavLink>\r\n                            </li>\r\n                        </ul>\r\n                    </div>\r\n                </div> */}\r\n                {/* </Drawer> */}\r\n            </Hotkeys>\r\n        </div>\r\n    )\r\n}\r\n","export default \"data:image/png;base64,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\"","import React, { useState, useEffect } from 'react';\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\nimport './Headers.css';\r\nimport { NxHeader } from '@afiplfeed/itr-app';\r\nimport pinwheelLogo from '../../assets/logopin.png';\r\nimport avatar from '../../assets/avatar.png';\r\nimport left from '../../assets/leftmenu.png';\r\nimport right from '../../assets/rightmenu.png';\r\nimport userprofile from '../../assets/profile.png';\r\nimport logOff from '../../assets/powerOff.png';\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\n\r\nimport Logo from '../../assets/adap_logo.svg';\r\nimport { faBell, faCog, faUserEdit, faPowerOff, faBullhorn, faQuestionCircle, faQuestion, faBars } from '@fortawesome/free-solid-svg-icons'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport { Dropdown, Menu, Popover } from 'antd';\r\nimport Sidebar from '../../Screens/sidebar/sidebar';\r\nimport SidebarTheme from '../sidebarTheme/sidebarTheme';\r\nimport CustomerSidebar from '../CustomerSidebar/CustomerSidebar';\r\nimport defaultProfile from '../../assets/defaultProfile.png';\r\n\r\n\r\n\r\nexport default function Headers({ onClickChange, isCustomer }) {\r\n\r\n    const [visible, setVisible] = useState(true);\r\n    const showDrawer = () => {\r\n        visible == false ? setVisible(true) : setVisible(false);\r\n    };\r\n\r\n    const onClose = () => {\r\n        setVisible(false);\r\n    };\r\n\r\n    const [profileData,setProfileData] = useState({});\r\n\r\n    let history = useHistory();\r\n    let location = useLocation();\r\n    let getCurrentUrl = location.pathname;\r\n    //     // logout function\r\n    //     const logOut = () => {\r\n    //         // setLoading(true);\r\n    //         sessionStorage.clear();\r\n    //         history.push('/');\r\n    //         // setLoading(false);\r\n    //     }\r\n\r\n    const [userInfo, setUserInfo] = useState({\r\n        displayName: \"\",\r\n        userName: \"\"\r\n    });\r\n\r\n\r\n\r\n    const [accessType,setAccessType] = useState({});\r\n    const getUserDetails = async () => {\r\n        let result = await ItrAuthService.GetUserInfo();\r\n        if (result.Success == true) {\r\n            let getUserDetails = result.result;\r\n            setAccessType(getUserDetails);\r\n        }\r\n        else if (result.Success == false) {\r\n            NotificationManager.error(result.message);\r\n            // sessionStorage.clear();\r\n        }\r\n    }\r\n\r\n    const logOut = async () => {\r\n        let result = await ItrAuthService.logout();\r\n        if (result.Success == true) {\r\n            history.push('/');\r\n        }\r\n        else if (result.Success == false) {\r\n            NotificationManager.error(result.message);\r\n            // sessionStorage.clear();\r\n        }\r\n    }\r\n\r\n    // user-popOver\r\n    const menu = (\r\n        <>\r\n            {/* <div className=\"profile p-2\">\r\n                    <div className=\"nxProfileHead\" >\r\n                        <div className=\"nxName\">\r\n                        <img src={pinwheel} width=\"80\" />\r\n                        </div>\r\n                        <div className=\"nxLogout\" onClick={logOut}>\r\n                            <p>Signout</p>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"nxProfileBody\">\r\n                        <div className=\"nxProfileImg\">\r\n                            <div className=\"text-center\">{userInfo.displayName.charAt(0).toUpperCase()}</div>\r\n                        </div>\r\n                        <div className=\"nxProfileName\">\r\n                            <label>{userInfo.displayName}</label>\r\n                            <p>{userInfo.userName}</p>\r\n                        </div>\r\n                    </div>\r\n                </div> */}\r\n\r\n            <div className=\"nxProfileBody\">\r\n                {/* <div class=\"user\">\r\n                            <div class=\"right mt-2 mb-2\">\r\n                                <a class=\"dropdown-item\">Account</a>\r\n                                <a class=\"dropdown-item\" onClick={logOut}>Sign out</a>\r\n                            </div>\r\n                        </div> */}\r\n\r\n                <div className=\"user\" style={{ borderRadius: '5px', width: '300px', height: '350px' }}>\r\n                    <div className=\"right bg-primary\" style={{ position: 'relative', borderTopLeftRadius: '5px', borderTopRightRadius: '5px', width: '100%', height: '120px' }}></div>\r\n                    <div className=\"img-avatar\">\r\n                        <div style={{ position: 'absolute', width: '100px', height: '100px', borderRadius: '50%', top: '80px', left: '100px', right: '100px', backgroundColor: 'white' }} className=\"rounded-circle\">\r\n                            <img src={profileData?.photo ? profileData?.photo : defaultProfile} width=\"100%\" height=\"100%\" className=\"rounded-circle\" />\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"right bg-white\" style={{ borderBottomLeftRadius: '5px', borderBottomRightRadius: '5px', width: '100%', height: '220px' }}>\r\n                        <div className=\"row\" style={{ marginTop: '50px' }}>\r\n                            <div className=\"col-12 text-center\">\r\n                                <p className=\"p-0 m-0 fw-bold\" style={{ fontSize: '16px' }}> {userInfo?.displayName} </p>\r\n                                <p className=\"p-0 m-0\" style={{ fontSize: '12px' }}>Chennai, India</p>\r\n                                <p className=\"p-0 m-0\" style={{ fontSize: '14px' }}>Administrator</p>\r\n                            </div>\r\n                            <div className=\"col-12 text-center\">\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n\r\n                        <div className=\"row position-absolute mx-0 \" style={{ bottom: '0', marginBottom: '20px', width: '100%' }}>\r\n                            <div className=\"col-12 text-center mx-0 \">\r\n                                <div style={{ fontSize: '18px', justifyContent: 'space-evenly', display: 'flex', flexDirection: 'row', flexWrap: 'nowrap', alignContent: 'space-around', alignItems: 'center' }}>\r\n                                    {/* <div className=\"rounded-circle\" style={{backgroundColor:'grey',width:'40px',height:'40px',color:'white',display:'flex',justifyContent:'center',alignItems:'center'}}>\r\n                                            <FontAwesomeIcon icon={faUserEdit} style={{width:'20px'}} />\r\n                                        </div>\r\n                                        <div className=\"rounded-circle\" style={{backgroundColor:'grey',width:'40px',height:'40px',color:'white',display:'flex',justifyContent:'center',alignItems:'center'}} >\r\n                                            <FontAwesomeIcon icon={faPowerOff} style={{width:'20px'}} />\r\n                                        </div> */}\r\n                                    <img style={{ cursor: 'pointer' }} src={userprofile} width=\"40\" onClick={() => {\r\n                                        history.push('/profile')\r\n                                    }} />\r\n                                    <img style={{ cursor: 'pointer' }} src={logOff} width=\"40\" onClick={logOut} />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </>\r\n    );\r\n\r\n\r\n    const getProfileDetails = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'PAM/ProfileDetails',\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getPfofileDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setProfileData(getPfofileDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        getUserDetails();\r\n        getProfileDetails();\r\n    }, [])\r\n\r\n    return (\r\n        <div>\r\n            <NxHeader className=\"right-side-menus\"\r\n                DrawerIcon={() => <div className=\"d-flex align-items-center justify-content-evenly\">\r\n\r\n                    {/* <div onClick={showDrawer} style={{ paddingLeft: '8px' }}>\r\n                       \r\n                        <FontAwesomeIcon icon={faBars} color=\"#78787894\" />\r\n                    </div> */}\r\n\r\n                    <div style={{ paddingLeft: '12px' }}>\r\n                        <img src={Logo} width=\"60%\" />\r\n                    </div>\r\n                    {/* <div className=\"\">\r\n                    <p className=\" ml-3 mb-0\">Customer Name</p>\r\n                </div> */}\r\n                </div>}\r\n                PortalHerderTitle={() =>\r\n                    // <label style={{paddingLeft:'20px',fontSize:'15px',fontWeight:'600'}}>\r\n                    //     2022 Ithred Solutions\r\n                    // </label>\r\n                    <>\r\n                    </>\r\n                }\r\n                rightElements={[\r\n                    // {\r\n                    //     elements: () => {\r\n                    //         return <div className=\"icons-hover-main d-flex justify-content-center align-items-center\" title=\"Broadcast\">\r\n                    //             <FontAwesomeIcon className=\"icons-hover\"  icon={faBullhorn} style={{width:'20px',color:'#78787894'}}  />\r\n                    //         </div> \r\n                    //     },\r\n                    // },\r\n                    {\r\n                        elements: () => {\r\n                            return <div className=\"icons-hover-main d-flex justify-content-center align-items-center\" title=\"Notification\">\r\n                                <FontAwesomeIcon className=\"icons-hover\" icon={faBell} style={{ width: '20px', color: '#78787894' }} />\r\n                            </div>\r\n                        },\r\n                    },\r\n                    // {\r\n                    //     elements: () => {\r\n                    //         return <div className=\"icons-hover-main d-flex justify-content-center align-items-center\" title=\"Help\">\r\n                    //             <FontAwesomeIcon className=\"icons-hover\"  icon={faQuestion} style={{width:'20px',color:'#78787894'}} />\r\n                    //         </div> \r\n                    //     },\r\n                    // },\r\n                    {\r\n                        elements: () => {\r\n                            return <Popover onPopupAlign=\"center\" content={menu} trigger={['click']}>\r\n                                <div className=\"img-avatar\" title=\"User Card\">\r\n                                    <div className=\"d-flex justify-content-center\" style={{ width: '40px', height: '40px',backgroundColor:'white', borderRadius: '50%', textAlign: 'center', color: 'white' }}>\r\n                                        <img src={profileData?.photo ? profileData?.photo : defaultProfile} width=\"100%\" height=\"100%\" className=\"rounded-circle\" />\r\n                                    </div>\r\n                                    {/* <img src={pinwheel} className=\"rounded-circle\" style={{width:'25px'}} /> */}\r\n                                </div>\r\n                                {/* <div> */}\r\n                                {/* <span className=\"users-name\" style={{fontSize:'15px',paddingRight:'10px'}}>{userInfo.userName}</span> */}\r\n                                {/* <FontAwesomeIcon title=\"profile\" icon={faUserCircle} fontSize=\"20px\" /> */}\r\n                                {/* </div> */}\r\n                            </Popover>\r\n                            // return <div style={{display:'flex',alignItems:'center'}} onClick={handleClick}>\r\n                            //     <span style={{color:'white',fontSize:'15px',paddingRight:'10px'}}>developer@gmail.com</span>\r\n                            //     <FontAwesomeIcon icon={faUserCircle} color=\"white\" size=\"md\" />\r\n                            // </div> \r\n                        }\r\n                    }\r\n                ]}\r\n            />\r\n            {/* {isCustomer == true ? <SidebarTheme onClose={onClose} visible={visible} onClickChange={onClickChange} /> :\r\n                <CustomerSidebar onClose={onClose} visible={visible} onClickChange={onClickChange} />} */}\r\n        </div>\r\n    )\r\n}\r\n","import React from 'react';\r\nimport Card from '../../../components/card/card';\r\nimport { useHistory } from 'react-router-dom';\r\n\r\n// icons\r\nimport user from '../../../assets/User.svg';\r\nimport enquiry from '../../../assets/Enquiry.svg';\r\nimport customer from '../../../assets/Customer.svg';\r\nimport vault from '../../../assets/Key Vault.svg';\r\nimport billing from '../../../assets/Billing.svg';\r\nimport support from '../../../assets/Support.svg';\r\nimport subscription from '../../../assets/Subscriptions.svg';\r\nimport feedback from '../../../assets/Feedback (1).svg';\r\nimport notification from '../../../assets/Notification Hub.svg';\r\nimport widget from '../../../assets/Widget.svg';\r\nimport { NxCard, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\n\r\n\r\nexport default function ConfigurationTab() {\r\n\r\n    let history = useHistory();\r\n    return (\r\n        <div className=\"conatiner\">\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title='Configuration' onCloseClick={() => history.push('/partner-board')} />\r\n            <div className=\"m-4 mt-0\">\r\n                <NxCard className=\"card-tab\" datas={[\r\n                    {\r\n                        data: [\r\n                            { image: enquiry, heding: 'Password Policy', info: 'Monitor Your apps and infrastructure', onClick: () => history.push('/Password-Policy') },\r\n                            { image: enquiry, heding: 'Platform User', info: 'Monitor your apps and infrastructure', onClick: () => history.push('/platformuser') },\r\n                            { image: customer, heding: 'Retention Policy', info: 'Monitor your apps and infrastructure', url: '' },\r\n                            { image: customer, heding: 'Notification', info: 'Monitor your apps and infrastructure', onClick: () => history.push('/notification') },\r\n                        ]\r\n                    },\r\n                ]} />\r\n            </div>\r\n            {/* <Card\r\n                datas={[\r\n                    {\r\n                        data: [\r\n                            { image: enquiry, heding: 'Platform User', info: 'Monitor your apps and infrastructure', url: '/platformuser' },\r\n                            { image: customer, heding: 'Retention Policy', info: 'Monitor your apps and infrastructure', url: '' },\r\n                            { image: customer, heding: 'Password Policies', info: 'Monitor your apps and infrastructure', url: '' },\r\n                            { image: subscription, heding: 'Device Management', info: 'Monitor your apps and infrastructure', url: '' },\r\n                            { image: vault, heding: 'IP Whitelisting', info: 'Monitor your apps and infrastructure', url: '' },\r\n                            { image: billing, heding: 'Configuration Management', info: 'Monitor your apps and infrastructure', url: '' },\r\n                        ]\r\n                    },\r\n                ]}\r\n            /> */}\r\n\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport './appEnrollmentTab.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxRightDrawer, NxActionTab, NxGridList, NxTitleTab, NxBreadcrumb, NxHeader, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../../Screens/Headers/Headers\";\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\nexport default function AppEnrollmentTab() {\r\n\r\n    const dest = [\r\n        {\r\n            \"enquiryid\": 1,\r\n            \"partnerid\": 1,\r\n            \"enquirycode\": \"eq0001\",\r\n            \"firstname\": \"mike\",\r\n            \"lastname\": \"charles\",\r\n            \"officialemail\": \"mikecharles@gmail.com\",\r\n            \"phone\": \"98746652321\",\r\n            \"organization\": \"MC solutions \",\r\n            \"role\": \"consultant\",\r\n            \"timetobuy\": \"immediately\",\r\n            \"hearedaboutus\": \"google\",\r\n            \"status\": 13,\r\n        },\r\n        {\r\n            \"enquiryid\": 2,\r\n            \"partnerid\": 1,\r\n            \"enquirycode\": \"eq0001\",\r\n            \"firstname\": \"mike\",\r\n            \"lastname\": \"charles\",\r\n            \"officialemail\": \"mikecharles@gmail.com\",\r\n            \"phone\": \"98746652321\",\r\n            \"organization\": \"MC solutions \",\r\n            \"role\": \"consultant\",\r\n            \"timetobuy\": \"immediately\",\r\n            \"hearedaboutus\": \"google\",\r\n            \"status\": 13,\r\n        },\r\n        {\r\n            \"enquiryid\": 3,\r\n            \"partnerid\": 1,\r\n            \"enquirycode\": \"eq0001\",\r\n            \"firstname\": \"mike\",\r\n            \"lastname\": \"charles\",\r\n            \"officialemail\": \"mikecharles@gmail.com\",\r\n            \"phone\": \"98746652321\",\r\n            \"organization\": \"MC solutions \",\r\n            \"role\": \"consultant\",\r\n            \"timetobuy\": \"immediately\",\r\n            \"hearedaboutus\": \"google\",\r\n            \"status\": 13,\r\n        }\r\n    ]\r\n\r\n    const [enrollment, setEnrollment] = useState([]);\r\n\r\n    const splits = async (dests, setEnquiry) => {\r\n        let arr = [];\r\n        for (let value of dests) {\r\n            let data = [value.serviceCode, value.serviceName, value.publisher, value.versionNo];\r\n            let obj = { sendItem: value.enquiryid, data: data };\r\n            arr = [...arr, obj]\r\n        }\r\n        setEnquiry(arr)\r\n    }\r\n\r\n    const getEnrollment = async () => {\r\n        setLoad(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'DevOps/Enrollment/ListAllEnrollment'\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                setLoad(false);\r\n                let getCustomerDetails = result.result.data;\r\n                if (result.result.data) {\r\n                    await splits(getCustomerDetails, setEnrollment)\r\n                }\r\n                // setEnquiry(getCustomerDetails);\r\n            } else {\r\n                setLoad(false);\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n        }\r\n        else {\r\n            setLoad(false);\r\n            NotificationManager.error(result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n        setLoad(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        getEnrollment(setEnrollment);\r\n        // await splits(dest, setEnquiry);\r\n    }, [])\r\n\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n    return (\r\n        <div className=\"mb-5\">\r\n            <NxLoader state={load} />\r\n            <Headers />\r\n            <div style={{ flex: 1 }}>\r\n                <NxTitleTab className=\"title-tab\" title=\"Enrollment\" onCloseClick={() => {\r\n                    history.goBack();\r\n                }} />\r\n                <NxActionTab\r\n                    className=\"enrollment-action-tab\"\r\n                    onColumnsClick={() => { setHandel(true) }}\r\n                    onRefreshClick={() => {\r\n                        setLoad(true)\r\n                        setTimeout(function () {\r\n                            setLoad(false)\r\n                        }, 2000);\r\n                    }}\r\n                    onNewEntryClick={() => { history.push('enrollment/add') }}\r\n                    enableNewEntry={true}\r\n                />\r\n                <div className=\"p-4 pt-0\">\r\n                    <NxGridList\r\n                        enableSearch={true}\r\n                        autoSearch={true}\r\n                        enableAutoPagination={true}\r\n                        showShowing={true}\r\n                        header={[\r\n                            {\r\n                                name: 'Service Code',\r\n                                search: true,\r\n                                sort: true,\r\n                            },\r\n                            {\r\n                                name: 'Service Name',\r\n                                search: true,\r\n                                sort: true,\r\n                            },\r\n                            {\r\n                                name: 'Publisher',\r\n                                // sort: true,\r\n                            },\r\n                            {\r\n                                name: 'Version No',\r\n                                sort: false,\r\n                            },\r\n                        ]}\r\n                        rowClick={(e) => {\r\n                            history.push('/enrollment/edit');\r\n                        }}\r\n                        data={enrollment && enrollment} />\r\n                </div>\r\n                <NxFooter ExtraContent={[\r\n                    { name: 'Terms of Service' },\r\n                    { name: 'privacy' },\r\n                ]} />\r\n            </div>\r\n            <NxRightDrawer onClose={() => setHandel(false)} show={handel} drawerContent={() => { }} ondrawer1Close={() => { setHandel2(false) }} />\r\n        </div>\r\n    )\r\n}\r\n","export default __webpack_public_path__ + \"static/media/school.0eeb1c6b.svg\";","export default __webpack_public_path__ + \"static/media/group.336d4cfb.svg\";","import React, { useState } from 'react';\r\nimport NxBarCharts from '../../../components/nxCharts/nxBarCharts';\r\nimport './billingTab.css';\r\nimport { useHistory } from 'react-router';\r\nimport { faCreditCard, faEye, faUserCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { NxTitleTab,NxFooter } from '@afiplfeed/itr-app';\r\nimport {ChartColors} from '../../../general/general';\r\nimport {Bar} from 'react-chartjs-2';\r\nimport {DatePicker,Progress,Tabs} from 'antd';\r\nimport { DashboardOutlined,FormOutlined,DollarOutlined } from '@ant-design/icons';\r\n\r\nconst {RangePicker} = DatePicker;\r\n\r\n\r\nexport default function BillingTab() {\r\n\r\n    const {TabPane} = Tabs;\r\n\r\n    let history = useHistory();\r\n\r\n    const [keyPeriods,setKeyPeriods] = useState();\r\n\r\n    const labels = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'June', 'July','Aug','Sep','Oct','Nov','Dec'];\r\n\r\n    const data = {\r\n        labels,\r\n        datasets: [\r\n          {\r\n            label: 'Dataset 1',\r\n            data: { min: 500, max: 5000 },\r\n            backgroundColor: 'rgba(255, 99, 132, 0.5)',\r\n          },\r\n          {\r\n            label: 'Dataset 2',\r\n            data: { min: 500, max: 5000 },\r\n            backgroundColor: 'rgba(53, 162, 235, 0.5)',\r\n          },\r\n        ],\r\n      };\r\n\r\n      const options = {\r\n        responsive: true,\r\n        plugins: {\r\n          legend: {\r\n            position: 'top'\r\n          },\r\n        },\r\n        scales: {\r\n            yAxes: [\r\n              {\r\n                ticks: {\r\n                  beginAtZero: false,\r\n                },\r\n              },\r\n            ],\r\n          },\r\n      };\r\n\r\n\r\n    return (\r\n        <>\r\n\r\n        {/* <Headers />\r\n        <NxTitleTab className=\"title-tab\" title=\"Billing\" onCloseClick={() => history.push('/dashboard')} /> */}\r\n\r\n        <div className=\"billing-tabs billing-main\">\r\n           \r\n                <div className=\"mt-0\">\r\n            <div className=\"container1\">\r\n                <div className=\"nx-body nx-billing mt-1\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-1 counts count-two\">\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                    <label className=\"nx-badge-title\">TOTAL BILLED</label>\r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                        <h6>$ 83.40</h6>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-1 counts count-two\">\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                    <label className=\"nx-badge-title\">RECEIVED</label>\r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                        <h6>$ 83.40</h6>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-1 counts count-two\">\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                    <label className=\"nx-badge-title\">CURRENT OUTSTANDING</label>\r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                        <h6>$ 83.40</h6>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-1 counts count-two\">\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                    <label className=\"nx-badge-title\">PAST DUE</label>\r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                        <h6>$ 83.40</h6>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-5 col-xl-5 mt-1 counts count-two\">\r\n                            <div className='card'>\r\n                                <div className=\"card-body\">\r\n                                <label className=\"nx-badge-title\">OVERDUE</label>\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 mt-2\">\r\n                                            <h6>$ 38452</h6>\r\n                                            <label>1 - 15 Days</label>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 mt-2\">\r\n                                            <h6>$ 740.00</h6>\r\n                                            <label>16 - 30 Days</label>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-5 col-xl-5 mt-1 counts count-two\">\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                <label className=\"nx-badge-title\">DAYS PAST DUE</label>\r\n                            <div className=\"row\">\r\n                                <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 mt-2\">\r\n                                    <h6>$ 740.00</h6>\r\n                                    <label>31 - 45 Days</label>\r\n                                </div>\r\n\r\n                                <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 mt-1\">\r\n                                    <h6>$ 740.00</h6>\r\n                                    <label>Above 45 Days</label>\r\n                                </div>\r\n                            </div>\r\n                                </div>\r\n                            </div>\r\n                        </div> */}\r\n                    </div>\r\n\r\n                    <div className=\"mt-3\">\r\n                        <div className=\"nx-title title text-left\">\r\n                            <h2>TOTAL RECEIVABLE $ 1,00,000</h2>\r\n                        </div>\r\n\r\n                        <div className=\"nx-progress mt-4\">\r\n                            <div class=\"progress\" style={{height:'30px'}}>\r\n                                <div class=\"progress-bar\" role=\"progressbar\" style={{width: \"30%\",background:'#f0c518',color:'black'}} aria-valuenow=\"30\" aria-valuemin=\"0\" aria-valuemax=\"100\">30 DPD ($30,000)</div>\r\n                                <div class=\"progress-bar\" role=\"progressbar\" style={{width: \"40%\",background:'#ed741c',color:'black'}} aria-valuenow=\"40\" aria-valuemin=\"0\" aria-valuemax=\"100\">60 DPD ($40,000)</div>\r\n                                <div class=\"progress-bar\" role=\"progressbar\" style={{width: \"30%\",background:'#f04356',color:'black'}} aria-valuenow=\"30\" aria-valuemin=\"0\" aria-valuemax=\"100\">90 DPD ($30,000)</div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"nx-bar-chart nx-billing-chart mt-5 mb-5\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 \">\r\n                            <h4>Key Financial Indicators</h4>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"card \">\r\n                        <div className=\"card-body\">\r\n                            <div className=\"row text-center\">\r\n                                <div className=\"col-6 col-sm-6 col-md-6 col-lg-3 col-xl-3\">\r\n                                    <Progress type=\"circle\" percent={75} strokeWidth={15}  gapDegree={30} gapPosition=\"bottom\"  /> <br/>\r\n                                    <label className=\"key-financial-label mt-3\">GROSS PROFIT MARGIN</label>\r\n                                </div>\r\n\r\n                                <div className=\"col-6 col-sm-6 col-md-6 col-lg-3 col-xl-3\">\r\n                                    <Progress type=\"circle\" percent={58} strokeWidth={15} gapDegree={30} gapPosition=\"bottom\"/> <br/>\r\n                                    <label className=\"key-financial-label mt-3\">OPEX RATIO</label>\r\n                                </div>\r\n\r\n                                <div className=\"col-6 col-sm-6 col-md-6 col-lg-3 col-xl-3\">\r\n                                    <Progress type=\"circle\" percent={20} strokeWidth={15} gapDegree={30} gapPosition=\"bottom\"/><br/>\r\n                                    <label className=\"key-financial-label mt-3\">OPERATING PROFIT MARGIN</label>\r\n                                </div>\r\n\r\n                                <div className=\"col-6 col-sm-6 col-md-6 col-lg-3 col-xl-3\">\r\n                                    <Progress type=\"circle\" percent={16} strokeWidth={15} gapDegree={30} gapPosition=\"bottom\"/><br/>\r\n                                    <label className=\"key-financial-label mt-3\">NET PROFIT MARGIN</label>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            \r\n                <div className=\"nx-bar-chart nx-billing-chart mt-5 mb-5\">\r\n                    <div className=\"row\">\r\n                        <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 \">\r\n                            <h4>Financial Performance</h4>\r\n                        </div>\r\n\r\n                        <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 text-end\">\r\n                            <label>Last</label>\r\n                            <select value={keyPeriods} onChange={(e) => setKeyPeriods(e.target.value)}>\r\n                                <option value=\"12 Months\">12 Months</option>\r\n                                <option value=\"3 Months\">3 Months</option>\r\n                                <option value=\"YTD\">YTD</option>\r\n                                <option value=\"MTD\">MTD</option>\r\n                                <option value=\"Period\">Period</option>\r\n                            </select><br/>\r\n                            <div className=\"p-1\">\r\n                                {keyPeriods == 'Period' ?  <RangePicker /> : false}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"card \">\r\n                        <div className=\"card-body\">\r\n                            <div className=\"row mb-5\">\r\n                                    \r\n                                <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12\">\r\n                                    <NxBarCharts height=\"500\" width=\"100%\"/>\r\n                                    {/* <Bar width={200} height={40} options={options} data={data} /> */}\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 text-end nx-sales mt-5\" >\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4\">\r\n                                            <div className=\"nx-sales-report pt-3 d-flex justify-content-evenly align-items-center\" >\r\n                                                <h6 className=\"nx-sales-report-1\" style={{backgroundColor:ChartColors.Splash,padding:'8px',color:'white',fontWeight:'bold'}}>Total New Sale</h6>\r\n                                                <h5 className=\"key-financial-counts\">$ 3,123,123</h5>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4\">\r\n                                            <div className=\"nx-sales-report pt-3 d-flex justify-content-evenly align-items-center\" >\r\n                                                <h6 className=\"nx-sales-report-1\" style={{backgroundColor:ChartColors.Sky,padding:'8px',color:'white',fontWeight:'bold'}}>Total Renewals</h6>\r\n                                                <h5 className=\"key-financial-counts\">$ 3,123,123</h5>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4 \">\r\n                                            <div className=\"nx-sales-report pt-3 d-flex justify-content-evenly align-items-center\" >\r\n                                                <h6 className=\"nx-sales-report-1\" style={{backgroundColor:ChartColors.Moonshine,padding:'8px',color:'white',fontWeight:'bold'}}>Total Receivables</h6>\r\n                                                <h5 className=\"key-financial-counts\">$ 3,123,123</h5>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                {/* <div className=\"nx-billing-invoice mb-5\">\r\n                    <div className=\"billing\">\r\n                        <div>\r\n                            <h4>Invoices</h4>\r\n                        </div>\r\n                        <div className=\"invoice-title\">\r\n                            <button className=\"btn btn-success btn-sm\" type=\"button\">Create Invoice</button>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"mt-4\">\r\n                        <label>show </label>\r\n                        <select className=\"mx-1\">\r\n                                    <option value=\"10\">10</option>\r\n                                    <option value=\"25\">25</option>\r\n                                    <option value=\"50\">50</option>\r\n                                    <option value=\"100\">100</option>\r\n                                </select>\r\n                    </div>\r\n\r\n                    <div className=\"invoice-table\">\r\n                        <div class=\"table-wrapper-scroll-y table-responsive my-custom-scrollbar \">\r\n                            <table class=\"table table-hover mb-5\">\r\n                                <thead>\r\n                                    <tr>\r\n                                    <th scope=\"col\">Inv#</th>\r\n                                    <th scope=\"col\">Date</th>\r\n                                    <th scope=\"col\">Client</th>\r\n                                    <th scope=\"col\">Invoice Title</th>\r\n                                    <th scope=\"col\">Due Date</th>\r\n                                    <th scope=\"col\">Status</th>\r\n                                    <th scope=\"col\">Invoice Amount</th>\r\n                                    <th scope=\"col\">Balance Due</th>\r\n                                    <th scope=\"col\">Action</th>\r\n                                    </tr>\r\n                                </thead>\r\n\r\n                                <tbody>\r\n                                    <tr>\r\n                                        <td>a quo magni similique perferendis</td>\r\n                                        <td>30</td>\r\n                                        <td>30</td>\r\n                                        <td>30</td>\r\n                                        <td>30</td>\r\n                                        <td> <span className=\"dot-status\"> </span>30</td>\r\n                                        <td>30</td>\r\n                                        <td>30</td>\r\n                                        <td>\r\n                                            <div style={{display:'flex',justifyContent:'space-around',alignItems:'center'}}>\r\n                                                <a> <FontAwesomeIcon icon={faEye} color=\"palevioletred\" size=\"sm\" /></a>\r\n                                                <a> <FontAwesomeIcon icon={faCreditCard} color=\"black\" size=\"sm\" className=\"billing-card\" /></a>\r\n                                            </div>\r\n                                        </td>\r\n                                    </tr>\r\n                                    <tr>\r\n                                        <td>ad iusto omnis odit dolor voluptatibus\t</td>\r\n                                        <td>30</td>\r\n                                        <td>30</td>\r\n                                        <td>30</td>\r\n                                        <td>30</td>\r\n                                        <td> <span className=\"dot-status\"> </span>30</td>\r\n                                        <td>30</td>\r\n                                        <td>30</td>\r\n                                        <td >\r\n                                            <div style={{display:'flex',justifyContent:'space-around',alignItems:'center'}}>\r\n                                                <a > <FontAwesomeIcon icon={faEye} color=\"palevioletred\" size=\"sm\" /></a>\r\n                                                <a> <FontAwesomeIcon icon={faCreditCard} color=\"black\" size=\"sm\"  className=\"billing-card\"/> </a>\r\n                                            </div>\r\n                                        </td>\r\n                                    </tr>\r\n                                </tbody>\r\n                            </table>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div> */}\r\n            </div>\r\n                </div>\r\n\r\n              \r\n        </div>\r\n\r\n        \r\n        <NxFooter className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                {name:'Terms of Service'},\r\n                {name:'Privacy'},\r\n            ]} />\r\n    </>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport NxBarCharts from '../../../components/nxCharts/nxBarCharts';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { NxLoader } from '@afiplfeed/itr-app';\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\nexport default function SupportTab() {\r\n\r\n    const [customers, setCustomers] = useState([]);\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const getData = async (tenetcode) => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'TenantPlatform/Entity/GetEntities',\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            setLoading(false);\r\n            let getCustomerDetails = result.result.data;\r\n            if (getCustomerDetails === null || !getCustomerDetails.length) {\r\n                // NotificationManager.error(result.result.message);.\r\n            }\r\n            else {\r\n                setCustomers(getCustomerDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            setLoading(false);\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        getData();\r\n    }, [])\r\n\r\n    return (\r\n        <div className=\"nx-support\">\r\n            <NxLoader state={loading} />\r\n            <div className=\"row\">\r\n                <div className=\"col-12 col-sm-6 col-md-4 col-lg-4 col-xl-2 \">\r\n                    <label>Customers</label>\r\n                    <select className=\"form-select-sm form-select mt-1\">\r\n                        {customers.map((data, index) => {\r\n                            return <option key={index} value={data.entityCode}> {data.entityName} </option>\r\n                        })}\r\n                    </select>\r\n                </div>\r\n            </div>\r\n\r\n            <div className=\"nx-support-body\">\r\n                <div className=\"row\">\r\n                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 mt-5 counts count-one\">\r\n                        {/* <label className=\"nx-badge-title\">CURRENT</label> */}\r\n                        <div className=\"row\">\r\n                            <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 mt-4 text-center\">\r\n                                <div className=\"card\">\r\n                                    <div className=\"card-body\">\r\n                                        <label>New Cases</label>\r\n                                        <h5>24</h5>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 mt-4 text-center\">\r\n                                <div className=\"card\">\r\n                                    <div className=\"card-body\">\r\n                                        <label>Working Cases</label>\r\n                                        <h5>24</h5>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 mt-4 text-center\">\r\n                                <div className=\"card\">\r\n                                    <div className=\"card-body\">\r\n                                        <label>Waiting on Customer Cases</label>\r\n                                        <h5>24</h5>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 mt-3 counts count-one text-center\">\r\n                        <label className=\"nx-support-counts-title\">Performance Metrics</label>\r\n                        <div className=\"row mt-3\">\r\n                            <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 mt-2 text-center\">\r\n                                <div className=\"card\">\r\n                                    <div className=\"card-body\">\r\n                                        <label>Closed Cases</label>\r\n                                        <h5>24</h5>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 mt-2 text-center\">\r\n                                <div className=\"card\">\r\n                                    <div className=\"card-body\">\r\n                                        <label>Avg. CSAT</label>\r\n                                        <h5>24</h5>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 mt-2 text-center\">\r\n                                <div className=\"card\">\r\n                                    <div className=\"card-body\">\r\n                                        <label>Avg. Response Time (mins)</label>\r\n                                        <h5>24</h5>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"nx-support-cases mt-5\">\r\n                    <h5> Cases by Priority </h5>\r\n                    <div class=\"card\">\r\n                        <div class=\"card-body\">\r\n                            <div className=\"nx-progress mt-4\">\r\n                                <div class=\"progress\">\r\n                                    <div class=\"progress-bar\" role=\"progressbar\" style={{ width: \"20%\", background: '#d36a67' }} aria-valuenow=\"15\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n                                        Critical6 <br />\r\n                                        Cases\r\n                                    </div>\r\n                                    <div class=\"progress-bar\" role=\"progressbar\" style={{ width: \"60%\", background: '#e6994c' }} aria-valuenow=\"15\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n                                        High <br />\r\n                                        6 Cases\r\n                                    </div>\r\n                                    <div class=\"progress-bar\" role=\"progressbar\" style={{ width: \"10%\", background: '#e8cd67' }} aria-valuenow=\"15\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n                                        Medium <br />\r\n                                        6 Cases\r\n                                    </div>\r\n                                    <div class=\"progress-bar\" role=\"progressbar\" style={{ width: \"20%\", background: '#73a562' }} aria-valuenow=\"30\" aria-valuemin=\"0\" aria-valuemax=\"100\">\r\n                                        Low <br />\r\n                                        6 Cases\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"nx-support-chart mt-3 mb-0\">\r\n                    <div className=\"row nx-support-case\">\r\n                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-3\">\r\n                            <h5> Number of Opened Cases by Month </h5>\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                    <NxBarCharts height=\"300\" width=\"200\" />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-3 \">\r\n                            <h5> Average Hourly Case Duration by Week </h5>\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                    <div class=\"table-wrapper-scroll-y table-responsive my-custom-scrollbar\">\r\n                                        <table class=\"table table-bordered mb-0\">\r\n                                            <thead>\r\n                                                <tr>\r\n                                                    <th scope=\"col\">Apps</th>\r\n                                                    <th scope=\"col\"></th>\r\n                                                    <th scope=\"col\">Open Cases</th>\r\n                                                </tr>\r\n                                            </thead>\r\n                                            <tbody>\r\n                                                <tr>\r\n                                                    <th scope=\"row\">Compute</th>\r\n                                                    <td>\r\n                                                        <div class=\"progress table-progress\">\r\n                                                            <div class=\"progress-bar\" role=\"progressbar\" style={{ width: \"70%\", height: '100%', background: '#d36a67' }} aria-valuenow=\"15\" aria-valuemin=\"0\" aria-valuemax=\"100\">70</div>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td>10</td>\r\n                                                </tr>\r\n                                                <tr>\r\n                                                    <th scope=\"row\">Compute</th>\r\n                                                    <td>\r\n                                                        <div class=\"progress table-progress\">\r\n                                                            <div class=\"progress-bar\" role=\"progressbar\" style={{ width: \"60%\", background: '#d36a67' }} aria-valuenow=\"15\" aria-valuemin=\"0\" aria-valuemax=\"100\">60</div>\r\n                                                        </div>\r\n                                                    </td>\r\n                                                    <td>10</td>\r\n                                                </tr>\r\n                                            </tbody>\r\n                                        </table>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"nx-case-details mt-4 mb-5\">\r\n                    <h5> Case Details </h5>\r\n                    <div className=\"card\">\r\n                        <div className=\"card-body\">\r\n                            <div class=\"table-wrapper-scroll-y table-responsive my-custom-scrollbar\">\r\n                                <table class=\"table table-bordered mb-0\">\r\n                                    <thead>\r\n                                        <tr>\r\n                                            <th scope=\"col\">Subject</th>\r\n                                            <th scope=\"col\">Created</th>\r\n                                            <th scope=\"col\">Priority <span className=\"text-end\"></span></th>\r\n                                            <th scope=\"col\">Support Type</th>\r\n                                            <th scope=\"col\">Assignee</th>\r\n                                            <th scope=\"col\">Status</th>\r\n                                        </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n\r\n                                    </tbody>\r\n                                </table>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n","import React from 'react';\r\nimport {Line} from 'react-chartjs-2';\r\n\r\n\r\nexport default function NxLineCharts() {\r\n    \r\n    return (\r\n        <div>\r\n            <Line \r\n                data={{\r\n                    labels: ['gray','Blue','orange'],\r\n                    datasets: [\r\n                      {\r\n                        data: [12, 19, 3],\r\n                        backgroundColor: [\r\n                          'gray',\r\n                          'blue',\r\n                          '#fd7e14',\r\n                        ],\r\n                      },\r\n                    ],\r\n                  }}\r\n                  height={400}\r\n                  width={500}\r\n            />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faExclamationCircle, faExclamationTriangle } from '@fortawesome/free-solid-svg-icons';\r\nimport NxDoughnutCharts from '../../../components/nxCharts/nxDoughnutCharts';\r\nimport NxLineCharts from '../../../components/nxCharts/nxLineCharts';\r\nimport { NxLoader } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\nexport default function MonitoringTab() {\r\n\r\n    const [customers, setCustomers] = useState([]);\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const getData = async (tenetcode) => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'TenantPlatform/Entity/GetEntities',\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            setLoading(false);\r\n            let getCustomerDetails = result.result.data;\r\n            if (getCustomerDetails === null || !getCustomerDetails.length) {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n            else {\r\n                setLoading(false);\r\n                setCustomers(getCustomerDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            setLoading(false);\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        getData();\r\n    }, [])\r\n\r\n    return (\r\n        <>\r\n            <NxLoader state={loading} />\r\n            <div className=\"container1\">\r\n\r\n                <div className=\"row\">\r\n                    <div className=\"col-12 col-sm-6 col-md-4 col-lg-4 col-xl-2\">\r\n                        <label>Customers</label>\r\n                        <select className=\"form-select-sm form-select mt-1\">\r\n                            {customers.map((data, index) => {\r\n                                return <option key={index} value={data.entityCode}> {data.entityName} </option>\r\n                            })}\r\n                        </select>\r\n                    </div>\r\n                </div>\r\n\r\n                <div className=\"counters mt-4\">\r\n                    <div className=\"row nx-monitoring-counts nx-monitoring\">\r\n                        <div className=\"col-12 col-sm-6 col-md-3 col-lg-3 counts count-one mt-2\">\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                    <label className=\"badge-title\">Deployed Resources</label>\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 mt-2\">\r\n                                            <h6>25</h6>\r\n                                            <p className=\"badge-one\">24 running</p>\r\n                                        </div>\r\n\r\n                                        {/* <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 mt-2\">\r\n                                        <h6>222</h6>\r\n                                        <label className='badge-two'>API Gateway</label>\r\n                                    </div> */}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-6 col-md-3 col-lg-3 counts count-one count-two mt-2\">\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                    <label className=\"badge-title\">Deployed Services</label>\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 mt-2\">\r\n                                            <h6>45</h6>\r\n                                            <p className=\"badge-one\">2-issues</p>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-6 col-md-3 col-lg-3 counts  count-three mt-2\">\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                    <label className=\"badge-title\">API Gateway</label>\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 mt-4\">\r\n                                            <h6>60%</h6>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-6 col-md-3 col-lg-3 counts count-four mt-2\">\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                    <label className=\"badge-title\">Agent Health</label>\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 mt-4\">\r\n                                            <h6>60%</h6>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"row mt-3 nx-monitoring-chart nx-monitoring\">\r\n                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 mt-2\">\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                    <label className=\"badge-title\" style={{ textAlign: 'left' }}>Network Performance</label>\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                            <div className=\"mt-4\">\r\n                                                <FontAwesomeIcon icon={faExclamationTriangle} color=\"#e0742a\" size=\"2x\" />\r\n                                                <p>Network Monitoring Requires Attention</p>\r\n\r\n                                                <p> 3 <FontAwesomeIcon icon={faExclamationCircle} color=\"#b8491f\" size=\"sm\" /><br />\r\n                                                    of 14 Service Connectivity Tests Unhealthy</p>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 text-center\">\r\n                                            <NxDoughnutCharts />\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"mt-4 mb-5\">\r\n                                        <div class=\"table-wrapper-scroll-y table-responsive my-custom-scrollbar\">\r\n                                            <table class=\"table table-bordered mb-0\">\r\n                                                <thead>\r\n                                                    <tr>\r\n                                                        <th scope=\"col\">Resource</th>\r\n                                                        <th scope=\"col\">Status</th>\r\n                                                        <th scope=\"col\">Efficiency</th>\r\n                                                    </tr>\r\n                                                </thead>\r\n                                                <tbody>\r\n                                                    <tr>\r\n                                                        <th scope=\"row\">Assesment</th>\r\n                                                        <td>Completed <span className=\"dot\"> </span>\r\n                                                        </td>\r\n                                                        <td>100%</td>\r\n                                                    </tr>\r\n                                                    <tr>\r\n                                                        <th scope=\"row\">Assesment</th>\r\n                                                        <td>Completed <span className=\"dot1\"> </span></td>\r\n                                                        <td>100%</td>\r\n                                                    </tr>\r\n                                                </tbody>\r\n                                            </table>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 mb-5 mt-2\">\r\n                            <div className=\"card\">\r\n                                <div className=\"card-body\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 mt-4 text-center nx-monitor-chart\">\r\n                                            <NxLineCharts />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 mt-4 text-left nx-monitor-agent\">\r\n                                            <div>\r\n                                                <h6>Agent Health</h6>\r\n                                                <label>38</label>\r\n                                            </div>\r\n                                            <div>\r\n                                                <h6>Total count of agents</h6>\r\n                                                <label>0</label>\r\n                                            </div>\r\n                                            <div>\r\n                                                <h6>Count of unresponsive agents in last 24 hours</h6>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 mt-4 text-center\">\r\n                                            <NxLineCharts />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 mt-4 text-center\">\r\n                                            <NxDoughnutCharts />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </>\r\n    )\r\n}\r\n","import React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxCard } from '@afiplfeed/itr-app';\r\n// icons\r\nimport enquiry from '../../../assets/Enquiry.svg';\r\nimport customer from '../../../assets/Customer.svg';\r\n\r\n\r\nexport default function CustomerTab() {\r\n\r\n    let history = useHistory();\r\n\r\n    return (\r\n        <div className=\"conatiner\">\r\n            <NxCard className=\"card-tab\" datas={[\r\n                {\r\n                    data: [\r\n                        {\r\n                            image: enquiry, heding: 'Enquiry', info: 'Monitor your apps and infrastructure', onClick: () => {\r\n                                sessionStorage.setItem('ike', '1');\r\n                                history.push('/enquiry')\r\n                            }\r\n                        },\r\n                        {\r\n                            image: customer, heding: 'Customer', info: 'Monitor your apps and infrastructure', onClick: () => {\r\n                                sessionStorage.setItem('ike', '1');\r\n                                history.push('/customer')\r\n                            }\r\n                        },\r\n                        {\r\n                            image: customer, heding: 'On-Boarding', info: 'Monitor your apps and infrastructure', onClick: () => {\r\n                                sessionStorage.setItem('ike', '1');\r\n                                history.push('/onboarding')\r\n                            }\r\n                        },\r\n                    ]\r\n                },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxCard,NxFooter } from '@afiplfeed/itr-app';\r\n// icons\r\nimport enquiry from '../../../assets/Enquiry.svg';\r\nimport customer from '../../../assets/Customer.svg';\r\n\r\n\r\nexport default function AppStoreTab() {\r\n\r\n    let history = useHistory();\r\n\r\n    return (\r\n        <div className=\"conatiner\">\r\n            <NxCard className=\"card-tab\" datas={[\r\n                {\r\n                    data: [\r\n                        {\r\n                            image: enquiry, heding: 'Enrollment', info: 'Monitor your apps and infrastructure', onClick: () => {\r\n                                sessionStorage.setItem('ike', '2');\r\n                                history.push('/enrollment')\r\n                            }\r\n                        },\r\n                        {\r\n                            image: customer, heding: 'Carousel', info: 'Monitor your apps and infrastructure', onClick: () => {\r\n                                sessionStorage.setItem('ike', '2');\r\n                                history.push('/carousel')\r\n                            }\r\n                        },\r\n                        {\r\n                            image: customer, heding: 'Subscription', info: 'Monitor your apps and infrastructure', onClick: () => {\r\n                                sessionStorage.setItem('ike', '2');\r\n                                history.push('/subscription')\r\n                            }\r\n                        },\r\n                    ]\r\n                },\r\n            ]} />\r\n\r\n            \r\n        </div>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport './dashboard.css';\r\nimport PartnerBoard from '../../partnerBoard/partnerBoard/partnerBoard';\r\nimport Operations from '../../partnerBoard/operations/operations';\r\nimport { NxCustomTab, NxLoader, NxFooter } from '@afiplfeed/itr-app';\r\nimport { Redirect, useHistory } from 'react-router-dom';\r\nimport Headers from '../../Screens/Headers/Headers';\r\nimport Footers from '../../Screens/Footers/Footers';\r\nimport ConfigurationTab from '../NewTabs/ConfigurationTab/ConfigurationTab';\r\nimport AppEnrollmentTab from '../NewTabs/appEnrollmentTab/appEnrollmentTab';\r\nimport SubscriptionTab from '../NewTabs/subscriptionTab/subscriptionTab';\r\nimport BillingTab from '../NewTabs/billingTab/billingTab';\r\nimport SupportTab from '../NewTabs/supportTab/supportTab';\r\nimport MonitoringTab from '../NewTabs/monitoringTab/monitoringTab';\r\nimport { ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport CustomerTab from '../NewTabs/customerTab/customerTab';\r\nimport AppStoreTab from '../NewTabs/AppSotreTab/AppSotreTab';\r\n\r\n\r\nexport default function Dashboard() {\r\n\r\n    let getAuth = sessionStorage.getItem('userInfo');\r\n    const checkValidUser = () => {\r\n        if (!getAuth) {\r\n            <Redirect to=\"/\" />\r\n        }\r\n    }\r\n\r\n\r\n    useEffect(() => {\r\n        checkValidUser();\r\n        sessionStorage.removeItem('ike');\r\n    }, []);\r\n\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const [ikey, setIkey] = useState('0')\r\n\r\n    return (\r\n        <div className=\"dashboard\">\r\n            <NxLoader loader={loading} />\r\n            <Headers isCustomer={true} onClickChange={(data) => {\r\n                sessionStorage.setItem('ike', data)\r\n                window.location.reload();\r\n                setIkey(data)\r\n            }} />\r\n            <NxCustomTab initialKey={sessionStorage.getItem('ike') || '0'} data={[\r\n                {\r\n                    name: 'Dashboard',\r\n                    Components: () => <PartnerBoard />\r\n                },\r\n                {\r\n                    name: 'Customer',\r\n                    Components: () => <CustomerTab />\r\n                },\r\n                {\r\n                    name: 'App Store',\r\n                    // Components: () => <AppEnrollmentTab/>\r\n                    Components: () => <AppStoreTab />\r\n                },\r\n                // {\r\n                //     name:'Subscription',\r\n                //     Components: () => <SubscriptionTab/>\r\n                // },\r\n                {\r\n                    name: 'Billing',\r\n                    Components: () => <BillingTab />\r\n                },\r\n                {\r\n                    name: 'Support',\r\n                    Components: () => <SupportTab />\r\n                },\r\n                {\r\n                    name: 'Performance',\r\n                    Components: () => <MonitoringTab />\r\n                },\r\n                // {\r\n                //     name:'Configuration',\r\n                //     Components: () => <ConfigurationTab/>\r\n                // },\r\n            ]} />\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n\r\n\r\n\r\n\r\n\r\n{/* <NxHeader \r\n            DrawerIcon={ () => <img src={pinwheelLogo} width=\"22\" onClick={showDrawer} /> } \r\n            PortalHerderTitle={ () => <label style={{paddingLeft:'20px',fontSize:'15px',color:'white',fontWeight:'600'}}>\r\n                2022 Ithred Solutions\r\n            </label> }\r\n            rightElements = {[\r\n                {\r\n                    elements: () => {\r\n                        return <div>\r\n                            <FontAwesomeIcon icon={faBell} color=\"white\" size=\"md\" />\r\n                        </div> \r\n                    },\r\n                },\r\n                {\r\n                    elements: () => {\r\n                        return <Dropdown overlay={menu} trigger={['click']}>\r\n                        <div>\r\n                            <span style={{color:'white',fontSize:'15px',paddingRight:'10px'}}>{userInfo.userName}</span>\r\n                            <FontAwesomeIcon icon={faUserCircle} color=\"white\" size=\"md\" />\r\n                        </div>\r\n                      </Dropdown>\r\n                        // return <div style={{display:'flex',alignItems:'center'}} onClick={handleClick}>\r\n                        //     <span style={{color:'white',fontSize:'15px',paddingRight:'10px'}}>developer@gmail.com</span>\r\n                        //     <FontAwesomeIcon icon={faUserCircle} color=\"white\" size=\"md\" />\r\n                        // </div> \r\n                    }\r\n                }\r\n            ]}\r\n/> */}\r\n","export const emailValid = async (email = '') => {\r\n    if (/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(email)) {\r\n        return true;\r\n    }\r\n    return false;\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport './style.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { NxBreadcrumb, NxTitleTab, NxCustomTab, NxLoader, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport { message } from 'antd';\r\nimport { NotificationManager } from \"react-notifications\";\r\nimport { emailValid } from '../../config/Validation';\r\n\r\nexport default function UserEntry() {\r\n\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons mb-5\">\r\n            <button className=\"btn btn-primary rounded-pill buttons\" onClick={() => {\r\n                if (enquiry.email == '' || vald1.email == false || enquiry.companyName == '' || enquiry.companyName == false || !enquiry.phone || enquiry.phone == '' || !enquiry.fullName || enquiry.fullName == '') {\r\n                    let obj = {\r\n                        email: true,\r\n                        companyName: true,\r\n                        phone: true,\r\n                        fullName: true\r\n                    }\r\n                    if (enquiry.email == '' || vald1.email == false) {\r\n                        obj = { ...obj, email: false };\r\n                    }\r\n                    if (enquiry.companyName == '' || enquiry.companyName == false) {\r\n                        obj = { ...obj, companyName: false };\r\n                    }\r\n                    if (!enquiry.phone || enquiry.phone == '') {\r\n                        obj = { ...obj, phone: false };\r\n                    }\r\n                    if (!enquiry.fullName || enquiry.fullName == '') {\r\n                        obj = { ...obj, fullName: false }\r\n                    }\r\n                    setVald(obj);\r\n                } else {\r\n                    setVald({ email: true, companyName: true });\r\n                    setLoading(true);\r\n                    ItrApiService.POST({\r\n                        url: 'RevOps/Enquiry/SaveEnquiry',\r\n                        data: enquiry\r\n                    }).then((res) => {\r\n                        if (res.Success == true) {\r\n                            if (res.result.isSuccess == true) {\r\n                                message.success('Successfully Created')\r\n                                history.push('/customers')\r\n                            }\r\n                        }\r\n                        setLoading(false)\r\n                    })\r\n                }\r\n            }}> Save</button>\r\n            <button className=\"btn close btn-outline-primary rounded-pill\" onClick={() => history.goBack()}> Close</button>\r\n        </div>\r\n    }\r\n\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    // cities\r\n    const [allCities, setAllCities] = useState([]);\r\n    const getCities = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/City/GetAllCities'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            setAllCities(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n    // states\r\n    const [allStates, setAllStates] = useState([]);\r\n    const getStates = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/State/GetAllStates'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            setAllStates(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n    // country\r\n    const [allCountries, setAllCountries] = useState([]);\r\n    const getCountry = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/Country/GetAllCountries'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            setAllCountries(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n    // pincode\r\n    const [allPinCode, setAllPinCode] = useState([]);\r\n    const getZipCodes = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/ZipCode/GetAllZipCodes'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            setAllPinCode(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n    // AllUDo`s\r\n    let UdoData = [\"Enquiry Status\", \"Nature Of Business\", \"Industry\", \"Ownership\", \"Source\"];\r\n    const [allUdo, setAllUdo] = useState([]);\r\n    const getUdo = async () => {\r\n        let result = await ItrApiService.POST({\r\n            url: 'Platform/UserDefined/AllUDOs',\r\n            data: UdoData\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            let getOptions = getCustomerDetails[1].Options;\r\n            setAllUdo(getOptions);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    // Partners\r\n    const [allPartners, setAllPartners] = useState([]);\r\n    const getPartners = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/PartnerInformation'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getPartnerDetails = result.result.data;\r\n            setAllPartners(getPartnerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n        }\r\n    }\r\n\r\n    const initiate = async () => {\r\n        setLoading(true);\r\n        await getUdo();\r\n        await getPartners();\r\n        // await getCities();\r\n        // await getCountry();\r\n        // await getZipCodes();\r\n        // await getStates();\r\n        setLoading(false);\r\n    }\r\n\r\n\r\n    useEffect(() => {\r\n        initiate()\r\n    }, []);\r\n\r\n\r\n    const [enquiry, setEnquiry] = useState({\r\n        enquiryID: 0,\r\n        enquiryCode: \"\",\r\n        fullName: \"\",\r\n        companyName: \"\",\r\n        email: \"\",\r\n        phone: \"\",\r\n        sourcedBy: \"\",\r\n        timeToBuy: \"\",\r\n        role: \"\",\r\n        status: 0,\r\n        partnerID: 0,\r\n        feedback: \"\",\r\n        isMovedToOnboarding: false,\r\n        isActive: true,\r\n        statusName: \"\",\r\n        partnerName: \"\"\r\n    });\r\n\r\n\r\n\r\n    const [vald1, setVald] = useState({\r\n        email: true,\r\n        companyName: true,\r\n        phone: true,\r\n        fullName: true\r\n    })\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n    let history = useHistory();\r\n    const [handel, setHandel] = useState(false);\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            {/* <NxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                },\r\n                {\r\n                    name: 'Enquiry List',\r\n                    onClick: () => {\r\n                        history.push('/enquiry');\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            <NxTitleTab className=\"title-tab\" title='Add Enquiry' onCloseClick={() => {\r\n                history.goBack();\r\n            }} />\r\n            <NxCustomTab\r\n                data={[\r\n                    {\r\n                        name: \"Basic Information\",\r\n                        Components: () => {\r\n                            return (\r\n                                <div className=\"container-form\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Full Name</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={enquiry.fullName}\r\n                                                        onChange={(e) => setEnquiry({ ...enquiry, fullName: e.target.value })} />\r\n                                                    <div class={vald1.fullName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                        Please Enter Full Name.\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"lastName\">Company Name</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"lastName\" type=\"text\" value={enquiry.companyName}\r\n                                                        onChange={(e) => setEnquiry({ ...enquiry, companyName: e.target.value })} />\r\n                                                    <div class={vald1.companyName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                        Please Enter Company Name.\r\n                                                    </div>\r\n\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"Email\">Email</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"Email\" type=\"text\" value={enquiry.email}\r\n                                                        onChange={(e) => {\r\n                                                            setEnquiry({ ...enquiry, email: e.target.value })\r\n                                                            emailValid(e.target.value).then(res => {\r\n                                                                if (!res) {\r\n                                                                    setVald({\r\n                                                                        ...vald1, email: false\r\n                                                                    })\r\n                                                                } else {\r\n                                                                    setVald({\r\n                                                                        ...vald1, email: true\r\n                                                                    })\r\n                                                                }\r\n                                                            });\r\n                                                        }} />\r\n                                                    <div class={vald1.email == false ? \"invalid-data\" : 'd-none'}>\r\n                                                        Enter the correct Email Formate.\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"Phone\">Phone</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"Phone\" type=\"text\" value={enquiry.phone}\r\n                                                        minLength=\"10\" maxLength=\"15\"\r\n                                                        onChange={(e) => { setEnquiry({ ...enquiry, phone: e.target.value }); }} />\r\n                                                    <div class={vald1.phone == false ? \"invalid-data\" : 'd-none'}>\r\n                                                        Please Enter Phone Name.\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"aboutus\">Where did you hear about us?</label>\r\n                                                    <select class=\"form-select form-select-sm\" id=\"aboutus\">\r\n                                                        <option value=\"\" selected hidden></option>\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        <option value=\"Google\" >Google</option>\r\n                                                        <option value=\"Events\" >Events</option>\r\n                                                        <option value=\"Conferance\" >Conferance</option>\r\n                                                        <option value=\"Blog\" >Blog</option>\r\n                                                        <option value=\"Referance\" >Referance</option>\r\n                                                    </select>\r\n                                                </div> */}\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"role\">Role</label>\r\n                                                    <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" id=\"role\" value={enquiry.role}\r\n                                                        onChange={(e) => setEnquiry({ ...enquiry, role: e.target.value })}>\r\n                                                        <option value=\"\" selected hidden></option>\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        <option value=\"Consultant\" >Consultant</option>\r\n                                                        <option value=\"Influencer\" >Influencer</option>\r\n                                                        <option value=\"Decision maker\" >Decision maker</option>\r\n                                                        <option value=\"Approver\" >Approver</option>\r\n                                                        <option value=\"Sponser\" >Sponser</option>\r\n                                                    </select>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"timeToBuy\">Time to Buy</label>\r\n                                                    <select class=\"form-select form-select-sm\" id=\"timeToBuy\" value={enquiry.timeToBuy}\r\n                                                        onChange={(e) => setEnquiry({ ...enquiry, timeToBuy: e.target.value })}>\r\n                                                        <option value=\"\" selected hidden></option>\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        <option value=\"Immediately\" >Immediately</option>\r\n                                                        <option value=\"Within 30 days\" >Within 30 days</option>\r\n                                                        <option value=\"Within 60 days\" >Within 60 days</option>\r\n                                                        <option value=\"Within 90 days\" >Within 90 days</option>\r\n                                                        <option value=\"Just enquiring\" >Just Enquiring</option>\r\n                                                    </select>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Source</label>\r\n                                                    <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={enquiry.sourcedBy}\r\n                                                        onChange={(e) => setEnquiry({ ...enquiry, sourcedBy: e.target.value })}>\r\n                                                        <option value=\"\" selected hidden></option>\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        <option value=\"Advertisement\" >Advertisement</option>\r\n                                                        <option value=\"Cold Call\" >Cold Call</option>\r\n                                                        <option value=\"Employee Referal\" >Employee Referal</option>\r\n                                                        <option value=\"External Referal\" >External Referal</option>\r\n                                                        <option value=\"Online\" >Online</option>\r\n                                                        <option value=\"Partner\" >Partner</option>\r\n                                                        <option value=\"Public Relations\" >Public Relations</option>\r\n                                                        <option value=\"Sales Mail\" >Sales Mail</option>\r\n                                                        <option value=\"Seminar Partner\" >Seminar Partner</option>\r\n                                                        <option value=\"Seminar Internal\" >Seminar Internal</option>\r\n                                                        <option value=\"Trade Show\" >Trade Show</option>\r\n                                                        <option value=\"Database\" >Database</option>\r\n                                                    </select>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Status</label>\r\n                                                    <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={enquiry.status}\r\n                                                        onChange={(e) => setEnquiry({ ...enquiry, status: e.target.value })}>\r\n                                                        <option value=\"\" selected hidden></option>\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        {allUdo && allUdo.map((data, index) => {\r\n                                                            return <option key={index} hidden={data.UDOptionName == 'Acquired'} value={data.UDOptionID}> {data.UDOptionName} </option>\r\n                                                        })}\r\n                                                    </select>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\" hidden={enquiry?.sourcedBy == 'Partner' ? false : true}>\r\n                                                    <label htmlFor=\"partner\">Partner</label>\r\n                                                    <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={enquiry.partnerID}\r\n                                                        onChange={(e) => setEnquiry({ ...enquiry, partnerID: e.target.value })}>\r\n                                                        <option value=\"\" selected hidden></option>\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        {allPartners && allPartners.map((data, index) => {\r\n                                                            return <option key={index} value={data.partnerInformationID}> {data.partnerName} </option>\r\n                                                        })}\r\n                                                    </select>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label htmlFor=\"feedback\">Feedback</label>\r\n                                                    <textarea className=\"form-control form-control-sm\" id=\"feedback\" value={enquiry.feedback}\r\n                                                        onChange={(e) => setEnquiry({ ...enquiry, feedback: e.target.value })} />\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <hr />\r\n\r\n                                    <Buttons />\r\n                                </div>\r\n                            )\r\n                        }\r\n                    }\r\n                    //                     {\r\n                    //                         name: \"Organization\",\r\n                    //                         Components: () => <div className=\"container-form\">\r\n                    //                         <div className=\"row\">\r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"Account-Name\">Account Name</label>\r\n                    //                                 <input className=\"form-control mt-1\" id=\"Account-Name\" type=\"text\" />\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"firstName\">Ownership</label>\r\n                    //                                 <select class=\"form-select mt-1\" aria-label=\"Default select example\" placeholder=\"\">\r\n                    //                                     <option value=\"\" selected hidden></option>\r\n                    //                                     <option value=\"\" >--Please-select--</option>\r\n                    //                                 </select>\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"Address-Line-1\">Address Line 1</label>\r\n                    //                                 <input className=\"form-control mt-1\" id=\"Address-Line-1\" type=\"text\" />\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"firstName\">Parent Account</label>\r\n                    //                                 <select class=\"form-select mt-1\" aria-label=\"Default select example\" placeholder=\"\">\r\n                    //                                     <option value=\"\" selected hidden></option>\r\n                    //                                     <option value=\"\" >--Please-select--</option>\r\n                    //                                 </select>\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"firstName\">Industry</label>\r\n                    //                                 <select class=\"form-select mt-1\" aria-label=\"Default select example\" placeholder=\"\">\r\n                    //                                     <option value=\"\" selected hidden></option>\r\n                    //                                     <option value=\"\" >--Please-select--</option>\r\n                    //                                 </select>\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"Address-Line-2\">Address Line 2</label>\r\n                    //                                 <input className=\"form-control mt-1\" id=\"Address-Line-2\" type=\"text\" />\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"firstName\">Source</label>\r\n                    //                                 <select class=\"form-select mt-1\" aria-label=\"Default select example\" placeholder=\"\">\r\n                    //                                     <option value=\"\" selected hidden></option>\r\n                    //                                     <option disabled>--Please-select--</option>\r\n                    //                                     <option value=\"Advertisement\" >Advertisement</option>\r\n                    //                                     <option value=\"Cold Call\" >Cold Call</option>\r\n                    //                                     <option value=\"Employee Referal\" >Employee Referal</option>\r\n                    //                                     <option value=\"External Referal\" >External Referal</option>\r\n                    //                                     <option value=\"Online\" >Online</option>\r\n                    //                                     <option value=\"Partner\" >Partner</option>\r\n                    //                                     <option value=\"Public Relations\" >Public Relations</option>\r\n                    //                                     <option value=\"Sales Mail\" >Sales Mail</option>\r\n                    //                                     <option value=\"Seminar Partner\" >Seminar Partner</option>\r\n                    //                                     <option value=\"Seminar Internal\" >Seminar Internal</option>\r\n                    //                                     <option value=\"Trade Show\" >Trade Show</option>\r\n                    //                                     <option value=\"Database\" >Database</option>\r\n                    // \r\n                    //                                 </select>\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"firstName\">Nature Of Business</label>\r\n                    //                                 <select class=\"form-select mt-1\" aria-label=\"Default select example\" placeholder=\"\">\r\n                    //                                     <option value=\"\" selected hidden></option>\r\n                    //                                     <option disabled>--Please-select--</option>\r\n                    //                                     <option value=\"Business 01\" >Business 01</option>\r\n                    //                                     <option value=\"Business 02\" >Business 02</option>\r\n                    //                                 </select>\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <div className=\"row\">\r\n                    //                                     <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                    //                                         <label htmlFor=\"firstName\">City</label>\r\n                    //                                         <select class=\"form-select mt-1\" aria-label=\"Default select example\" placeholder=\"\">\r\n                    //                                             <option value=\"\" selected hidden></option>\r\n                    //                                             <option value=\"\" >--Please-select--</option>\r\n                    //                                             {allCities && allCities.map((data,index) => {\r\n                    //                                                 return <option key={index} value={data.cityName}> {data.cityName} </option> \r\n                    //                                             })}\r\n                    //                                         </select>\r\n                    //                                     </div>\r\n                    // \r\n                    //                                     <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                    //                                         <label htmlFor=\"firstName\">State</label>\r\n                    //                                         <select class=\"form-select mt-1\" aria-label=\"Default select example\" placeholder=\"\">\r\n                    //                                             <option value=\"\" selected hidden></option>\r\n                    //                                             <option value=\"\" >--Please-select--</option>\r\n                    //                                             {allStates && allStates.map((data,index) => {\r\n                    //                                                 return <option key={index} value={data.stateName}> {data.stateName} </option> \r\n                    //                                             })}\r\n                    //                                         </select>\r\n                    //                                     </div>\r\n                    //                                 </div>\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"firstName\">No Of Employees</label>\r\n                    //                                 <input className=\"form-control mt-1\" id=\"firstName\" type=\"text\" />\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"firstName\">Annual Revenue</label>\r\n                    //                                 <input className=\"form-control mt-1\" id=\"firstName\" type=\"text\" />\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <div className=\"row\">\r\n                    //                                     <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                    //                                         <label htmlFor=\"firstName\">Country</label>\r\n                    //                                         <select class=\"form-select mt-1\" aria-label=\"Default select example\">\r\n                    //                                             <option value=\"\" selected hidden></option>\r\n                    //                                             <option value=\"\" >--Please-select--</option>\r\n                    //                                             {allCountries && allCountries.map((data,index) => {\r\n                    //                                                 return <option key={index} value={data.countryName}> {data.countryName} </option> \r\n                    //                                             })}\r\n                    //                                         </select>\r\n                    //                                     </div>\r\n                    // \r\n                    //                                     <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                    //                                         <label htmlFor=\"firstName\">Pin Code</label>\r\n                    //                                         <select class=\"form-select mt-1\" aria-label=\"Default select example\">\r\n                    //                                             <option value=\"\" selected hidden></option>\r\n                    //                                             <option value=\"\" >--Please-select--</option>\r\n                    //                                             {allPinCode && allPinCode.map((data,index) => {\r\n                    //                                                 return <option key={index} value={data.zipcode}> {data.zipcode} </option> \r\n                    //                                             })}\r\n                    //                                         </select>\r\n                    //                                     </div>\r\n                    //                                 </div>\r\n                    //                             </div>\r\n                    //                         </div>\r\n                    // \r\n                    //                         <div className=\"row mt-2 d-flex align-items-start\">\r\n                    //                                 <div className=\"col-12 col-sm-3 col-md-3 col-xl-4 col-lg-4\">\r\n                    //                                     <label htmlFor=\"firstName\">Description</label>\r\n                    //                                     <textarea className=\"form-control mt-1\" id=\"firstName\" />\r\n                    //                                 </div>\r\n                    // \r\n                    //                                 <div className=\"col-12 col-sm-3 col-md-3 col-xl-4 col-lg-4\">\r\n                    //                                     <label htmlFor=\"firstName\">Website</label>\r\n                    //                                     <input type=\"text\" className=\"form-control mt-1\" id=\"firstName\" />\r\n                    //                                 </div>\r\n                    // \r\n                    //                                 <div className=\"col-12 col-sm-3 col-md-3 col-xl-4 col-lg-4\">\r\n                    //                                     \r\n                    //                                 </div>\r\n                    // \r\n                    //                                 <div className=\"col-12 col-sm-3 col-md-3 col-xl-4 col-lg-4\">\r\n                    //                                     \r\n                    //                                 </div>\r\n                    //                             </div>\r\n                    //                         <hr/>\r\n                    // \r\n                    //                         <Buttons/>\r\n                    //                     </div>\r\n                    //                     },\r\n                    //                     {\r\n                    //                         name: \"Contacts\",\r\n                    //                         Components: () => <div className=\"container-form enquiry-contacts\">\r\n                    //                             <div className=\"mt-4\">\r\n                    //                                 <label className=\"contacts1 contacts\">Administrative Contact</label>\r\n                    //                         <div className=\"row pt-2\">\r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"firstName\">First Name</label>\r\n                    //                                 <input className=\"form-control mt-1\" id=\"firstName\" type=\"text\" />\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"firstName\">Designation</label>\r\n                    //                                 <input className=\"form-control mt-1\" id=\"firstName\" type=\"text\" />\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <div className=\"row\">\r\n                    //                                     <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                    //                                         <label htmlFor=\"firstName\">Phone</label>\r\n                    //                                         <input className=\"form-control mt-1\" id=\"firstName\" type=\"text\" />\r\n                    //                                     </div>\r\n                    // \r\n                    //                                     <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                    //                                         <label htmlFor=\"firstName\">Mobile</label>\r\n                    //                                         <input className=\"form-control mt-1\" id=\"firstName\" type=\"text\" />\r\n                    //                                     </div>\r\n                    //                                 </div>\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"firstName\">Last Name</label>\r\n                    //                                 <select class=\"form-select mt-1\" aria-label=\"Default select example\" placeholder=\"\">\r\n                    //                                     <option value=\"\" selected hidden></option>\r\n                    //                                     <option value=\"\" >--Please-select--</option>\r\n                    //                                 </select>\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"firstName\">Department</label>\r\n                    //                                 <input className=\"form-control mt-1\" id=\"firstName\" type=\"text\" />\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"firstName\">Email</label>\r\n                    //                                 <input className=\"form-control mt-1\" id=\"firstName\" type=\"text\" />\r\n                    //                             </div>\r\n                    //                         </div>\r\n                    //                         </div>\r\n                    // \r\n                    //                             <div className=\"mt-4\">\r\n                    //                                 <label className=\"contacts2 contacts\">Technical Contact</label>\r\n                    //                         <div className=\"row pt-2\">\r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"firstName\">First Name</label>\r\n                    //                                 <input className=\"form-control mt-1\" id=\"firstName\" type=\"text\" />\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"firstName\">Designation</label>\r\n                    //                                 <input className=\"form-control mt-1\" id=\"firstName\" type=\"text\" />\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <div className=\"row\">\r\n                    //                                     <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                    //                                         <label htmlFor=\"firstName\">Phone</label>\r\n                    //                                         <input className=\"form-control mt-1\" id=\"firstName\" type=\"text\" />\r\n                    //                                     </div>\r\n                    // \r\n                    //                                     <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                    //                                         <label htmlFor=\"firstName\">Mobile</label>\r\n                    //                                         <input className=\"form-control mt-1\" id=\"firstName\" type=\"text\" />\r\n                    //                                     </div>\r\n                    //                                 </div>\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"firstName\">Last Name</label>\r\n                    //                                 <select class=\"form-select mt-1\" aria-label=\"Default select example\" placeholder=\"\">\r\n                    //                                     <option value=\"\" selected hidden></option>\r\n                    //                                     <option value=\"\" >--Please-select--</option>\r\n                    //                                 </select>\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"firstName\">Department</label>\r\n                    //                                 <input className=\"form-control mt-1\" id=\"firstName\" type=\"text\" />\r\n                    //                             </div>\r\n                    // \r\n                    //                             <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                    //                                 <label htmlFor=\"firstName\">Email</label>\r\n                    //                                 <input className=\"form-control mt-1\" id=\"firstName\" type=\"text\" />\r\n                    //                             </div>\r\n                    //                         </div>\r\n                    //                         </div>\r\n                    // \r\n                    //                         <hr/>\r\n                    //                         {/* buttons */}\r\n                    //                         <Buttons/>\r\n                    //                     </div>\r\n                    //                     }\r\n                ]}\r\n            />\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport './customerBoardCounts.css';\r\nimport { Progress, DatePicker, Tag } from 'antd';\r\nimport Headers from '../../../../Screens/Headers/Headers';\r\nimport { NxFooter } from '@afiplfeed/itr-app';\r\nimport { BiExpandAlt } from \"react-icons/bi\";\r\nimport { AiFillDatabase } from \"react-icons/ai\";\r\nimport { SiKubernetes } from \"react-icons/si\";\r\nimport { IoIosApps } from \"react-icons/io\";\r\nimport { HiUsers } from \"react-icons/hi\";\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport moment from 'moment';\r\nimport { useHistory } from 'react-router-dom';\r\nimport CustomerSidebar from '../../../../Screens/CustomerSidebar/CustomerSidebar';\r\n\r\nexport default function CustomerBoardCounts() {\r\n\r\n    const { RangePicker } = DatePicker;\r\n    let history = useHistory();\r\n\r\n    const [keyPeriods, setKeyPeriods] = useState();\r\n\r\n    const [indicatorsData, setIndicatorsData] = useState({\r\n        enquiry: '',\r\n        customers: '',\r\n        onBoard: '',\r\n        conversion: '',\r\n        churnRatio: ''\r\n    });\r\n\r\n\r\n    const [acquistion, setAcquistion] = useState({\r\n        newEnquiry: '',\r\n        newCustomers: '',\r\n        inactiveCustomers: '',\r\n    });\r\n\r\n    var monthFirstDay = moment().startOf('M').format()\r\n\r\n    const [acquistionChart, setAcquistionChart] = useState({\r\n        fromDate: monthFirstDay,\r\n        toDate: moment().format()\r\n    });\r\n\r\n\r\n    const [chartData, setChartData] = useState([]);\r\n\r\n\r\n\r\n    // const getAcquistionData = () => {\r\n    //     ItrApiService.POST({\r\n    //         url: 'RevOps/CustomerDashBoard/GetCustomerDashBoardSpecificPeriod',\r\n    //         data: acquistionChart\r\n    //     }).then(res => {\r\n    //         if (res.Success == true) {\r\n    //             if (res.result.isSuccess == true) {\r\n    //                 setChartData(res.result.data.currentPeriodCount);\r\n    //             }\r\n    //         }\r\n    //     })\r\n    // }\r\n\r\n\r\n    const getIndicators = () => {\r\n        ItrApiService.GET({\r\n            url: 'RevOps/CustomerDashBoard/GetCustomerDashBoard'\r\n        }).then((res) => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data.currentPeriodCount) {\r\n                        setChartData(res.result.data.currentPeriodCount)\r\n                    }\r\n                    let obj = { ...indicatorsData }\r\n                    let obj1 = { ...acquistion }\r\n                    for (let data of res.result.data.customerIndicatorCount) {\r\n                        if (data.categoryName == 'TOTAL ENQUIRY') {\r\n                            obj = { ...obj, enquiry: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'TOTAL CUSTOMERS') {\r\n                            obj = { ...obj, customers: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'AVG. TIME TO ONBOARD') {\r\n                            obj = { ...obj, onBoard: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'E-2-C CONVERSION') {\r\n                            obj = { ...obj, conversion: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'CHURN RATIO') {\r\n                            obj = { ...obj, churnRatio: data.categoryCount }\r\n                        }\r\n                    }\r\n                    for (let data of res.result.data.customerAcquisionCount) {\r\n                        if (data.categoryName == 'New Enquiries') {\r\n                            obj1 = { ...obj1, newEnquiry: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'New Customers') {\r\n                            obj1 = { ...obj1, newCustomers: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'InActive Customers') {\r\n                            obj1 = { ...obj1, inactiveCustomers: data.categoryCount }\r\n                        }\r\n                    }\r\n                    setAcquistion(obj1);\r\n                    setIndicatorsData(obj);\r\n                }\r\n            }\r\n        })\r\n    }\r\n\r\n\r\n    useEffect(() => {\r\n        getIndicators();\r\n        // getAcquistionData();\r\n    }, []);\r\n\r\n\r\n\r\n    return (\r\n        <div className=\"container1\">\r\n            <Headers />\r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true}  />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                <div className='px-3 content-container'>\r\n            <div className='row right-box'>               \r\n                <div className='col-6 col-sm-6 col-md-4 col-lg-3 col-xl-3 mt-2'>\r\n                    <div className='card box-1'>\r\n                        <div className='card-body'>\r\n                            <div className='pt-2'>\r\n                                <div style={{ display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\" }}>\r\n                                    <IoIosApps fontSize=\"50px\" color='white' />\r\n                                </div>\r\n                                <div className='pt-1'>\r\n                                    <h5>Apps Deployed</h5>\r\n                                    <h6 style={{ fontWeight: \"bold\" }}>3 / 5</h6>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className='col-6 col-sm-6 col-md-4 col-lg-3 col-xl-3 mt-2'>\r\n                    <div className='card box-2 h-100'>\r\n                        <div className='card-body h-100'>\r\n                            <div className='pt-2'>\r\n                                <div style={{ display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\" }}>\r\n                                    <HiUsers fontSize=\"50px\" color='white' />\r\n                                </div>\r\n                                <div className='pt-1'>\r\n                                    <h5>5 Users Managed</h5>\r\n                                    <h6 style={{ fontWeight: \"bold\" }}>5 / 5</h6>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className='col-6 col-sm-6 col-md-4 col-lg-3 col-xl-3 mt-2'>\r\n                    <div className='card box-3 h-100'>\r\n                        <div className='card-body h-100'>\r\n                            <div className='pt-2'>\r\n                                <div style={{ display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\" }}>\r\n                                    <SiKubernetes fontSize=\"50px\" color='white' />\r\n                                </div>\r\n                                <div className='pt-1'>\r\n                                    <h5>Pods Provisioned</h5>\r\n                                    <h6 style={{ fontWeight: \"bold\" }}>2 / 5</h6>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className='col-6 col-sm-6 col-md-4 col-lg-3 col-xl-3 mt-2'>\r\n                    <div className='card box-4 h-100'>\r\n                        <div className='card-body h-100'>\r\n                            <div className='pt-2'>\r\n                                <div style={{ display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\" }}>\r\n                                    <AiFillDatabase fontSize=\"50px\" color='white' />\r\n                                </div>\r\n                                <div className='pt-1'>\r\n                                    <h5>MS SQL Database</h5>\r\n                                    <h6 style={{ fontWeight: \"bold\" }}>1 / 5</h6>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* </div>\r\n                </div> */}\r\n            </div>\r\n\r\n            <div className='row mt-4'>\r\n                <div className='col-12 col-sm-6 col-md-5 col-lg-4 col-xl-8 left-chart-box'>\r\n                    <div className='card h-100'>\r\n                        <div className='card-body h-100'>\r\n                            <h4 className='text-dark text-center'>Resource Geo.</h4>\r\n                            <div className='w-100'>\r\n                                <img width=\"100%\" src=\"https://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=1&size=1000x300&maptype=roadmap\r\n&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318\r\n&markers=color:red%7Clabel:C%7C40.718217,-73.998284\r\n&key=AIzaSyChpyA3F7UBA8bqlObUiUD1w7PViOkxFKA\" />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className='col-12 col-sm-6 col-md-7 col-lg-8 col-xl-4 right-table-box'>\r\n                    <div className='card h-100 '>\r\n                        <div className='card-body h-100'>\r\n                            <h4 className='text-dark text-center'>Provider Info.</h4>\r\n                            <div className='pie-chart pt-3'>\r\n                                {/*<Doughnut data={data} options={config} width=\"10px\" />*/}\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <div className='row mt-4'>\r\n                <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 right-table-box'>\r\n                    <div className='card h-100'>\r\n                        <div className='card-body h-100'>\r\n                            <div style={{ display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\" }}>\r\n                                <h4 className='text-dark'>User Status</h4>\r\n                                <BiExpandAlt fontSize={\"20px\"} color=\"black\"\r\n                                    onClick={() => navigate(\"/home/user-access\")}\r\n                                />\r\n                            </div>\r\n                            <hr style={{ color: \"gray\" }} />\r\n                            <div className='table-responsive mt-2 last-file-table'>\r\n                                <table className=\"table table-hover\" id='orderTable'>\r\n                                    <tbody>\r\n                                        <tr style={{ cursor: 'pointer' }} >\r\n                                            <td> Santhosh</td>\r\n                                            <td> Administrator</td>\r\n                                            <td> <Tag color=\"var(--STATUS-GREEN)\">Active</Tag></td>\r\n                                        </tr>\r\n                                        <tr style={{ cursor: 'pointer' }} >\r\n                                            <td>Selva Kumar</td>\r\n                                            <td>App User</td>\r\n                                            <td> <Tag color=\"var(--STATUS-GREEN)\">Active</Tag></td>\r\n                                        </tr>\r\n                                        <tr style={{ cursor: 'pointer' }} >\r\n                                            <td>  David</td>\r\n                                            <td>App User</td>\r\n                                            <td> <Tag color=\"var(--STATUS-GREEN)\">Active</Tag></td>\r\n                                        </tr>\r\n                                        <tr style={{ cursor: 'pointer' }} >\r\n                                            <td> Austin</td>\r\n                                            <td>App User</td>\r\n                                            <td> <Tag color=\"var(--STATUS-BLUE)\">Not Logged</Tag></td>\r\n                                        </tr>\r\n                                        <tr style={{ cursor: 'pointer' }} >\r\n                                            <td> Venkat</td>\r\n                                            <td>App User</td>\r\n                                            <td> <Tag color=\"var(--STATUS-RED)\">Inactive</Tag></td>\r\n                                        </tr>\r\n                                    </tbody>\r\n                                </table>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 right-table-box'>\r\n                    <div className='card h-100'>\r\n                        <div className='card-body h-100'>\r\n                            <div style={{ display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\" }}>\r\n                                <h4 className='text-dark'>Apps Status</h4>\r\n                                <BiExpandAlt fontSize={\"20px\"} color=\"black\"\r\n                                    onClick={() => navigate(\"/home/app-enrollment\")}\r\n                                />\r\n                            </div>\r\n                            <hr style={{ color: \"gray\" }} />\r\n                            <div className='table-responsive mt-2 last-file-table'>\r\n                                <table className=\"table table-hover\" id='orderTable'>\r\n                                    <tbody>\r\n                                        <tr style={{ cursor: 'pointer' }} >\r\n                                            <td>Leave Management</td>\r\n                                            <td>Production</td>\r\n                                            <td> <Tag color=\"var(--STATUS-GREEN)\">Running</Tag></td>\r\n                                        </tr>\r\n                                        <tr style={{ cursor: 'pointer' }} >\r\n                                            <td>Time Sheet</td>\r\n                                            <td>Production</td>\r\n                                            <td> <Tag color=\"var(--STATUS-RED)\">Stopped</Tag></td>\r\n                                        </tr>\r\n                                        <tr style={{ cursor: 'pointer' }} >\r\n                                            <td>Appraisal System  </td>\r\n                                            <td>Production</td>\r\n                                            <td> <Tag color=\"var(--STATUS-AMBER)\">Warning</Tag></td>\r\n                                        </tr>\r\n                                    </tbody>\r\n                                </table>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 right-table-box'>\r\n                    <div className='card h-100'>\r\n                        <div className='card-body h-100'>\r\n                            <div style={{ display: \"flex\", justifyContent: \"space-between\", alignItems: \"center\" }}>\r\n                                <h4 className='text-dark'>Recent Events</h4>\r\n                                <BiExpandAlt fontSize={\"20px\"} color=\"black\" />\r\n                            </div>\r\n                            <hr style={{ color: \"gray\" }} />\r\n                            <div className='table-responsive mt-2 last-file-table'>\r\n                                <table className=\"table table-hover\" id='orderTable'>\r\n                                    <tbody>\r\n                                        <tr style={{ cursor: 'pointer' }} >\r\n                                            <td>\r\n                                                <div style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\" }}>\r\n                                                    <span className='dots'></span>\r\n                                                    <span>Pod created</span>\r\n                                                </div>\r\n                                            </td>\r\n                                            <td> {moment(new Date()).format(\"YYYY-MM-DD HH:mm:ss\")}</td>\r\n                                        </tr>\r\n                                        <tr style={{ cursor: 'pointer' }} >\r\n                                            <td>\r\n                                                <div style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\" }}>\r\n                                                    <span className='dots1'></span>\r\n                                                    <span>Policy violation</span>\r\n                                                </div>\r\n                                            </td>\r\n                                            <td>{moment(new Date()).format(\"YYYY-MM-DD HH:mm:ss\")}</td>\r\n                                        </tr>\r\n                                        <tr style={{ cursor: 'pointer' }} >\r\n                                            <td>\r\n                                                <div style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\" }}>\r\n                                                    <span className='dots2'></span>\r\n                                                    <span>App enrolled</span>\r\n                                                </div>\r\n                                            </td>\r\n                                            <td>{moment(new Date()).format(\"YYYY-MM-DD HH:mm:ss\")}</td>\r\n                                        </tr>\r\n                                        <tr style={{ cursor: 'pointer' }} >\r\n                                            <td>\r\n                                                <div style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\" }}>\r\n                                                    <span className='dots3'></span>\r\n                                                    <span>User added</span>\r\n                                                </div>\r\n                                            </td>\r\n                                            <td>{moment(new Date()).format(\"YYYY-MM-DD HH:mm:ss\")}</td>\r\n                                        </tr>\r\n                                        <tr style={{ cursor: 'pointer' }} >\r\n                                            <td>\r\n                                                <div style={{ display: \"flex\", alignItems: \"center\", gap: \"8px\" }}>\r\n                                                    <span className='dots4'></span>\r\n                                                    <span>Database pending</span>\r\n                                                </div>\r\n                                            </td>\r\n                                            <td>{moment(new Date()).format(\"YYYY-MM-DD HH:mm:ss\")}</td>\r\n                                        </tr>\r\n                                    </tbody>\r\n                                </table>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport './style.css';\r\nimport { NxLoader, NxRightDrawer, NxActionTab, NxGridList, NxTitleTab, NxBreadcrumb, NxHeader, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport Footers from \"../../Screens/Footers/Footers\";\r\n\r\nexport default function Enrollment({\r\n    reloads\r\n}) {\r\n\r\n    const [loader, setLoader] = useState(false);\r\n\r\n\r\n    const [enrollment, setEnrollment] = useState([]);\r\n\r\n    const splits = async (dests, setEnquiry, setExport) => {\r\n        let arr = [];\r\n        let arr2 = [];\r\n        for (let value of dests) {\r\n            let data = [value.serviceCode, value.serviceName, value.developerName, value.version];\r\n            let obj2 = {\r\n                \"Service Code\": value.serviceCode,\r\n                \"Service Name\": value.serviceName,\r\n                \"Publisher\": value.developerName,\r\n                \"Version No\": value.version\r\n            }\r\n            let obj = { sendItem: value, data: data };\r\n            arr = [...arr, obj]\r\n            arr2 = [...arr2, obj2]\r\n        }\r\n        setExport(arr2)\r\n        setEnquiry(arr)\r\n    }\r\n    const [exportVal, setExport] = useState([]);\r\n\r\n    const getEnrollment = async () => {\r\n        setLoader(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'DevOps/Enrollment/ListAllEnrollment'\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                setLoader(false);\r\n                let getCustomerDetails = result.result.data;\r\n                if (result.result.data) {\r\n                    await splits(getCustomerDetails, setEnrollment, setExport)\r\n                }\r\n            }\r\n            setLoader(false);\r\n            // setEnquiry(getCustomerDetails);\r\n        }\r\n        else if (result.Success == false) {\r\n            // NotificationManager.error(result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n        setLoader(false);\r\n        return true\r\n\r\n    }\r\n\r\n    // useEffect(async () => {\r\n    //     setLoader(true);\r\n    //     await getEnrollment();\r\n    //     setLoader(false);\r\n    //     // await splits(dest, setEnquiry);\r\n    // }, []);\r\n\r\n    useEffect(() => {\r\n        getEnrollment();\r\n        // await splits(dest, setEnquiry);\r\n    }, [reloads]);\r\n\r\n\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n    return (\r\n        <div>\r\n            <NxLoader state={load} />\r\n            {/* <Headers /> */}\r\n            <NxLoader state={loader} />\r\n            {/* <NxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/customer-board')\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            {/* <NxTitleTab className=\"title-tab page-title\" title='Apps Enrollment' onCloseClick={() => {\r\n                history.goBack()\r\n            }} /> */}\r\n            <div className=\"mx-3 mb-5 mt-0\">\r\n                <NxActionTab\r\n                    exportValue={exportVal}\r\n                    fileName='SERVICE LISTING'\r\n                    className=\"p-0 pt-0 mt-0 enquiry-action-tab\"\r\n                    onColumnsClick={() => { setHandel(true) }}\r\n                    onRefreshClick={async () => {\r\n                        setLoader(true);\r\n                        await getEnrollment();\r\n                        setLoader(false);\r\n                    }}\r\n                    onNewEntryClick={() => { history.push('/distribution/appsenrollment/add') }}\r\n                    enableNewEntry={false}\r\n                />\r\n                <div className=\"pt-0\">\r\n                    <NxGridList\r\n                        enableSearch={true}\r\n                        autoSearch={true}\r\n                        enableAutoPagination={true}\r\n                        showShowing={true}\r\n                        header={[\r\n                            {\r\n                                name: 'Service Code',\r\n                                sort: true,\r\n                                search: true\r\n                            },\r\n                            {\r\n                                name: 'Service Name',\r\n                                sort: true,\r\n                                search: true\r\n                            },\r\n                            {\r\n                                name: 'Publisher',\r\n                                search: true\r\n                                // sort: true,\r\n                            },\r\n                            {\r\n                                name: 'Version No',\r\n                                sort: false,\r\n                            },\r\n                            {\r\n                                name: 'Status',\r\n                                sort: false,\r\n                            },\r\n                        ]}\r\n                        rowClick={(data) => {\r\n                            history.push({\r\n                                pathname: '/enrollment/edit',\r\n                                state: { editVal: data }\r\n                            });\r\n                        }}\r\n                        data={enrollment && enrollment} />\r\n                </div>\r\n\r\n                <NxRightDrawer onClose={() => setHandel(false)} show={handel} drawerContent={() => { }} ondrawer1Close={() => { setHandel2(false) }} />\r\n            </div>\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport './style.css';\r\nimport { NxHeader, NxBreadcrumb, NxTitleTab, NxCustomTab, NxFooter, NxLoader } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui'\r\nimport Footers from \"../../Screens/Footers/Footers\";\r\nimport { Switch, Steps, Button, Upload, DatePicker, message } from 'antd';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport { img2base64 } from \"../../config/ImageFunction\";\r\nimport EnrollmentReview from \"./enrollmentReview\";\r\nimport { Countries } from \"../../general/general\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faMinusCircle, faPlusCircle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\n\r\n\r\nexport default function EnrollmentEntry() {\r\n\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons mb-5\">\r\n            <button className=\"btn btn-primary rounded-pill buttons\"> Save Draft</button>\r\n            <button className=\"btn btn-primary rounded-pill\"> Review</button>\r\n            <button className=\"btn close btn-outline-primary rounded-pill\"> Publish</button>\r\n        </div>\r\n    }\r\n\r\n    const [roles, setRoles] = useState({\r\n        // general\r\n        serviceCode: '',\r\n        serviceName: '',\r\n        serviceType: 0,\r\n        commercialOptions: 0,\r\n        serviceDescription: '',\r\n        enrollmentCategory: 0,\r\n        overView: '',\r\n        publisher: '',\r\n        iconFileName: null,\r\n        iconFileContent: null,\r\n        aboutPublisher: '',\r\n        publisherURL: '',\r\n        // code-connect\r\n        versionNo: '',\r\n        setFrequency: '',\r\n        sourceLocation: '',\r\n        sourceFileName: '',\r\n        sourceFileContent: '',\r\n        repositoryType: '',\r\n        gitHubPath: '',\r\n        autoDeployment: false,\r\n        repoUserName: '',\r\n        repoPassword: '',\r\n        apiBuildFilePath: '',\r\n        uiBuildFilePath: '',\r\n        repoRemember: false,\r\n        customtime: '',\r\n        // roles\r\n        rollCode: '',\r\n        rollName: '',\r\n        description: '',\r\n        additionalInfo: '',\r\n        enrollmentRoles: [],\r\n        // pricing\r\n        enrollmentID: 0,\r\n        priceOption: '',\r\n        unit: '',\r\n        min: 0,\r\n        max: 0,\r\n        startDate: '',\r\n        endDate: '',\r\n        price: 0,\r\n        enrollmentPricingSlabs: []\r\n    });\r\n\r\n\r\n    const [appTypes, setAppTypes] = useState([]);\r\n    const [commercialOption, setCommercialOption] = useState([]);\r\n    const [appCategory, setAppCategory] = useState([]);\r\n    const [appPricing, setAppPricing] = useState([]);\r\n    const [priceUnit, setPriceUnit] = useState([]);\r\n    const [gitlist, setGitList] = useState([]);\r\n\r\n    const getGitrepo = () => {\r\n        ItrApiService.GET({ url: 'CloudConnect/Configuration/GitRepo' }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setGitList(res.result.data);\r\n                    }\r\n                    // splits2(res.result.data, setData);\r\n                    // splits(res.result.data, setData);\r\n                }\r\n            }\r\n        })\r\n    }\r\n\r\n    const [databaseData, setDatabaseData] = useState([]);\r\n\r\n    const getDatabaseServer = () => {\r\n        ItrApiService.GET({\r\n            url: 'CloudConnect/Configuration/DatabaseServer'\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setDatabaseData(res.result.data);\r\n                    }\r\n                }\r\n            }\r\n        })\r\n    }\r\n\r\n    useEffect(() => {\r\n        setLoading(true);\r\n        ItrApiService.POST({\r\n            url: 'Platform/UserDefined/AllUDOs',\r\n            data: [\"APP Type\", \"Commercial Options\", \"App Category\", \"App Pricing\", \"Pricing Unit\"]\r\n        }).then(resp => {\r\n            if (resp.Success == true) {\r\n                if (resp.result.isSuccess == true) {\r\n                    let resData = resp.result.data;\r\n                    for (let val of resData) {\r\n                        if (val.CategoryName == 'APP Type') {\r\n                            setAppTypes(val.Options);\r\n                        } else if (val.CategoryName == 'Commercial Options') {\r\n                            setCommercialOption(val.Options);\r\n                        } else if (val.CategoryName == 'App Category') {\r\n                            setAppCategory(val.Options);\r\n                        } else if (val.CategoryName == 'App Pricing') {\r\n                            setAppPricing(val.Options);\r\n                        } else if (val.CategoryName == 'Pricing Unit') {\r\n                            setPriceUnit(val.Options);\r\n                        }\r\n                    }\r\n                } else {\r\n                    NotificationManager.error(resp.result.message);\r\n                }\r\n            }\r\n            else if (resp.Success == false) {\r\n                NotificationManager.error(resp.message);\r\n                // sessionStorage.clear();\r\n                // history.push('/')\r\n            }\r\n            getGitrepo()\r\n            setLoading(false);\r\n            getDatabaseServer()\r\n        })\r\n    }, []);\r\n\r\n    const { Step } = Steps;\r\n    const [current, setCurrent] = useState(0);\r\n\r\n    const next = () => {\r\n        setCurrent(current + 1);\r\n    };\r\n\r\n    const prev = () => {\r\n        setCurrent(current - 1);\r\n    };\r\n\r\n\r\n    const titles = [\r\n        { title: \"App Details\" },\r\n        { title: \"Code Connect\" },\r\n        { title: \"Role\" },\r\n        // { title: \"Pricing & Availability\" },Btn, setNxbtn\r\n        { title: \"Publish\" }\r\n    ]\r\n\r\n    const [checkFields, setCheckFields] = useState(true);\r\n    const checKValid = () => {\r\n        if (datas.version == '' || datas.buildNo == '' || datas.buildType == '' || datas.source == '') {\r\n            setCheckFields(true);\r\n        } else if (datas.serviceTypeName == 'API' && datas.source == 'Code Upload') {\r\n            if (datas.apiSourcepath == '' || datas.apiBuildFilePath == '') {\r\n                setCheckFields(true);\r\n            } else {\r\n                setCheckFields(false);\r\n            }\r\n        } else if (datas.serviceTypeName == 'APP' && datas.source == 'Code Upload') {\r\n            if (datas.apiSourcepath == '' || datas.apiBuildFilePath == '' || datas.uiSourcePath == '' || datas.uiBuildFilePath == '' || datas.dbScriptPath == '') {\r\n                setCheckFields(true);\r\n            } else {\r\n                setCheckFields(false);\r\n            }\r\n        } else if (datas.serviceTypeName == 'Service' && datas.source == 'Code Upload') {\r\n            if (datas.uiSourcePath == '') {\r\n                setCheckFields(true);\r\n            } else {\r\n                setCheckFields(false);\r\n            }\r\n        } else if ((datas.serviceTypeName == 'API' || datas.serviceTypeName == 'APP' || datas.serviceTypeName == 'Service') && datas.source == 'Git Connect') {\r\n            if (datas.repositaryType == '') {\r\n                setCheckFields(true);\r\n            } else {\r\n                if (datas.repositaryType == 'Single' && datas.serviceTypeName == 'API') {\r\n                    if (datas.apiAccessToken == '' || datas.apiSourcepath == '' || datas.apiBuildFilePath == '') {\r\n                        setCheckFields(true);\r\n                    }\r\n                    else {\r\n                        setCheckFields(false);\r\n                    }\r\n                } else if (datas.repositaryType == 'Multiple' && datas.serviceTypeName == 'API') {\r\n                    if (datas.apiAccessToken == '' || datas.apiSourcepath == '' || datas.apiBuildFilePath == '') {\r\n                        setCheckFields(true);\r\n                    }\r\n                    else {\r\n                        setCheckFields(false);\r\n                    }\r\n                } else if (datas.repositaryType == 'Single' && datas.serviceTypeName == 'APP') {\r\n                    if (datas.gitAccessToken == '' || datas.apiSourcepath == '' || datas.apiBuildFilePath == '' || datas.uiSourcePath == '' || datas.uiBuildFilePath == '' || datas.databaseServerID == '' || datas.dbScriptPath == '') {\r\n                        setCheckFields(true);\r\n                    }\r\n                    else {\r\n                        setCheckFields(false);\r\n                    }\r\n                } else if (datas.repositaryType == 'Multiple' && datas.serviceTypeName == 'APP') {\r\n                    if (datas.gitAccessToken == '' || datas.apiSourcepath == '' || datas.apiBuildFilePath == '' || datas.uiSourcePath == '' || datas.uiBuildFilePath == '' || datas.uiAccessToken == '' || datas.databaseServerID == '' || datas.dbScriptPath == '' || datas.dbscriptAccessToken == '') {\r\n                        setCheckFields(true);\r\n                    }\r\n                    else {\r\n                        setCheckFields(false);\r\n                    }\r\n                }\r\n                else if (datas.repositaryType == 'Single' && datas.serviceTypeName == 'Service') {\r\n                    if (datas.uiAccessToken == '' || datas.uiSourcePath == '' || datas.uiBuildFilePath == '') {\r\n                        setCheckFields(true);\r\n                    }\r\n                    else {\r\n                        setCheckFields(false);\r\n                    }\r\n                } else if (datas.repositaryType == 'Multiple' && datas.serviceTypeName == 'Service') {\r\n                    if (datas.uiAccessToken == '' || datas.uiSourcePath == '' || datas.uiBuildFilePath == '') {\r\n                        setCheckFields(true);\r\n                    }\r\n                    else {\r\n                        setCheckFields(false);\r\n                    }\r\n                } else {\r\n                    setCheckFields(false)\r\n                }\r\n            }\r\n        } else {\r\n            setCheckFields(false);\r\n        }\r\n    }\r\n\r\n\r\n\r\n    const [datas, setdatas] = useState({\r\n        enrollmentID: 0,\r\n        serviceCode: \"\",\r\n        serviceName: \"\",\r\n        serviceKey: \"\",\r\n        serviceType: \"\",\r\n        serviceTypeName: '',\r\n        serviceTypeValue: '',\r\n        serviceCategory: \"\",\r\n        serviceDescription: \"\",\r\n        developerName: \"\",\r\n        developerWebsite: \"\",\r\n        country: \"\",\r\n        aboutDeveloper: \"\",\r\n        appIcon: \"\",\r\n        version: \"\",\r\n        buildNo: \"\",\r\n        buildType: \"\",\r\n        source: \"\",\r\n        repositaryType: \"\",\r\n        gitAccessToken: \"\",\r\n        uiAccessToken: \"\",\r\n        apiAccessToken: \"\",\r\n        dbscriptAccessToken: \"\",\r\n        apiSourcepath: \"\",\r\n        uiSourcePath: \"\",\r\n        dbScriptPath: \"\",\r\n        autoDeployment: false,\r\n        setFrequency: \"\",\r\n        setTime: \"\",\r\n        apiBuildFilePath: '',\r\n        uiBuildFilePath: '',\r\n        isPublish: true,\r\n        expiryDate: \"2022-01-05T08:17:44.881Z\",\r\n        databaseServerID: 0,\r\n        rollCode: \"\",\r\n        rollName: \"\",\r\n\t\tisBaseAppService: false,\r\n        enrollmentSplashScreens: [\r\n            //   {\r\n            //     enrollmentSplashScreenID: 0,\r\n            //     enrollmentID: 0,\r\n            //     splashScreen: \"\",\r\n            //     additionalInfo: \"\",\r\n            //     isActive: true\r\n            //   }\r\n        ],\r\n        enrollmentRoles: []\r\n    });\r\n\r\n    useEffect(() => {\r\n        checKValid()\r\n    }, [datas])\r\n\r\n    const [spfiles, setspfiles] = useState([])\r\n\r\n    const createRole = async () => {\r\n        // let body = {\r\n        //     ...datas\r\n        // }\r\n        let arr = [];\r\n        for (let val of spfiles) {\r\n            let obj = {\r\n                enrollmentSplashScreenID: 0,\r\n                enrollmentID: 0,\r\n                splashScreen: val.thumbUrl,\r\n                additionalInfo: \"\",\r\n                isActive: true\r\n            }\r\n            arr = [...arr, obj]\r\n        }\r\n        let body = { ...datas, enrollmentSplashScreens: arr, databaseServerID: parseInt(datas.databaseServerID) };\r\n        let result = await ItrApiService.POST({\r\n            url: 'DevOps/Enrollment/SaveEnrollment',\r\n            data: body\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                setCurrent(0);\r\n                setdatas({\r\n                    enrollmentID: 0,\r\n                    serviceCode: \"\",\r\n                    serviceName: \"\",\r\n                    serviceKey: \"\",\r\n                    serviceType: \"\",\r\n                    serviceTypeName: '',\r\n                    serviceTypeValue: '',\r\n                    serviceCategory: \"\",\r\n                    serviceDescription: \"\",\r\n                    developerName: \"\",\r\n                    developerWebsite: \"\",\r\n                    country: \"\",\r\n                    aboutDeveloper: \"\",\r\n                    appIcon: \"\",\r\n                    version: \"\",\r\n                    buildNo: \"\",\r\n                    buildType: \"\",\r\n                    source: \"\",\r\n                    repositaryType: \"\",\r\n                    gitAccessToken: \"\",\r\n                    uiAccessToken: \"\",\r\n                    apiAccessToken: \"\",\r\n                    dbscriptAccessToken: \"\",\r\n                    apiSourcepath: \"\",\r\n                    uiSourcePath: \"\",\r\n                    dbScriptPath: \"\",\r\n                    autoDeployment: false,\r\n                    setFrequency: \"\",\r\n                    setTime: \"\",\r\n                    apiBuildFilePath: '',\r\n                    uiBuildFilePath: '',\r\n                    isPublish: true,\r\n                    expiryDate: \"2022-01-05T08:17:44.881Z\",\r\n                    databaseServerID: 0,\r\n                    rollCode: \"\",\r\n                    rollName: \"\",\r\n                    enrollmentSplashScreens: [\r\n                        //   {\r\n                        //     enrollmentSplashScreenID: 0,\r\n                        //     enrollmentID: 0,\r\n                        //     splashScreen: \"\",\r\n                        //     additionalInfo: \"\",\r\n                        //     isActive: true\r\n                        //   }\r\n                    ],\r\n                    enrollmentRoles: []\r\n                })\r\n                NotificationManager.success('Successfully Created');\r\n                let getCustomerDetails = result.result.data;\r\n            } else {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n            // setCustomers(getCustomerDetails);\r\n        }\r\n        else if (result.Success == false) {\r\n            NotificationManager.error(result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n    const [codeUpload, setCodeUpload] = useState();\r\n    const [repositary, setRepositary] = useState();\r\n    const [deployement, setDeployment] = useState();\r\n\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    let history = useHistory();\r\n    const [handel, setHandel] = useState(false);\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            {/* <Headers /> */}\r\n            {/* <NxTitleTab className=\"title-tab\" title='App Enrollment' onCloseClick={() => {\r\n                history.goBack();\r\n            }} /> */}\r\n            <div className=\"card mx-0 mt-0 newenrolemententry-global\">\r\n                <div className=\"card-body p-0\">\r\n                    <Steps labelPlacement='vertical' current={current} responsive={true} size=\"small\" status=\"finish\" >\r\n                        {titles.map((item, index) => {\r\n                            return <Step\r\n                                icon={current == index ? <div style={{ backgroundColor: '#1890ff', padding: 5, borderRadius: '24px', height: '24px', width: '24px', fontSize: '12px', display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'white' }}>{index + 1}</div>\r\n                                    : current > index && <div style={{ backgroundColor: '#73b504', padding: 5, borderRadius: '24px', height: '24px', width: '24px', fontSize: '12px', display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'white' }}>{index + 1}</div>\r\n                                    // : current < index && <div style={{ borderColor: 'rgba(0,o,0,0.25)', border: '1px solid', backgroundColor: 'white', padding: 5, borderRadius: 29, height: 29, width: 29, fontSize: 15, display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'rgba(0,o,0,0.25)' }}>{index + 1}</div>\r\n                                }\r\n                                key={index} title={item.title} />\r\n                        })}\r\n                    </Steps>\r\n                    {current == 0 ?\r\n                        <div className=\"container-form\">\r\n                            <div className=\"row p-3 pt-0\">\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2\">\r\n                                            <label htmlFor=\"firstName\">Service Name</label>\r\n                                            <input className=\"form-control form-control-sm  mt-1\" value={datas.serviceName} id=\"firstName\" type=\"text\"\r\n                                                onChange={(e) => { setdatas({ ...datas, serviceName: e.target.value }) }}\r\n                                            />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2\">\r\n                                            <label htmlFor=\"appType\">Service Type</label>\r\n                                            <select className=\"form-select form-select-sm mt-1\" value={datas.serviceTypeValue} id=\"appType\"\r\n                                                onChange={(e) => {\r\n                                                    checKValid();\r\n                                                    setdatas({ ...datas, serviceTypeValue: e.target.value, serviceType: JSON.parse(e.target.value).UDOptionID.toString(), serviceTypeName: JSON.parse(e.target.value).UDOptionName });\r\n                                                }}\r\n                                            >\r\n                                                <option value=\"\" selected disabled>--Please select--</option>\r\n                                                {appTypes.map((item, index) => {\r\n                                                    return <option key={index} value={JSON.stringify(item)} >{item.UDOptionName}</option>\r\n                                                })}\r\n                                            </select>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"serviceCategory\"> Service Category</label>\r\n                                            <select className=\"form-select form-select-sm mt-1\" value={datas.serviceCategory}\r\n                                                onChange={(e) => setdatas({ ...datas, serviceCategory: e.target.value })}>\r\n                                                <option value=\"\" selected disabled>--Please select--</option>\r\n                                                {appCategory && appCategory.map((data, index) =>\r\n                                                    <option key={index}>{data?.UDOptionName}</option>\r\n                                                )}\r\n                                            </select>\r\n                                            {/* <select className=\"form-select form-select-sm mt-2\" value={roles.enrollmentCategory} id=\"enrollmentCategory\"\r\n                                            onChange={(e) => setRoles({ ...roles, enrollmentCategory: e.target.value })}\r\n                                        >\r\n                                            <option value={0} selected>--Please select--</option>\r\n                                            {appCategory.map((item, index) => {\r\n                                                return <option key={index} value={item.UDOptionID} >{item.UDOptionName}</option>\r\n                                            })}\r\n                                        </select> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Service Description</label>\r\n                                            <textarea className=\"form-control form-control-sm mt-1\" rows=\"7\" value={datas.serviceDescription} id=\"firstName\"\r\n                                                onChange={(e) => setdatas({ ...datas, serviceDescription: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Developer Name</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" value={datas.developerName} id=\"firstName\" type=\"text\"\r\n                                                onChange={(e) => setdatas({ ...datas, developerName: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Developer Website</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" id=\"firstName\" value={datas.developerWebsite} type=\"text\"\r\n                                                onChange={(e) => setdatas({ ...datas, developerWebsite: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Country</label>\r\n                                            <select className=\"form-select form-select-sm mt-1\" value={datas.country} id=\"appType\"\r\n                                                onChange={(e) => { setdatas({ ...datas, country: e.target.value }) }}\r\n                                            >\r\n                                                <option value=\"\" selected disabled>--Please select--</option>\r\n                                                {Countries.map((item, index) => {\r\n                                                    return <option key={index}  >{item.countryName}</option>\r\n                                                })}\r\n                                            </select>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">About Developer</label>\r\n                                            <textarea className=\"form-control form-control-sm mt-1\" rows=\"7\" value={datas.aboutDeveloper} id=\"firstName\"\r\n                                                onChange={(e) => setdatas({ ...datas, aboutDeveloper: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n\r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-xl-12 col-lg-12 col-xl-12 mt-2\">\r\n                                        <label htmlFor=\"firstName\">Service Key</label>\r\n                                        <input type=\"text\" className=\"form-control form-control-sm mt-1\" id=\"firstName\"\r\n                                            value={datas.serviceKey}\r\n                                            onChange={(e) => {\r\n                                                setdatas({ ...datas, serviceKey: e.target.value })\r\n                                            }}\r\n                                        />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-xl-12 col-lg-12 col-xl-12 mt-2\">\r\n                                        <label htmlFor=\"firstName\">App Icons</label>\r\n                                        <input type=\"file\" className=\"form-control form-control-sm mt-1\" id=\"firstName\" onChange={(e) => {\r\n                                            let img = e.target.files[0];\r\n                                            const fileReader = new FileReader();\r\n                                            fileReader.readAsDataURL(img)\r\n                                            fileReader.onload = async () => {\r\n                                                setdatas({ ...datas, appIcon: fileReader.result })\r\n                                            }\r\n                                            fileReader.onerror = async () => {\r\n                                                return false\r\n                                            }\r\n                                        }} />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-xl-12 col-lg-12 col-xl-12 mt-2\">\r\n                                        <label>Splash Screen</label>\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-12 col-sm-4 col-md-4 col-xl-4 col-lg-4 mt-1\">\r\n                                                {/* <div className=\"nx-image-uploader\">\r\n                                            <div className=\"nx-image-container\">\r\n                                                <div className=\"nx-image-content\">\r\n                                                    <button type=\"button\">\r\n                                                        <input type=\"file\" hidden />\r\n                                                        <div className=\"nx-image-box\">\r\n                                                            <p>+</p>\r\n                                                            <p>Click here to add image</p>\r\n                                                            <p>Or drop image here</p>\r\n                                                        </div>\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> */}\r\n                                                <Upload\r\n                                                    // action=\"https://www.mocky.io/v2/5cc8019d300000980a055e76\"\r\n                                                    listType=\"picture-card\"\r\n                                                    maxCount={3}\r\n                                                    fileList={spfiles}\r\n                                                    onChange={({ fileList }) => {\r\n                                                        setspfiles(fileList)\r\n                                                    }}\r\n                                                // fileList={fileList}\r\n                                                // onPreview={this.handlePreview}\r\n                                                // onChange={this.handleChange}\r\n                                                >\r\n                                                    + upload\r\n                                                    {/* {fileList.length >= 8 ? null : uploadButton} */}\r\n                                                </Upload>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-4  mt-2\">\r\n                            <label htmlFor=\"firstName\">Description</label>\r\n                            <textarea className=\"form-control form-control-sm mt-2\" value={roles.serviceDescription} id=\"firstName\"\r\n                                onChange={(e) => setRoles({ ...roles, serviceDescription: e.target.value })}\r\n                            />\r\n                        </div> */}\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4  mt-2\">\r\n                                    <div className=\"row\">\r\n                                        {/* <div className=\"col-6 col-sm-6 col-md-6 col-xl-6 col-lg-6 w-100\">\r\n                                    <label htmlFor=\"firstName\">Commercial Options</label>\r\n                                    <select className=\"form-select form-select-sm form-control-sm mt-2\" value={roles.commercialOptions} id=\"firstName\"\r\n                                        onChange={(e) => setRoles({ ...roles, commercialOptions: e.target.value })}\r\n                                    >\r\n                                        <option value={0} selected>--Please select--</option>\r\n                                        {commercialOption.map((item, index) => {\r\n                                            return <option key={index} value={item.UDOptionID} >{item.UDOptionName}</option>\r\n                                        })}\r\n                                    </select>\r\n                                </div> */}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            {/* <Buttons/> */}\r\n                        </div> :\r\n                        current == 1 ?\r\n                            <div className=\"container-form\">\r\n                                <div className=\"row p-3 pt-0\">\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12\">\r\n                                                <label htmlFor=\"firstName\">Version</label>\r\n                                                <input className=\"form-control form-control-sm mt-1\" value={datas.version} id=\"firstName\" type=\"text\"\r\n                                                    onChange={(e) => {\r\n                                                        checKValid();\r\n                                                        setdatas({ ...datas, version: e.target.value })\r\n                                                    }}\r\n                                                />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                <label htmlFor=\"firstName\">Build No</label>\r\n                                                <input className=\"form-control form-control-sm mt-1\" value={datas.buildNo} id=\"firstName\" type=\"text\"\r\n                                                    onChange={(e) => {\r\n                                                        checKValid()\r\n                                                        setdatas({ ...datas, buildNo: e.target.value })\r\n                                                    }}\r\n                                                />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                <label htmlFor=\"firstName\">Build Type</label>\r\n                                                <select className=\"form-select form-select-sm mt-1\" id=\"firstName\" value={datas.buildType}\r\n                                                    onChange={(e) => {\r\n                                                        checKValid()\r\n                                                        setdatas({ ...datas, buildType: e.target.value })\r\n                                                    }}\r\n                                                >\r\n                                                    <option value=\"\" selected disabled>--Please select--</option>\r\n                                                    <option value=\"Dev\" >Development</option>\r\n                                                    <option value=\"stg\" >Staging</option>\r\n                                                    <option value=\"tst\" >QA</option>\r\n                                                    <option value=\"rvw\" >Review</option>\r\n                                                    <option value=\"uat\" >UAT</option>\r\n                                                    <option value=\"pre\" >Pre-Prod</option>\r\n                                                    <option value=\"pst\" >Post-Prod</option>\r\n                                                    <option value=\"Pro\" >Production</option>\r\n                                                </select>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12\">\r\n                                                <label htmlFor=\"firstName\">Source</label>\r\n                                                <select className=\"form-select form-select-sm mt-1\" id=\"firstName\" value={datas.source}\r\n                                                    onChange={(e) => {\r\n                                                        checKValid();\r\n                                                        setdatas({ ...datas, source: e.target.value, repositaryType: '' })\r\n                                                    }\r\n                                                    }\r\n                                                >\r\n                                                    <option value=\"\" selected disabled>--Please select--</option>\r\n                                                    <option value=\"Code Upload\" >Code Upload</option>\r\n                                                    <option value=\"Git Connect\" >Git Connect</option>\r\n                                                </select>\r\n\r\n                                                {datas.source == 'Code Upload' && datas.serviceTypeName == \"API\" ?\r\n                                                    <>\r\n                                                        <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                            <label htmlFor=\"firstName\">Upload API Source</label>\r\n                                                            <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.apiSourcepath}\r\n                                                                onChange={(e) => {\r\n                                                                    checKValid();\r\n                                                                    setdatas({ ...datas, apiSourcepath: e.target.value })\r\n                                                                }}\r\n                                                            />\r\n                                                        </div>\r\n                                                        <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                            <label htmlFor=\"firstName\">API Build Path</label>\r\n                                                            <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.apiBuildFilePath}\r\n                                                                onChange={(e) => {\r\n                                                                    checKValid();\r\n                                                                    setdatas({ ...datas, apiBuildFilePath: e.target.value })\r\n                                                                }}\r\n                                                            />\r\n                                                        </div>\r\n                                                    </> :\r\n                                                    datas.source == 'Code Upload' && datas.serviceTypeName == \"APP\" ?\r\n                                                        <>\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                <label htmlFor=\"firstName\">API Source Path</label>\r\n                                                                <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.apiSourcepath}\r\n                                                                    onChange={(e) => {\r\n                                                                        checKValid()\r\n                                                                        setdatas({ ...datas, apiSourcepath: e.target.value })\r\n                                                                    }}\r\n                                                                />\r\n                                                            </div>\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                <label htmlFor=\"firstName\">API Build Path</label>\r\n                                                                <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.apiBuildFilePath}\r\n                                                                    onChange={(e) => {\r\n                                                                        checKValid();\r\n                                                                        setdatas({ ...datas, apiBuildFilePath: e.target.value })\r\n                                                                    }}\r\n                                                                />\r\n                                                            </div>\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\"  >\r\n                                                                <label htmlFor=\"firstName\">UI Source Path</label>\r\n                                                                <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.uiSourcePath}\r\n                                                                    onChange={(e) => setdatas({ ...datas, uiSourcePath: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                <label htmlFor=\"firstName\">UI Build Path</label>\r\n                                                                <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.uiBuildFilePath}\r\n                                                                    onChange={(e) => setdatas({ ...datas, uiBuildFilePath: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                <label htmlFor=\"firstName\">DB Scripts Path</label>\r\n                                                                <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.dbScriptPath}\r\n                                                                    onChange={(e) => setdatas({ ...datas, dbScriptPath: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n                                                        </> :\r\n                                                        datas.source == \"Code Upload\" && datas.serviceTypeName == \"Service\" ?\r\n                                                            <>\r\n                                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                    <label htmlFor=\"firstName\">Upload UI Source</label>\r\n                                                                    <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.uiSourcePath}\r\n                                                                        onChange={(e) => setdatas({ ...datas, uiSourcePath: e.target.value })}\r\n                                                                    />\r\n                                                                </div>\r\n                                                            </> : ''\r\n                                                }\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" hidden={datas.source == 'Git Connect' ? false : true}>\r\n                                                <label htmlFor=\"firstName\">Repository Type</label>\r\n                                                <select className=\"form-select form-select-sm mt-1\" value={datas.repositaryType}\r\n                                                    onChange={(e) => setdatas({ ...datas, repositaryType: e.target.value })}\r\n                                                >\r\n                                                    <option value=\"\" selected>--Please select--</option>\r\n                                                    <option value=\"Single\">Single</option>\r\n                                                    <option value=\"Multiple\">Multiple</option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            {/* { datas.serviceName == \"API\"  ? <>\r\n                                        <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                            <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" />\r\n                                        </div>\r\n                                        <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">API Source Path</label>\r\n                                            <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={roles.enrollmentApiUrl}\r\n                                                onChange={(e) => setRoles({ ...roles, enrollmentApiUrl: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n                                    </> : <>\r\n                                        <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">API Source Path</label>\r\n                                            <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={roles.enrollmentApiUrl}\r\n                                                onChange={(e) => setRoles({ ...roles, enrollmentApiUrl: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n                                        <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                            <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" />\r\n                                        </div>\r\n                                    </>} */}\r\n\r\n                                            {datas.serviceTypeName == \"API\" && datas.repositaryType == 'Single' ? <>\r\n                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                                    <select className=\"form-select\" value={datas.apiAccessToken} onChange={(e) => {\r\n                                                        setdatas({ ...datas, apiAccessToken: e.target.value })\r\n                                                    }} >\r\n                                                        <option value=\"\" selected disabled> --Please Select -- </option>\r\n                                                        {gitlist.map((data, index) => {\r\n                                                            return <option key={index} value={data.pat}> {data.pat + '(' + data.gitRepoAccountName + ')'} </option>\r\n                                                        })}\r\n                                                    </select>\r\n                                                    {/* <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" value={datas.apiAccessToken} onChange={(e) => {\r\n                                                        setdatas({ ...datas, apiAccessToken: e.target.value })\r\n                                                    }} /> */}\r\n                                                </div>\r\n                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">API Source Path</label>\r\n                                                    <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.apiSourcepath}\r\n                                                        onChange={(e) => setdatas({ ...datas, apiSourcepath: e.target.value })}\r\n                                                    />\r\n                                                </div>\r\n                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                    <label htmlFor=\"firstName\">API Build Path</label>\r\n                                                    <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.apiBuildFilePath}\r\n                                                        onChange={(e) => setdatas({ ...datas, apiBuildFilePath: e.target.value })}\r\n                                                    />\r\n                                                </div>\r\n                                            </> : datas.serviceTypeName == \"API\" && datas.repositaryType == 'Multiple' ? <>\r\n                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">API Source Path</label>\r\n                                                    <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.apiSourcepath}\r\n                                                        onChange={(e) => setdatas({ ...datas, apiSourcepath: e.target.value })}\r\n                                                    />\r\n                                                </div>\r\n                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                    <label htmlFor=\"firstName\">API Build Path</label>\r\n                                                    <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.apiBuildFilePath}\r\n                                                        onChange={(e) => setdatas({ ...datas, apiBuildFilePath: e.target.value })}\r\n                                                    />\r\n                                                </div>\r\n                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                                    <select className=\"form-select\" value={datas.apiAccessToken} onChange={(e) => {\r\n                                                        setdatas({ ...datas, apiAccessToken: e.target.value })\r\n                                                    }} >\r\n                                                        <option value=\"\" selected disabled>-- Please Select --</option>\r\n                                                        {gitlist.map((data, index) => {\r\n                                                            return <option key={index} value={data.pat}> {data.pat + data.gitRepoAccountName} </option>\r\n                                                        })}\r\n                                                    </select>\r\n                                                    {/* <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" value={datas.apiAccessToken} onChange={(e) => {\r\n                                                        setdatas({ ...datas, apiAccessToken: e.target.value })\r\n                                                    }} /> */}\r\n                                                </div>\r\n                                            </>\r\n                                                : datas.serviceTypeName == \"APP\" && datas.repositaryType == 'Single' ? <>\r\n                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                        <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                                        <select className=\"form-select\" value={datas.gitAccessToken} onChange={(e) => {\r\n                                                            setdatas({ ...datas, gitAccessToken: e.target.value })\r\n                                                        }} >\r\n                                                            <option value=\"\" selected disabled>-- Please Select --</option>\r\n                                                            {gitlist.map((data, index) => {\r\n                                                                return <option key={index} value={data.pat}> {data.pat + data.gitRepoAccountName} </option>\r\n                                                            })}\r\n                                                        </select>\r\n                                                        {/* <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" value={datas.gitAccessToken} onChange={(e) => {\r\n                                                            setdatas({ ...datas, gitAccessToken: e.target.value })\r\n                                                        }} /> */}\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                        <label htmlFor=\"firstName\">API Source Path</label>\r\n                                                        <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.apiSourcepath}\r\n                                                            onChange={(e) => setdatas({ ...datas, apiSourcepath: e.target.value })}\r\n                                                        />\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                        <label htmlFor=\"firstName\">API Build Path</label>\r\n                                                        <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.apiBuildFilePath}\r\n                                                            onChange={(e) => setdatas({ ...datas, apiBuildFilePath: e.target.value })}\r\n                                                        />\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                        <label htmlFor=\"firstName\">UI Source Path</label>\r\n                                                        <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.uiSourcePath}\r\n                                                            onChange={(e) => setdatas({ ...datas, uiSourcePath: e.target.value })}\r\n                                                        />\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                        <label htmlFor=\"firstName\">UI Build Path</label>\r\n                                                        <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.uiBuildFilePath}\r\n                                                            onChange={(e) => setdatas({ ...datas, uiBuildFilePath: e.target.value })}\r\n                                                        />\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                        <label htmlFor=\"firstName\">Database Server</label>\r\n                                                        <select className=\"form-select form-select-sm mt-1\" id=\"firstName\" value={datas.databaseServerID}\r\n                                                            onChange={(e) => {\r\n                                                                setdatas({ ...datas, databaseServerID: e.target.value })\r\n                                                            }\r\n                                                            }\r\n                                                        >\r\n                                                            <option value=\"\" selected disabled>--Please select--</option>\r\n                                                            {databaseData.map((data, index) => { return <option value={data.databaseServerID} >{data.databaseServerDescription}</option> })}\r\n                                                        </select>\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                        <label htmlFor=\"firstName\">DB Script path</label>\r\n                                                        <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.dbScriptPath}\r\n                                                            onChange={(e) => setdatas({ ...datas, dbScriptPath: e.target.value })}\r\n                                                        />\r\n                                                    </div> </>\r\n\r\n                                                    : datas.serviceTypeName == \"APP\" && datas.repositaryType == 'Multiple' ?\r\n                                                        <>\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">API Source Path</label>\r\n                                                                <textarea className='form-control form-control-sm mt-1' value={datas.apiSourcepath} rows=\"1\"\r\n                                                                    onChange={(e) => setdatas({ ...datas, apiSourcepath: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                <label htmlFor=\"firstName\">API Build Path</label>\r\n                                                                <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.apiBuildFilePath}\r\n                                                                    onChange={(e) => setdatas({ ...datas, apiBuildFilePath: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                                                <select className=\"form-select\" value={datas.apiAccessToken} onChange={(e) => {\r\n                                                                    setdatas({ ...datas, apiAccessToken: e.target.value })\r\n                                                                }} >\r\n                                                                    <option value=\"\" selected disabled>-- Please Select --</option>\r\n                                                                    {gitlist.map((data, index) => {\r\n                                                                        return <option key={index} value={data.pat}> {data.pat + data.gitRepoAccountName} </option>\r\n                                                                    })}\r\n                                                                </select>\r\n                                                                {/* <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" value={datas.apiAccessToken} onChange={(e) => {\r\n                                                                    setdatas({ ...datas, apiAccessToken: e.target.value })\r\n                                                                }} /> */}\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">UI Source Path</label>\r\n                                                                <textarea className='form-control form-control-sm mt-1' value={datas.uiSourcePath} rows=\"1\"\r\n                                                                    onChange={(e) => setdatas({ ...datas, uiSourcePath: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                <label htmlFor=\"firstName\">UI Build Path</label>\r\n                                                                <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.uiBuildFilePath}\r\n                                                                    onChange={(e) => setdatas({ ...datas, uiBuildFilePath: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                                                <select className=\"form-select\" value={datas.uiAccessToken} onChange={(e) => {\r\n                                                                    setdatas({ ...datas, uiAccessToken: e.target.value })\r\n                                                                }} >\r\n                                                                    <option value=\"\" selected disabled>-- Please Select --</option>\r\n                                                                    {gitlist.map((data, index) => {\r\n                                                                        return <option key={index} value={data.pat}> {data.pat + data.gitRepoAccountName} </option>\r\n                                                                    })}\r\n                                                                </select>\r\n                                                                {/* <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" value={datas.uiAccessToken}\r\n                                                                    onChange={(e) => setdatas({ ...datas, uiAccessToken: e.target.value })} /> */}\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                <label htmlFor=\"firstName\">Database Server</label>\r\n                                                                <select className=\"form-select form-select-sm mt-1\" id=\"firstName\" value={datas.databaseServerID}\r\n                                                                    onChange={(e) => {\r\n                                                                        setdatas({ ...datas, databaseServerID: e.target.value })\r\n                                                                    }\r\n                                                                    }\r\n                                                                >\r\n                                                                    <option value=\"\" selected disabled>--Please select--</option>\r\n                                                                    {databaseData.map((data, index) => { return <option value={data.databaseServerID} >{data.databaseServerDescription}</option> })}\r\n                                                                </select>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">DB Script Path</label>\r\n                                                                <textarea className='form-control form-control-sm mt-1' value={datas.dbScriptPath} rows=\"1\"\r\n                                                                    onChange={(e) => setdatas({ ...datas, dbScriptPath: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                                                <select className=\"form-select\" value={datas.dbscriptAccessToken} onChange={(e) => {\r\n                                                                    setdatas({ ...datas, dbscriptAccessToken: e.target.value })\r\n                                                                }} >\r\n                                                                    <option value=\"\" selected disabled>-- Please Select --</option>\r\n                                                                    {gitlist.map((data, index) => {\r\n                                                                        return <option key={index} value={data.pat}> {data.pat + data.gitRepoAccountName} </option>\r\n                                                                    })}\r\n                                                                </select>\r\n                                                                {/* <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" value={datas.dbscriptAccessToken}\r\n                                                                    onChange={(e) => setdatas({ ...datas, dbscriptAccessToken: e.target.value })}\r\n                                                                /> */}\r\n                                                            </div>\r\n                                                        </> : datas.serviceTypeName == \"Service\" && datas.repositaryType == 'Single' ?\r\n                                                            <>\r\n                                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                    <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                                                    <select className=\"form-select\" value={datas.uiAccessToken} onChange={(e) => {\r\n                                                                        setdatas({ ...datas, uiAccessToken: e.target.value })\r\n                                                                    }} >\r\n                                                                        <option value=\"\" selected disabled>-- Please Select --</option>\r\n                                                                        {gitlist.map((data, index) => {\r\n                                                                            return <option key={index} value={data.pat}> {data.pat + data.gitRepoAccountName} </option>\r\n                                                                        })}\r\n                                                                    </select>\r\n                                                                    {/* <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" value={datas.uiAccessToken} rows=\"1\"\r\n                                                                        onChange={(e) => setdatas({ ...datas, uiAccessToken: e.target.value })}\r\n                                                                    /> */}\r\n                                                                </div>\r\n                                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                    <label htmlFor=\"firstName\">UI Source Path</label>\r\n                                                                    <textarea className='form-control form-control-sm mt-1' value={datas.uiSourcePath} rows=\"1\"\r\n                                                                        onChange={(e) => setdatas({ ...datas, uiSourcePath: e.target.value })}\r\n                                                                    />\r\n                                                                </div>\r\n                                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                    <label htmlFor=\"firstName\">UI Build Path</label>\r\n                                                                    <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.uiBuildFilePath}\r\n                                                                        onChange={(e) => setdatas({ ...datas, uiBuildFilePath: e.target.value })}\r\n                                                                    />\r\n                                                                </div>\r\n                                                            </> : datas.serviceTypeName == \"Service\" && datas.repositaryType == 'Multiple' ?\r\n                                                                <>\r\n                                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                        <label htmlFor=\"firstName\">UI Source Path</label>\r\n                                                                        <textarea className='form-control form-control-sm mt-1' value={datas.uiSourcePath} rows=\"1\"\r\n                                                                            onChange={(e) => setdatas({ ...datas, uiSourcePath: e.target.value })}\r\n                                                                        />\r\n                                                                    </div>\r\n                                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                        <label htmlFor=\"firstName\">UI Build Path</label>\r\n                                                                        <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.uiBuildFilePath}\r\n                                                                            onChange={(e) => setdatas({ ...datas, uiBuildFilePath: e.target.value })}\r\n                                                                        />\r\n                                                                    </div>\r\n                                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                        <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                                                        <select className=\"form-select\" value={datas.uiAccessToken} onChange={(e) => {\r\n                                                                            setdatas({ ...datas, uiAccessToken: e.target.value })\r\n                                                                        }} >\r\n                                                                            <option value=\"\" selected disabled>-- Please Select --</option>\r\n                                                                            {gitlist.map((data, index) => {\r\n                                                                                return <option key={index} value={data.pat}> {data.pat + data.gitRepoAccountName} </option>\r\n                                                                            })}\r\n                                                                        </select>\r\n                                                                        {/* <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" value={datas.uiAccessToken} rows=\"1\"\r\n                                                                            onChange={(e) => setdatas({ ...datas, uiAccessToken: e.target.value })}\r\n                                                                        /> */}\r\n                                                                    </div>\r\n\r\n                                                                </> : ''\r\n                                            }\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12\" hidden={datas.source == 'Git Connect' ? false : true}>\r\n                                                <label htmlFor=\"firstName\">Enable Auto Deployment</label>\r\n                                                <select className=\"form-select form-select-sm form-control-sm mt-1\" id=\"firstName\" value={datas.autoDeployment}\r\n                                                    onChange={(e) => {\r\n                                                        if (e.target.value == 'true') {\r\n                                                            setdatas({ ...datas, autoDeployment: true })\r\n                                                        }\r\n                                                        else {\r\n                                                            setdatas({ ...datas, autoDeployment: false })\r\n                                                        }\r\n                                                    }\r\n                                                    }\r\n                                                >\r\n                                                    <option value={false} selected>No</option>\r\n                                                    <option value={true}>Yes</option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" hidden={(datas.source == 'Git Connect' && datas.autoDeployment == true) ? false : true}>\r\n                                                <label htmlFor=\"firstName\">Set Frequency</label>\r\n                                                <select className=\"form-select form-select-sm mt-1\" id=\"firstName\" value={datas.setFrequency}\r\n                                                    onChange={(e) => setdatas({ ...datas, setFrequency: e.target.value })}\r\n                                                >\r\n                                                    <option value=\"Please select\" selected>--Please select--</option>\r\n                                                    <option value=\"1 hour\">1 Hour</option>\r\n                                                    <option value=\"4 hour\">4 Hours</option>\r\n                                                    <option value=\"8 hour\">8 Hours</option>\r\n                                                    <option value=\"12 hour\">12 Hours</option>\r\n                                                    <option value=\"24 hour\">24 Hours</option>\r\n                                                    <option value=\"Custom\">Custom Time</option>\r\n                                                    <option value=\"All check-In\">Every Check-In</option>\r\n                                                    <option value=\"imprompt\">Imprompt</option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" hidden={(datas.source == 'Git Connect' && datas.autoDeployment == true && datas.setFrequency == \"Custom\") ? false : true}>\r\n                                                <label>Set Time</label><br />\r\n                                                <DatePicker picker=\"time\" className=\"w-100\" format=\"HH:mm\" value={datas.setTime} onChange={(e) => {\r\n                                                    setdatas({ ...datas, setTime: e })\r\n                                                }} />\r\n                                                {/* <input className=\"form-control form-control-sm mt-1\" type=\"time\" value=\"\" /> */}\r\n                                            </div>\r\n\r\n                                            {/* <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2 text-end\" hidden={(datas.source == 'Git Connect' && datas.autoDeployment == true && datas.setFrequency == \"imprompt\") ? false : true}>\r\n                                                <button className=\"btn btn-primary btn-sm text-end\">Build Now</button>\r\n                                            </div> */}\r\n                                        </div>\r\n                                    </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-4\" hidden={datas.source == 'Github' ? true : false}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-4\" hidden={datas.autoDeployment == false ? false : true}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-4\" hidden={datas.repositaryType == 'Private' ? false : true}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-4\" hidden={datas.repositaryType == 'Private' ? false : true}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\" hidden={(datas.autoDeployment == true && (datas.setFrequency == \"Custom\" || datas.setFrequency == \"imprompt\")) ? false : true}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2 sdgsfg\" hidden={(datas.setFrequency == 'Custom' || datas.setFrequency == \"imprompt\") ? false : true}>\r\n\r\n                                    </div>\r\n\r\n\r\n                                    {/* <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\" hidden={roles.repositoryType == 'Private' ? false : true}>\r\n\r\n                            </div> */}\r\n\r\n\r\n                                    {/* <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\" hidden={(datas.source == 'Github' && roles.repositoryType == 'Private') ? false : true}>\r\n                                {(datas.setFrequency == 'Custom' || datas.setFrequency == \"imprompt\") ? <div>\r\n                                    <label htmlFor=\"firstName\">Password</label>\r\n                                    <input className=\"form-control form-control-sm mt-2\" value={roles.repoPassword} id=\"firstName\" type=\"password\"\r\n                                        onChange={(e) => setRoles({ ...roles, repoPassword: e.target.value })}\r\n                                    />\r\n                                </div> : <div>\r\n                                    <label htmlFor=\"firstName\">User Name</label>\r\n                                    <input className=\"form-control form-control-sm mt-2\" value={roles.repoUserName} id=\"firstName\" type=\"text\"\r\n                                        onChange={(e) => setRoles({ ...roles, repoUserName: e.target.value })}\r\n                                    />\r\n                                </div>}\r\n                            </div> */}\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\" hidden={datas.setFrequency == 'Custom' ? false : true}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\" hidden={datas.repositaryType == 'Private' ? false : true}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\" hidden={datas.setFrequency == 'Custom' ? false : true}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\" hidden={datas.repositaryType == 'Private' ? false : true}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\">\r\n\r\n                                    </div>\r\n                                </div>\r\n\r\n                                {/* <Buttons/> */}\r\n                            </div> :\r\n                            current == 2 ?\r\n                                <div className=\"container-form\">\r\n                                    <div className=\"row p-3 pt-0\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-5 col-xl-5 mt-2\">\r\n                                            <div className=\"nx-case-details mb-5 pt-0\">\r\n                                                <div className=\"row align-items-baseline\">\r\n                                                    <label className=\"fw-bold\" style={{ color: '#172996' }}>Upload JSON</label>\r\n                                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                        <input type=\"file\" className=\"form-control w-100\" accept=\".json\" onChange={(e) => {\r\n                                                            if (e.target.files[0].name == 'roles.json') {\r\n                                                                let img = e.target.files[0];\r\n                                                                const fileReader = new FileReader();\r\n                                                                fileReader.readAsDataURL(img)\r\n                                                                fileReader.onload = async () => {\r\n                                                                    setJson({ ...json, name: e.target.files[0].name, image: fileReader.result })\r\n                                                                }\r\n                                                                fileReader.onerror = async () => {\r\n                                                                    return false\r\n                                                                }\r\n                                                            }\r\n                                                            else {\r\n                                                                NotificationManager.error('invalid json file')\r\n                                                            }\r\n                                                        }} />\r\n                                                        <p className=\"text-secondary\">Upload the roles.json file in the prescribed format </p>\r\n                                                    </div>\r\n                                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 text-end\">\r\n                                                        <button className=\"btn btn-sm\" style={{ backgroundColor: '#172996', color: 'white', fontSize: '13px' }}>\r\n                                                            Upload\r\n                                                        </button>\r\n                                                    </div>\r\n                                                    {/* <p className=\"text-danger\">(OR)</p> */}\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-7 col-xl-7 mt-2\">\r\n                                            <label className=\"fw-bold\" style={{ color: '#172996' }}>Update Roles Manualy</label>\r\n                                            <div class=\"table-wrapper-scroll-y my-custom-scrollbar mt-2\">\r\n                                                <table class=\"table table-bordered mb-0\">\r\n                                                    <thead>\r\n                                                        <tr>\r\n                                                            <th scope=\"col\">Role Code</th>\r\n                                                            <th scope=\"col\">Role Name</th>\r\n                                                            <th scope=\"col\">Action</th>\r\n                                                        </tr>\r\n                                                    </thead>\r\n                                                    <tbody>\r\n                                                        {datas.enrollmentRoles.map((item, index) => {\r\n                                                            return <tr>\r\n                                                                <td> {item.roleCode} </td>\r\n                                                                <td> {item.roleName} </td>\r\n                                                                <td align=\"center\">\r\n                                                                    <button className=\"btn\" onClick={() => {\r\n                                                                        let arr = datas.enrollmentRoles;\r\n                                                                        arr.splice(index, 1);\r\n                                                                        setdatas({\r\n                                                                            ...datas, rollCode: '', rollName: \"\", enrollmentRoles: arr\r\n                                                                        })\r\n                                                                    }} >\r\n                                                                        <FontAwesomeIcon size=\"sm\" icon={faMinusCircle} color=\"red\" className=\"d-flex align-items-center justify-content-center\" />\r\n                                                                    </button>\r\n                                                                    {/* <button type=\"button\" className='btn form-button text-center btn-danger w-50 btn-sm mt-2' onClick={() => {\r\n                                                                    if (roles.rollCode == '' && roles.rollName == '') {\r\n\r\n                                                                    } else {\r\n                                                                        setRoles({\r\n                                                                            ...roles, rollCode: '', rollName: \"\", enrollmentRoles: [...roles.enrollmentRoles, {\r\n                                                                                roleCode: roles.rollCode,\r\n                                                                                roleName: roles.rollName,\r\n                                                                                description: \"\",\r\n                                                                                additionalInfo: \"\",\r\n                                                                                isActive: true\r\n                                                                            }]\r\n                                                                        })\r\n                                                                    }\r\n                                                                }}> - </button> */}\r\n                                                                </td>\r\n                                                            </tr>\r\n                                                        })}\r\n                                                        <tr>\r\n\r\n                                                            <td>\r\n                                                                <input className=\"form-control form-control-sm\" value={datas.rollCode} id=\"roleName\" type=\"text\"\r\n                                                                    onChange={(e) => setdatas({ ...datas, rollCode: e.target.value })}\r\n                                                                />\r\n                                                            </td>\r\n\r\n                                                            <td>\r\n                                                                <input className=\"form-control form-control-sm\" value={datas.rollName} id=\"roleCode\" type=\"text\"\r\n                                                                    onChange={(e) => setdatas({ ...datas, rollName: e.target.value })}\r\n                                                                />\r\n                                                            </td>\r\n                                                            <td align=\"center\" className=\"d-flex align-items-center justify-content-center\">\r\n                                                                <button className=\"btn\" onClick={() => {\r\n                                                                    if (datas.rollCode == '' && datas.rollName == '') {\r\n                                                                    } else {\r\n                                                                        setdatas({\r\n                                                                            ...datas, rollCode: '', rollName: \"\", enrollmentRoles: [...datas.enrollmentRoles, {\r\n                                                                                roleCode: datas.rollCode,\r\n                                                                                roleName: datas.rollName,\r\n                                                                                description: \"\",\r\n                                                                                additionalInfo: \"\",\r\n                                                                                isActive: true\r\n                                                                            }]\r\n                                                                        })\r\n                                                                    }\r\n                                                                }}>\r\n                                                                    <FontAwesomeIcon icon={faPlusCircle} size=\"sm\" color=\"green\" />\r\n                                                                </button>\r\n                                                                {/* <button type=\"button\" className='btn text-center btn-primary w-100 btn-sm mt-2' onClick={() => {\r\n                                                                if (roles.rollCode == '' && roles.rollName == '') {\r\n                                                                } else {\r\n                                                                    setRoles({\r\n                                                                        ...roles, rollCode: '', rollName: \"\", enrollmentRoles: [...roles.enrollmentRoles, {\r\n                                                                            roleCode: roles.rollCode,\r\n                                                                            roleName: roles.rollName,\r\n                                                                            description: \"\",\r\n                                                                            additionalInfo: \"\",\r\n                                                                            isActive: true\r\n                                                                        }]\r\n                                                                    })\r\n                                                                }\r\n                                                            }}> + </button> */}\r\n                                                            </td>\r\n                                                        </tr>\r\n                                                    </tbody>\r\n                                                </table>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        {/* <div className=\"card mt-3\">\r\n                                        <div className=\"card-body\">\r\n                                            <div class=\"table-wrapper-scroll-y my-custom-scrollbar rtbl\">\r\n                                                <table class=\"table table-bordered mb-0\">\r\n                                                    <thead>\r\n                                                        <tr>\r\n                                                            <th scope=\"col\">Role Code</th>\r\n                                                            <th scope=\"col\">Role Name</th>\r\n                                                        </tr>\r\n                                                    </thead>\r\n                                                    <tbody>\r\n                                                        {roles.enrollmentRoles.map((item, index) => {\r\n                                                            return <tr>\r\n                                                                <td>\r\n                                                                    {item.roleCode}\r\n                                                                </td>\r\n                                                                <td>\r\n                                                                    {item.roleName}\r\n                                                                </td>\r\n                                                            </tr>\r\n                                                        })}\r\n                                                    </tbody>\r\n                                                </table>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> */}\r\n                                    </div>\r\n\r\n                                    {/* buttons */}\r\n                                    {/* <Buttons/> */}\r\n                                </div> :\r\n                                <div className=\"container-form\">\r\n                                    <div className='p-3 pt-0'>\r\n                                        <h5>You have successfully enrolled an app for publishing.</h5>\r\n                                        <pre style={{ fontSize: '16px', color: '#172996' }}>Service Name : <span style={{ fontStyle: 'normal', fontSize: '14px', color: 'black' }}> {datas.serviceName} </span> </pre>\r\n                                        <pre style={{ fontSize: '16px', color: '#172996' }}>Developer : <span style={{ fontStyle: 'normal', fontSize: '14px', color: 'black' }}> {datas.developerName} </span> </pre>\r\n                                        <pre style={{ fontSize: '16px', color: '#172996' }}>Version : <span style={{ fontStyle: 'normal', fontSize: '14px', color: 'black' }}> {datas.version} </span> </pre>\r\n                                        <pre style={{ fontSize: '16px', color: '#172996' }}>Build No : <span style={{ fontStyle: 'normal', fontSize: '14px', color: 'black' }}> {datas.buildNo} </span> </pre>\r\n                                        <pre style={{ fontSize: '16px', color: '#172996' }}>Build Type : <span style={{ fontStyle: 'normal', fontSize: '14px', color: 'black' }}> {datas.buildType} </span> </pre>\r\n\r\n                                        <div className='mt-1'>\r\n                                            <p> If you want to edit any information you can do so now, <button onClick={() => prev()} className='btn btn-primary' style={{ fontSize: '12px', padding: '2px 5px' }}>Back</button> </p>\r\n                                        </div>\r\n\t\t\t\t\t\t\t\t\t\t<div lassName=\"mt-2\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span> Base App :  </span>\r\n\t\t\t\t\t\t\t\t\t\t\t<Switch onChange={(e) => setdatas({ ...datas, isBaseAppService: e })} />\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n                                    </div>\r\n                                </div>\r\n                    }\r\n                    <div className=\"steps-action container\" style={{ textAlign: 'right' }}>\r\n                        {current > 0 && (\r\n                            <Button style={{ margin: '0 8px' }} onClick={() => prev()} hidden={current == 3 ? true : false}>\r\n                                Previous\r\n                            </Button>\r\n                        )}\r\n                        {/* {current == 0 && (\r\n                            <Button style={{ margin: '0 8px' }} onClick={() => history.goBack()}>\r\n                                Cancel\r\n                            </Button>\r\n                        )} */}\r\n                        {current == 0 ? <Button type=\"primary\"\r\n                            disabled={(datas.serviceName == '' || datas.serviceType == '' || datas.serviceCategory == '' || datas.developerName == '' || datas.country == '' || datas.serviceKey == '')}\r\n                            onClick={() =>\r\n                                next()\r\n                            }>\r\n                            Next\r\n                        </Button> : ''}\r\n\r\n                        {current == 1 ? <Button type=\"primary\"\r\n                            disabled={checkFields}\r\n                            // (datas.version == '' || datas.buildNo == '' || datas.buildType == '' || datas.source == '') ||\r\n                            // ((datas.serviceType == 'API' && datas.source == 'Code Upload') && datas.apiSourcepath == '' || datas.apiBuildFilePath == '' ) ||\r\n                            //     ((datas.serviceType == 'API' && datas.source == 'Git Connect') ? datas.repositaryType == '' :\r\n                            //         (datas.serviceType == 'APP' && datas.source == 'Code Upload') ? datas.apiSourcepath == '' || datas.apiBuildFilePath == '' || datas.uiSourcePath == '' || datas.uiBuildFilePath == '' || datas.dbScriptPath == '' :\r\n                            //         (datas.serviceType == 'APP' && datas.source == 'Git Connect')&& datas.repositaryType == ''\r\n                            // \r\n                            //         )\r\n                            // (datas.serviceType == 'API' && datas.source == 'Code Upload' && datas.apiSourcepath == '') || (datas.serviceType == 'API' && datas.source == 'Code Upload' && datas.apiBuildFilePath == '') ||\r\n                            // (datas.serviceType == 'APP' && datas.source == 'Code Upload' && datas.apiSourcepath == '') || (datas.serviceType == 'APP' && datas.source == 'Code Upload' && datas.apiBuildFilePath == '') || (datas.serviceType == 'APP' && datas.source == 'Code Upload' && datas.uiSourcePath == '') || (datas.serviceType == 'APP' && datas.source == 'Code Upload' && datas.uiBuildFilePath == '') || (datas.serviceType == 'APP' && datas.source == 'Code Upload' && datas.dbScriptPath == '') ||\r\n                            // (datas.serviceType == 'Service' && datas.source == 'Code Upload' && datas.uiBuildFilePath == '') ||\r\n                            // (datas.source == 'Git Connect' && datas.repositaryType == 'Single' && datas.gitAccessToken == '') || (datas.source == 'Git Connect' && datas.repositaryType == 'Single' && datas.apiSourcepath == '') || (datas.source == 'Git Connect' && datas.repositaryType == 'Single' && datas.apiBuildFilePath == '') || (datas.source == 'Git Connect' && datas.repositaryType == 'Single' && datas.uiSourcePath == '') || (datas.source == 'Git Connect' && datas.repositaryType == 'Single' && datas.uiBuildFilePath == '') ||\r\n                            // (datas.source == 'Git Connect' && datas.repositaryType == 'Multiple' && datas.apiSourcepath == '') || (datas.source == 'Git Connect' && datas.repositaryType == 'Multiple' && datas.apiBuildFilePath == '') || (datas.source == 'Git Connect' && datas.repositaryType == 'Multiple' && datas.gitAccessToken == '') || (datas.source == 'Git Connect' && datas.repositaryType == 'Multiple' && datas.uiSourcePath == '') || (datas.source == 'Git Connect' && datas.repositaryType == 'Multiple' && datas.uiBuildFilePath == '') || (datas.source == 'Git Connect' && datas.repositaryType == 'Multiple' && datas.gitAccessToken == '') || (datas.source == 'Git Connect' && datas.repositaryType == 'Multiple' && datas.databaseServerID == '') || (datas.source == 'Git Connect' && datas.repositaryType == 'Multiple' && datas.dbScriptPath == '') || (datas.source == 'Git Connect' && datas.repositaryType == 'Multiple' && datas.gitAccessToken == '')\r\n\r\n                            // || datas.buildType == '' || datas.source == '' || datas.apiBuildFilePath == '' || datas.apiSourcepath == '' || datas.uiSourcePath == '' || datas.uiBuildFilePath == '' || datas.dbScriptPath == '' ||\r\n                            //     datas.repositaryType == '' || datas.gitAccessToken == '' || datas.databaseServerID == '')}\r\n                            onClick={() => next()}>\r\n                            Next\r\n                        </Button> : ''}\r\n                        {current == 2 ? <Button type=\"primary\"\r\n                            disabled={datas.enrollmentRoles.length == 0}\r\n\r\n                            onClick={() => next()}>\r\n                            Next\r\n                        </Button> : ''}\r\n                        {current == 3 ? <Button type=\"primary\"\r\n                            onClick={async () => {\r\n                                setLoading(true);\r\n                                await createRole();\r\n                                setLoading(false);\r\n                            }}\r\n                        >\r\n                            Publish\r\n                        </Button> : ''}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div style={{ height: 30 }} />\r\n            {/* <div className=\"container enroll-button text-start\">\r\n                <Buttons />\r\n            </div> */}\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","export default __webpack_public_path__ + \"static/media/enquiry.530b341d.png\";","export default __webpack_public_path__ + \"static/media/customer.0aca49d4.png\";","export default __webpack_public_path__ + \"static/media/onboarding.6d8b6236.png\";","import React, { useState, useEffect } from \"react\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport './style.css';\r\nimport { NxLoader, NxRightDrawer, NxActionTab, NxGridList, NxTitleTab, NxBreadcrumb, NxHeader, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport Footers from \"../../Screens/Footers/Footers\";\r\nimport moment from \"moment\";\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\nexport default function StoreConnectList() {\r\n    const [loader, setLoader] = useState(false);\r\n    const [enrollment, setEnrollment] = useState([]);\r\n    useEffect(() => {\r\n\r\n    }, [])\r\n\r\n    const splits = async (dests, setEnquiry) => {\r\n        let arr = [];\r\n        for (let value of dests) {\r\n            let data = [value.ServiceName, value.VersionNo, value.DeveloperName, moment(value.EnrollmentDate).format('MM/DD/YYYY'), <div>\r\n                {value.StoreStatus == \"Available\" ? <button className='btn btn-sm' style={{ fontSize: '11px', borderRadius: '0px', color: 'white', backgroundColor: '#99ccff', }}>\r\n                    {value.StoreStatus}\r\n                </button> : value.StoreStatus == 'Published' ? <button className='btn btn-sm' style={{ fontSize: '11px', borderRadius: '0px', color: 'white', backgroundColor: '#00e74d' }} >\r\n                    {/* Published */}\r\n                    {value.StoreStatus}\r\n                </button> : <button className='btn btn-sm' style={{ fontSize: '11px', borderRadius: '0px', color: 'white', backgroundColor: 'red' }} >\r\n                    {/* Retired */}\r\n                    {value.StoreStatus}\r\n                </button>}\r\n            </div>, <div>\r\n                <button className=\"btn btn-primary btn-sm p-1\" onClick={() => {\r\n                    // history.push({\r\n                    //     pathname: '/apps-store/store-connect/add',\r\n                    //     state: { editVal: value }\r\n                    // });\r\n                    history.push({\r\n                        pathname: '/apps-store/service-details',\r\n                        state: { editVal: value }\r\n                    });\r\n                }}>\r\n                    Store Connect\r\n                </button>\r\n            </div>];\r\n            let obj = { sendItem: value, data: data };\r\n            arr = [...arr, obj]\r\n        }\r\n        setEnquiry(arr)\r\n    }\r\n\r\n    const getEnrollment = async () => {\r\n        setLoader(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/StoreConnect/AllStoreConnect'\r\n        });\r\n\r\n\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let getCustomerDetails = result.result.data;\r\n                if (result.result.data) {\r\n                    await splits(getCustomerDetails, setEnrollment)\r\n                }\r\n            }\r\n            // setEnquiry(getCustomerDetails);\r\n        }\r\n        else if (result.Success == false) {\r\n            // NotificationManager.error(result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n        setLoader(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        getEnrollment();\r\n        // await splits(dest, setEnquiry);\r\n    }, [])\r\n\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n    return (\r\n        <div>\r\n            <NxLoader state={load} />\r\n            {/* <Headers /> */}\r\n            <NxLoader state={loader} />\r\n            {/* <NxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/customer-board')\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            {/* <NxTitleTab className=\"title-tab page-title\" title='Store Connect' onCloseClick={() => {\r\n                history.push('/apps-store');\r\n            }} /> */}\r\n            <div className=\"mx-0 mt-0\">\r\n                {/* <NxActionTab\r\n                    className=\"p-0 pt-0 mt-0 enquiry-action-tab\"\r\n                    onColumnsClick={() => { setHandel(true) }}\r\n                    onRefreshClick={() => {\r\n                        setLoad(true)\r\n                        setTimeout(function () {\r\n                            setLoad(false)\r\n                        }, 2000);\r\n                    }}\r\n                    onNewEntryClick={() => { history.push('/distribution/appsenrollment/add') }}\r\n                    enableNewEntry={false}\r\n                /> */}\r\n                <div className=\"pt-0 mb-5\">\r\n                    <NxGridList\r\n                        enableSearch={true}\r\n                        autoSearch={true}\r\n                        enableAutoPagination={true}\r\n                        showShowing={true}\r\n                        header={[\r\n                            {\r\n                                name: 'Service Name',\r\n                                sort: true,\r\n                                search: true\r\n                            },\r\n                            {\r\n                                name: 'Version No',\r\n                                sort: false,\r\n                            },\r\n                            {\r\n                                name: 'Developer',\r\n                                search: true\r\n                                // sort: true,\r\n                            },\r\n                            {\r\n                                name: 'Enrolment Date',\r\n                                sort: true\r\n\r\n                            },\r\n                            {\r\n                                name: 'Service Status',\r\n                            },\r\n                            {\r\n                                name: 'Action'\r\n                            }\r\n                        ]}\r\n                        rowClick={(data) => {\r\n\r\n                        }}\r\n                        data={enrollment && enrollment} />\r\n                </div>\r\n\r\n                <NxRightDrawer onClose={() => setHandel(false)} show={handel} drawerContent={() => { }} ondrawer1Close={() => { setHandel2(false) }} />\r\n            </div>\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport { Tabs, Switch, Rate, Modal, PageHeader, Tag, Button, Tooltip, Alert, Space } from 'antd';\r\nimport OtpInput from 'react-otp-input';\r\nimport './Style.css'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faCross, faTimes } from '@fortawesome/free-solid-svg-icons';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport { NotificationManager } from 'react-notifications';\r\nfunction CancelModal({ onCanceled = () => { }, cancelVisible, onOk = () => { }, title = '' }) {\r\n    const [pin, setPin] = useState('');\r\n\r\n    const [user, setUser] = useState({})\r\n    const getUserInfo = async () =>{\r\n        await ItrAuthService.GetUserInfo().then(res => {\r\n            if (res.Success == true) {\r\n                let getUserDetails = res.result;\r\n                setUser(getUserDetails);\r\n                // setUserName(getUserDetails.userName);\r\n            }\r\n            else if (res.Success == false) {\r\n                NotificationManager.error(res.message);\r\n                // sessionStorage.clear();\r\n            }\r\n        });\r\n    }\r\n    useEffect(() => {\r\n        getUserInfo();\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <Modal footer={[\r\n                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', flexDirection: 'row' }}>\r\n                    <button className='btn btn-primary' style={{ width: '48%', borderRadius: 0 }} onClick={() => {\r\n                        ItrApiService.POST({\r\n                            url: 'PAM/AdminPinVerification',\r\n                            data: {\r\n                                userCode: user.userCode,\r\n                                userName: user.userName,\r\n                                phonenumbers: \"\",\r\n                                otpKey: \"\",\r\n                                isEnable2FA: true,\r\n                                adminPin: pin\r\n                            }\r\n                        }).then(res => {\r\n                            console.log(res)\r\n                            if (res.Success == true) {\r\n                                if (res.result.isSuccess == true) {\r\n                                    onOk();\r\n                                    setPin('');\r\n                                } else {\r\n                                    NotificationManager.error(res.result.message);\r\n                                }\r\n                            } else {\r\n                                NotificationManager.error(res.message);\r\n                            }\r\n                        })\r\n                    }}\r\n                    >Authorize</button>\r\n                    <button className='btn btn-primary' style={{ width: '48%', borderRadius: 0 }} onClick={() => { onCanceled(); setPin(''); }}>Close</button>\r\n                </div>\r\n            ]\r\n            }\r\n                className='modClass'\r\n                title={< div style={{ padding: 20, width: '100%', backgroundColor: '#ADD8E6' }}>\r\n                    {/* <div style={{ position: 'absolute', right: 20, top: 20 }}>\r\n                        <FontAwesomeIcon icon={faTimes} style={{ cursor: 'pointer' }} onClick={onCanceled} />\r\n                    </div> */}\r\n                    < div >\r\n                        <label style={{ fontSize: 14 }}>Admin Action Control</label><br />\r\n                        <label style={{ fontSize: 17, marginTop: 10, fontWeight: 'bold' }}>Some of the actions will be irrevocable! <br />Do you want to continue with this operation?</label>\r\n                    </div >\r\n\r\n                </div >} width='400px' visible={cancelVisible} centered={true}\r\n                onCancel={onCanceled}\r\n            >\r\n                <div style={{ display: 'flex', justifyContent: 'center', flexDirection: 'column', alignItems: 'center' }}>\r\n                    <label className='f-badge-title' style={{ textAlign: 'center' }}>To continue, enter the admin pin.</label>\r\n                    {/* <div style={{ height: 80, width: '100%', backgroundColor: 'blue' }}>\r\n\r\n                    </div> */}\r\n                    <div className=\"feilds2 mt-5\" style={{}}>\r\n                        <div>\r\n                            {/* <input type='number' /> */}\r\n                            <OtpInput\r\n                                containerStyle={{ borderColor: '#666666' }}\r\n                                className='otpinp'\r\n                                inputStyle={{ width: 40, height: 40, borderColor: '#666666', shadow: 'none' }}\r\n                                value={pin}\r\n                                onChange={(ot) => { setPin(ot) }}\r\n                                numInputs={6}\r\n                                separator={<span> - </span>}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </Modal >\r\n        </div >\r\n    );\r\n}\r\n\r\nexport default CancelModal;","import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { NxLoader } from '@afiplfeed/itr-app';\r\nimport { Button, Modal, Alert, Space, PageHeader, Tooltip, message } from 'antd';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport Pricing from './Pricing';\r\nimport moment from 'moment';\r\n\r\nfunction AddLicenseModel({ modalState, setModalState, selectedValue, subIds, refreshFunction = () => { } }) {\r\n    const [loader, setLoader] = useState(false);\r\n    const [confirmSubscribe, setConfirmSubscribe] = useState(false);\r\n    const [priceDetails, setPricingDetails] = useState([]);\r\n    const [noOfUnits, setNoOfUnit] = useState('0');\r\n\r\n    const [serviceCode, setServiceCode] = useState();\r\n\r\n    let getServiceCode = selectedValue.serviceCode;\r\n\r\n    console.log(getServiceCode);\r\n    const getPrice = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: `RevOps/StoreConnect/StoreConnectByServiceCode/${selectedValue.serviceCode}`\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let data = result.result.data;\r\n                if (data === null || !data.storeConnectPricings.length) {\r\n                    // alert(result.result.message);\r\n                    setPricingDetails([]);\r\n                }\r\n                else {\r\n                    setPricingDetails(data.storeConnectPricings);\r\n                    setServiceCode(data.serviceCode);\r\n                }\r\n            }\r\n            else if (result.result.isSuccess == false) {\r\n            }\r\n        }\r\n    }\r\n\r\n    const [userInfo, setUserInfo] = useState({\r\n        currency: \"\"\r\n    })\r\n\r\n    const getUserDetails = async () => {\r\n        let result = await ItrAuthService.GetUserInfo();\r\n        if (result.Success == true) {\r\n            let getUserDetails = result.result;\r\n            setUserInfo(getUserDetails);\r\n        }\r\n        else if (result.Success == false) {\r\n            alert(result.message);\r\n        }\r\n    }\r\n\r\n    const [service, setService] = useState()\r\n\r\n    const [estimateData, setEstimateData] = useState({\r\n        serviceCode: service,\r\n        entityCode: \"\",\r\n        noofUnit: 0,\r\n        unitPrice: 0,\r\n        totalPrice: 0,\r\n        currencyName: \"\"\r\n    });\r\n\r\n\r\n    useEffect(() => {\r\n        setService(selectedValue.serviceCode)\r\n        getPrice();\r\n        getUserDetails()\r\n    }, [selectedValue]);\r\n\r\n    const [subscriptionValue, setSubscriptionValue] = useState();\r\n\r\n    let rupeeIndian = Intl.NumberFormat(\"en-IN\", {\r\n        // style: \"currency\",\r\n        currency: \"INR\",\r\n    });\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={loader} />\r\n            <Modal\r\n                footer={[\r\n                    <div>\r\n                        <Button type=\"ghost\" onClick={() => {\r\n                            setModalState(false);\r\n                        }\r\n                        }>Close</Button>\r\n                    </div>\r\n                ]} visible={modalState} width={1000} bodyStyle={{ height: '500px', overflow: 'auto' }} centered={true} onCancel={() => {\r\n                    setModalState(false);\r\n                }}\r\n            >\r\n                <PageHeader\r\n                    // onBack={() => setAppModalDetails(false)}\r\n                    title={selectedValue.serviceName}\r\n                // subTitle=\"Productivity\"\r\n                >\r\n                    <div className=''>\r\n                        <p className='my-0'><span>App Category :</span> {selectedValue.serviceCategory} </p>\r\n                        <p className='my-0'><span>Publisher :</span> {selectedValue.developerName} </p>\r\n                        <p className='my-0'><span>Currency :</span> {userInfo.currency ? userInfo.currency.split(\"-\")[0] : ''} </p>\r\n                    </div>\r\n                </PageHeader>\r\n\r\n                <div className='mt-3 row'>\r\n                    <div className='col-12 col-sm-12 col-md 12 col-lg-6 col-xl-6 mt-2'>\r\n                        <label className='fw-bold'>Add License</label>\r\n                        <div className=\"row p-3 justify-content-start align-items-start\">\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12'>\r\n                                <div className='row align-items-start'>\r\n                                    <label>Pls enter the number of licenses you would like to subscribes</label>\r\n                                    <div className='col-12 col-sm-12 col-md-6 col-lg-8 col-xl-8 mt-2'>\r\n                                        <input style={{ fontSize: '12px' }} type='number' className=\"form-control form-control-sm\" placeholder=\"\"\r\n                                            value={estimateData.noofUnit}\r\n                                            onChange={(e) => {\r\n                                                setEstimateData({ ...estimateData, noofUnit: e.target.value });\r\n                                                // setNoOfUnit(e.target.value);\r\n                                            }}\r\n                                        />\r\n                                    </div>\r\n                                    <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                                        <button style={{ fontSize: '12px', borderRadius: '0' }} className=\"btn btn-primary btn-sm shadow-none w-100\"\r\n                                            // onClick={() => setConfirmSubscribe(true)}\r\n                                            disabled={loader || estimateData.noofUnit == 0 || '' ? true : false}\r\n                                            onClick={() => {\r\n                                                setLoader(true);\r\n                                                ItrApiService.POST({\r\n                                                    url: 'RevOps/StoreConnect/GetEstimatePrice',\r\n                                                    data: { ...estimateData, serviceCode: selectedValue.serviceCode }\r\n                                                }).then(res => {\r\n                                                    if (res.Success == true) {\r\n                                                        if (res.result.isSuccess == true) {\r\n                                                            setLoader(false);\r\n                                                            setSubscriptionValue(res.result.data.totalPrice);\r\n                                                            //setConfirmSubscribe(true);\r\n                                                        }\r\n                                                        else {\r\n                                                            message.error(res.result.message);\r\n                                                            setLoader(false);\r\n                                                        }\r\n                                                    }\r\n                                                    else {\r\n                                                        setLoader(false);\r\n                                                    }\r\n                                                    setConfirmSubscribe(true);\r\n                                                })\r\n                                            }}\r\n                                        >Subscribe</button>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='row mt-3'>\r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12\" hidden={confirmSubscribe == false ? true : false}>\r\n                                        <Alert\r\n                                            style={{ height: '130px' }}\r\n                                            message=\"Subscription Confirmation\"\r\n                                            // description={`Your monthly estimated bill : Rs ${priceDetails.length > 0 ? parseInt(noOfUnits) * parseInt(priceDetails[0].amount) : 0} /-`}\r\n                                            description={`Your monthly estimated bill : ${subscriptionValue ? rupeeIndian.format(subscriptionValue) : ''} /- ${userInfo.currency ? userInfo.currency.split(\"-\")[0] : ''} `}\r\n                                            type=\"info\"\r\n                                            showIcon\r\n                                            // banner={true}\r\n                                            action={\r\n                                                <>\r\n                                                    <div style={{ position: 'absolute', bottom: '10px', right: '20px' }}>\r\n                                                        <Space direction=\"horizontal\">\r\n                                                            <Button size=\"small\" type=\"primary\"\r\n                                                                disabled={loader || estimateData.noofUnit == 0 || '' ? true : false}\r\n                                                                onClick={() => {\r\n                                                                    setLoader(true);\r\n                                                                    ItrApiService.POST({\r\n                                                                        url: 'RevOps/EntitySubscription/AddLicense',\r\n                                                                        data: {\r\n                                                                            entitySubscriptionUnitID: 0,\r\n                                                                            entitySubscriptionID: subIds,\r\n                                                                            purchasedUnits: parseInt(noOfUnits),\r\n                                                                            activeUnits: 0,\r\n                                                                            inactiveUnits: 0,\r\n                                                                            purchasedDate: moment().format(),\r\n                                                                            isActive: true\r\n                                                                        }\r\n                                                                    }).then((res) => {\r\n                                                                        if (res.Success == true) {\r\n                                                                            if (res.result.isSuccess == true) {\r\n                                                                                message.success('Successfully Updated');\r\n                                                                                setLoader(false);\r\n                                                                                setModalState(false);\r\n                                                                                refreshFunction();\r\n                                                                            }\r\n                                                                            else {\r\n                                                                                message.error(res.result.message);\r\n                                                                                setLoader(false);\r\n                                                                            }\r\n                                                                        }\r\n                                                                        else {\r\n                                                                            setLoader(false)\r\n                                                                        }\r\n                                                                    })\r\n                                                                }}\r\n                                                            >\r\n                                                                Confirm\r\n                                                            </Button>\r\n                                                            <Button size=\"small\" danger type=\"ghost\" onClick={() => setConfirmSubscribe(false)}>\r\n                                                                Cancel\r\n                                                            </Button>\r\n                                                        </Space>\r\n                                                    </div>\r\n                                                </>\r\n                                            }\r\n                                            closable\r\n                                        >\r\n                                        </Alert>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12'>\r\n                                <p className='mt-0 fw-bold text-primary'>Subscription Information</p>\r\n                                {/* <p>Monthly estimated bill value INR_____</p> */}\r\n                                <p> <span className='text-danger'></span> The comprehensive billing for this will commence from the next billing cycle.<br /> Prorated bill will be generated for the current billing period.</p>\r\n\r\n                                <p style={{ cursor: 'pointer' }} className='w-50'>\r\n                                    <Tooltip overlayInnerStyle={{ color: 'black' }} color=\"#ffefbd\" title=\"Subscription Information Monthly estimated bill value INR_____\r\n                                                                    Note: The comprehensive billing for this will commence from the next billing cycle. Prorated bill will be generated for the current billing period.\r\n                                                                    Billing Policy (I)\">\r\n                                        <span style={{ color: 'black', fontSize: '14px' }}><FontAwesomeIcon icon={faInfoCircle} color='red' /> Billing & Cancellation Policy</span>\r\n                                    </Tooltip>\r\n                                </p>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className='col-12 col-sm-12 col-md 12 col-lg-6 col-xl-6 mt-2'>\r\n                        <label className='fw-bold'>Pricing</label>\r\n                        <div className='table-wrapper-scroll-y my-custom-scrollbar'>\r\n                            <table className='table table-sm'>\r\n                                <thead>\r\n                                    <tr>\r\n                                        <th>Pricing Module</th>\r\n                                        <th>Amount</th>\r\n                                        <th hidden={!(priceDetails && priceDetails[0]?.pricingModule == 'Volume' || priceDetails && priceDetails[0]?.pricingModule == 'Tiered')} >From</th>\r\n                                        <th hidden={!(priceDetails && priceDetails[0]?.pricingModule == 'Volume' || priceDetails && priceDetails[0]?.pricingModule == 'Tiered')} >To</th>\r\n                                        <th hidden={priceDetails[0]?.pricingModule != 'Step-Up'} >UserCount</th>\r\n\r\n                                    </tr>\r\n                                </thead>\r\n                                <tbody>\r\n                                    {priceDetails.map((data, index) => {\r\n                                        return <tr key={index}>\r\n                                            <td> {data.pricingModule} </td>\r\n                                            <td> {rupeeIndian.format(data.amount)} /- {userInfo.currency ? userInfo.currency.split(\"-\")[0] : ''} </td>\r\n                                            <td hidden={!(data?.pricingModule == 'Volume' || data?.pricingModule == 'Tiered')}> {data.from} </td>\r\n                                            <td hidden={!(data?.pricingModule == 'Volume' || data?.pricingModule == 'Tiered')}> {data.to} </td>\r\n                                            <td hidden={data?.pricingModule != 'Step-Up'}> {data?.userCount} </td>\r\n                                        </tr>\r\n                                    })}\r\n                                </tbody>\r\n\r\n                            </table>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n\r\n            </Modal>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default AddLicenseModel;","import React, { useState, useEffect } from 'react';\r\nimport './licenseManagement.css';\r\nimport { Navigate } from 'react-router-dom';\r\nimport { Tabs, Switch, Rate, Modal, PageHeader, Tag, Button, Tooltip, Alert, Space, message } from 'antd';\r\nimport { AppstoreOutlined, DashboardOutlined } from '@ant-design/icons';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui'\r\nimport { NxLoader, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from '../../Screens/Headers/Headers';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faAddressCard, faChartLine, faCode, faDollarSign, faIdBadge, faInfo, faInfoCircle, faStore, faTachometerAlt, faTicketAlt, faUserTag } from '@fortawesome/free-solid-svg-icons';\r\nimport SubModal from './SubModal';\r\nimport CancelModal from './CancelModal';\r\nimport moment from 'moment';\r\nimport AddLicenseModel from './AddLicenseModel';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport CustomerSidebar from '../../Screens/CustomerSidebar/CustomerSidebar';\r\nimport { useHistory } from 'react-router-dom';\r\n\r\nexport default function LicenseManagement({ data = [{ image: '', heding: '', info: '' }] }) {\r\n    const { TabPane } = Tabs;\r\n    let history = useHistory();\r\n    const [cancelModals, setCancelModals] = useState(false);\r\n    const [cancelModals2, setCancelModals2] = useState(false);\r\n\r\n    const [subscriptionData, setSubscriptionData] = useState([]);\r\n    const [subscriptionId, setSubscriptionId] = useState('');\r\n    const [clientId, setClientid] = useState('');\r\n    const [enrollmentId, setEnrollmentId] = useState('');\r\n    const [loader, setLoader] = useState(false);\r\n    const [subIds, setSubIds] = useState()\r\n\r\n    // list-Subscription-Api\r\n    const getData = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/EntitySubscription/AllSubscriptionLicense'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let dataVal = result.result.data;\r\n            // console.log(dataVal);\r\n            // for (let id of dataVal) {\r\n            //     setSubscriptionId(id.clientSubscriptionID);\r\n            //     setClientid(id.clientID);\r\n            //     setEnrollmentId(id.id);\r\n            // }\r\n            if (dataVal === null || !dataVal.length) {\r\n                setSubscriptionData([]);\r\n            }\r\n            else {\r\n                // setData()\r\n                // splits(dataVal, setData);\r\n                setShowLicenseDetails(false)\r\n                setSubscriptionData(dataVal);\r\n                // await splits(data,setDatas);\r\n            }\r\n            // setCustomers(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            // alert(result.result.message);\r\n            // sessionStorage.clear();\r\n            // Navigate('/')\r\n        }\r\n    }\r\n\r\n    const [cancelSub, setCancelSub] = useState({\r\n        entitySubscriptionID: 0,\r\n        entityCode: \"\",\r\n        subscriptionCode: \"\",\r\n        serviceCode: \"\",\r\n        serviceName: \"\",\r\n        subscribedDate: \"2022-01-12T17:15:47.421Z\",\r\n        unSubscribedDate: \"2022-01-12T17:15:47.421Z\",\r\n        totalUnits: 0,\r\n        totalSubscribedUnits: 0,\r\n        totalAssignedUnits: 0,\r\n        isActive: true\r\n    });\r\n\r\n    const [noOfUnit, setNoOfUnit] = useState();\r\n\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n\r\n    var saveSubscribe = {\r\n        clientSubscriptionID: subscriptionId,\r\n        enrollmentID: enrollmentId,\r\n        clientID: clientId,\r\n        noofUnit: parseInt(noOfUnit)\r\n    }\r\n\r\n    var unSubscribe = {\r\n        clientSubscriptionID: subscriptionId,\r\n        clientID: clientId\r\n    }\r\n\r\n    useEffect(() => {\r\n        setLoader(true);\r\n        getData();\r\n        setLoader(false);\r\n    }, []);\r\n\r\n    const [sCode, setSCode] = useState()\r\n\r\n\r\n    const [showLicenseDetails, setShowLicenseDetails] = useState(false);\r\n\r\n    const [selectedData, setSelectedData] = useState({});\r\n    const [licenseData, setLicenseData] = useState([])\r\n    const showLicenseTable = (data) => {\r\n        setLoader(true)\r\n        setSCode(data);\r\n        ItrApiService.GET({ url: `RevOps/EntitySubscription/AllLicense/${data.ServiceCode}` }).then(res => {\r\n            // console.log(res)\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    setSelectedData(data);\r\n                    setLicenseData(res.result.data);\r\n                    setShowLicenseDetails(true);\r\n                }\r\n            }\r\n            setLoader(false)\r\n        })\r\n    }\r\n\r\n    const [removeVal, setRemoveVal] = useState([]);\r\n    const [modalState, setModalState] = useState(false);\r\n    const [selectedValue, setSelectedValue] = useState({});\r\n    return (\r\n        <> \r\n            <Headers />\r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true}  />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                    <NxTitleTab className=\"title-tab\" title=\"Subscriptions\" onCloseClick={() => history.push('/marketplace')} />\r\n                    <AddLicenseModel subIds={subIds} modalState={modalState} setModalState={setModalState} selectedValue={selectedValue} refreshFunction={async () => {\r\n                        setLoader(true)\r\n                        await getData();\r\n                        setLoader(false)\r\n                    }} />\r\n                    {/* <NxTitleTab className=\"title-tab\" title={<div>License Management &nbsp; <button className='btn btn-sm' style={{ backgroundColor: 'red', color: 'white' }} onClick={() => {\r\n                        ItrApiService.GET({\r\n                            url: 'PAM/IsRequiredAdminPinVerification',\r\n                        }).then(res => {\r\n                            console.log(res);\r\n                            if (res.Success == true) {\r\n                                if (res.result.isSuccess == true) {\r\n                                    if (res.result.data.isRequiredAdminPinVerification == true) {\r\n                                        setCancelModals2(true);\r\n                                    }\r\n                                    else {\r\n                                        setLoader(true);\r\n                                        ItrApiService.POST({\r\n                                            url: 'RevOps/EntitySubscription/CancelAllSubscription',\r\n                                        }).then(res => {\r\n                                            console.log(res)\r\n                                            if (res.Success == true) {\r\n                                                if (res.result.isSuccess == true) {\r\n                                                    NotificationManager.success('All Subscriptions are Canceled');\r\n                                                } else {\r\n                                                    NotificationManager.error(res.result.message);\r\n                                                }\r\n                                            } else {\r\n                                                NotificationManager.error(res.message);\r\n                                            }\r\n                                        })\r\n                                    }\r\n                                }\r\n                            }\r\n                        })\r\n                    }}\r\n                    >Cancel All Subscriptions</button> </div>} onCloseClick={() => Navigate('/launch-pad')} /> */}\r\n                    <div className=\"mt-0 apps-store-main \" >\r\n                        <div className=\"container1 mt-1 nx-subscription-page mb-5\">\r\n                            <div className='table-responsive'>\r\n                                <table className='table table-sm table-wrapper-scroll'>\r\n                                    <thead className='table-secondary'>\r\n                                        <tr>\r\n                                            <th >Service Name</th>\r\n                                            <th >Version Number</th>\r\n                                            <th >Developer</th>\r\n                                            <th >Total Subscribed</th>\r\n                                            <th >Assigned</th>\r\n                                            <th >Remaining</th>\r\n                                            <th >Compliance Status</th>\r\n                                            <th >Action</th>\r\n                                        </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                        {subscriptionData.map((data, index) => {\r\n                                            return <tr key={index} style={{ cursor: 'pointer' }} onClick={() => showLicenseTable(data)}>\r\n                                                <td align='left' className='text-primary'>{data.ServiceName}</td>\r\n                                                <td align='left'> {data.VersionNo} </td>\r\n                                                <td align='left'> {data.DeveloperName} </td>\r\n                                                <td align='left'> {data.TotalSubscribed} </td>\r\n                                                <td align='left'> {data.TotalAssigned || '0'} </td>\r\n                                                <td align='left'> {data.Remaining} </td>\r\n                                                <td align='left'>\r\n                                                    {(data.Remaining && data.Remaining > 0) ? <span className='dot1 pl-0'></span> : <span className='dot1 pl-0' style={{ backgroundColor: 'blue', }}></span>}\r\n                                                    {(data.Remaining && data.Remaining > 0) ? ' Over Subscribed' : ' Right Subscribed'}\r\n                                                </td>\r\n                                                <td align='right'>\r\n                                                    <div className='d-flex flex-row'>\r\n                                                        <button className='btn btn-sm btn-outline-danger mr-1' style={{ fontSize: '13px' }} onClick={(e) => {\r\n                                                            e.stopPropagation();\r\n                                                            setCancelSub({ ...cancelModals, entitySubscriptionID: data.SubscriberId });\r\n                                                            // ItrApiService.POST({\r\n                                                            //     url: 'RevOps/EntitySubscription/CancelSubscription',\r\n                                                            //     data: cancelSub\r\n                                                            // }).then(async res => {\r\n                                                            //     if (res.Success == true) {\r\n                                                            //         if (res.result.isSuccess == true) {\r\n                                                            //             setLoader(false)\r\n                                                            //             await getData();\r\n                                                            //             setCancelModals(false);\r\n                                                            //             NotificationManager.success('Successfully Updated');\r\n                                                            //         }\r\n                                                            //         else {\r\n                                                            //             setLoader(false);\r\n                                                            //             NotificationManager.success(res.result.message);\r\n                                                            //         }\r\n                                                            //     }\r\n                                                            //     else {\r\n                                                            //         setLoader(false);\r\n                                                            //         NotificationManager.success(res.result.message);\r\n                                                            //     }\r\n                                                            // })\r\n\r\n                                                            // \r\n                                                            ItrApiService.GET({\r\n                                                                url: 'PAM/IsRequiredAdminPinVerification',\r\n                                                            }).then(res => {\r\n                                                                console.log(res);\r\n                                                                if (res.Success == true) {\r\n                                                                    if (res.result.isSuccess == true) {\r\n                                                                        if (res.result.data.isRequiredAdminPinVerification == true) {\r\n                                                                            setCancelModals(true);\r\n                                                                        }\r\n                                                                        else {\r\n                                                                            setLoader(true)\r\n                                                                            ItrApiService.POST({\r\n                                                                                url: 'RevOps/EntitySubscription/CancelSubscription',\r\n                                                                                data: cancelSub\r\n                                                                            }).then(async res => {\r\n                                                                                if (res.Success == true) {\r\n                                                                                    if (res.result.isSuccess == true) {\r\n                                                                                        setLoader(false)\r\n                                                                                        await getData();\r\n                                                                                        setCancelModals(false);\r\n                                                                                        NotificationManager.success('Successfully Updated');\r\n                                                                                    }\r\n                                                                                    else {\r\n                                                                                        setLoader(false);\r\n                                                                                        NotificationManager.success(res.result.message);\r\n                                                                                    }\r\n                                                                                }\r\n                                                                                else {\r\n                                                                                    setLoader(false);\r\n                                                                                    NotificationManager.success(res.result.message);\r\n                                                                                }\r\n                                                                            })\r\n                                                                        }\r\n                                                                    }\r\n                                                                }\r\n                                                            })\r\n\r\n                                                            // setCancelModals(true);\r\n                                                            // ItrApiService.POST({\r\n                                                            //     url: 'RevOps/EntitySubscription/CancelSubscription',\r\n                                                            //     data: cancelSub\r\n                                                            // })\r\n                                                        }}> Cancel Subscription </button>\r\n                                                        <button className='btn btn-sm btn-outline-success mx-1' style={{ fontSize: '13px' }} onClick={(e) => {\r\n                                                            e.stopPropagation();\r\n                                                            setLoader(true);\r\n                                                            ItrApiService.GET({ url: `DevOps/Enrollment/GetByEnrollmentID/${data.EnrollmentId}` }).then(res => {\r\n                                                                if (res.Success == true) {\r\n                                                                    if (res.result.isSuccess == true) {\r\n                                                                        setSelectedValue(res.result.data);\r\n                                                                        setModalState(true);\r\n                                                                        setSubIds(data.SubscriberId)\r\n                                                                        setLoader(false);\r\n                                                                    }\r\n                                                                }\r\n                                                            })\r\n                                                        }} > Add License </button>\r\n                                                    </div>\r\n                                                </td>\r\n                                            </tr>\r\n                                        })\r\n                                        }\r\n                                    </tbody>\r\n                                </table>\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"container1 mt-1 nx-subscription-page mb-5 mt-2\" hidden={showLicenseDetails == false ? true : false}>\r\n                            {/* Buttons */}\r\n                            <div style={{ display: 'flex', justifyContent: 'space-between' }}>\r\n                                <div>\r\n                                    <button className='btn btn-sm btn-outline-secondary ml-1' style={{ fontSize: '13px' }} onClick={() => {\r\n                                    setLoader(true);\r\n                                        ItrApiService.POST({ url: 'RevOps/EntitySubscription/RemoveLicense', data: removeVal }).then(res => {\r\n                                            if (res.Success == true) {\r\n                                                if (res.result.isSuccess == true) {\r\n                                                    message.success('Removed!');\r\n                                                    setRemoveVal([])\r\n                                                    setLoader(true);\r\n                                                    getData();\r\n                                                    ItrApiService.GET({ url: `RevOps/EntitySubscription/AllLicense/${sCode.ServiceCode}` }).then(res => {\r\n                                                        // console.log(res)\r\n                                                        if (res.Success == true) {\r\n                                                            if (res.result.isSuccess == true) {\r\n                                                                setSelectedData(sCode);\r\n                                                                setLicenseData(res.result.data);\r\n                                                                setShowLicenseDetails(true);\r\n                                                            }\r\n                                                        }\r\n                                                        setLoader(false)\r\n                                                    })\r\n                                                }\r\n                                            }\r\n                                            setLoader(false);\r\n                                        })\r\n                                    }}> Remove Selected License </button>\r\n                                    <button className='btn btn-sm btn-outline-secondary mx-2' style={{ fontSize: '13px' }}> Remove Un-Used License </button>\r\n                                </div>\r\n                                <div style={{ textAlign: 'right' }}>\r\n                                    <button className='btn btn-sm btn-outline-secondary ml-1' style={{ fontSize: '13px' }} onClick={() => {\r\n                                        setShowLicenseDetails(false);\r\n                                    }}> Close </button>\r\n                                    {/* <button className='btn btn-sm btn-outline-secondary mx-2' style={{ fontSize: '13px' }}> Remove Un-Used License </button> */}\r\n                                </div>\r\n                            </div>\r\n                            {/* Buttons */}\r\n                            <div className='table-responsive mt-3'>\r\n                                <table className='table table-wrapper-scroll'>\r\n                                    <thead className='table-secondary'>\r\n                                        <tr>\r\n                                            <th></th>\r\n                                            <th >Service Name</th>\r\n                                            <th >License Number</th>\r\n                                            <th >Subscription Date</th>\r\n                                            <th >Status</th>\r\n                                            <th >Assigned To</th>\r\n                                            <th >Assigned Date</th>\r\n                                        </tr>\r\n                                    </thead>\r\n                                    <tbody>\r\n                                        {licenseData.map((item, index) => <tr style={{ cursor: 'pointer' }}>\r\n                                            <td>\r\n                                                <input class=\"form-check-input\" type=\"checkbox\" checked={removeVal.find((element) => {\r\n                                                    return element.licenseKeyID == item.licenseKeyID;\r\n                                                })} id=\"flexCheckDefault\" onChange={(e) => {\r\n                                                    if (e.target.checked == true) {\r\n                                                        let arr = [...removeVal];\r\n\r\n                                                        arr.push({\r\n                                                            \"licenseKeyID\": item.licenseKeyID,\r\n                                                            \"licenseKey\": item.licenseKey,\r\n                                                        });\r\n                                                        setRemoveVal(arr)\r\n                                                    } else {\r\n                                                        let array = [...removeVal];\r\n                                                        var index1 = array.findIndex(vals => vals.licenseKeyID === item.licenseKeyID);\r\n                                                        array.splice(index1, 1)\r\n                                                        setRemoveVal(array);\r\n                                                    }\r\n                                                }} />\r\n                                            </td>\r\n                                            <td align='left' className='text-primary'>{selectedData.ServiceName}</td>\r\n                                            <td align='left'>{item.licenseKey}</td>\r\n                                            <td align='left'> {moment().format('DD/MM/YYYY')}</td>\r\n                                            <td align='left'> {item.isAssigned == false ? 'Unassigned' : 'Assigned'} </td>\r\n                                            <td align='left'> {item.isAssigned == false ? 'N/A' : item.assignedUser} </td>\r\n                                            <td align='left'> {item.isAssigned == false ? 'N/A' : ''} </td>\r\n                                        </tr>)}\r\n                                        {/* {subscriptionData.map((data,index) => {\r\n                                                return <tr style={{ cursor: 'pointer' }}>\r\n                                                    <td align='left' className='text-primary'></td>\r\n                                                    <td align='left'>1123234</td>\r\n                                                    <td align='left'> 31/12/2021 </td>\r\n                                                    <td align='left'> Pending </td>\r\n                                                    <td align='left'> Test2 Name </td>\r\n                                                    <td align='left'> 31/12/2021 </td>\r\n                                                    <td align='left'>\r\n                                                        <button className='btn btn-sm btn-outline-secondary ml-1' style={{ fontSize: '13px' }}> Remove License </button>\r\n                                                    </td>\r\n                                                </tr>})} */}\r\n                                    </tbody>\r\n                                </table>\r\n                            </div>\r\n                        </div>\r\n                        <CancelModal\r\n                            title={<h5>Cancel Subscription</h5>}\r\n                            cancelVisible={cancelModals} onCanceled={() => {\r\n                                setCancelModals(false);\r\n                            }} onOk={() => {\r\n                                setLoader(true)\r\n                                ItrApiService.POST({\r\n                                    url: 'RevOps/EntitySubscription/CancelSubscription',\r\n                                    data: cancelSub\r\n                                }).then(async res => {\r\n                                    await getData();\r\n                                    setLoader(false)\r\n                                    setCancelModals(false);\r\n                                })\r\n                            }} />\r\n                        <CancelModal\r\n                            title={<h5>Cancel Subscription</h5>}\r\n                            cancelVisible={cancelModals2} onCanceled={() => {\r\n                                setCancelModals2(false);\r\n                            }} onOk={() => {\r\n                                setLoader(true)\r\n                                ItrApiService.POST({\r\n                                    url: 'RevOps/EntitySubscription/CancelAllSubscription',\r\n                                    data: {}\r\n                                }).then(async res => {\r\n                                    console.log(res)\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            NotificationManager.success('All Subscriptions are Canceled');\r\n                                            await getData();\r\n                                            setLoader(false)\r\n                                            setCancelModals2(false);\r\n                                        } else {\r\n                                            NotificationManager.error(res.result.message);\r\n                                        }\r\n                                    } else {\r\n                                        NotificationManager.error(res.message);\r\n                                    }\r\n                                })\r\n                            }} />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2023 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","export default __webpack_public_path__ + \"static/media/logo1.1b76216f.png\";","import { faCreditCard, faEye } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { NxGridList, NxLoader } from '@afiplfeed/itr-app';\r\nimport moment from 'moment';\r\nimport './InvoiceData.css';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { Modal, TimePicker } from 'antd';\r\nimport logo from '../../../assets/logo1.png'\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport html2canvas from \"html2canvas\";\r\nimport { jsPDF } from \"jspdf\";\r\n\r\nconst splits = async (dests, setData) => {\r\n    let arr = [];\r\n    if (dests && dests.serviceBillingDetailModels) {\r\n        for (let value of dests.serviceBillingDetailModels) {\r\n            let data = [value.serviceName, moment(value.date).format('DD/MM/YYYY'), value.unitPrice, value.noofUnit, value.totalPrice];\r\n            let obj = { sendItem: value, data: data };\r\n            arr = [...arr, obj]\r\n        }\r\n        arr = [...arr, { sendItem: '', data: ['', '', '', <div style={{ fontWeight: 'bold' }}>Sub Total</div>, dests.totalBillAmount] }, { sendItem: '', data: ['', '', '', <div style={{ fontWeight: 'bold' }}>GST (18%)</div>, dests.totalGSTAmount] }, { sendItem: '', data: ['', '', '', <div style={{ fontWeight: 'bold' }}>Total</div>, dests.totalBillAmountWithGST] }]\r\n        setData(arr);\r\n    }\r\n}\r\n\r\nfunction InvoiceData({ companyData, invoiceData, isModalVisible, handleOk, handleCancel }) {\r\n    const [dataVal, setDataVal] = useState([\r\n        {\r\n            invNo: \"#13423AFR\",\r\n            date: moment().format(),\r\n            client: 'Admin',\r\n            invoiceTitle: 'INV TITLE',\r\n            dueData: moment().add(1, 'month').format(),\r\n            status: 'Active',\r\n            invoiceAmount: 100,\r\n            balanceDue: 100,\r\n        }\r\n    ]);\r\n    const [data, setData] = useState([]);\r\n    const [loader, setLoader] = useState(false);\r\n    const [dataVal1, setDataVal2] = useState({})\r\n    const [toBillersVal, setToBillersVal] = useState({})\r\n\r\n    useEffect(() => {\r\n        splits(invoiceData, setData)\r\n        if (invoiceData && invoiceData.entityCode) {\r\n            ItrApiService.GET({ url: `RevOps/Entity/GetEntityByCode/${invoiceData.entityCode}` }).then(res => {\r\n                if (res.Success == true) {\r\n                    if (res.result.isSuccess == true) {\r\n                        if (res.result.data) {\r\n                            setToBillersVal(res.result.data)\r\n\r\n                        }\r\n                    }\r\n                }\r\n            })\r\n        }\r\n    }, [invoiceData]);\r\n\r\n    const printDocument = () => {\r\n        setLoader(true);\r\n        const input = document.getElementById('section-to-print');\r\n        html2canvas(input)\r\n            .then((canvas) => {\r\n                const imgData = canvas.toDataURL('image/png');\r\n                const pdf = new jsPDF();\r\n                console.log(imgData);\r\n                console.log(canvas)\r\n                pdf.addImage(imgData, 'JPEG', 0, 0);\r\n                // pdf.output('dataurlnewwindow');\r\n                pdf.save(`${invoiceData.invoiceNumber}.pdf`);\r\n                setLoader(false);\r\n            }).catch(err => {\r\n                setLoader(false);\r\n            });\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            {/* <iframe id=\"ifmcontentstoprint\" style={{ height: 0, width: 0, position: 'absolute' }}></iframe> */}\r\n            <Modal\r\n                footer={false}\r\n                visible={isModalVisible}\r\n                onOk={handleOk}\r\n                onCancel={handleCancel}\r\n                width='75%'\r\n            >\r\n                {invoiceData && invoiceData.invoiceNumber && <div>\r\n                    <NxLoader state={loader} />\r\n                    <div className='d-flex justify-content-end'>\r\n                        {/* <button className='btn btn-primary btnn-sm text-end' style={{ fontSize: '12px', padding: '5px' }}>Print</button> */}\r\n                        <button className='btn btn-primary btnn-sm text-end mx-1' style={{ fontSize: '12px', padding: '5px' }} onClick={() => {\r\n                            // var content = document.getElementById(\"print-func\").innerHTML;\r\n                            // var pri = document.getElementById(\"ifmcontentstoprint\").contentWindow;\r\n                            // pri.document.open();\r\n                            // pri.document.write(content);\r\n                            // pri.document.close();\r\n                            // pri.focus();\r\n                            // pri.print();\r\n                            // window.print();\r\n                            printDocument();\r\n                        }}> {loader == true ? 'loading...' : 'Download'}</button>\r\n                        {/* <button className='btn btn-primary btnn-sm text-end mx-1' style={{ fontSize: '12px', padding: '5px' }}\r\n                            onClick={() => {\r\n                                window.open('https://buy.stripe.com/28o8xP519g7G3n26os', '_blank');\r\n                            }}\r\n                        >Pay Now</button> */}\r\n                    </div>\r\n                    <div id='section-to-print' style={{ padding: '20px' }}>\r\n                        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start' }}>\r\n                            <div style={{ display: 'flex', flexDirection: 'column', width: '50%' }} >\r\n                                <img src={companyData.businessLogo} width={100} />\r\n                                {/* <span style={{ fontSize: 25, color: 'gray', width: 'auto' }}>Ith-red</span> */}\r\n\r\n                                <div className='mt-2 invoice'>\r\n                                    <span className='my-0 invoice-details' style={{ fontSize: '11px', fontWeight: 'bold' }}> {companyData.businessName} </span><br />\r\n                                    <span className='my-0 invoice-details' style={{ fontSize: '11px', color: 'gray' }}> {companyData.addressLine1} <br />{companyData.addressLine2},<br /> {companyData.city}, {companyData.state}, </span><br />\r\n                                    <span className='my-0 invoice-details' style={{ fontSize: '11px', color: 'gray' }}> {companyData.pinCode}, {companyData.countryName}</span><br />\r\n                                    {/* <span className='my-0 invoice-details' style={{ fontSize: '11px', color: 'gray' }}> </span><br /> */}\r\n                                    <span className='my-0 invoice-details' style={{ fontSize: '11px', color: 'gray' }}> GST IN: {companyData.gst} </span><br />\r\n                                    <span className='my-0 invoice-details' style={{ fontSize: '11px', color: 'gray' }}> CIN: {companyData.cin} </span><br />\r\n                                </div>\r\n\r\n                                <div className='mt-2'>\r\n                                    <span className='my-0 invoice-details' style={{ fontSize: '11px', fontWeight: 'bold' }}> Bill to </span><br />\r\n                                    <span className='my-0 invoice-details' style={{ fontSize: '11px', fontWeight: 'bold' }}>{toBillersVal.entityName}</span><br />\r\n                                    <span className='my-0 invoice-details' style={{ fontSize: '11px', color: 'gray' }}>{toBillersVal.addressLine1 ? `${toBillersVal.addressLine1}, ` : ''}</span><br />\r\n                                    <span className='my-0 invoice-details' style={{ fontSize: '11px', color: 'gray' }}>{toBillersVal.addressLine2 ? `${toBillersVal.addressLine2}, ` : '-'}</span><br />\r\n                                    <span className='my-0 invoice-details' style={{ fontSize: '11px', color: 'gray' }}> {toBillersVal.city} , {toBillersVal.state}</span><br />\r\n                                    <span className='my-0 invoice-details' style={{ fontSize: '11px', color: 'gray' }}> {toBillersVal.pinCode || '-'} </span><br />\r\n                                    <span className='my-0 invoice-details' style={{ fontSize: '11px', color: 'gray' }}> {toBillersVal.countryName || '-'} </span><br />\r\n                                    <span className='my-0 invoice-details' style={{ fontSize: '11px', color: 'gray' }}> GST IN: {toBillersVal.gst || '-'}</span><br />\r\n                                </div>\r\n                            </div>\r\n                            <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'flex-end', width: '50%' }} >\r\n                                <div>\r\n                                    <h4>Tax Invoice</h4>\r\n                                    {/* <button className='btn btn-primary shadow-none' onClick={() => {\r\n                                    var content = document.getElementById(\"print-func\").innerHTML;\r\n                                    var pri = document.getElementById(\"ifmcontentstoprint\").contentWindow;\r\n                                    pri.document.open();\r\n                                    pri.document.write(content);\r\n                                    pri.document.close();\r\n                                    pri.focus();\r\n                                    pri.print();\r\n                                    window.print();\r\n                                }}>Print</button>\r\n                                <button className='btn btn-success mx-3 shadow-none' disabled={true}>Paid</button> */}\r\n                                    <div className='mt-2 invoice row' style={{ marginLeft: 35 }}>\r\n                                        {/* <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12'>\r\n                                            <div className='row'>\r\n                                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-5'>\r\n                                                    <span className='my-0 invoice-details fw-bold' style={{ fontSize: '11px' }}> Account Number  </span>\r\n                                                </div>\r\n\r\n                                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-7'>\r\n                                                    <span style={{ fontSize: '11px', color: 'gray' }}> acct_1K9q2eSH0Yh7CDWC </span>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> */}\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 '>\r\n                                            <div className='row'>\r\n                                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-5 '>\r\n                                                    <span className='my-0 invoice-details fw-bold' style={{ fontSize: '11px' }}> Invoice Number </span>\r\n                                                </div>\r\n\r\n                                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-7 '>\r\n                                                    <span style={{ fontSize: '11px', color: 'gray' }}> {invoiceData.invoiceNumber} </span>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12'>\r\n                                            <div className='row'>\r\n                                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-5'>\r\n                                                    <span className='my-0 invoice-details fw-bold' style={{ fontSize: '11px' }}> Invoice Date </span>\r\n                                                </div>\r\n\r\n                                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-7 '>\r\n                                                    <span style={{ fontSize: '11px', color: 'gray' }}> {moment(invoiceData.invoicedDate).format('ll')} </span><br />\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12'>\r\n                                            <div className='row'>\r\n                                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-5'>\r\n                                                    <span className='my-0 invoice-details fw-bold' style={{ fontSize: '11px' }}> Invoice Due Date </span>\r\n                                                </div>\r\n\r\n                                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-7 '>\r\n                                                    <span style={{ fontSize: '11px', color: 'gray' }}> {moment(invoiceData.dueDate).format('ll')} </span>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12'>\r\n                                            <div className='row'>\r\n                                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-5'>\r\n                                                    <span className='my-0 invoice-details fw-bold' style={{ fontSize: '11px' }}> Service Month </span>\r\n                                                </div>\r\n\r\n                                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-7 '>\r\n                                                    <span style={{ fontSize: '11px', color: 'gray' }}> {moment(invoiceData.invoicedDate).format('MMM YYYY')} </span>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12'>\r\n                                            <div className='row'>\r\n                                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-5'>\r\n                                                    <span className='my-0 invoice-details fw-bold' style={{ fontSize: '11px' }}> Payment Method </span>\r\n                                                </div>\r\n                                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-7 '>\r\n                                                    <span style={{ fontSize: '11px', color: 'gray' }}> Online </span>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                {/* <span style={{ fontSize: 18, marginTop: 10 }}>#23RESE</span>\r\n                            <span style={{ fontSize: 16, marginTop: 6 }}>7th june 2021</span> */}\r\n                            </div>\r\n                        </div>\r\n                        {/* <div className='mt-4'>\r\n                        <div className='card'>\r\n                            <div className='card-body'>\r\n                                <h4 style={{ color: 'grey', fontWeight: 'bold' }}>To</h4>\r\n                                <span className='my-1 invoice-details' style={{ fontSize: '17px', color: \"gray\", fontWeight: 'bold' }}> Jack Perez </span><br />\r\n                                <span className='my-1 invoice-details' style={{ fontSize: '15px', color: 'gray', fontWeight: '' }}> 1 Infinite Loop </span><br />\r\n                                <span className='my-1 invoice-details' style={{ fontSize: '15px', color: 'gray', fontWeight: '' }}> 236543 India,IN</span><br />\r\n                                <span className='my-1 invoice-details' style={{ fontSize: '15px', color: 'gray', fontWeight: '' }}> India</span><br />\r\n                                <span className='my-1 invoice-details' style={{ fontSize: '15px', color: 'gray', fontWeight: '' }}> Phone : 8023420445</span><br />\r\n                                <span className='my-1 invoice-details' style={{ fontSize: '15px', color: 'gray', fontWeight: '' }}> Email : test@mail.com</span><br />\r\n                            </div>\r\n                        </div>\r\n                    </div> */}\r\n\r\n                        <div className='mt-4'>\r\n                            <table className='table wrapper-scroll'>\r\n\r\n                            </table>\r\n                        </div>\r\n\r\n                        <div className='mt-0'>\r\n                            <NxGridList\r\n                                header={[\r\n                                    {\r\n                                        name: 'App',\r\n                                        sort: false,\r\n                                        search: true\r\n                                    },\r\n                                    {\r\n                                        name: 'Period',\r\n                                        sort: false,\r\n                                    },\r\n                                    {\r\n                                        name: 'Unit Price',\r\n                                        sort: false,\r\n                                    },\r\n                                    {\r\n                                        name: 'Units',\r\n                                        sort: false,\r\n                                    },\r\n                                    {\r\n                                        name: 'Total',\r\n                                        // sort: true,\r\n                                    },\r\n\r\n                                ]}\r\n                                enableSearch={false}\r\n                                autoSearch={true}\r\n                                enableAutoPagination={false}\r\n                                showShowing={true}\r\n                                data={data}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>}\r\n\r\n            </Modal >\r\n        </div >\r\n\r\n    );\r\n}\r\n\r\nexport default InvoiceData;","import { faArrowDown, faCreditCard, faEye, faHistory, faRedo } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { NxFooter, NxGridList, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport moment from 'moment';\r\nimport './Invoice.css';\r\nimport React, { useEffect, useState } from 'react';\r\nimport InvoiceData from '../InvoiceData/InvoiceData';\r\nimport { Button, Modal, DatePicker } from 'antd';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport CustomerSidebar from '../../../Screens/CustomerSidebar/CustomerSidebar';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { useHistory } from 'react-router-dom';\r\n\r\n\r\n\r\nconst splits = async (dests, setData, setIsModalVisible, setSelectedVal, showModal, getReconcilationData) => {\r\n    let arr = [];\r\n    for (let value of dests) {\r\n        //value.status = 'Open';\r\n        // value.status = 'open';\r\n        let data = [moment(value.invoicedDate).format('DD/MM/YYYY'), value.entityName, value.invoiceNumber, moment(value.billDateFrom).format('DD/MM/YYYY') + \" TO \" + moment(value.billDateTo).format('DD/MM/YYYY'), `${value.totalBillAmountWithGST} /-`, moment(value.dueDate).format('DD/MM/YYYY'),\r\n        value.totalBillPaid == null || \"\" ? \"-\" : value.totalBillPaid +  '/-', value.lastBillPaid == null || \"\" ? \"-\" : moment(value.lastBillPaid).format('DD/MM/YYYY'), <div>\r\n            <button className='btn btn-sm' style={{ fontSize: '11px', borderRadius: '0px', color: value.billStatus != 'Partially Paid' ? 'white' : 'black', backgroundColor: value.billStatus == 'Open' ? 'blue' : value.billStatus == 'Pending' ? '#ff944d' : value.billStatus == 'Paid' ? 'green' : value.billStatus == 'Partially Paid' ? '#ffff66' : value.billStatus == 'Write-Off' ? 'red' : 'black' }}>\r\n                {value.billStatus.toUpperCase()}\r\n            </button>\r\n        </div>,\r\n        <div style={{ display: 'flex', alignItems: '' }}>\r\n            <span title=\"View\" onClick={() => {\r\n                setSelectedVal(value)\r\n                setIsModalVisible(true)\r\n            }}>\r\n                <FontAwesomeIcon icon={faEye} color=\"blue\" />\r\n            </span>\r\n\r\n            <span title=\"Reconciliation\" className='px-3' onClick={() => {\r\n                showModal(value);\r\n                getReconcilationData(value)\r\n            }}>\r\n                <FontAwesomeIcon icon={faHistory} color=\"green\" />\r\n            </span>\r\n        </div>\r\n        ];\r\n        let obj = { sendItem: value, data: data };\r\n        arr = [...arr, obj]\r\n    }\r\n    setData(arr);\r\n}\r\n\r\nfunction Invoice() {\r\n\r\n    const [openReconc, setOpenReconc] = useState(false);\r\n    const showModal = () => {\r\n        setOpenReconc(true);\r\n    };\r\n\r\n    let history = useHistory();\r\n    const handleCancel = () => {\r\n        setOpenReconc(false);\r\n    };\r\n\r\n    const [selectedVal, setSelectedVal] = useState({});\r\n\r\n    const [serviceId, setServiceId] = useState();\r\n    const [totalPaid, setTotalPaid] = useState(0);\r\n\r\n\r\n    const [saveReconc, setSaveReconc] = useState({\r\n        serviceBillingID: serviceId,\r\n        entityCode: \"\",\r\n        paymentMode: \"\",\r\n        amountPaid: 0,\r\n        paidOn: \"\",\r\n        paymentReference: \"\"\r\n    });\r\n\r\n    const [reconcilationData, setReconcilationData] = useState([]);\r\n\r\n    const getReconcilationData = (value) => {\r\n        setLoader(true);\r\n        ItrApiService.GET({\r\n            url: `RevOps/ServiceBilling/GetReconciliationByServiceBillingID/${value.serviceBillingID}`,\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    setLoader(false);\r\n                    setServiceId(value.serviceBillingID);\r\n                    setTotalPaid(value.totalBillPaid);\r\n                    setReconcilationData(res.result.data);\r\n                } else {\r\n                    setLoader(false);\r\n                    NotificationManager.error(res.result.message);\r\n                }\r\n            } else {\r\n                setLoader(false);\r\n                NotificationManager.error(res.message);\r\n            }\r\n        })\r\n    };\r\n\r\n    const handleOk = () => {\r\n        setLoader(true);\r\n        ItrApiService.POST({\r\n            url: 'RevOps/ServiceBilling/ServiceBillingReconciliation',\r\n            data: { ...saveReconc, paidOn: moment(saveReconc.paidOn).format(''), serviceBillingID: serviceId }\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    setLoader(false);\r\n                    setOpenReconc(false);\r\n                    NotificationManager.success(\"Successfully Created\");\r\n                    setSaveReconc({\r\n                        serviceBillingID: 0,\r\n                        entityCode: \"\",\r\n                        paymentMode: \"\",\r\n                        amountPaid: 0,\r\n                        paidOn: \"\",\r\n                        paymentReference: \"\"\r\n                    });\r\n                    getBillingData();\r\n                } else {\r\n                    setLoader(false);\r\n                    NotificationManager.error(res.result.message);\r\n                }\r\n            } else {\r\n                setLoader(false);\r\n                NotificationManager.error(res.message);\r\n            }\r\n        })\r\n    };\r\n\r\n    const [loader, setLoader] = useState(false);\r\n    const [dataVal, setDataVal] = useState([]);\r\n    const [data, setData] = useState([]);\r\n    const [datas, setDatas] = useState({\r\n        \"billerInfoID\": 0,\r\n        \"businessName\": \"\",\r\n        \"supportEmail\": \"\",\r\n        \"supportPhone\": \"\",\r\n        \"businessWebsite\": \"\",\r\n        \"businessLogo\": \"\",\r\n        \"addressLine1\": \"\",\r\n        \"addressLine2\": \"\",\r\n        \"city\": \"\",\r\n        \"state\": \"\",\r\n        \"pinCode\": \"\",\r\n        \"country\": \"\",\r\n        \"cin\": \"\",\r\n        \"pan\": \"\",\r\n        \"gst\": \"\",\r\n        \"tan\": \"\"\r\n    })\r\n    const [isModalVisible, setIsModalVisible] = useState(false);\r\n    const getBillingData = () => {\r\n        setLoader(true);\r\n        ItrApiService.GET({ url: 'RevOps/ServiceBilling/ListAllBilling' }).then(res => {\r\n            setLoader(false);\r\n            ItrApiService.GET({ url: 'RevOps/BillerInformation' }).then(res1 => {\r\n                if (res1.Success == true) {\r\n                    if (res1.result.isSuccess == true) {\r\n                        if (res1.result.data) {\r\n                            setDatas(res1.result.data);\r\n                        }\r\n                    }\r\n                }\r\n            })\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setDataVal(res.result.data)\r\n                        splits(res.result.data, setData, setIsModalVisible, setSelectedVal, showModal, getReconcilationData);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n    };\r\n    let { RangePicker } = DatePicker\r\n\r\n    useEffect(() => {\r\n        getBillingData();\r\n    }, [])\r\n    return (\r\n        <>\r\n            <Headers />\r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true}  />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                    <div className=\"nx-billing-invoice mb-5\">\r\n                        <NxLoader state={loader} />\r\n                        <NxTitleTab className=\"title-tab\" title='Invoice' onCloseClick={() =>  history.push('/marketplace')} />\r\n\r\n                        <div className=\"container-fluid invoice-table\">\r\n                            <NxGridList\r\n                                className='mt-3'\r\n                                enableSearch={true}\r\n                                autoSearch={true}\r\n                                enableAutoPagination={true}\r\n                                showShowing={true}\r\n                                header={[\r\n                                    {\r\n                                        name: 'DATE',\r\n                                        sort: true,\r\n                                    },\r\n                                    {\r\n                                        name: 'COMPANY NAME',\r\n                                        sort: true,\r\n                                    },\r\n                                    {\r\n                                        name: 'INV.NUMBER',\r\n                                        sort: true,\r\n                                    },\r\n                                    {\r\n                                        name: 'BILLING PERIOD',\r\n                                        sort: false,\r\n                                    },\r\n                                    {\r\n                                        name: 'AMOUNT',\r\n                                        // sort: true,\r\n                                    },\r\n                                    {\r\n                                        name: 'DUE BY',\r\n                                        search: true,\r\n                                    },\r\n                                    {\r\n                                        name: 'PAID AMOUNT',\r\n                                        search: true,\r\n                                    },\r\n                                    {\r\n                                        name: 'PAID ON',\r\n                                        sort: true,\r\n                                    },\r\n                                    {\r\n                                        name: 'STATUS',\r\n                                        // sort: true,\r\n                                    },\r\n                                    {\r\n                                        name: 'ACTION',\r\n                                        // sort: true,\r\n                                    },\r\n\r\n                                ]}\r\n                                rowClick={(e) => {\r\n                                }}\r\n                                data={data}\r\n                            />\r\n                            <InvoiceData companyData={datas} invoiceData={selectedVal} isModalVisible={isModalVisible}\r\n                                handleOk={() => {\r\n                                    setIsModalVisible(false);\r\n                                }}\r\n                                handleCancel={() => {\r\n                                    setIsModalVisible(false);\r\n                                }}\r\n                            />\r\n                        </div>\r\n\r\n                        <div className='container-fluid recon-title-main' id='recon-title-main'>\r\n                            <Modal\r\n                                title={\r\n                                    <div>\r\n                                        <p className='recon-title my-0' style={{ fontSize: '20px', fontWeight: 'bold' }}>Reconcilation</p>\r\n                                    </div>\r\n                                }\r\n                                centered\r\n                                footer={[\r\n                                    <Button key=\"submit\" type=\"primary\" onClick={handleOk} loading={loader}>\r\n                                        Save\r\n                                    </Button>,\r\n                                    <Button key=\"back\" onClick={handleCancel} loading={loader}>\r\n                                        Close\r\n                                    </Button>]}\r\n                                visible={openReconc}\r\n                                onOk={handleOk}\r\n                                onCancel={handleCancel}\r\n                            // width='75%'\r\n                            >\r\n                                <div style={{ display: 'flex' }} >\r\n                                    <div>\r\n                                        <div className='mt-2 invoice row'>\r\n                                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12'>\r\n                                                <div className='row'>\r\n                                                    <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2 align-items-start '>\r\n                                                        <div className='row'>\r\n                                                            <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-5 '>\r\n                                                                <span className='my-0 invoice-details fw-bold'> Payment Mode </span>\r\n                                                            </div>\r\n\r\n                                                            <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-7 '>\r\n                                                                <select className='form-select form-select-sm'\r\n                                                                    value={saveReconc.paymentMode}\r\n                                                                    onChange={(e) => setSaveReconc({ ...saveReconc, paymentMode: e.target.value })}\r\n                                                                >\r\n                                                                    <option value=\"\" selected disabled> --Please Select-- </option>\r\n                                                                    <option value=\"Cash\">Cash</option>\r\n                                                                    <option value=\"Bank Transfer\"> Bank Transfer </option>\r\n                                                                    <option value=\"Credit Card\"> Credit Card </option>\r\n                                                                    <option value=\"Adjustments\"> Adjustments </option>\r\n                                                                    <option value=\"Others\"> Others </option>\r\n                                                                </select>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n\r\n                                                    <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2 align-items-start'>\r\n                                                        <div className='row'>\r\n                                                            <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-5'>\r\n                                                                <span className='my-0 invoice-details fw-bold'> Amount </span>\r\n                                                            </div>\r\n\r\n                                                            <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-7 '>\r\n                                                                <input className='form-control form-control-sm'\r\n                                                                    type=\"number\"\r\n                                                                    value={saveReconc.amountPaid}\r\n                                                                    onChange={(e) => setSaveReconc({ ...saveReconc, amountPaid: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n\r\n                                                    <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2 align-items-start'>\r\n                                                        <div className='row'>\r\n                                                            <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-5'>\r\n                                                                <span className='my-0 invoice-details fw-bold'> Payment Date </span>\r\n                                                            </div>\r\n\r\n                                                            <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-7 '>\r\n                                                                <input className='form-control form-control-sm'\r\n                                                                    type=\"date\"\r\n                                                                    value={saveReconc.paidOn}\r\n                                                                    onChange={(e) => setSaveReconc({ ...saveReconc, paidOn: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n\r\n                                                    <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2 align-items-start'>\r\n                                                        <div className='row'>\r\n                                                            <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-5'>\r\n                                                                <span className='my-0 invoice-details fw-bold'> Reference Note </span>\r\n                                                            </div>\r\n\r\n                                                            <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-7 '>\r\n                                                                <textarea className='form-control form-control-sm'\r\n                                                                    value={saveReconc.paymentReference}\r\n                                                                    onChange={(e) => setSaveReconc({ ...saveReconc, paymentReference: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n\r\n                                                    {/* <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                                        <div className='row'>\r\n                                                            <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-5'>\r\n                                                                <span className='my-0 invoice-details fw-bold'>  </span>\r\n                                                            </div>\r\n\r\n                                                            <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-7 text-end'>\r\n                                                                <button className='btn btn-sm btn-success'>+ Add</button>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div> */}\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mb-5 mt-3'>\r\n                                                <table class=\"table table-bordered table-hover table-responsive\" >\r\n                                                    <thead>\r\n                                                        <tr className='thds'>\r\n                                                            <th scope=\"col\">Date</th>\r\n                                                            <th scope=\"col\">Mode</th>\r\n                                                            <th scope=\"col\">Note</th>\r\n                                                            <th scope=\"col\">Amount</th>\r\n                                                        </tr>\r\n                                                    </thead>\r\n                                                    <tbody>\r\n                                                        {reconcilationData.map((item, index) => {\r\n                                                            return <tr className='table-data' key={index}>\r\n                                                                <td> {moment(item.paidOn).format('DD/MM/YYYY')} </td>\r\n                                                                <td> {item.paymentMode} </td>\r\n                                                                <td> {item.paymentReference} </td>\r\n                                                                <td> {item.amountPaid} </td>\r\n                                                            </tr>\r\n                                                        })}\r\n                                                    </tbody>\r\n                                                    <tfoot>\r\n                                                        <tr>\r\n                                                            <td colspan='3'>Total Payment</td>\r\n                                                            <td>{totalPaid}</td>\r\n                                                        </tr>\r\n                                                    </tfoot>\r\n                                                </table>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </Modal >\r\n                        </div>\r\n\r\n                    </div >\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n       \r\n    );\r\n}\r\n\r\nexport default Invoice;\r\n\r\n","import React, { useEffect, useState } from 'react';\r\nimport { Bar } from 'react-chartjs-2';\r\nimport { ChartColors } from '../../general/general';\r\n\r\n\r\nexport default function NxBarBillingCharts({\r\n  chartData = []\r\n}) {\r\n\r\n  const [labels, setLables] = useState([]);\r\n  const [enqueryData, setEnquiryData] = useState([]);\r\n  const [cusData, setCusData] = useState([]);\r\n  const [incData, setIncData] = useState([]);\r\n  useEffect(() => {\r\n    if (chartData && chartData.length > 0) {\r\n      let lArr = [];\r\n      let eArr = [];\r\n      let cArr = [];\r\n      let iArr = [];\r\n      for (let vv of chartData) {\r\n        lArr = [...lArr, vv.periodName];\r\n        let eq = 0;\r\n        let cq = 0;\r\n        let iq = 0;\r\n        for (let dd of vv.periodCount) {\r\n          if (dd.categoryName == \"Billed\") {\r\n            eq = dd.categoryCount\r\n          }\r\n          if (dd.categoryName == \"Received\") {\r\n            cq = dd.categoryCount\r\n          }\r\n          if (dd.categoryName == 'Outstanding') {\r\n            iq = dd.categoryCount\r\n          }\r\n        }\r\n        eArr = [...eArr, eq];\r\n        cArr = [...cArr, cq];\r\n        iArr = [...iArr, iq];\r\n      }\r\n      setLables(lArr);\r\n      setEnquiryData(eArr);\r\n      setCusData(cArr);\r\n      setIncData(iArr);\r\n    }\r\n  }, [chartData])\r\n\r\n  // const labels = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'June', 'July','Aug','Sep','Oct','Nov','Dec'];\r\n\r\n  return (\r\n    <div>\r\n      <Bar\r\n        data={{\r\n          labels,\r\n          datasets: [\r\n            {\r\n              label: \"Billed\",\r\n              data: enqueryData,\r\n              backgroundColor: [\r\n                ChartColors.Splash,\r\n                ChartColors.Splash,\r\n                ChartColors.Splash\r\n              ],\r\n            },\r\n            {\r\n              label: 'Received',\r\n              data: cusData,\r\n              backgroundColor: [\r\n                ChartColors.Sky,\r\n                ChartColors.Sky,\r\n                ChartColors.Sky\r\n              ],\r\n            },\r\n            {\r\n              label: 'Outstanding',\r\n              data: incData,\r\n              backgroundColor: [\r\n                ChartColors.Moonshine,\r\n                ChartColors.Moonshine,\r\n                ChartColors.Moonshine\r\n              ],\r\n            },\r\n\r\n          ],\r\n        }}\r\n        height={250}\r\n        width={200}\r\n        options={{\r\n          maintainAspectRatio: false,\r\n          scales: {\r\n            yAxes: [\r\n              {\r\n                ticks: {\r\n                  // min:500,\r\n                  // max:5000\r\n                  beginAtZero: false,\r\n                },\r\n              },\r\n            ],\r\n          },\r\n          responsve: true,\r\n        }}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport NxBarCharts from '../../../components/nxCharts/nxBarCharts';\r\nimport './billing.css';\r\nimport { useHistory } from 'react-router';\r\nimport { faCreditCard, faEye, faUserCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ChartColors } from '../../../general/general';\r\nimport { Bar } from 'react-chartjs-2';\r\nimport { DatePicker, Progress, Tabs } from 'antd';\r\nimport { DashboardOutlined, FormOutlined, DollarOutlined } from '@ant-design/icons';\r\nimport Invoice from '../Invoice/Invoice';\r\nimport AccountReceivable from '../AccountReceivable/AccountReceivable';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport moment from 'moment';\r\nimport NxBarBillingCharts from '../../../components/nxCharts/nxBarBillingCharts';\r\nimport CustomerSidebar from '../../../Screens/CustomerSidebar/CustomerSidebar';\r\n\r\nconst { RangePicker } = DatePicker;\r\n\r\n\r\nexport default function Billing() {\r\n\r\n    const { TabPane } = Tabs;\r\n\r\n    let history = useHistory();\r\n\r\n    const [keyPeriods, setKeyPeriods] = useState();\r\n\r\n    const labels = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'June', 'July', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];\r\n\r\n    const data = {\r\n        labels,\r\n        datasets: [\r\n            {\r\n                label: 'Dataset 1',\r\n                data: { min: 500, max: 5000 },\r\n                backgroundColor: 'rgba(255, 99, 132, 0.5)',\r\n            },\r\n            {\r\n                label: 'Dataset 2',\r\n                data: { min: 500, max: 5000 },\r\n                backgroundColor: 'rgba(53, 162, 235, 0.5)',\r\n            },\r\n        ],\r\n    };\r\n\r\n    const options = {\r\n        responsive: true,\r\n        plugins: {\r\n            legend: {\r\n                position: 'top'\r\n            },\r\n        },\r\n        scales: {\r\n            yAxes: [\r\n                {\r\n                    ticks: {\r\n                        beginAtZero: false,\r\n                    },\r\n                },\r\n            ],\r\n        },\r\n    };\r\n    const [chartData, setChartData] = useState([]);\r\n    var monthFirstDay = moment().startOf('M').format()\r\n\r\n    const [acquistionChart, setAcquistionChart] = useState({\r\n        fromDate: monthFirstDay,\r\n        toDate: moment().format()\r\n    });\r\n\r\n    const [acquistion, setAcquistion] = useState({\r\n        totalBilled: '',\r\n        totalReceived: '',\r\n        totalOutstanding: '',\r\n    });\r\n\r\n    const [mainData, setMainData] = useState({\r\n        totalBilled: '',\r\n        received: '',\r\n        outStanding: '',\r\n        pastDue: '',\r\n        grossProfit: '',\r\n        opex: '',\r\n        operationProfit: '',\r\n        netProfit: ''\r\n    });\r\n\r\n    useEffect(() => {\r\n        ItrApiService.GET({\r\n            url: 'RevOps/ServiceBilling/GetServiceBillingDashBoard',\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data.currentPeriodCount) {\r\n                        setChartData(res.result.data.currentPeriodCount)\r\n                    }\r\n                    let obj = { ...mainData }\r\n                    let obj1 = { ...acquistion }\r\n                    for (let data of res.result.data.financiaIndicatorCount) {\r\n                        if (data.categoryName == 'TOTAL BILLED') {\r\n                            obj = { ...obj, totalBilled: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'RECEIVED') {\r\n                            obj = { ...obj, received: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'CURRENT OUTSTANDING') {\r\n                            obj = { ...obj, outStanding: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'PAST DUE') {\r\n                            obj = { ...obj, pastDue: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'GROSS PROFIT MARGIN') {\r\n                            obj = { ...obj, grossProfit: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'OPEX RATIO') {\r\n                            obj = { ...obj, opex: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'OPERATING PROFIT MARGIN') {\r\n                            obj = { ...obj, operationProfit: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'NET PROFIT MARGIN') {\r\n                            obj = { ...obj, netProfit: data.categoryCount }\r\n                        }\r\n                    }\r\n                    for (let data of res.result.data.financialPerformanceCount) {\r\n                        if (data.categoryName == 'Total Billed') {\r\n                            obj1 = { ...obj1, totalBilled: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'Total Received') {\r\n                            obj1 = { ...obj1, totalReceived: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'Total Outstanding') {\r\n                            obj1 = { ...obj1, totalOutstanding: data.categoryCount }\r\n                        }\r\n                    }\r\n                    setMainData(obj);\r\n                    setAcquistion(obj1);\r\n                }\r\n            }\r\n        })\r\n    }, [])\r\n\r\n\r\n\r\n    return (\r\n        <>\r\n            <Headers />            \r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true}  />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                    <NxTitleTab className=\"title-tab\" title=\"Billing\" onCloseClick={() => history.push('/dashboard')} />\r\n\r\n                    <div className=\"billing-tabs billing-main\">\r\n                        <Tabs defaultActiveKey=\"1\" type=\"card\">\r\n                            <TabPane tab={\r\n                                <div className=\"d-flex justify-content-center\">\r\n                                    <span ><DashboardOutlined /></span>\r\n                                    <span style={{ fontSize: '16px' }} >Dashboard</span>\r\n                                </div>\r\n                            } key=\"1\">\r\n                                <div className=\"mt-0\">\r\n                                    <div className=\"container1\">\r\n                                        <div className=\"nx-body nx-billing mt-1\">\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-1 counts count-two\">\r\n                                                    <div className=\"card\">\r\n                                                        <div className=\"card-body\">\r\n                                                            <label className=\"nx-badge-title\">TOTAL BILLED</label>\r\n                                                            <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                                                <h6> {mainData.totalBilled} </h6>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-1 counts count-two\">\r\n                                                    <div className=\"card\">\r\n                                                        <div className=\"card-body\">\r\n                                                            <label className=\"nx-badge-title\">RECEIVED</label>\r\n                                                            <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                                                <h6>{mainData.received}</h6>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-1 counts count-two\">\r\n                                                    <div className=\"card\">\r\n                                                        <div className=\"card-body\">\r\n                                                            <label className=\"nx-badge-title\">CURRENT OUTSTANDING</label>\r\n                                                            <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                                                <h6>{mainData.outStanding}</h6>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-1 counts count-two\">\r\n                                                    <div className=\"card\">\r\n                                                        <div className=\"card-body\">\r\n                                                            <label className=\"nx-badge-title\">PAST DUE</label>\r\n                                                            <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                                                <h6> {mainData.pastDue} </h6>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-5 col-xl-5 mt-1 counts count-two\">\r\n                                    <div className='card'>\r\n                                        <div className=\"card-body\">\r\n                                        <label className=\"nx-badge-title\">OVERDUE</label>\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 mt-2\">\r\n                                                    <h6>$ 38452</h6>\r\n                                                    <label>1 - 15 Days</label>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 mt-2\">\r\n                                                    <h6>$ 740.00</h6>\r\n                                                    <label>16 - 30 Days</label>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-5 col-xl-5 mt-1 counts count-two\">\r\n                                    <div className=\"card\">\r\n                                        <div className=\"card-body\">\r\n                                        <label className=\"nx-badge-title\">DAYS PAST DUE</label>\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 mt-2\">\r\n                                            <h6>$ 740.00</h6>\r\n                                            <label>31 - 45 Days</label>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 mt-1\">\r\n                                            <h6>$ 740.00</h6>\r\n                                            <label>Above 45 Days</label>\r\n                                        </div>\r\n                                    </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div> */}\r\n                                            </div>\r\n\r\n                                            {/* <div className=\"mt-3\">\r\n                                                <div className=\"nx-title title text-left\">\r\n                                                    <h2>TOTAL RECEIVABLE $ 1,00,000</h2>\r\n                                                </div>\r\n\r\n                                                <div className=\"nx-progress mt-4\">\r\n                                                    <div class=\"progress\" style={{ height: '30px' }}>\r\n                                                        <div class=\"progress-bar\" role=\"progressbar\" style={{ width: \"30%\", background: '#f0c518', color: 'black' }} aria-valuenow=\"30\" aria-valuemin=\"0\" aria-valuemax=\"100\">30 DPD ($30,000)</div>\r\n                                                        <div class=\"progress-bar\" role=\"progressbar\" style={{ width: \"40%\", background: '#ed741c', color: 'black' }} aria-valuenow=\"40\" aria-valuemin=\"0\" aria-valuemax=\"100\">60 DPD ($40,000)</div>\r\n                                                        <div class=\"progress-bar\" role=\"progressbar\" style={{ width: \"30%\", background: '#f04356', color: 'black' }} aria-valuenow=\"30\" aria-valuemin=\"0\" aria-valuemax=\"100\">90 DPD ($30,000)</div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div> */}\r\n                                        </div>\r\n\r\n                                        {/* <div className=\"nx-bar-chart nx-billing-chart mt-5 mb-5\">\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 \">\r\n                                                    <h4>Key Financial Indicators</h4>\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            <div className=\"card \">\r\n                                                <div className=\"card-body\">\r\n                                                    <div className=\"row text-center\">\r\n                                                        <div className=\"col-6 col-sm-6 col-md-6 col-lg-3 col-xl-3\">\r\n                                                            <Progress type=\"circle\" percent={mainData.grossProfit} strokeWidth={15} gapDegree={30} gapPosition=\"bottom\" /> <br />\r\n                                                            <label className=\"key-financial-label mt-3\">GROSS PROFIT MARGIN</label>\r\n                                                        </div>\r\n\r\n                                                        <div className=\"col-6 col-sm-6 col-md-6 col-lg-3 col-xl-3\">\r\n                                                            <Progress type=\"circle\" percent={mainData.opex} strokeWidth={15} gapDegree={30} gapPosition=\"bottom\" /> <br />\r\n                                                            <label className=\"key-financial-label mt-3\">OPEX RATIO</label>\r\n                                                        </div>\r\n\r\n                                                        <div className=\"col-6 col-sm-6 col-md-6 col-lg-3 col-xl-3\">\r\n                                                            <Progress type=\"circle\" percent={mainData.operationProfit} strokeWidth={15} gapDegree={30} gapPosition=\"bottom\" /><br />\r\n                                                            <label className=\"key-financial-label mt-3\">OPERATING PROFIT MARGIN</label>\r\n                                                        </div>\r\n\r\n                                                        <div className=\"col-6 col-sm-6 col-md-6 col-lg-3 col-xl-3\">\r\n                                                            <Progress type=\"circle\" percent={mainData.netProfit} strokeWidth={15} gapDegree={30} gapPosition=\"bottom\" /><br />\r\n                                                            <label className=\"key-financial-label mt-3\">NET PROFIT MARGIN</label>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> */}\r\n\r\n                                        <div className=\"nx-bar-chart nx-billing-chart mt-5 mb-5\">\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 \">\r\n                                                    <h4>Financial Performance</h4>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 text-end\">\r\n                                                    <label>Last</label>\r\n                                                    <select value={keyPeriods} onChange={(e) => {\r\n                                                        let fromDate = false;\r\n                                                        let toDate = false;\r\n                                                        if (e.target.value == '1') {\r\n                                                            fromDate = moment().subtract(12, 'months').format();\r\n                                                            toDate = moment().format();\r\n                                                        }\r\n                                                        if (e.target.value == '2') {\r\n                                                            fromDate = moment().subtract(6, 'months').format();\r\n                                                            toDate = moment().format();\r\n                                                        }\r\n                                                        if (e.target.value == '3') {\r\n                                                            fromDate = moment().subtract(3, 'months').format();\r\n                                                            toDate = moment().format();\r\n                                                        }\r\n                                                        if (e.target.value == '4') {\r\n                                                            fromDate = moment().startOf('year').format();\r\n                                                            toDate = moment().format();\r\n                                                        }\r\n                                                        if (e.target.value == '5') {\r\n                                                            fromDate = moment().startOf('months').format();\r\n                                                            toDate = moment().format();\r\n                                                        }\r\n                                                        if (e.target.value == '6') {\r\n                                                            fromDate = moment().startOf('W').format();\r\n                                                            toDate = moment().format();\r\n                                                        }\r\n                                                        if (fromDate != false && toDate != false) {\r\n                                                        \r\n                                                            ItrApiService.POST({\r\n                                                                url: 'RevOps/ServiceBilling/GetServiceBillingDashBoardSpecificPeriod',\r\n                                                                data: { fromDate, toDate }\r\n                                                            }).then(res => {\r\n                                                                if (res.Success == true) {\r\n                                                                    if (res.result.isSuccess == true) {\r\n                                                                        setChartData(res.result.data.currentPeriodCount);\r\n                                                                        let obj1 = { ...acquistion }\r\n                                                                        for (let data of res.result.data.financialPerformanceCount) {\r\n                                                                            if (data.categoryName == 'Total Billed') {\r\n                                                                                obj1 = { ...obj1, totalBilled: data.categoryCount }\r\n                                                                            }\r\n                                                                            else if (data.categoryName == 'Total Received') {\r\n                                                                                obj1 = { ...obj1, totalReceived: data.categoryCount }\r\n                                                                            }\r\n                                                                            else if (data.categoryName == 'Total Outstanding') {\r\n                                                                                obj1 = { ...obj1, totalOutstanding: data.categoryCount }\r\n                                                                            }\r\n                                                                        }\r\n                                                                        setAcquistion(obj1);\r\n                                                                    }\r\n                                                                }\r\n                                                            })\r\n                                                            setAcquistionChart({\r\n                                                                fromDate: fromDate,\r\n                                                                toDate: toDate\r\n                                                            })\r\n                                                        }\r\n                                                        setKeyPeriods(e.target.value);\r\n                                                    }}>\r\n                                                        <option value=\"1\">12 Months</option>\r\n                                                        <option value=\"2\">6 Months</option>\r\n                                                        <option value=\"3\">3 Months</option>\r\n                                                        <option value=\"4\">YTD</option>\r\n                                                        <option value=\"5\" selected>MTD</option>\r\n                                                        <option value=\"6\">Week</option>\r\n                                                        <option value=\"7\">Period</option>\r\n                                                    </select><br />\r\n                                                    <div className=\"p-1\">\r\n                                                        {keyPeriods == '7' ? <RangePicker onChange={(e, e1) => {\r\n                                                            if (e1.length == 2) {\r\n                                                                let fromDate = false;\r\n                                                                let toDate = false;\r\n                                                                let s = 1;\r\n                                                                for (let val of e1) {\r\n                                                                    if (s == 1) {\r\n                                                                        fromDate = moment(val, 'YYYY-MM-DD').format();\r\n                                                                    } else {\r\n                                                                        toDate = moment(val, 'YYYY-MM-DD').format();\r\n                                                                    }\r\n                                                                    s = s + 1;\r\n                                                                }\r\n                                                                if (fromDate != false && toDate != false) {\r\n                                                                    ItrApiService.POST({\r\n                                                                        url: 'RevOps/ServiceBilling/GetServiceBillingDashBoardSpecificPeriod',\r\n                                                                        data: { fromDate, toDate }\r\n                                                                    }).then(res => {\r\n                                                                        if (res.Success == true) {\r\n                                                                            if (res.result.isSuccess == true) {\r\n                                                                                setChartData(res.result.data.currentPeriodCount);\r\n                                                                                let obj1 = { ...acquistion }\r\n                                                                                for (let data of res.result.data.financialPerformanceCount) {\r\n                                                                                    if (data.categoryName == 'Total Billed') {\r\n                                                                                        obj1 = { ...obj1, totalBilled: data.categoryCount }\r\n                                                                                    }\r\n                                                                                    else if (data.categoryName == 'Total Received') {\r\n                                                                                        obj1 = { ...obj1, totalReceived: data.categoryCount }\r\n                                                                                    }\r\n                                                                                    else if (data.categoryName == 'Total Outstanding') {\r\n                                                                                        obj1 = { ...obj1, totalOutstanding: data.categoryCount }\r\n                                                                                    }\r\n                                                                                }\r\n                                                                                setAcquistion(obj1);\r\n                                                                            }\r\n                                                                        }\r\n                                                                    })\r\n                                                                    setAcquistionChart({ ...acquistion, fromDate: fromDate, toDate: toDate });\r\n                                                                }\r\n                                                            }\r\n                                                        }} /> : false}\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            <div className=\"card \">\r\n                                                <div className=\"card-body\">\r\n                                                    <div className=\"row mb-5\">\r\n\r\n                                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12\">\r\n                                                            <NxBarBillingCharts chartData={chartData} height=\"500\" width=\"100%\" />\r\n                                                            {/* <Bar width={200} height={40} options={options} data={data} /> */}\r\n                                                        </div>\r\n\r\n                                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 text-end nx-sales mt-5\" >\r\n                                                            <div className=\"row\">\r\n                                                                <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4\">\r\n                                                                    <div className=\"nx-sales-report pt-3 d-flex justify-content-evenly align-items-center\" >\r\n                                                                        <h6 className=\"nx-sales-report-1\" style={{ backgroundColor: ChartColors.Splash, padding: '8px', color: 'white', fontWeight: 'bold' }}>Total Billed</h6>\r\n                                                                        <h5 className=\"key-financial-counts\"> {acquistion.totalBilled} </h5>\r\n                                                                    </div>\r\n                                                                </div>\r\n\r\n                                                                <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4\">\r\n                                                                    <div className=\"nx-sales-report pt-3 d-flex justify-content-evenly align-items-center\" >\r\n                                                                        <h6 className=\"nx-sales-report-1\" style={{ backgroundColor: ChartColors.Sky, padding: '8px', color: 'white', fontWeight: 'bold' }}>Total Received</h6>\r\n                                                                        <h5 className=\"key-financial-counts\">{acquistion.totalReceived}</h5>\r\n                                                                    </div>\r\n                                                                </div>\r\n\r\n                                                                <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4 \">\r\n                                                                    <div className=\"nx-sales-report pt-3 d-flex justify-content-evenly align-items-center\" >\r\n                                                                        <h6 className=\"nx-sales-report-1\" style={{ backgroundColor: ChartColors.Moonshine, padding: '8px', color: 'white', fontWeight: 'bold' }}>Total Outstanding</h6>\r\n                                                                        <h5 className=\"key-financial-counts\">{acquistion.totalOutstanding}</h5>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        {/* <div className=\"nx-billing-invoice mb-5\">\r\n                            <div className=\"billing\">\r\n                                <div>\r\n                                    <h4>Invoices</h4>\r\n                                </div>\r\n                                <div className=\"invoice-title\">\r\n                                    <button className=\"btn btn-success btn-sm\" type=\"button\">Create Invoice</button>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"mt-4\">\r\n                                <label>show </label>\r\n                                <select className=\"mx-1\">\r\n                                            <option value=\"10\">10</option>\r\n                                            <option value=\"25\">25</option>\r\n                                            <option value=\"50\">50</option>\r\n                                            <option value=\"100\">100</option>\r\n                                        </select>\r\n                            </div>\r\n\r\n                            <div className=\"invoice-table\">\r\n                                <div class=\"table-wrapper-scroll-y table-responsive my-custom-scrollbar \">\r\n                                    <table class=\"table table-hover mb-5\">\r\n                                        <thead>\r\n                                            <tr>\r\n                                            <th scope=\"col\">Inv#</th>\r\n                                            <th scope=\"col\">Date</th>\r\n                                            <th scope=\"col\">Client</th>\r\n                                            <th scope=\"col\">Invoice Title</th>\r\n                                            <th scope=\"col\">Due Date</th>\r\n                                            <th scope=\"col\">Status</th>\r\n                                            <th scope=\"col\">Invoice Amount</th>\r\n                                            <th scope=\"col\">Balance Due</th>\r\n                                            <th scope=\"col\">Action</th>\r\n                                            </tr>\r\n                                        </thead>\r\n\r\n                                        <tbody>\r\n                                            <tr>\r\n                                                <td>a quo magni similique perferendis</td>\r\n                                                <td>30</td>\r\n                                                <td>30</td>\r\n                                                <td>30</td>\r\n                                                <td>30</td>\r\n                                                <td> <span className=\"dot-status\"> </span>30</td>\r\n                                                <td>30</td>\r\n                                                <td>30</td>\r\n                                                <td>\r\n                                                    <div style={{display:'flex',justifyContent:'space-around',alignItems:'center'}}>\r\n                                                        <a> <FontAwesomeIcon icon={faEye} color=\"palevioletred\" size=\"sm\" /></a>\r\n                                                        <a> <FontAwesomeIcon icon={faCreditCard} color=\"black\" size=\"sm\" className=\"billing-card\" /></a>\r\n                                                    </div>\r\n                                                </td>\r\n                                            </tr>\r\n                                            <tr>\r\n                                                <td>ad iusto omnis odit dolor voluptatibus\t</td>\r\n                                                <td>30</td>\r\n                                                <td>30</td>\r\n                                                <td>30</td>\r\n                                                <td>30</td>\r\n                                                <td> <span className=\"dot-status\"> </span>30</td>\r\n                                                <td>30</td>\r\n                                                <td>30</td>\r\n                                                <td >\r\n                                                    <div style={{display:'flex',justifyContent:'space-around',alignItems:'center'}}>\r\n                                                        <a > <FontAwesomeIcon icon={faEye} color=\"palevioletred\" size=\"sm\" /></a>\r\n                                                        <a> <FontAwesomeIcon icon={faCreditCard} color=\"black\" size=\"sm\"  className=\"billing-card\"/> </a>\r\n                                                    </div>\r\n                                                </td>\r\n                                            </tr>\r\n                                        </tbody>\r\n                                    </table>\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div> */}\r\n                                    </div>\r\n                                </div>\r\n                            </TabPane>\r\n\r\n                            <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                <span ><FormOutlined /></span>\r\n                                <span style={{ fontSize: '16px' }}>Invoice</span>\r\n                            </div>} key=\"2\">\r\n                                <Invoice />\r\n                            </TabPane>\r\n\r\n                            {/* <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                <span ><DollarOutlined /></span>\r\n                                <span style={{ fontSize: '16px' }}>Account Receivable</span>\r\n                            </div>} key=\"3\">\r\n                                <AccountReceivable />\r\n                            </TabPane>\r\n\r\n                            <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                <span ><DollarOutlined /></span>\r\n                                <span style={{ fontSize: '16px' }}>Dunning</span>\r\n                            </div>} key=\"4\">\r\n                            </TabPane> */}\r\n                        </Tabs>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import React from 'react';\r\nimport { Bar } from 'react-chartjs-2';\r\nimport { ChartColors } from '../../../general/general';\r\n\r\nexport default function NxCustomLineChart({\r\n  label = ['Jan', '', 'Feb', '', 'Apr', '', 'June', '', 'Aug', '', 'Oct', '', 'Dec'],\r\n  datasets = [\r\n    {\r\n      type: 'line',\r\n      label: 'Line Dataset',\r\n      data: [15, 13, 12, 10, 9, 8, 7, 6, 5, 4, 3, 2],\r\n      backgroundColor: '#7bd72c',\r\n      // fill:true\r\n    }\r\n  ]\r\n}) {\r\n\r\n  const labels = label;\r\n\r\n  return (\r\n    <div>\r\n      <Bar\r\n        data={{\r\n          labels,\r\n          datasets: datasets,\r\n          // datasets: [\r\n          //   {\r\n          //     label:'New Accounts',\r\n          //     data: [5, 3,10,8, 2,15,3, 7,8,1, 4,9,],\r\n          //     backgroundColor:'#7bd72c'\r\n          //   },\r\n          // ],\r\n        }}\r\n        height={250}\r\n        width={200}\r\n        options={{\r\n          plugins: {\r\n            title: {\r\n              display: false\r\n            }\r\n          },\r\n          maintainAspectRatio: false,\r\n          scales: {\r\n            yAxes: [\r\n              {\r\n                ticks: {\r\n                  // min:500,\r\n                  // max:5000\r\n                  beginAtZero: false,\r\n                },\r\n              },\r\n            ],\r\n          },\r\n          responsve: true,\r\n        }}\r\n      />\r\n    </div>\r\n  )\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxActionTab, NxTitleTab, NxGridList } from '@afiplfeed/itr-app'\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport moment from 'moment';\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\nconst splits = async (dests, setEnquiry, setExport,history) => {\r\n    let arr = [];\r\n    let arr2 = [];\r\n    ItrApiService.userApp().then(data => {\r\n    })\r\n    for (let value of dests) {\r\n        let data = [moment(value.createdDate).format('DD/MM/YYYY'), value.subject, value.appCode, value.status,\r\n        <button className=\"btn btn-sm btn-primary\" style={{ fontSize: '14px', borderRadius: '0' }}\r\n            onClick={(e) => {\r\n                sessionStorage.setItem('editSupportId', value.supportID);\r\n                e.stopPropagation();\r\n                history.push('/support/edit');\r\n            }}>Edit</button>];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Date': moment(value.createdDate).format('DD/MM/YYYY'),\r\n            'Subject': value.subject,\r\n            'App Name': value.appCode,\r\n            'Status': value.status\r\n        }\r\n        arr2 = [...arr2, obj2];\r\n        arr = [...arr, obj]\r\n    }\r\n    setEnquiry(arr);\r\n    setExport(arr2)\r\n}\r\n\r\n\r\n\r\n\r\n\r\nfunction TicketsList() {\r\n\r\n    let history = useHistory();\r\n    const [exportVal, setExport] = useState([]);\r\n    const [enquiry, setEnquiry] = useState([]);\r\n\r\n    useEffect(() => {\r\n        setLoad(true)\r\n        getEnquiry();\r\n    }, [])\r\n\r\n    const getEnquiry = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'ITOps/Support'\r\n        });\r\n        if (result.Success == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            if (getCustomerDetails === null || !getCustomerDetails.length) {\r\n                // NotificationManager.error(result.result.message);\r\n            }\r\n            else {\r\n                await splits(getCustomerDetails, setEnquiry, setExport,history);\r\n                // await setEnquiryEdit(getCustomerDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n        setLoad(false)\r\n    }\r\n    const [load, setLoad] = useState(false);\r\n    return (\r\n        <>\r\n            <NxLoader state={load} />\r\n            <div>\r\n                <div className=\"d-flex justify-content-between align-items-center\">\r\n                    <NxActionTab\r\n                        exportValue={exportVal}\r\n                        fileName='Tickets'\r\n                        className='resource-groups-list-action-tab p-0'\r\n                        onColumnsClick={() => { }}\r\n                        onRefreshClick={() => {\r\n                            setLoad(true)\r\n                            setTimeout(function () {\r\n                                setLoad(false)\r\n                            }, 2000);\r\n                        }}\r\n                        onNewEntryClick={() => {\r\n                            history.push('/support/add');\r\n                        }}\r\n                        enableNewEntry={false}\r\n                    />\r\n                    <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/support/add')}>New Request</button>\r\n                </div>\r\n                <NxGridList\r\n                    enableSearch={true}\r\n                    autoSearch={true}\r\n                    enableAutoPagination={true}\r\n                    showShowing={true}\r\n                    header={[\r\n                        {\r\n                            name: 'Date',\r\n                            sort: true,\r\n                        },\r\n                        {\r\n                            name: 'Subject',\r\n                            sort: true,\r\n                            search:true\r\n                        },\r\n                        {\r\n                            name: 'App Name',\r\n                            search: true\r\n                            // sort: true,\r\n                        },\r\n                        {\r\n                            name: 'Status',\r\n                            sort: false,\r\n                            search:true\r\n                        },\r\n                        {\r\n                            name: 'Action',\r\n                            sort: false,\r\n                        }\r\n                    ]}\r\n                    rowClick={(e) => {\r\n                    }}\r\n                    data={enquiry} />\r\n            </div>\r\n        </>\r\n    );\r\n}\r\n\r\nexport default TicketsList;\r\n","import './apiendpoint.css';\r\nexport default function APIEndPoints(){\r\n    return <div>\r\n        <iframe src=\"http://astra.adap.io/swagger/index.html\" width={'100%'} height={'470px'} className=\"frame-content\">\r\n\r\n        </iframe>\r\n    </div>\r\n}","import React, { useEffect, useState } from 'react';\r\nimport './support.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport NxCustomLineChart from '../../../components/nxCharts/CustomCharts/NxCustomLineChart';\r\nimport {ChartColors} from '../../../general/general';\r\nimport NxBarCharts from '../../../components/nxCharts/nxBarCharts'\r\nimport { NxGridList, NxLoader, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport { DashboardOutlined } from '@ant-design/icons';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\n\r\n// chart-guage\r\n//import 'zingchart/es6';\r\n// import 'zingchart-react/dist/modules-es6/zingchart-depth.min.js';\r\n//import ZingChart from 'zingchart-react';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { Tabs, Switch, Rate, Modal, PageHeader, Tag, Button, Tooltip, Alert, Space } from 'antd';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faTicketAlt } from '@fortawesome/free-solid-svg-icons';\r\nimport TicketsList from '../TicketsList/TicketsList';\r\nimport ReactSpeedometer from 'react-d3-speedometer';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport CustomerSidebar from '../../../Screens/CustomerSidebar/CustomerSidebar';\r\nimport APIEndPoints from './apiendpoints';\r\nimport HelpDocs from './helpdocs';\r\n\r\nexport default function Support() {\r\n\r\n    const { TabPane } = Tabs;\r\n\r\n    const [support, setSupport] = useState([]);\r\n    const [loading, setLoading] = useState(false);\r\n    const [casCountLabel, setCaseCountLabel] = useState([]);\r\n    const [caseCountDataset, setCaseCountDataset] = useState([]);\r\n\r\n    const splits = async (dests, setEnquiry) => {\r\n        let arr = [];\r\n        for (let value of dests) {\r\n            let data = [value.feedback, value.priority, value.reporterTo, value.status, value.subject,];\r\n            let obj = { sendItem: value.enquiryid, data: data };\r\n            arr = [...arr, obj]\r\n        }\r\n        setEnquiry(arr)\r\n    }\r\n\r\n    const Csat = {\r\n        config: {\r\n            type: 'gauge',\r\n            height: '240',\r\n            width: '100%',\r\n            series: [{\r\n                values: [92],\r\n                text: \"CSAT\",\r\n                'background-color': \"red\",\r\n                csize: \"5%\",     //Needle Width\r\n                size: \"92%\",\r\n            },\r\n            {\r\n                'scale-r': {\r\n                    aperture: 20,     //Specify your scale range.\r\n                    values: \"0:100:20\" //Provide min/max/step scale values.\r\n                }\r\n            },\r\n            ],\r\n            plot: {\r\n                'value-box': { //Value Boxes\r\n                    placement: \"center\",  //Specify placement at \"center\", \"tip\", or \"edge\".\r\n                    text: \"%v%\",\r\n                    'font-color': \"blue\"\r\n                }\r\n            },\r\n        }\r\n    }\r\n\r\n    const NPS = {\r\n        config: {\r\n            type: 'gauge',\r\n            height: 240,\r\n            width: '100%',\r\n            series: [{\r\n                values: [98],\r\n                text: \"NPS\",\r\n                'background-color': \"red\",\r\n                csize: \"5%\",     //Needle Width\r\n                size: \"92%\",\r\n            },\r\n            {\r\n                'scale-r': {\r\n                    aperture: 20,     //Specify your scale range.\r\n                    values: \"0:100:20\" //Provide min/max/step scale values.\r\n                }\r\n            }],\r\n            plot: {\r\n                'value-box': { //Value Boxes\r\n                    placement: \"center\",  //Specify placement at \"center\", \"tip\", or \"edge\".\r\n                    text: \"%v%\",\r\n                    'font-color': \"blue\"\r\n                }\r\n            },\r\n        }\r\n    }\r\n\r\n    const getSupport = async () => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'ITOps/Support'\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let getSupportDetails = result.result.data;\r\n                if (result.result.data) {\r\n                    await splits(getSupportDetails, setSupport)\r\n                }\r\n                // setEnquiry(getCustomerDetails);\r\n            } else {\r\n                NotificationManager.error(result.result.message)\r\n            }\r\n        }\r\n        else if (result.Success == false) {\r\n            NotificationManager.error(result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n    // useEffect( async() => {\r\n    //     setLoading(true);\r\n    //     await getSupport(setSupport);\r\n    //     setLoading(false);\r\n    // }, [])\r\n\r\n    let history = useHistory();\r\n\r\n\r\n    const [activeString, setActiveString] = useState('1');\r\n\r\n\r\n    const [supportData, setSupportData] = useState({\r\n        critical: '',\r\n        high: '',\r\n        low: '',\r\n        medium: '',\r\n    });\r\n\r\n    const [severityData, setSeverityData] = useState({\r\n        open: '',\r\n        inProgress: '',\r\n        close: '',\r\n    });\r\n\r\n    const getIndicators = () => {\r\n        ItrApiService.GET({\r\n            url: 'ITOps/Support/GetSupportDashBoardCount'\r\n        }).then((res) => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    let caseCountChartLabel = [];\r\n                    let caseCountChartDataSet = [];\r\n                    let obj = { ...severityData }\r\n                    let obj1 = { ...supportData }\r\n                    let dataObj = {};\r\n                    if(res.result.data) {\r\n                        for (let data of res.result.data.supportStatus) {\r\n                            if (data.categoryName == 'Open') {\r\n                                obj = { ...obj, open: data.categoryCount }\r\n                            }\r\n                            else if (data.categoryName == 'InProgress') {\r\n                                obj = { ...obj, inProgress: data.categoryCount }\r\n                            }\r\n                            else if (data.categoryName == 'Close') {\r\n                                obj = { ...obj, close: data.categoryCount }\r\n                            }\r\n                        }\r\n                        for (let data of res.result.data.supportPrority) {\r\n                            if (data.categoryName == 'Critical') {\r\n                                obj1 = { ...obj1, critical: data.categoryCount }\r\n                            }\r\n                            else if (data.categoryName == 'High') {\r\n                                obj1 = { ...obj1, high: data.categoryCount }\r\n                            }\r\n                            else if (data.categoryName == 'Low') {\r\n                                obj1 = { ...obj1, medium: data.categoryCount }\r\n                            }\r\n                            else if (data.categoryName == 'Medium') {\r\n                                obj1 = { ...obj1, low: data.categoryCount }\r\n                            }\r\n                        }\r\n                        setSeverityData(obj);\r\n                        setSupportData(obj1);\r\n                        let tmpChartColors = [ChartColors.Splash, ChartColors.Moonshine, ChartColors.Sky];\r\n                        let chartColorCnt = 0;\r\n                        for(let caseCount of res.result.data.periodCount){\r\n                            caseCountChartLabel.push(caseCount.periodName);\r\n                            for(let catCnt of caseCount.currentPeriodCount){\r\n                                if(dataObj.hasOwnProperty(catCnt.categoryName)){\r\n                                    dataObj[catCnt.categoryName].data.push(catCnt.categoryCount);\r\n                                } else{\r\n                                    dataObj[catCnt.categoryName] = {\r\n                                        label:catCnt.categoryName,\r\n                                        data:[],\r\n                                        backgroundColor: [\r\n                                            tmpChartColors[chartColorCnt],\r\n                                            tmpChartColors[chartColorCnt],\r\n                                            tmpChartColors[chartColorCnt]\r\n                                          ]\r\n                                    };\r\n                                    chartColorCnt++;\r\n                                    if(chartColorCnt > tmpChartColors.length) chartColorCnt = 0;\r\n                                    dataObj[catCnt.categoryName].data.push(catCnt.categoryCount);\r\n                                }\r\n                            }\r\n                        }\r\n                        if(res.result.data.periodCount.length > 0){\r\n                            let firstCaseCount = res.result.data.periodCount[0];\r\n                            for(let catCnt of firstCaseCount.currentPeriodCount){\r\n                                caseCountChartDataSet.push(dataObj[catCnt.categoryName]);\r\n                            }\r\n                            setCaseCountLabel(caseCountChartLabel);\r\n                            setCaseCountDataset(caseCountChartDataSet);\r\n                        }\r\n                    }\r\n                }\r\n            }\r\n        })\r\n    }\r\n\r\n\r\n\r\n\r\n\r\n    useEffect(() => {\r\n        let s = sessionStorage.getItem('sp');\r\n\r\n        if (s) {\r\n            setActiveString(s)\r\n        }\r\n\r\n        getIndicators();\r\n    }, []);\r\n    // sizzq4cbukpghkgzkylg7tanu42ui4rvyqzuuf4b5slm3pnzpbvq\r\n    // c2l6enE0Y2J1a3BnaGtnemt5bGc3dGFudTQydWk0cnZ5cXp1dWY0YjVzbG0zcG56cGJ2cQ==\r\n\r\n    return (\r\n        <>\r\n            <Headers />\r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true}  />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                    <NxTitleTab className=\"title-tab\" title=\"Support\" onCloseClick={() => {\r\n                        sessionStorage.removeItem('sp');\r\n                        history.push('/dashboard');\r\n                    }} />\r\n                    <div className='support-main'>\r\n                        <NxLoader state={loading} />\r\n                        <div className=\"mt-0 support-main\">\r\n                            <div className='row'>\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12'>\r\n\r\n                                </div>\r\n                            </div>\r\n\r\n                            <Tabs activeKey={activeString} onChange={(e) => {\r\n                                setActiveString(e);\r\n                                sessionStorage.setItem('sp', e)\r\n                            }}>\r\n                                <TabPane tab={\r\n                                    <div className=\"d-flex justify-content-center\">\r\n                                        <span ><DashboardOutlined /></span>\r\n                                        <span style={{ fontSize: '16px' }} >Dashboard</span>\r\n                                    </div>\r\n                                } key=\"1\">\r\n                                    <div className=\"nx-support\">\r\n                                        <div className=\"nx-support-body\">\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 counts count-one\">\r\n                                                    {/* <label className=\"nx-badge-title\">CURRENT</label> */}\r\n                                                    <div className=\"row\">\r\n                                                        <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 mt-4 text-center customer-support\" title=\"New Cases\">\r\n                                                            <div className=\"card\">\r\n                                                                <div className=\"card-body\">\r\n                                                                    <label className='fw-bold'> Open </label>\r\n                                                                    {/* <label className='fw-bold'>New support tickets <br /> Created</label> */}\r\n                                                                    <h3 className='supports-counters'> {severityData.open} </h3>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n\r\n                                                        <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 mt-4 text-center customer-support\" title=\"Working Cases\">\r\n                                                            <div className=\"card\">\r\n                                                                <div className=\"card-body\">\r\n                                                                    <label className='fw-bold'> InProgress </label>\r\n                                                                    {/* <label className='fw-bold'>Support tickets Resolved <br /> First-pass</label> */}\r\n                                                                    <h3 className='supports-counters'> {severityData.inProgress} </h3>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n\r\n                                                        <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 mt-4 text-center customer-support\" title=\"Cases\">\r\n                                                            <div className=\"card\">\r\n                                                                <div className=\"card-body\">\r\n                                                                    <label className='fw-bold'> Close </label>\r\n                                                                    {/* <label className='fw-bold'>Support tickets <br /> Re-Opened</label> */}\r\n                                                                    <h3 className='supports-counters'> {severityData.close} </h3>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n\r\n                                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                                            <div className=\"nx-support-cases mt-5\">\r\n                                                                <h6 className='text-center'> Open Cases By Severity </h6>\r\n                                                                <div className=\"nx-progress mt-4\">\r\n                                                                    <div class=\"progress\">\r\n                                                                        <div class=\"progress-bar\" role=\"progressbar\" style={{ width: '20%', background: '#d36a67' }} aria-valuenow=\"50\" aria-valuemin=\"50\" aria-valuemax=\"100\">\r\n                                                                            Critical ( {supportData.critical} )\r\n                                                                        </div>\r\n\r\n                                                                        <div class=\"progress-bar\" role=\"progressbar\" style={{ width: '45%', background: '#e6994c' }} aria-valuenow=\"45\" aria-valuemin=\"45\" aria-valuemax=\"100\">\r\n                                                                            High ( {supportData.high} )\r\n                                                                        </div>\r\n\r\n                                                                        <div class=\"progress-bar\" role=\"progressbar\" style={{ width: '15%', background: '#e8cd67' }} aria-valuenow=\"15\" aria-valuemin=\"15\" aria-valuemax=\"100\">\r\n                                                                            Medium ( {supportData.medium} )\r\n                                                                        </div>\r\n\r\n                                                                        <div class=\"progress-bar\" role=\"progressbar\" style={{ width: '20%', background: '#73a562' }} aria-valuenow=\"20\" aria-valuemin=\"20\" aria-valuemax=\"100\">\r\n                                                                            Low ( {supportData.low} )\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n\r\n                                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2 mb-4\">\r\n                                                            <h6 className='text-center'> Case Count By Month </h6>\r\n                                                            <div className=\"card mt-2\">\r\n                                                                <div className=\"card-body\">\r\n                                                                <NxCustomLineChart label={casCountLabel} height=\"320\" width=\"200\" datasets={caseCountDataset} />\r\n                                                                {/* <NxBarCharts height=\"320\" width=\"200\" />*/}\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 counts count-one text-center\">\r\n                                                    {/* <label className=\"nx-support-counts-title\">Performance Metrics</label> */}\r\n                                                    {/* <div className=\"row mt-3\">\r\n                                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-12 col-xl-6 mt-2 text-center customer-support\" title=\"Customer Satisfaction\">\r\n                                                            <div className=\"card\">\r\n                                                                <div className=\"card-body\">\r\n                                                                    <label className='fw-bold'>Customer Satisfaction</label>\r\n                                                                    <ReactSpeedometer\r\n                                                                        value={475}\r\n                                                                        needleColor=\"black\"\r\n                                                                        needleTransitionDuration={4000}\r\n                                                                        needleTransition=\"easeElastic\"\r\n                                                                        currentValueText=\"CSI: ${value}\"\r\n                                                                        textColor='#172996'\r\n                                                                        startColor='#ed0022'\r\n                                                                        endColor='#009a60'\r\n                                                                    />\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n\r\n                                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-12 col-xl-6 mt-2 text-center customer-support\" title=\"Net Promoter Score\">\r\n                                                            <div className=\"card\">\r\n                                                                <div className=\"card-body\">\r\n                                                                    <label className='fw-bold'>Net Promoter Score</label>\r\n                                                                    <ReactSpeedometer\r\n                                                                        value={680}\r\n                                                                        needleColor=\"black\"\r\n                                                                        needleTransitionDuration={4000}\r\n                                                                        needleTransition=\"easeElastic\"\r\n                                                                        currentValueText=\"NPS: ${value}\"\r\n                                                                        textColor='#172996'\r\n                                                                        startColor='#ed0022'\r\n                                                                        endColor='#009a60'\r\n                                                                    />\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n\r\n                                                        <div className=\"col-12 col-sm-4 col-md-2 col-lg-4 mt-2 text-center customer-support\" title=\"Feedback\"                                         >\r\n                                                            <div className=\"card\">\r\n                                                                <div className=\"card-body\">\r\n                                                                    <label>Avg. CSAT</label>\r\n                                                                    <h5>24</h5>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div> */}\r\n\r\n                                                    {/* <div className=\"row mt-3\">\r\n                                                        <h6> Performance Indicator </h6>\r\n                                                        <div className=\"col-12 col-sm-4 col-md-2 col-lg-6 col-xl-6 mt-2 text-center customer-support\" title=\"Customer Satisfaction\">\r\n                                                            <div className=\"card\">\r\n                                                                <div className=\"card-body\">\r\n                                                                    <label className='fw-bold'>Average First Response Time</label>\r\n                                                                    <h3 className='supports-counters'>8.7 Mins</h3>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n\r\n                                                        <div className=\"col-12 col-sm-4 col-md-2 col-lg-6 col-xl-6 mt-2 text-center customer-support\" title=\"Net Promoter Score\">\r\n                                                            <div className=\"card\">\r\n                                                                <div className=\"card-body\">\r\n                                                                    <label className='fw-bold'>Average Resolution Time</label>\r\n                                                                    <h3 className='supports-counters'>4 Hrs</h3>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n\r\n                                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-3 \">\r\n                                                            <h6> Leader Board </h6>\r\n                                                            <div class=\"table-wrapper-scroll-y table-responsive my-custom-scrollbar\">\r\n                                                                <table class=\"table table-bordered mb-0\">\r\n                                                                    <thead>\r\n                                                                        <tr>\r\n                                                                            <th scope=\"col\">Agent</th>\r\n                                                                            <th scope=\"col\">Res %</th>\r\n                                                                            <th scope=\"col\">Open Cases</th>\r\n                                                                        </tr>\r\n                                                                    </thead>\r\n                                                                    <tbody>\r\n                                                                        <tr>\r\n                                                                            <th scope=\"row\">Harshal Mathur</th>\r\n                                                                            <td>\r\n                                                                                <div class=\"progress table-progress\">\r\n                                                                                    <div class=\"progress-bar\" role=\"progressbar\" style={{ width: \"70%\", height: '100%', background: '#d36a67' }} aria-valuenow=\"15\" aria-valuemin=\"0\" aria-valuemax=\"100\">70</div>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>10</td>\r\n                                                                        </tr>\r\n                                                                        <tr>\r\n                                                                            <th scope=\"row\">Manish Arora</th>\r\n                                                                            <td>\r\n                                                                                <div class=\"progress table-progress\">\r\n                                                                                    <div class=\"progress-bar\" role=\"progressbar\" style={{ width: \"60%\", background: '#d36a67' }} aria-valuenow=\"15\" aria-valuemin=\"0\" aria-valuemax=\"100\">60</div>\r\n                                                                                </div>\r\n                                                                            </td>\r\n                                                                            <td>10</td>\r\n                                                                        </tr>\r\n                                                                    </tbody>\r\n                                                                </table>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div> */}\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            <div className=\"nx-support-chart mt-3 mb-0\">\r\n                                                <div className=\"row nx-support-case\">\r\n\r\n\r\n\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            {/* support-details-table */}\r\n                                            {/* <div className=\"mt-3 mb-5\">\r\n                                    <h5> Cases Details </h5>\r\n                                        <NxGridList className=\"mb-5\" enableSearch={false} header={[\r\n                                        {\r\n                                            name: 'Feedback',\r\n                                        },\r\n                                        {\r\n                                            name:'Priority'\r\n                                        },\r\n                                        {\r\n                                            name:'Reported To'\r\n                                        },\r\n                                        {\r\n                                            name:'Status',\r\n                                        },\r\n                                        {\r\n                                            name:'Subject'\r\n                                        }\r\n                                        ]} \r\n                                        data={support && support}\r\n                                        />\r\n                                    </div> */}\r\n                                        </div>\r\n                                    </div>\r\n                                </TabPane>\r\n                                <TabPane tab={\r\n                                    <div className=\"d-flex justify-content-center\">\r\n                                        <span ><FontAwesomeIcon icon={faTicketAlt} /></span>\r\n                                        <span style={{ fontSize: '16px' }} className='mx-2'>  Request</span>\r\n                                    </div>\r\n                                } key=\"2\">\r\n                                    <TicketsList />\r\n                                </TabPane>\r\n                                {/* <TabPane tab={\r\n                                    <div className=\"d-flex justify-content-center\">\r\n                                        <span ><FontAwesomeIcon icon={faTicketAlt} /></span>\r\n                                        <span style={{ fontSize: '16px' }} className='mx-2'>  API Endpoints</span>\r\n                                    </div>\r\n                                } key=\"3\">\r\n                                    <APIEndPoints />\r\n                                </TabPane>\r\n                                <TabPane tab={\r\n                                    <div className=\"d-flex justify-content-center\">\r\n                                        <span ><FontAwesomeIcon icon={faTicketAlt} /></span>\r\n                                        <span style={{ fontSize: '16px' }} className='mx-2'>  Help Docs</span>\r\n                                    </div>\r\n                                } key=\"4\">\r\n                                    <HelpDocs />\r\n                                </TabPane> */}\r\n                            </Tabs>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter className=\"verscio-footer\" companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n\r\n        </>\r\n    )\r\n}\r\n","export default __webpack_public_path__ + \"static/media/Feedback.8eaa32cb.svg\";","import React from 'react';\r\nimport './feedback.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { faStar } from '@fortawesome/free-solid-svg-icons'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { NxGridList, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\n\r\nconst datas = [\r\n    {\r\n        sendItem: '1',\r\n        data: [\r\n            'demo, user',\r\n            <div>\r\n                <FontAwesomeIcon icon={faStar} color=\"orange\" />\r\n                <FontAwesomeIcon icon={faStar} color=\"orange\" />\r\n                <FontAwesomeIcon icon={faStar} />\r\n                <FontAwesomeIcon icon={faStar} />\r\n                <FontAwesomeIcon icon={faStar} />\r\n            </div>,\r\n            'This is for test'\r\n        ]\r\n    }, {\r\n        sendItem: '1',\r\n        data: [\r\n            'demo, user',\r\n            <div>\r\n                <FontAwesomeIcon icon={faStar} color=\"orange\" />\r\n                <FontAwesomeIcon icon={faStar} />\r\n                <FontAwesomeIcon icon={faStar} />\r\n                <FontAwesomeIcon icon={faStar} />\r\n                <FontAwesomeIcon icon={faStar} />\r\n            </div>,\r\n            'This is for test'\r\n        ]\r\n    }\r\n]\r\n\r\nexport default function Feedback() {\r\n\r\n    let history = useHistory();\r\n\r\n    return (\r\n        <div className='feedback mb-4'>\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"Feedback\" onCloseClick={() => history.push('/customer-board')} />\r\n            <div className=\"m-4 mt-0\">\r\n                <NxGridList\r\n                    enableSearch={true}\r\n                    autoSearch={true}\r\n                    enableAutoPagination={true}\r\n                    showShowing={true}\r\n                    className='grid'\r\n                    header={[\r\n                        {\r\n                            name: 'Name',\r\n                            sort: true,\r\n                            search: true\r\n                        },\r\n                        {\r\n                            name: 'FeedBack',\r\n                            sort: true,\r\n                        },\r\n                        {\r\n                            name: 'Discription',\r\n                            // sort: true,\r\n                        },\r\n                    ]} data={datas} />\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n","import { NxTitleTab, NxFooter, NxCustomTab, NxGridList } from '@afiplfeed/itr-app';\r\nimport React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\n\r\nexport default function Audit() {\r\n\r\n    let history = useHistory();\r\n\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title='Log Analytics' onCloseClick={() => history.push('/configuration')} />\r\n\r\n            <NxCustomTab\r\n                data={[\r\n                    {\r\n                        name: 'User Audit',\r\n                        Components: () => {\r\n                            return (\r\n                                <div className=\"container-form mb-5 mt-3\">\r\n                                    <NxGridList\r\n                                        enableSearch={true}\r\n                                        autoSearch={true}\r\n                                        enableAutoPagination={true}\r\n                                        showShowing={true}\r\n                                        header={[\r\n                                            {\r\n                                                name: 'First Name',\r\n                                                sort: true,\r\n                                                search: true\r\n                                            },\r\n                                            {\r\n                                                name: 'Email/Username',\r\n                                                search: true\r\n                                            },\r\n                                            {\r\n                                                name: 'First Login',\r\n                                                sort: true\r\n                                            },\r\n                                            {\r\n                                                name: 'Last Login',\r\n                                                sort: true\r\n                                            },\r\n                                            {\r\n                                                name: '2FA Enabled'\r\n                                            },\r\n                                            {\r\n                                                name: 'Min Duration'\r\n                                            },\r\n                                            {\r\n                                                name: 'Max Duration'\r\n                                            },\r\n                                            {\r\n                                                name: 'Avg Duration'\r\n                                            },\r\n                                            {\r\n                                                name: 'Last Session'\r\n                                            },\r\n\r\n                                        ]} />\r\n                                </div>\r\n                            )\r\n                        }\r\n                    },\r\n                    {\r\n                        name: 'Access Log',\r\n                        Components: () => {\r\n                            return (\r\n                                <div className=\"container-form mb-5 mt-3\">\r\n                                    <NxGridList enableSearch={false} header={[\r\n                                        {\r\n                                            name: 'Login Date',\r\n                                            sort: true\r\n                                        },\r\n                                        {\r\n                                            name: 'Total Session Duration',\r\n                                        },\r\n                                        {\r\n                                            name: '#Sessions / Login',\r\n                                        },\r\n                                        {\r\n                                            name: 'Status',\r\n                                        },\r\n                                    ]} />\r\n                                </div>\r\n                            )\r\n                        }\r\n                    },\r\n                    {\r\n                        name: 'Device Management',\r\n                        Components: () => {\r\n                            return (\r\n                                <div className=\"container-form mb-5 mt-3\">\r\n                                    <NxGridList enableSearch={false} header={[\r\n                                        {\r\n                                            name: 'First Name',\r\n                                            sort: true\r\n                                        },\r\n                                        {\r\n                                            name: 'Email / Username',\r\n                                        },\r\n                                        {\r\n                                            name: 'Device Name',\r\n                                        },\r\n                                        {\r\n                                            name: 'Device Type',\r\n                                        },\r\n                                        {\r\n                                            name: 'MAC ID',\r\n                                        },\r\n                                        {\r\n                                            name: 'Operating Sys',\r\n                                        },\r\n                                        {\r\n                                            name: 'Browser',\r\n                                        },\r\n                                        {\r\n                                            name: 'Status',\r\n                                        },\r\n                                        {\r\n                                            name: 'Action',\r\n                                        },\r\n                                    ]} />\r\n                                </div>\r\n                            )\r\n                        }\r\n                    },\r\n                ]} />\r\n            {/* <div className=\"card m-4 mt-0\">\r\n                <div className=\"card-body p-0\">\r\n                    <div className=\"container-form framework-container\">\r\n                        <h3>Coming Soon</h3>\r\n                    </div>\r\n                </div>\r\n            </div> */}\r\n\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","export default __webpack_public_path__ + \"static/media/skills.955f982d.png\";","export default __webpack_public_path__ + \"static/media/addUser.082d0df4.png\";","export default __webpack_public_path__ + \"static/media/password.4dc7a18a.png\";","import React, { useState } from \"react\";\r\nimport './users.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxRightDrawer, NxFooter, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport manageIcon from '../../../assets/skills.png';\r\nimport userIcon from '../../../assets/addUser.png';\r\nimport passwordIcon from '../../../assets/password.png';\r\nimport Headers from \"../../../Screens/Headers/Headers\";\r\n\r\n\r\nexport default function Users() {\r\n\r\n    let history = useHistory();\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n\r\n    return (\r\n        <div className=\"mb-5\">\r\n            <Headers/>\r\n            <NxTitleTab className=\"title-tab\" title=\"Users\" onCloseClick={() => history.push('/dashboard')} />\r\n            <div className=\"m-4 mt-0\">\r\n                <div className=\"container-fluid\">\r\n                    <div className=\"CustomerUsersTab\">\r\n                        <div className=\"row\">\r\n                            {/* Manage-Users */}\r\n                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                <div className=\"card\">\r\n                                    <div className=\"card-header d-flex align-items-center\">\r\n                                        <img src={manageIcon} width=\"30\" />\r\n                                        <h6 className=\"fw-bold m-1 text-primary\">Manage Users</h6>\r\n                                    </div>\r\n                                    <div className=\"card-body\">\r\n                                        <div className=\"card-details\">\r\n                                            <p>User management facilitates the functionality for administrators to manage user access to various Apps & resources like platform/portal.</p>\r\n                                        </div>\r\n                                        <div className=\"text-end mt-5\">\r\n                                            <button className=\"btn btn-sm btn-secondary border-0\" style={{backgroundColor:'#e8e8e8',color:'black'}} \r\n                                                onClick={() => {\r\n                                                    sessionStorage.setItem('ike', '1');\r\n                                                    history.push('/manage-users')\r\n                                                }}>\r\n                                                Manage User\r\n                                            </button>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            {/* Add-Users */}\r\n                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 mt-2\" >\r\n                                <div className=\"card\">\r\n                                    <div className=\"card-header d-flex align-items-center\">\r\n                                    <img src={userIcon} width=\"30\" />\r\n                                        <h6 className=\"fw-bold m-1 text-primary\">User Wizard</h6>\r\n                                    </div>\r\n                                    <div className=\"card-body\">\r\n                                        <div className=\"card-details\">\r\n                                            <p>User management facilitates the functionality for administrators to manage user access to various Apps & resources like platform/portal.</p>\r\n                                        </div>\r\n                                        <div className=\"text-end mt-5\">\r\n                                            <button className=\"btn btn-sm btn-secondary border-0\" style={{backgroundColor:'#e8e8e8',color:'black'}}\r\n                                            onClick={() => {\r\n                                                sessionStorage.setItem('ike', '1');\r\n                                                history.push('/framework/iam/add')\r\n                                            }}>\r\n                                                Add User\r\n                                            </button>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            {/* Reset-Password */}\r\n                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                <div className=\"card\">\r\n                                    <div className=\"card-header d-flex align-items-center\">\r\n                                    <img src={passwordIcon} width=\"30\" />\r\n                                        <h6 className=\"fw-bold m-1 text-primary\">Password Manager</h6>\r\n                                    </div>\r\n                                    <div className=\"card-body\">\r\n                                        <div className=\"card-details\">\r\n                                            <p>User management facilitates the functionality for administrators to manage user access to various Apps & resources like platform/portal.</p>\r\n                                        </div>\r\n                                        <div className=\"text-end mt-5\">\r\n                                            <button className=\"btn btn-sm btn-secondary border-0\" style={{backgroundColor:'#e8e8e8',color:'black'}}\r\n                                                onClick={() => {\r\n                                                    sessionStorage.setItem('ike', '1');\r\n                                                    history.push('/reset-users');\r\n                                                    }}>\r\n                                                Reset Password\r\n                                            </button>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n                            \r\n            {/* <NxActionTab className=\"nx-action-tab\"\r\n                onColumnsClick={() => { setHandel(true) }}\r\n                onRefreshClick={() => {\r\n                    setLoad(true)\r\n                    setTimeout(function () {\r\n                        setLoad(false)\r\n                    }, 2000);\r\n                }}\r\n                onNewEntryClick={() => { history.push('/framework/iam/add') }}\r\n                enableNewEntry={false}\r\n            /> */}\r\n\r\n            {/* <NxGridList header={[\r\n                    {\r\n                        name: 'First Name',\r\n                        sort: true,\r\n                    },\r\n                    {\r\n                        name: 'Last Name',\r\n                        sort: true,\r\n                    },\r\n                    {\r\n                        name: 'Email',\r\n                        // sort: true,\r\n                    },\r\n                    {\r\n                        name: 'Phone',\r\n                        sort: false,\r\n                    },\r\n                ]}\r\n                    searchValue={sea}\r\n                    onChangeText={(e) => setSea(e)}\r\n                    rowClick={(e) => {\r\n                        sessionStorage.setItem('editUserId',e.userCode)\r\n                        history.push('/framework/iam/edit');\r\n                    }}\r\n                    data={datas} \r\n                /> */}\r\n                {/* <NxCustomTab\r\n                    data={[\r\n                        {\r\n                            name:'User Information',\r\n                            Components:() => {\r\n                                return <div className=\"mb-4 users-tab\">\r\n                                </div>\r\n                            }\r\n                        },\r\n                        {\r\n                            name:'Role',\r\n                            Components:() => {\r\n                                return <div className=\"mb-4\">\r\n                                <NxGridList header={[\r\n                                    {\r\n                                        name: 'Role Code',\r\n                                        sort: true,\r\n                                    },\r\n                                    {\r\n                                        name: 'Role Name',\r\n                                        sort: true,\r\n                                    },\r\n                                ]}\r\n                                    rowClick={(e) => {\r\n                                    }}\r\n                                    data={[\r\n                                        { sendItem: '1', data: [] },\r\n                                        { sendItem: '2', data: [] }\r\n                                    ]} />\r\n                                </div>\r\n                            }\r\n                        }\r\n                    ]}\r\n                /> */}\r\n\r\n                <NxRightDrawer onClose={() => setHandel(false)} show={handel} drawerContent={() => <div>\r\n                    <p onClick={() => {\r\n                        setHandel2(true)\r\n                    }}>click me</p>\r\n                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac nibh turpis. Mauris vitae mi vitae risus vulputate rhoncus. Suspendisse dapibus diam a accumsan pharetra. Vestibulum facilisis eros vel tincidunt pharetra. Phasellus sapien nisl, iaculis et varius sed, ultricies at mauris. Maecenas id leo cursus, auctor leo eu, accumsan lorem. Sed viverra gravida feugiat.\r\n\r\n                    Donec at molestie dui. Nam semper nunc et arcu maximus ullamcorper. Cras mi ante, semper vitae congue at, vulputate sollicitudin purus. Phasellus vulputate a mauris vel venenatis. Phasellus posuere leo purus, ut viverra orci semper ut. Quisque ac nunc iaculis, vulputate libero in, suscipit velit. Nullam orci justo, dignissim sed ligula quis, aliquam varius eros. Etiam vitae urna aliquet, elementum tortor accumsan, rutrum tellus. Nam eu nulla eu augue vehicula ultrices sit amet sed mi. Etiam viverra, ligula vitae maximus lobortis, orci tellus ornare felis, sed vulputate risus nisl non ante.\r\n\r\n                    In interdum maximus lorem nec accumsan. Sed posuere aliquet elit quis efficitur. Proin tincidunt consequat mi, sit amet dapibus dui. Aenean et elementum nibh. Ut convallis scelerisque ultrices. Donec congue quis orci sit amet commodo. Quisque vehicula, nibh in tincidunt congue, nibh diam luctus lacus, et vulputate magna metus sed velit. Nunc venenatis gravida maximus. Fusce vehicula urna sit amet dui laoreet, lobortis bibendum enim consectetur. Ut commodo est sed orci tempus, sed fermentum mi volutpat. Duis sit amet arcu efficitur, gravida est eu, blandit mauris. Nulla quis congue velit, a dapibus dui. Quisque congue placerat vestibulum. Quisque laoreet ligula ac odio tempor efficitur eget nec arcu. Sed sit amet facilisis quam. Curabitur gravida efficitur quam, non volutpat ipsum aliquam sit amet.\r\n\r\n                    Vivamus fringilla porttitor vulputate. Donec porttitor, justo at condimentum venenatis, tortor tortor imperdiet urna, vel finibus velit massa et ipsum. Duis sodales eros sit amet fermentum congue. Vestibulum a magna in arcu lacinia aliquet. Sed ut mattis nulla, eu vestibulum odio. Quisque maximus varius elit et semper. Suspendisse accumsan pharetra ante nec mattis. Pellentesque in sem vel orci feugiat congue id at leo. Duis eget mattis ligula. Sed sed est rhoncus, molestie metus a, facilisis ligula. Aenean semper ac eros sed efficitur. Curabitur pulvinar tincidunt massa, a maximus eros maximus eget. Aliquam in felis mi. Nam laoreet eget quam efficitur viverra. Sed consequat massa id congue maximus. Nunc viverra mattis dui eu varius.\r\n\r\n                    Vivamus pulvinar orci turpis, vitae elementum lacus ullamcorper ac. Etiam auctor augue a elit consequat, eget placerat velit interdum. Donec finibus lacus dapibus, tempor nibh vel, commodo erat. Morbi sit amet congue dolor. Pellentesque sed quam id lectus porttitor rhoncus non vitae nibh. In dapibus consectetur odio, vel pellentesque lacus semper sed. Aliquam non sapien eu nulla suscipit hendrerit. Nunc tempor lectus sed laoreet cursus. Pellentesque neque dolor, facilisis in nunc at, tincidunt faucibus diam. Sed lectus urna, eleifend et sem in, imperdiet vehicula lectus. Maecenas semper ipsum eu libero volutpat, quis malesuada leo sagittis. Pellentesque in orci ipsum. Nulla condimentum, felis sed consectetur vulputate, leo magna placerat leo, pulvinar finibus ligula ligula sit amet mi.\r\n\r\n                    Praesent elit metus, euismod a nibh eu, fringilla elementum turpis. Nunc iaculis posuere mauris, aliquam malesuada elit pharetra sit amet. Mauris ultricies fermentum nisi iaculis molestie. Suspendisse eget nunc scelerisque, elementum sem sed, auctor metus. Nam lacinia varius odio, malesuada interdum eros dignissim at. Sed laoreet vestibulum augue, vel ornare nunc iaculis in. Nunc accumsan turpis vitae orci elementum, sed ornare ligula ullamcorper. In sit amet aliquet nunc, et malesuada nibh. Sed dui tellus, molestie sed convallis a, suscipit ac lectus. Suspendisse leo nibh, ultrices at augue vel, faucibus vehicula justo. Quisque risus ex, lacinia consequat dignissim vitae, accumsan at mi.\r\n\r\n                    Mauris vestibulum est a dictum tempor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus sed malesuada nulla. Sed nec vehicula tellus. Praesent vel purus interdum, congue mi et, accumsan eros. Fusce maximus dictum fermentum. Ut commodo nulla lacus, non vulputate odio sodales vitae.\r\n\r\n                    Cras pretium, sem at mattis pretium, tellus diam tempus felis, eget condimentum ex mi et orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sit amet turpis neque. Sed ultrices lorem mauris, at lacinia libero placerat eu. Aliquam consequat finibus ante, condimentum laoreet lectus porta sit amet. Quisque vel rutrum metus, ac gravida arcu. Nulla vestibulum dolor nibh, quis mattis augue maximus nec. Quisque placerat erat arcu. Morbi sit amet lectus scelerisque, pharetra leo eu, suscipit dolor. Praesent varius augue vel erat vestibulum tempus. In sed rutrum dolor. Aenean lectus nunc, finibus in est eu, gravida molestie lectus. Nulla non neque in lorem condimentum porta. Nulla eu lorem tellus.\r\n\r\n                    Nullam in feugiat dui. Nulla ac ex eget ex vestibulum sagittis non id enim. Curabitur urna elit, ultricies sit amet pretium vel, mollis ut enim. Suspendisse vestibulum, ipsum ut feugiat pulvinar, neque elit venenatis justo, id rhoncus leo mauris id libero. Vivamus lacus neque, faucibus vel facilisis nec, venenatis ut libero. Donec dapibus justo arcu, sit amet scelerisque velit pharetra vel. Duis molestie cursus eros vitae consectetur. Suspendisse potenti. Phasellus non tortor eget eros interdum varius id eleifend orci. Nullam vel tortor non nisl gravida eleifend a at lacus. Integer elit leo, maximus sed feugiat ut, venenatis ut purus. Integer id volutpat tortor.\r\n\r\n                    Quisque ac placerat sapien. Ut ut ipsum eu augue vestibulum commodo in sed ex. Maecenas id nulla ullamcorper, fermentum elit eget, scelerisque mauris. Nulla molestie et augue nec vestibulum. Quisque fringilla risus tortor, ut fringilla ante fringilla in. Phasellus in nibh elementum, fringilla nulla in, blandit risus. Phasellus ut quam malesuada, condimentum velit a, tempus justo. Etiam a rutrum ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;\r\n                </div>} drawer1={handel2} ondrawer1Close={() => { setHandel2(false) }} />\r\n            {/* </div> */}\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                {name:'Terms of Service'},\r\n                {name:'Privacy'},\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport './style.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxBreadcrumb, NxTitleTab, NxActionTab, NxGridList, NxRightDrawer, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport { message } from 'antd';\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\nconst splits = async (dests, setEnquiry, setLoad, refresh, setExport) => {\r\n    let arr = [];\r\n    let arr2 = [];\r\n    for (let value of dests) {\r\n        let data = [\r\n            value.FullName ? value.FullName : '-',\r\n            value.CompanyName ? value.CompanyName : '-',\r\n            value.Email ? value.Email : '-',\r\n            value.Phone ? value.Phone : '-',\r\n            <div>\r\n                <button className=\"btn btn-sm\"\r\n                    style={{ fontSize: '11px', color: value.StatusName == 'Contact in future' ? 'black' : 'white', backgroundColor: value.StatusName == 'Active' ? 'green' : value.StatusName == 'Pre qualified' ? 'lightgreen' : value.StatusName == 'Invalid Contact' ? 'blue' : value.StatusName == 'Contact in future' ? 'lightgreen' : value.StatusName == 'Market Failed' ? 'red' : 'red' }}\r\n                >\r\n                    {value.StatusName ? value.StatusName : '-'}\r\n                </button>\r\n            </div>,\r\n            // value.StatusName ? value.StatusName : '-',\r\n            <div><button style={{ fontSize: '11px' }} className=\"btn btn-sm btn-primary\" onClick={(e) => {\r\n                e.stopPropagation();\r\n                let body = { ...value, IsMovedToOnboarding: true };\r\n                setLoad(true)\r\n                ItrApiService.POST({\r\n                    url: 'RevOps/Enquiry/ConvertToCustomer',\r\n                    data: body\r\n                }).then(res => {\r\n                    setLoad(false);\r\n                    if (res.Success == true) {\r\n                        if (res.result.isSuccess == true) {\r\n                            message.success('Successfully Completed');\r\n                            // window.location.reload();\r\n                            refresh()\r\n                        }\r\n                    }\r\n                });\r\n            }}>Onboard</button></div>];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            \"Full Name\": value.FullName ? value.FullName : '-',\r\n            \"Email\": value.Email ? value.Email : '-',\r\n            \"Phone\": value.Phone ? value.Phone : '-',\r\n            \"Status\": value.StatusName ? value.StatusName : '-',\r\n        }\r\n        arr2 = [...arr2, obj2];\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setEnquiry(arr);\r\n}\r\n\r\nexport default function Enquiry() {\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n    const [exportVal, setExport] = useState([]);\r\n\r\n    const [enquiry, setEnquiry] = useState([]);\r\n    const [enquiryEdit, setEnquiryEdit] = useState('');\r\n\r\n    const refresh = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/Enquiry/GetEnquires'\r\n        });\r\n        if (result.Success == true) {\r\n            let getEnquiryDetails = result.result.data;\r\n            if (getEnquiryDetails === null) {\r\n                // NotificationManager.error(result.result.message);\r\n            } else if (getEnquiryDetails.length == 0) {\r\n                setEnquiry([])\r\n                setEnquiryEdit([]);\r\n            }\r\n            else {\r\n\r\n                await splits(getEnquiryDetails, setEnquiry, setLoad, getEnquiry, setExport);\r\n                setEnquiryEdit(getEnquiryDetails)\r\n            }\r\n            // setEnquiry(getEnquiryDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    const getEnquiry = async () => {\r\n        setLoad(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/Enquiry/GetEnquires'\r\n        });\r\n        if (result.Success == true) {\r\n            let getEnquiryDetails = result.result.data;\r\n            if (getEnquiryDetails === null || !getEnquiryDetails.length) {\r\n                // NotificationManager.error(result.result.message);\r\n            }\r\n            else {\r\n                await splits(getEnquiryDetails, setEnquiry, setLoad, refresh, setExport);\r\n                await setEnquiryEdit(getEnquiryDetails)\r\n            }\r\n            // setEnquiry(getEnquiryDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n        setLoad(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        getEnquiry();\r\n        // await splits(dest, setEnquiry);\r\n    }, [])\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={load} />\r\n            {/* <Headers > */}\r\n            {/* <NxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            <div style={{ flex: 1 }}>\r\n                {/* <NxTitleTab className=\"title-tab\" title='Enquiry' onCloseClick={() => {\r\n                    history.push('/customers');\r\n                }} /> */}\r\n                {/* <div className=\"d-flex justify-content-between align-items-center flex-wrap\"> */}\r\n                <NxActionTab className=\"enquiry-action-tab px-0\"\r\n                    onColumnsClick={() => { setHandel(true) }}\r\n                    exportValue={exportVal}\r\n                    fileName='Enquiry'\r\n                    onRefreshClick={async () => {\r\n                        setLoad(true)\r\n                        await getEnquiry();\r\n                        setLoad(false);\r\n                    }}\r\n                    onNewEntryClick={() => { history.push('/enquiry/add') }}\r\n                    enableNewEntry={true}\r\n                />\r\n                {/* <button className=\"btn btn-primary btn-sm\"> New Enquiry</button> */}\r\n                {/* </div> */}\r\n                <div className=\"px-0 pt-0\">\r\n                    <NxGridList\r\n                        enableSearch={true}\r\n                        autoSearch={true}\r\n                        enableAutoPagination={true}\r\n                        showShowing={true}\r\n                        header={[\r\n                            {\r\n                                name: 'Full Name',\r\n                                sort: true,\r\n                                search: true\r\n                            },\r\n                            {\r\n                                name: 'Company Name',\r\n                                sort: false,\r\n                                search: false\r\n                            },\r\n                            {\r\n                                name: 'Email',\r\n                                search: true,\r\n                                sort: false,\r\n                            },\r\n                            {\r\n                                name: 'Phone',\r\n                                search: true,\r\n                                sort: false,\r\n                            },\r\n                            {\r\n                                name: 'Status',\r\n                                sort: false,\r\n                            },\r\n                            {\r\n                                name: 'Action',\r\n                            }\r\n                        ]}\r\n                        rowClick={(data) => {\r\n\r\n                            history.push({\r\n                                pathname: '/enquiry/edit',\r\n                                state: {\r\n                                    editData: data\r\n                                }\r\n                            });\r\n                        }}\r\n                        data={enquiry}\r\n                    // {enquiry}\r\n                    // {[\r\n                    //     { sendItem: '1', data: ['test', 'user', 'ss@mail.com user', '9002000201', 'bytes', 'active'] },\r\n                    //     // { sendItem: '2', data: ['test1', 'user1', 'ss1@mail.com user', '9002000201', 'bytes', 'active'] }\r\n                    // ]} \r\n                    />\r\n                </div>\r\n                <NxRightDrawer onClose={() => setHandel(false)} show={handel} drawerContent={() => <div className=\"qwerty\">\r\n\r\n                </div>} ondrawer1Close={() => { setHandel2(false) }} />\r\n            </div>\r\n\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport { useLocation } from 'react-router-dom';\r\nimport './style.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { NxHeader, NxBreadcrumb, NxTitleTab, NxCustomTab, NxLoader, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport Footers from \"../../Screens/Footers/Footers\";\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\nexport default function EditUserEntry({ }) {\r\n\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons mb-5\">\r\n            <button className=\"btn btn-primary rounded-pill buttons\" onClick={() => {\r\n                ItrApiService.POST({\r\n                    url: 'RevOps/Enquiry/SaveEnquiry',\r\n                    data: editEnquiry\r\n                }).then(res => {\r\n                    if (res.Success == true) {\r\n                        if (res.result.isSuccess == true) {\r\n                            history.goBack()\r\n                        }\r\n                    }\r\n                })\r\n            }} > Save</button>\r\n            <button className=\"btn close btn-outline-primary rounded-pill\" onClick={() => history.goBack()}> close</button>\r\n        </div>\r\n    }\r\n\r\n    let history = useHistory();\r\n    let location = useLocation();\r\n    const [handel, setHandel] = useState(false);\r\n    const [editEnquiry, setEditEnquiry] = useState('');\r\n    const [loading, setLoading] = useState(false);\r\n    const [edit, setEdit] = useState('');\r\n\r\n\r\n    // AllUDo`s\r\n    let UdoData = [\"Enquiry Status\", \"Nature Of Business\", \"Industry\", \"Ownership\", \"Source\"];\r\n    const [allUdo, setAllUdo] = useState([]);\r\n    const getUdo = async () => {\r\n        let result = await ItrApiService.POST({\r\n            url: 'Platform/UserDefined/AllUDOs',\r\n            data: UdoData\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            let getOptions = getCustomerDetails[1].Options;\r\n            setAllUdo(getOptions);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    // Partners\r\n    const [allPartners, setAllPartners] = useState([]);\r\n    const getPartners = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/PartnerInformation'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getPartnerDetails = result.result.data;\r\n            setAllPartners(getPartnerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        setLoading(true);\r\n        setEditEnquiry(location.state.editData);\r\n        getUdo();\r\n        getPartners();\r\n        setLoading(false);\r\n    }, [])\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            {/* <NxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board')\r\n                    }\r\n                },\r\n                {\r\n                    name: 'Enquiry List',\r\n                    onClick: () => {\r\n                        history.goBack()\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            <NxTitleTab className=\"title-tab\" title='Edit Enquiry' onCloseClick={() => {\r\n                history.goBack();\r\n            }} />\r\n            <NxCustomTab\r\n                data={[\r\n                    {\r\n                        name: \"Basic information\",\r\n                        Components: () => {\r\n                            return (\r\n                                <div className=\"container-form\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Full Name</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={editEnquiry.FullName} onChange={(e) => {\r\n                                                        setEditEnquiry({ ...editEnquiry, FullName: e.target.value })\r\n                                                    }} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"lastName\">Company Name</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"lastName\" type=\"text\" value={editEnquiry.CompanyName} onChange={(e) => {\r\n                                                        setEditEnquiry({ ...editEnquiry, CompanyName: e.target.value })\r\n                                                    }} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"Email\">Email</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"Email\" type=\"text\" value={editEnquiry.Email} onChange={(e) => {\r\n                                                        setEditEnquiry({ ...editEnquiry, Email: e.target.value })\r\n                                                    }} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"Phone\">Phone</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"tel\"\r\n                                                        minLength=\"10\" maxLength=\"15\" type=\"text\" value={editEnquiry.Phone} onChange={(e) => {\r\n                                                            setEditEnquiry({ ...editEnquiry, Phone: e.target.value })\r\n                                                        }} />\r\n                                                </div>\r\n\r\n                                                {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"aboutus\">Where did you hear about us?</label>\r\n                                                    <select class=\"form-select form-select-sm\" id=\"aboutus\">\r\n                                                        <option value=\"\" selected hidden></option>\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        <option value=\"Google\" >Google</option>\r\n                                                        <option value=\"Events\" >Events</option>\r\n                                                        <option value=\"Conferance\" >Conferance</option>\r\n                                                        <option value=\"Blog\" >Blog</option>\r\n                                                        <option value=\"Referance\" >Referance</option>\r\n                                                    </select>\r\n                                                </div> */}\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"role\">Role</label>\r\n                                                    <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" id=\"role\" value={editEnquiry.Role} onChange={(e) => {\r\n                                                        setEditEnquiry({ ...editEnquiry, Role: e.target.value })\r\n                                                    }} >\r\n                                                        <option value=\"\" selected hidden></option>\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        <option value=\"Consultant\" >Consultant</option>\r\n                                                        <option value=\"Influencer\" >Influencer</option>\r\n                                                        <option value=\"Decision maker\" >Decision maker</option>\r\n                                                        <option value=\"Approver\" >Approver</option>\r\n                                                        <option value=\"Sponser\" >Sponser</option>\r\n                                                    </select>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"timeToBuy\">Time to Buy</label>\r\n                                                    <select class=\"form-select form-select-sm\" id=\"timeToBuy\" value={editEnquiry.TimeToBuy} onChange={(e) => {\r\n                                                        setEditEnquiry({ ...editEnquiry, TimeToBuy: e.target.value })\r\n                                                    }} >\r\n                                                        <option value=\"\" selected hidden></option>\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        <option value=\"Immediately\" >Immediately</option>\r\n                                                        <option value=\"Within 30 days\" >Within 30 days</option>\r\n                                                        <option value=\"Within 60 days\" >Within 60 days</option>\r\n                                                        <option value=\"Within 90 days\" >Within 90 days</option>\r\n                                                        <option value=\"Just enquiring\" >Just Enquiring</option>\r\n                                                    </select>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Source</label>\r\n                                                    <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={editEnquiry.SourcedBy} onChange={(e) => {\r\n                                                        setEditEnquiry({ ...editEnquiry, SourcedBy: e.target.value })\r\n                                                    }} >\r\n                                                        <option value=\"\" selected hidden></option>\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        <option value=\"Advertisement\" >Advertisement</option>\r\n                                                        <option value=\"Cold Call\" >Cold Call</option>\r\n                                                        <option value=\"Employee Referal\" >Employee Referal</option>\r\n                                                        <option value=\"External Referal\" >External Referal</option>\r\n                                                        <option value=\"Online\" >Online</option>\r\n                                                        <option value=\"Partner\" >Partner</option>\r\n                                                        <option value=\"Public Relations\" >Public Relations</option>\r\n                                                        <option value=\"Sales Mail\" >Sales Mail</option>\r\n                                                        <option value=\"Seminar Partner\" >Seminar Partner</option>\r\n                                                        <option value=\"Seminar Internal\" >Seminar Internal</option>\r\n                                                        <option value=\"Trade Show\" >Trade Show</option>\r\n                                                        <option value=\"Database\" >Database</option>\r\n                                                    </select>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Status</label>\r\n                                                    <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={editEnquiry.Status} onChange={(e) => {\r\n                                                        setEditEnquiry({ ...editEnquiry, Status: e.target.value })\r\n                                                    }} >\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        {allUdo && allUdo.map((data, index) => {\r\n                                                            return <option key={index} hidden={data.UDOptionName == 'Acquired'} value={data.UDOptionID}> {data.UDOptionName} </option>\r\n                                                        })}\r\n                                                    </select>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\" hidden={editEnquiry.SourcedBy == 'Partner' ? false : true}>\r\n                                                    <label htmlFor=\"partner\">Partner</label>\r\n                                                    <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={editEnquiry.PartnerID}\r\n                                                        onChange={(e) => setEditEnquiry({ ...editEnquiry, PartnerID: e.target.value })}>\r\n                                                        <option value=\"\" selected hidden></option>\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        {allPartners && allPartners.map((data, index) => {\r\n                                                            return <option key={index} value={data.partnerInformationID}> {data.partnerName} </option>\r\n                                                        })}\r\n                                                    </select>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label htmlFor=\"feedback\">Feedback</label>\r\n                                                    <textarea className=\"form-control\" id=\"feedback\" value={editEnquiry.Feedback} onChange={(e) => {\r\n                                                        setEditEnquiry({ ...editEnquiry, Feedback: e.target.value })\r\n                                                    }} />\r\n                                                </div>\r\n                                                <div>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <hr />\r\n\r\n                                    <Buttons />\r\n                                </div>\r\n                            )\r\n                        }\r\n                    },\r\n                ]}\r\n            />\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport './customers.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxBreadcrumb, NxTitleTab, NxActionTab, NxGridList, NxRightDrawer, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport { message } from \"antd\";\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\nconst splits = async (dests, setEnquiry, refreshInvice) => {\r\n    let arr = [];\r\n    for (let value of dests) {\r\n        let data = [value.entityCode, value.entityName, value.noOfEmployees, value.sourcedBy, value.partnerName ? value.partnerName : '-', value.entityBoarding ? value.entityBoarding.customerType : '-',\r\n        // <div>\r\n        //     <button className=\"btn btn-sm\" style={{ fontSize: '14px', backgroundColor: 'rgb(115, 165, 98)', color: 'white' }}\r\n        //         onClick={(e) => {\r\n        //             e.stopPropagation();\r\n        //             ItrApiService.POST({\r\n        //                 url: `RevOps/ServiceBilling/GenerateServiceBill/${value.entityCode}`,\r\n        //                 // data:\r\n        //             }).then((res) => {\r\n        //                 if (res.Success == true) {\r\n        //                     if (res.result.isSuccess == true) {\r\n        //                         refreshInvice();\r\n        //                         message.success('Successfully Generated');\r\n        //                     }\r\n        //                 }\r\n        //             })\r\n        //         }}>Generate Invoice</button>\r\n        // </div>,\r\n        <div>\r\n            <button className=\"btn btn-sm\" style={{ fontSize: '12px', backgroundColor: value.isActive == true ? 'green' : 'red', color: 'white' }}>\r\n                {value.isActive == true ? 'Active' : 'InActive'}\r\n            </button>\r\n        </div>];\r\n        let obj = { sendItem: value, data: data };\r\n        arr = [...arr, obj]\r\n    }\r\n    setEnquiry(arr);\r\n}\r\n\r\nexport default function Customer() {\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n\r\n\r\n    const [customers, setCustomers] = useState([]);\r\n    const [passCustomers, setpassCustomers] = useState();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n\r\n\r\n    const refreshInvice = async () => {\r\n        setLoad(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/Entity/GetEntities/true'\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let getCustomerDetails = result.result.data;\r\n                if (getCustomerDetails === null || !getCustomerDetails.length) {\r\n                    // NotificationManager.error(result.result.message);\r\n                    setCustomers([]);\r\n                }\r\n                else {\r\n                    await splits(getCustomerDetails, setCustomers, getData);\r\n                    await setpassCustomers(getCustomerDetails);\r\n                }\r\n                // setCustomers(getCustomerDetails);\r\n            }\r\n            else if (result.result.isSuccess == false) {\r\n                setCustomers([]);\r\n                // NotificationManager.error(result.result.message);\r\n                // sessionStorage.clear();\r\n                // history.push('/')\r\n            }\r\n        }\r\n        setLoad(false);\r\n    }\r\n\r\n\r\n\r\n    const getData = async () => {\r\n        setLoad(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/Entity/GetEntities/true'\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let getCustomerDetails = result.result.data;\r\n                if (getCustomerDetails === null || !getCustomerDetails.length) {\r\n                    // NotificationManager.error(result.result.message);\r\n                    setCustomers([]);\r\n                }\r\n                else {\r\n                    await splits(getCustomerDetails, setCustomers, refreshInvice);\r\n                    await setpassCustomers(getCustomerDetails);\r\n                }\r\n                // setCustomers(getCustomerDetails);\r\n            }\r\n            else if (result.result.isSuccess == false) {\r\n                setCustomers([]);\r\n                // NotificationManager.error(result.result.message);\r\n                // sessionStorage.clear();\r\n                // history.push('/')\r\n            }\r\n        }\r\n        setLoad(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        getData();\r\n        // await splits(dest, setEnquiry);\r\n    }, []);\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={load} />\r\n            {/* <Headers/> */}\r\n            {/* <NxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            <div style={{ flex: 1 }}>\r\n                {/* <NxTitleTab className=\"title-tab\" title='Customer' onCloseClick={() => {\r\n                    history.push('/customers');\r\n                }} /> */}\r\n                {/* <NxActionTab className=\"px-0 py-0\"\r\n                    onColumnsClick={() => { setHandel(true) }}\r\n                    onRefreshClick={() => {\r\n                        setLoad(true)\r\n                        setTimeout(function () {\r\n                            setLoad(false)\r\n                        }, 2000);\r\n                    }}\r\n                    onNewEntryClick={() => { history.push('/customer/add') }}\r\n                    enableNewEntry={true}\r\n                /> */}\r\n                <div className=\"px-0 pt-0\">\r\n                    <NxGridList\r\n                        enableSearch={true}\r\n                        autoSearch={true}\r\n                        enableAutoPagination={true}\r\n                        showShowing={true}\r\n                        header={[\r\n                            {\r\n                                name: 'Entity Code',\r\n                                sort: true,\r\n                            },\r\n                            {\r\n                                name: 'Entity Name',\r\n                                search: true,\r\n                                sort: true,\r\n                            },\r\n                            {\r\n                                name: 'No Of Employees',\r\n                                // sort: true,\r\n                            },\r\n                            {\r\n                                name: 'Source Type',\r\n                            },\r\n                            {\r\n                                name: 'Partner Name',\r\n                            },\r\n                            {\r\n                                name: 'Customer Type',\r\n                                // sort: true,\r\n                            },\r\n                            {\r\n                                name: 'Customer Status',\r\n                                // sort: true,\r\n                            },\r\n                            {\r\n                                name: '',\r\n                            },\r\n                        ]}\r\n\r\n                        rowClick={(data) => {\r\n                            localStorage.setItem('passData', JSON.stringify(data));\r\n                            history.push({\r\n                                pathname: '/customer/summary',\r\n                                state: {\r\n                                    passData: data\r\n                                }\r\n                            });\r\n                        }}\r\n                        data={customers} />\r\n                </div>\r\n\r\n                <NxRightDrawer onClose={() => setHandel(false)} show={handel} drawerContent={() => <div>\r\n\r\n                </div>} ondrawer1Close={() => { setHandel2(false) }} />\r\n            </div>\r\n\r\n            {/* <NxFooter ExtraContent={[\r\n                {name:'Terms of Service'},\r\n                {name:'privacy'},\r\n            ]} /> */}\r\n        </div>\r\n    )\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport './AddCustomers.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { NxHeader, NxBreadcrumb, NxTitleTab, NxCustomTab, NxLoader, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport Footers from \"../../Screens/Footers/Footers\";\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\nexport default function AddCustomers() {\r\n\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons mb-5\">\r\n            <button className=\"btn btn-primary rounded-pill buttons\"> Save</button>\r\n            <button className=\"btn btn-primary rounded-pill buttons\"> Onboard</button>\r\n            <button className=\"btn close btn-outline-primary rounded-pill\" onClick={() => history.goBack()}> close</button>\r\n        </div>\r\n    }\r\n\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    // cities\r\n    const [allCities, setAllCities] = useState([]);\r\n    const getCities = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/City/GetAllCities'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setAllCities(getCustomerDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n    // states\r\n    const [allStates, setAllStates] = useState([]);\r\n    const getStates = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/State/GetAllStates'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setAllStates(getCustomerDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n    // country\r\n    const [allCountries, setAllCountries] = useState([]);\r\n    const getCountry = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/Country/GetAllCountries'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setAllCountries(getCustomerDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n    // pincode\r\n    const [allPinCode, setAllPinCode] = useState([]);\r\n    const getZipCodes = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/ZipCode/GetAllZipCodes'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setAllPinCode(getCustomerDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    const [customers, setCustomers] = useState([]);\r\n    const getparent = async () => {\r\n        await ItrApiService.GET({ url: 'RevOps/Entity/GetEntities/true' }).then((resCustomers) => {\r\n            if (resCustomers.Success == true) {\r\n                if (resCustomers.result.isSuccess == true) {\r\n                    if (resCustomers.result.data) {\r\n                        setCustomers(resCustomers.result.data);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n\r\n    };\r\n\r\n\r\n    // AllUDo`s\r\n    let UdoData = [\"Enquiry Status\", \"Nature Of Business\", \"Industry\", \"Ownership\", \"Source\"];\r\n    const [allUdo, setAllUdo] = useState([]);\r\n    const getUdo = async () => {\r\n        let result = await ItrApiService.POST({\r\n            url: 'Platform/UserDefined/AllUDOs',\r\n            data: UdoData\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            let getOptions = getCustomerDetails[1].Options;\r\n            setAllUdo(getOptions);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    const initiate = async () => {\r\n        setLoading(true);\r\n        await getUdo();\r\n        await getparent();\r\n        await getCities();\r\n        await getCountry();\r\n        await getZipCodes();\r\n        await getStates();\r\n        setLoading(false);\r\n    }\r\n\r\n\r\n    useEffect( () => {\r\n        initiate()\r\n    }, []);\r\n\r\n\r\n    let history = useHistory();\r\n    const [handel, setHandel] = useState(false);\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                },\r\n                {\r\n                    name: 'Customer List',\r\n                    onClick: () => {\r\n                        history.push('/customer');\r\n                    }\r\n                }\r\n            ]} />\r\n            <NxTitleTab className=\"title-tab\" title='Add Customer' onCloseClick={() => {\r\n                history.push('/customer');\r\n            }} />\r\n            <NxCustomTab\r\n                data={[\r\n                    {\r\n                        name: \"Organization\",\r\n                        Components: () => <div className=\"container-form\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4\">\r\n                                    <label htmlFor=\"Account-Name\">Entity Code</label>\r\n                                    <input className=\"form-control mt-2\" id=\"Account-Name\" type=\"text\" disabled />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4\">\r\n                                    <label htmlFor=\"firstName\">Ownership</label>\r\n                                    <select class=\"form-select\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                        <option value=\"\" selected hidden></option>\r\n                                        <option value=\"\" >--Please-select--</option>\r\n                                    </select>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4\">\r\n                                    <label htmlFor=\"Address-Line-1\">Address Line 1</label>\r\n                                    <input className=\"form-control mt-2\" id=\"Address-Line-1\" type=\"text\" />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4\">\r\n                                    <label htmlFor=\"Account-Name\">Entity Name</label>\r\n                                    <input className=\"form-control mt-2\" id=\"Account-Name\" type=\"text\" />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                    <label htmlFor=\"firstName\">Industry</label>\r\n                                    <select class=\"form-select\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                        <option value=\"\" selected hidden></option>\r\n                                        <option value=\"\" >--Please-select--</option>\r\n                                    </select>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                    <label htmlFor=\"Address-Line-2\">Address Line 2</label>\r\n                                    <input className=\"form-control mt-2\" id=\"Address-Line-2\" type=\"text\" />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                    <label htmlFor=\"firstName\">Parent Account</label>\r\n                                    <select class=\"form-select\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                        <option value=\"\" >--Please-select--</option>\r\n                                        {customers && customers.map((data, index) => {\r\n                                            return <option key={index} value={data.entityCode}> {data.entityName} </option>\r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                    <label htmlFor=\"firstName\">Nature Of Business</label>\r\n                                    <select class=\"form-select\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                        <option value=\"\" selected hidden></option>\r\n                                        <option disabled>--Please-select--</option>\r\n                                        <option value=\"Business 01\" >Business 01</option>\r\n                                        <option value=\"Business 02\" >Business 02</option>\r\n                                    </select>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                            <label htmlFor=\"firstName\">City</label>\r\n                                            <select class=\"form-select\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                                <option value=\"\" selected hidden></option>\r\n                                                <option value=\"\" >--Please-select--</option>\r\n                                                {allCities && allCities.map((data, index) => {\r\n                                                    return <option key={index} value={data.cityName}> {data.cityName} </option>\r\n                                                })}\r\n                                            </select>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                            <label htmlFor=\"firstName\">State</label>\r\n                                            <select class=\"form-select\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                                <option value=\"\" selected hidden></option>\r\n                                                <option value=\"\" >--Please-select--</option>\r\n                                                {allStates && allStates.map((data, index) => {\r\n                                                    return <option key={index} value={data.stateName}> {data.stateName} </option>\r\n                                                })}\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                    <label htmlFor=\"firstName\">Source</label>\r\n                                    <select class=\"form-select\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                        <option value=\"\" selected hidden></option>\r\n                                        <option disabled>--Please-select--</option>\r\n                                        <option value=\"Advertisement\" >Advertisement</option>\r\n                                        <option value=\"Cold Call\" >Cold Call</option>\r\n                                        <option value=\"Employee Referal\" >Employee Referal</option>\r\n                                        <option value=\"External Referal\" >External Referal</option>\r\n                                        <option value=\"Online\" >Online</option>\r\n                                        <option value=\"Partner\" >Partner</option>\r\n                                        <option value=\"Public Relations\" >Public Relations</option>\r\n                                        <option value=\"Sales Mail\" >Sales Mail</option>\r\n                                        <option value=\"Seminar Partner\" >Seminar Partner</option>\r\n                                        <option value=\"Seminar Internal\" >Seminar Internal</option>\r\n                                        <option value=\"Trade Show\" >Trade Show</option>\r\n                                        <option value=\"Database\" >Database</option>\r\n                                    </select>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                    <label htmlFor=\"firstName\">Annual Revenue</label>\r\n                                    <input className=\"form-control mt-2\" id=\"firstName\" type=\"text\" />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                            <label htmlFor=\"firstName\">Country</label>\r\n                                            <select class=\"form-select\" aria-label=\"Default select example\">\r\n                                                <option value=\"\" selected hidden></option>\r\n                                                <option value=\"\" >--Please-select--</option>\r\n                                                {allCountries && allCountries.map((data, index) => {\r\n                                                    return <option key={index} value={data.countryName}> {data.countryName} </option>\r\n                                                })}\r\n                                            </select>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                            <label htmlFor=\"firstName\">Pin Code</label>\r\n                                            <select class=\"form-select\" aria-label=\"Default select example\">\r\n                                                <option value=\"\" selected hidden></option>\r\n                                                <option value=\"\" >--Please-select--</option>\r\n                                                {allPinCode && allPinCode.map((data, index) => {\r\n                                                    return <option key={index} value={data.zipcode}> {data.zipcode} </option>\r\n                                                })}\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                    <label htmlFor=\"firstName\">No Of Employees</label>\r\n                                    <input className=\"form-control mt-2\" id=\"firstName\" type=\"text\" />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n\r\n                                </div>\r\n                            </div>\r\n\r\n\r\n\r\n                            <div className=\"row mt-2 d-flex align-items-start\">\r\n                                <div className=\"col-12 col-sm-3 col-md-3 col-xl-4 col-lg-4\">\r\n                                    <label htmlFor=\"firstName\">Description</label>\r\n                                    <textarea className=\"form-control mt-2\" id=\"firstName\" />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-3 col-md-3 col-xl-4 col-lg-4\">\r\n                                    <label htmlFor=\"firstName\">Website</label>\r\n                                    <input type=\"text\" className=\"form-control mt-2\" id=\"firstName\" />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-3 col-md-3 col-xl-4 col-lg-4\">\r\n\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-3 col-md-3 col-xl-4 col-lg-4\">\r\n\r\n                                </div>\r\n                            </div>\r\n                            <hr />\r\n\r\n                            <Buttons />\r\n                        </div>\r\n                    },\r\n                    {\r\n                        name: \"Contacts\",\r\n                        Components: () => <div className=\"container-form\">\r\n                            <div>\r\n                                <strong>Administrative Contact</strong>\r\n                                <div className=\"row contact-form\">\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4\">\r\n                                        <label htmlFor=\"firstName\">First Name</label>\r\n                                        <input className=\"form-control mt-2\" id=\"firstName\" type=\"text\" />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4\">\r\n                                        <label htmlFor=\"firstName\">Designation</label>\r\n                                        <input className=\"form-control mt-2\" id=\"firstName\" type=\"text\" />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                                <label htmlFor=\"firstName\">Phone</label>\r\n                                                <input className=\"form-control mt-2\" id=\"firstName\" type=\"text\" />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                                <label htmlFor=\"firstName\">Mobile</label>\r\n                                                <input className=\"form-control mt-2\" id=\"firstName\" type=\"text\" />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                        <label htmlFor=\"firstName\">Last Name</label>\r\n                                        <select class=\"form-select\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                            <option value=\"\" selected hidden></option>\r\n                                            <option value=\"\" >--Please-select--</option>\r\n                                        </select>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                        <label htmlFor=\"firstName\">Department</label>\r\n                                        <input className=\"form-control mt-2\" id=\"firstName\" type=\"text\" />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                        <label htmlFor=\"firstName\">Email</label>\r\n                                        <input className=\"form-control mt-2\" id=\"firstName\" type=\"text\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div>\r\n                                <strong>Technical Contact</strong>\r\n                                <div className=\"row contact-form\">\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4\">\r\n                                        <label htmlFor=\"firstName\">First Name</label>\r\n                                        <input className=\"form-control mt-2\" id=\"firstName\" type=\"text\" />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4\">\r\n                                        <label htmlFor=\"firstName\">Designation</label>\r\n                                        <input className=\"form-control mt-2\" id=\"firstName\" type=\"text\" />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                                <label htmlFor=\"firstName\">Phone</label>\r\n                                                <input className=\"form-control mt-2\" id=\"firstName\" type=\"text\" />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                                <label htmlFor=\"firstName\">Mobile</label>\r\n                                                <input className=\"form-control mt-2\" id=\"firstName\" type=\"text\" />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                        <label htmlFor=\"firstName\">Last Name</label>\r\n                                        <select class=\"form-select\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                            <option value=\"\" selected hidden></option>\r\n                                            <option value=\"\" >--Please-select--</option>\r\n                                        </select>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                        <label htmlFor=\"firstName\">Department</label>\r\n                                        <input className=\"form-control mt-2\" id=\"firstName\" type=\"text\" />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                        <label htmlFor=\"firstName\">Email</label>\r\n                                        <input className=\"form-control mt-2\" id=\"firstName\" type=\"text\" />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <hr />\r\n                            {/* buttons */}\r\n                            <Buttons />\r\n                        </div>\r\n                    }\r\n                ]}\r\n            />\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport './PartnerUsers.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxBreadcrumb, NxTitleTab, NxActionTab, NxGridList, NxRightDrawer, NxFooter, NxCustomTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport { NotificationManager } from \"react-notifications\";\r\nconst splits = async (dests, setEnquiry) => {\r\n    let arr = [];\r\n    for (let value of dests) {\r\n        let data = [value.entityCode, value.entityName, value.noOfEmployees, value.source];\r\n        let obj = { sendItem: value, data: data };\r\n        arr = [...arr, obj]\r\n    }\r\n    setEnquiry(arr);\r\n}\r\n\r\nexport default function PartnerUsers() {\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n\r\n\r\n    const [customers, setCustomers] = useState([]);\r\n    const [passCustomers, setpassCustomers] = useState();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n\r\n\r\n    const getData = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'TenantPlatform/Entity/GetEntities',\r\n            customHeaders: []\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            if (getCustomerDetails === null || !getCustomerDetails.length) {\r\n                // NotificationManager.error(result.result.message);\r\n            }\r\n            else {\r\n                await splits(getCustomerDetails, setCustomers);\r\n                await setpassCustomers(getCustomerDetails);\r\n            }\r\n            // setCustomers(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    useEffect( () => {\r\n        // setLoad(true);\r\n        // await getData();\r\n        // setLoad(false);\r\n        // await splits(dest, setEnquiry);\r\n    }, [])\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={load} />\r\n            <Headers />\r\n            <NxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                }\r\n            ]} />\r\n            <div style={{ flex: 1 }}>\r\n                <NxTitleTab className=\"title-tab\" title='Partner User' onCloseClick={() => {\r\n                    history.push('/partner-board');\r\n                }} />\r\n\r\n                <NxCustomTab\r\n                    data={[\r\n                        {\r\n                            name: \"General\",\r\n                            Components: () => {\r\n                                return (\r\n                                    <div className=\"container-form\">\r\n                                        <div className=\"row pt-0\">\r\n\r\n                                            <NxActionTab\r\n                                                onColumnsClick={() => { setHandel(true) }}\r\n                                                onRefreshClick={() => {\r\n                                                    setLoad(true)\r\n                                                    setTimeout(function () {\r\n                                                        setLoad(false)\r\n                                                    }, 2000);\r\n                                                }}\r\n                                                onNewEntryClick={() => { history.push('/partner-user/add') }}\r\n                                                enableNewEntry={true}\r\n                                            />\r\n\r\n                                            <div className=\"p-3 pt-0\">\r\n                                                <NxGridList\r\n                                                    enableSearch={true}\r\n                                                    autoSearch={true}\r\n                                                    enableAutoPagination={true}\r\n                                                    showShowing={true}\r\n                                                    header={[\r\n                                                        {\r\n                                                            name: 'User Code',\r\n                                                            sort: true,\r\n                                                        },\r\n                                                        {\r\n                                                            name: 'First Name',\r\n                                                            search: true,\r\n                                                            sort: true,\r\n                                                        },\r\n                                                        {\r\n                                                            name: 'Last Name',\r\n                                                            search: true,\r\n                                                            // sort: true,\r\n                                                        },\r\n                                                        {\r\n                                                            name: 'Mobile',\r\n                                                            // sort: true,\r\n                                                        },\r\n                                                        {\r\n                                                            name: 'Email',\r\n                                                            search: true,\r\n                                                        },\r\n                                                    ]}\r\n                                                    rowClick={(data) => {\r\n                                                        history.push({\r\n                                                            pathname: '/customer/add',\r\n                                                            state: {\r\n                                                                passData: data\r\n                                                            }\r\n                                                        });\r\n                                                    }}\r\n                                                    data={customers} />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                )\r\n                            }\r\n                        },\r\n                        {\r\n                            name: \"Access\",\r\n                            Components: () => {\r\n                                return (\r\n                                    <div className=\"container-form\">\r\n                                        <div className=\"row p-3 pt-0\">\r\n                                            <NxGridList\r\n                                                enableSearch={true}\r\n                                                autoSearch={true}\r\n                                                enableAutoPagination={true}\r\n                                                showShowing={true}\r\n                                                header={[\r\n                                                    {\r\n                                                        name: 'User Code',\r\n                                                        sort: true,\r\n                                                    },\r\n                                                    {\r\n                                                        name: 'First Name',\r\n                                                        sort: true,\r\n                                                        search: true\r\n                                                    },\r\n                                                    {\r\n                                                        name: 'Last Name',\r\n                                                        search: true,\r\n                                                    },\r\n                                                    {\r\n                                                        name: 'Mobile',\r\n                                                        // sort: true,\r\n                                                    },\r\n                                                    {\r\n                                                        name: 'Email',\r\n                                                        search: true,\r\n                                                    },\r\n                                                ]}\r\n                                                rowClick={(data) => {\r\n                                                    // history.push({\r\n                                                    //     pathname:'/customer/add',\r\n                                                    //     state:{\r\n                                                    //         passData:data\r\n                                                    //     }\r\n                                                    // });\r\n                                                }}\r\n                                                data={customers} />\r\n                                        </div>\r\n                                    </div>\r\n                                )\r\n                            }\r\n                        }\r\n                    ]}\r\n                />\r\n                <NxRightDrawer onClose={() => setHandel(false)} show={handel} drawerContent={() => <div>\r\n\r\n                </div>} ondrawer1Close={() => { setHandel2(false) }} />\r\n            </div>\r\n\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport './AddPartnerUser.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { NxHeader, NxBreadcrumb, NxTitleTab, NxCustomTab, NxLoader, NxFooter, NxGridList } from '@afiplfeed/itr-app';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport Footers from \"../../Screens/Footers/Footers\";\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\nexport default function AddPartnerUser() {\r\n\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons partner-user-form-row mb-5\">\r\n            <hr />\r\n            <button className=\"btn btn-primary rounded-pill buttons mb-5\"> Save</button>\r\n            <button className=\"btn btn-primary rounded-pill buttons mb-5\"> Onboard</button>\r\n            <button className=\"btn close btn-outline-primary rounded-pill mb-5\" onClick={() => history.goBack()}> close</button>\r\n        </div>\r\n    }\r\n\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    // cities\r\n    const [allCities, setAllCities] = useState([]);\r\n    const getCities = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/City/GetAllCities'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setAllCities(getCustomerDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n    // states\r\n    const [allStates, setAllStates] = useState([]);\r\n    const getStates = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/State/GetAllStates'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setAllStates(getCustomerDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n    // country\r\n    const [allCountries, setAllCountries] = useState([]);\r\n    const getCountry = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/Country/GetAllCountries'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setAllCountries(getCustomerDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n    // pincode\r\n    const [allPinCode, setAllPinCode] = useState([]);\r\n    const getZipCodes = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/ZipCode/GetAllZipCodes'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setAllPinCode(getCustomerDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n    // AllUDo`s\r\n    let UdoData = [\"Enquiry Status\", \"Nature Of Business\", \"Industry\", \"Ownership\", \"Source\"];\r\n    const [allUdo, setAllUdo] = useState([]);\r\n    const getUdo = async () => {\r\n        let result = await ItrApiService.POST({\r\n            url: 'Platform/UserDefined/AllUDOs',\r\n            data: UdoData\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            let getOptions = getCustomerDetails[1].Options;\r\n            setAllUdo(getOptions);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    const initiate = async () => {\r\n        setLoading(true);\r\n        await getUdo();\r\n        await getCities();\r\n        await getCountry();\r\n        await getZipCodes();\r\n        await getStates();\r\n        setLoading(false);\r\n    }\r\n\r\n\r\n    useEffect( () => {\r\n        initiate()\r\n    }, []);\r\n\r\n\r\n    let history = useHistory();\r\n    const [handel, setHandel] = useState(false);\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                },\r\n                {\r\n                    name: 'Partner Users',\r\n                    onClick: () => {\r\n                        history.push('/partner-user');\r\n                    }\r\n                }\r\n            ]} />\r\n            <NxTitleTab className=\"title-tab\" title='Add Partner User' onCloseClick={() => {\r\n                history.push('/partner-user');\r\n            }} />\r\n\r\n\r\n            <div className=\"container-form partner-user-form\">\r\n                <div className=\"row partner-user-form-row p-3 pt-0\">\r\n                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4\">\r\n                        <label htmlFor=\"Account-Name\">First Name</label>\r\n                        <input className=\"form-control\" id=\"Account-Name\" type=\"text\" />\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4\">\r\n                        <label htmlFor=\"firstName\">Address Line 1</label>\r\n                        <input className=\"form-control\" id=\"Account-Name\" type=\"text\" />\r\n                        {/* <select class=\"form-select\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                    <option value=\"\" selected hidden></option>\r\n                                    <option value=\"\" >--Please-select--</option>\r\n                                </select> */}\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4\">\r\n                        <label htmlFor=\"Address-Line-1\">Address Line 2</label>\r\n                        <input className=\"form-control\" id=\"Address-Line-1\" type=\"text\" />\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4\">\r\n                        <label htmlFor=\"Account-Name\">Last Name</label>\r\n                        <input className=\"form-control\" id=\"Account-Name\" type=\"text\" />\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                <label htmlFor=\"firstName\">City</label>\r\n                                <select class=\"form-select\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                    <option value=\"\" selected hidden></option>\r\n                                    <option value=\"\" >--Please-select--</option>\r\n                                    {allCities && allCities.map((data, index) => {\r\n                                        return <option key={index} value={data.cityName}> {data.cityName} </option>\r\n                                    })}\r\n                                </select>\r\n                            </div>\r\n\r\n                            <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                <label htmlFor=\"firstName\">State</label>\r\n                                <select class=\"form-select\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                    <option value=\"\" selected hidden></option>\r\n                                    <option value=\"\" >--Please-select--</option>\r\n                                    {allStates && allStates.map((data, index) => {\r\n                                        return <option key={index} value={data.stateName}> {data.stateName} </option>\r\n                                    })}\r\n                                </select>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                <label htmlFor=\"firstName\">Country</label>\r\n                                <select class=\"form-select\" aria-label=\"Default select example\">\r\n                                    <option value=\"\" selected hidden></option>\r\n                                    <option value=\"\" >--Please-select--</option>\r\n                                    {allCountries && allCountries.map((data, index) => {\r\n                                        return <option key={index} value={data.countryName}> {data.countryName} </option>\r\n                                    })}\r\n                                </select>\r\n                            </div>\r\n\r\n                            <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                <label htmlFor=\"firstName\">Pin Code</label>\r\n                                <select class=\"form-select\" aria-label=\"Default select example\">\r\n                                    <option value=\"\" selected hidden></option>\r\n                                    <option value=\"\" >--Please-select--</option>\r\n                                    {allPinCode && allPinCode.map((data, index) => {\r\n                                        return <option key={index} value={data.zipcode}> {data.zipcode} </option>\r\n                                    })}\r\n                                </select>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                        <label htmlFor=\"firstName\">Display Name</label>\r\n                        <select class=\"form-select\" aria-label=\"Default select example\" placeholder=\"\">\r\n                            <option value=\"\" selected hidden></option>\r\n                            <option value=\"\" >--Please-select--</option>\r\n                        </select>\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2 text-end\">\r\n                        <button className=\"btn btn-primary btn-sm\">Add</button>\r\n                        <button className=\"btn btn-light btn-sm\">Cancel</button>\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                        <label htmlFor=\"firstName\">Gender</label>\r\n                        <select class=\"form-select\" aria-label=\"Default select example\" placeholder=\"\">\r\n                            <option value=\"\" selected hidden></option>\r\n                            <option disabled>--Please-select--</option>\r\n                            <option value=\"Male\" >Male</option>\r\n                            <option value=\"Female\" >Female</option>\r\n                        </select>\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-8 mt-2\">\r\n                        <NxGridList\r\n                            enableSearch={false}\r\n                            autoSearch={false}\r\n                            enableAutoPagination={false}\r\n                            showShowing={false}\r\n                            header={[\r\n                                {\r\n                                    name: 'Address Line 1',\r\n                                },\r\n                                {\r\n                                    name: 'City',\r\n                                    sort: true,\r\n                                },\r\n                                {\r\n                                    name: 'State',\r\n                                    sort: true,\r\n                                },\r\n                                {\r\n                                    name: 'Zip Code',\r\n                                    // sort: true,\r\n                                },\r\n                            ]}\r\n                            rowClick={(data) => {\r\n                                // history.push({\r\n                                //     pathname:'/customer/add',\r\n                                //     state:{\r\n                                //         passData:data\r\n                                //     }\r\n                                // });\r\n                            }}\r\n                        // data={customers}\r\n                        />\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                        <label htmlFor=\"firstName\">Phone No</label>\r\n                        <input className=\"form-control\" id=\"firstName\" type=\"text\" />\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                        <label htmlFor=\"firstName\">Email Address</label>\r\n                        <input className=\"form-control\" id=\"firstName\" type=\"text\" />\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n\r\n                    </div>\r\n                </div>\r\n\r\n                <Buttons />\r\n            </div>\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport './OnBoarding.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxBreadcrumb, NxTitleTab, NxActionTab, NxGridList, NxRightDrawer, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\nconst splits = async (dests, setEnquiry, setExport) => {\r\n    let arr = [];\r\n    let arr2 = [];\r\n    for (let value of dests) {\r\n        let data = [\r\n            value?.entityCode ? value.entityCode : '-',\r\n            value?.entityName ? value.entityName : '-',\r\n            value?.noOfEmployees ? value.noOfEmployees : '-',\r\n            value?.entityBoarding?.customerType ? value?.entityBoarding?.customerType : '-',\r\n            value?.entityBoarding?.hostingType ? value?.entityBoarding?.hostingType : '-',\r\n        ];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            \"Entity Code\": value?.entityCode ? value.entityCode : '-',\r\n            \"Entity Name\": value?.entityName ? value.entityName : '-',\r\n            \"No Of Employees\": value?.noOfEmployees ? value.noOfEmployees : '-',\r\n            \"Customer Type\": value?.entityBoarding?.customerType ? value?.entityBoarding?.customerType : '-',\r\n            \"Hosting Type\": value?.entityBoarding?.hostingType ? value?.entityBoarding?.hostingType : '-',\r\n        }\r\n        arr2 = [...arr2, obj2];\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setEnquiry(arr);\r\n}\r\n\r\nexport default function OnBoarding() {\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n\r\n\r\n    const [customers, setCustomers] = useState([]);\r\n    const [passCustomers, setpassCustomers] = useState();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n\r\n\r\n    const getData = async () => {\r\n        setLoad(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/Entity/GetEntities/false',\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            setLoad(false);\r\n            let getCustomerDetails = result.result.data;\r\n            if (getCustomerDetails === null || !getCustomerDetails.length) {\r\n                // NotificationManager.error(result.result.message);\r\n\r\n            }\r\n            else {\r\n                await splits(getCustomerDetails, setCustomers, setExport);\r\n                await setpassCustomers(getCustomerDetails);\r\n            }\r\n            // setCustomers(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            setLoad(false);\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    const [exportVal, setExport] = useState([]);\r\n    useEffect(() => {\r\n        getData();\r\n        // await splits(dest, setEnquiry);\r\n    }, [])\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={load} />\r\n            {/* <Headers /> */}\r\n            {/* <NxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            <div style={{ flex: 1 }}>\r\n                {/* <NxTitleTab className=\"title-tab\" title='Customer On-boarding' onCloseClick={() => {\r\n                    history.push('/customers');\r\n                }} /> */}\r\n                <NxActionTab\r\n                    className=\"enquiry-action-tab px-0\"\r\n                    exportValue={exportVal}\r\n                    fileName='On Board'\r\n                    onColumnsClick={() => { setHandel(true) }}\r\n                    onRefreshClick={() => {\r\n                        setLoad(true)\r\n                        setTimeout(function () {\r\n                            setLoad(false)\r\n                        }, 2000);\r\n                    }}\r\n                    onNewEntryClick={() => { history.push('/onboarding/add') }}\r\n                    enableNewEntry={false}\r\n                />\r\n                <div className=\"px-0 pt-0\">\r\n                    <NxGridList\r\n                        enableSearch={true}\r\n                        autoSearch={true}\r\n                        enableAutoPagination={true}\r\n                        showShowing={true}\r\n                        header={[\r\n                            {\r\n                                name: 'Entity Code',\r\n                                search: true,\r\n                                sort: true,\r\n                            },\r\n                            {\r\n                                name: 'Entity Name',\r\n                                sort: true,\r\n                            },\r\n                            {\r\n                                name: 'No Of Employees',\r\n                                // sort: true,\r\n                            },\r\n                            {\r\n                                name: 'Customer Type',\r\n                                // sort: true,\r\n                            },\r\n                            {\r\n                                name: 'Hosting Type',\r\n                            },\r\n                        ]}\r\n                        rowClick={(data) => {\r\n                            history.push({\r\n                                pathname: '/onboarding/edit',\r\n                                state: {\r\n                                    passData: data\r\n                                }\r\n                            });\r\n                        }}\r\n                        data={customers} />\r\n                </div>\r\n                <NxRightDrawer onClose={() => setHandel(false)} show={handel} drawerContent={() => <div>\r\n\r\n                </div>} ondrawer1Close={() => { setHandel2(false) }} />\r\n            </div>\r\n\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport './LoginTheme.css';\r\nimport pinwheel from '../../assets/pinwheel.png';\r\nimport nexap from '../../assets/nexap_logo1.png';\r\nimport ithredLogo from '../../assets/iTHRED.png';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faLock, faUser, faArrowLeft, faEye, faEyeSlash } from '@fortawesome/free-solid-svg-icons';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { noticeBoard } from '../../general/general';\r\n// import {portalLogin,createPassword} from '../../config/authApi';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport { NxLoader } from '@afiplfeed/itr-app';\r\nimport { NotificationContainer, NotificationManager } from 'react-notifications';\r\nimport OtpInput from 'react-otp-input';\r\nimport '../../Screens/Profile/TwoFactor.scss';\r\nimport ReactOtpResender from 'react-otp-resender';\r\nimport adapLogo from '../../assets/adap_logo.svg';\r\n\r\nexport default function LoginTheme() {\r\n\r\n    let history = useHistory();\r\n    const [otp, setOtp] = useState('');\r\n\r\n    // for-show/hide password\r\n    const [forEmail, setForEmail] = useState('')\r\n    const [showPass, setShowPass] = useState(false);\r\n    const visiblePassword = () => {\r\n        if (showPass == false) {\r\n            setShowPass(true);\r\n        }\r\n        else {\r\n            setShowPass(false);\r\n        }\r\n    }\r\n\r\n    \r\n\r\n    // update/create-password\r\n    const [check, setCheck] = useState('');\r\n    const [checkPage, setCheckPage] = useState(false);\r\n\r\n    // show-login-form\r\n    const [showLogin, setShowLogin] = useState(false);\r\n\r\n    // show-reset-form\r\n    const [showReset, setShowReset] = useState(true);\r\n    const resetPassword = () => {\r\n        if (showReset == true) {\r\n            setShowReset(false);\r\n        }\r\n        else {\r\n            setShowReset(true);\r\n        }\r\n    }\r\n\r\n    // portal-login\r\n    var getLogin = () => {\r\n        return {\r\n            email: document.getElementById('Email').value,\r\n            password: document.getElementById('password').value,\r\n            agent: 'console'\r\n        }\r\n    }\r\n\r\n    const [seconds, setSeconds] = useState(0);\r\n    const [minutes, setMinutes] = useState(0);\r\n\r\n    let dd = async (secs, mins) => {\r\n        let sec = secs;\r\n        let min = mins;\r\n        setSeconds(sec);\r\n        setMinutes(min);\r\n        let myInterval = setInterval(() => {\r\n            if (sec > 0) {\r\n                sec = sec - 1;\r\n                setSeconds(sec)\r\n            }\r\n            if (sec === 0) {\r\n                if (min === 0) {\r\n                    // clearInterval(myInterval)\r\n                } else {\r\n                    min = min - 1;\r\n                    setMinutes(min)\r\n                    sec = 59;\r\n                    setSeconds(59);\r\n                }\r\n            }\r\n        }, 1000);\r\n    }\r\n\r\n\r\n    const [checkFactor, setCheckFactor] = useState({\r\n        isEnable2FA: false\r\n    });\r\n\r\n\r\n    const [name, setName] = useState();\r\n    var loginAuth = async () => {\r\n        setCheck(true);\r\n        let userInfo = await getLogin();\r\n        var body = {\r\n            userName: userInfo.email,\r\n            password: userInfo.password,\r\n            agent: userInfo.agent\r\n        }\r\n        let result = await ItrAuthService.Login({ data: body });\r\n        // var result = await portalLogin(body, history);\r\n        if (result.Success == false) {\r\n            NotificationManager.error(result.message);\r\n        } else {\r\n            // NotificationManager.success(result.message);\r\n            var data1 = result.result.data;\r\n            var userName = result.result.data.userName;\r\n            var type = result.result.data.accessType;\r\n            setName(userName);\r\n            if (result.result.isSuccess == true) {\r\n                if (data1.isFirstLogin == true) {\r\n                    setCheckPage(true);\r\n                } else if (result.result.data.isEnable2FA == true) {\r\n                    setCheckFactor(result.result.data);\r\n                    sendOtp(result.result.data);\r\n                } else {\r\n                    setCheckPage(false);\r\n                    // if (result.result.data.accessType == 'PARTNER'){\r\n                    //     history.replace('/partner-dashboard');\r\n                    // }\r\n                    history.replace('/dashboard');\r\n                    // else{\r\n                    // }\r\n                }\r\n            }\r\n            else {\r\n                return null\r\n            }\r\n        }\r\n        setCheck(false);\r\n    }\r\n\r\n\r\n    // for-update-password\r\n    var getUpdatePassword = () => {\r\n        return {\r\n            current: document.getElementById('current').value,\r\n            password: document.getElementById('new').value,\r\n            confirm: document.getElementById('confirm').value\r\n        }\r\n    }\r\n\r\n    var updatepassword = async () => {\r\n        setCheck(true);\r\n        let userPassword = await getUpdatePassword();\r\n        let { password } = await getLogin();\r\n\r\n        let current = document.getElementById('current').value;\r\n        if (password != current) {\r\n            NotificationManager.error('Please Check the password');\r\n        } else if (userPassword.password != userPassword.confirm) {\r\n            NotificationManager.error('Password Mismatches');\r\n        } else {\r\n            let result = await ItrApiService.POST({ data: { userName: name, password: userPassword.password }, url: 'PAM/CreatePassword' })\r\n            if (result.Success == true) {\r\n                if (result.result.isSuccess == true) {\r\n                    history.replace('/dashboard');\r\n                    setCheck(false);\r\n                } else {\r\n                    NotificationManager.error(result.result.message);\r\n                }\r\n            } else {\r\n                NotificationManager.error(result.message);\r\n            }\r\n        }\r\n    }\r\n\r\n    const resendEvent = () => {\r\n        // You can do what ever you want & reset timer too.\r\n    }\r\n\r\n    // for-reset-password\r\n\r\n    var forPassword = () => {\r\n        return {\r\n            reset: document.getElementById('reset').value\r\n        }\r\n    }\r\n\r\n    var forgetPassword = async () => {\r\n        let getUserEmail = forPassword();\r\n        let checkUserEmail = document.getElementById('reset').value;\r\n\r\n        if (getUserEmail.reset != checkUserEmail) {\r\n            NotificationManager.error('Invalid Email Id');\r\n            return\r\n        }\r\n        let result = await ItrApiService.POST({ data: { userName: getUserEmail.reset }, url: 'PAM/ResetPassword' });\r\n    }\r\n\r\n\r\n    const [resetOptions, setResetOptions] = useState('Email');\r\n\r\n    const click = (event) => {\r\n        // if (event.keyCode === 49 && event.shiftKey) {\r\n        //   }\r\n        // if( event.keyCode === 65 && event.shiftKey ) {\r\n        //         NotificationManager.error('you pressed SHIFT+A');\r\n        // }\r\n        // if (e.which) {\r\n        //   NotificationManager.error('wow');\r\n        // } else {\r\n        //   NotificationManager.error('noooooo');\r\n        // }\r\n    }\r\n\r\n    const keys = (e) => {\r\n        var x = e.key;\r\n        switch (x) {\r\n            case 37:\r\n                dir = 'left';\r\n                break;\r\n\r\n            case 39:\r\n                dir = 'right';\r\n                break;\r\n\r\n            case 38:\r\n                dir = 'up';\r\n                break;\r\n\r\n            case 40:\r\n                dir = 'down';\r\n                break;\r\n\r\n        }\r\n    }\r\n\r\n    const sendOtp = async (datas) => {\r\n        await ItrApiService.POST({\r\n            url: 'PAM/SendSMSVerification',\r\n            data: {\r\n                userCode: datas.userCode,\r\n                userName: datas.userName,\r\n                phonenumbers: datas.phoneNumber,\r\n                otpKey: \"\",\r\n                isEnable2FA: datas.isEnable2FA,\r\n                adminPin: \"\"\r\n            }\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    // setSeconds(180);\r\n                    dd(59, 2)\r\n                    NotificationManager.success(res.result.message);\r\n                } else {\r\n                    NotificationManager.error(res.result.message);\r\n                }\r\n            } else {\r\n                NotificationManager.error(res.message);\r\n            }\r\n        })\r\n    }\r\n    useEffect(() => {\r\n        window.addEventListener('keypress', keys,);\r\n    }, [])\r\n\r\n    return (\r\n        <>\r\n            <NotificationContainer />\r\n            <NxLoader state={check} />\r\n            <div className=\"fixed-background\"></div>\r\n            <main>\r\n                <div className=\"container\">\r\n                    <div className=\"row h-100\">\r\n                        <div className=\"col-12 col-md-10 mx-auto my-auto\">\r\n                            <div className=\"card auth-card\">\r\n                                <div className=\"position-relative image-side d-flex align-items-end\">\r\n                                    {/* <h2 class=\"text-white h2\">MAGIC IS IN THE DETAILS</h2>\r\n\r\n                                <p class=\"white mb-0\">\r\n                                    Please use your credentials to login.\r\n                                    <br/>If you are not a member, please &nbsp;\r\n                                    <a class=\"text-white register-text\">register</a>.\r\n                                </p> */}\r\n                                    {/* <h3> {noticeBoard.title} </h3>\r\n                                    <p> {noticeBoard.info} </p> */}\r\n                                    <p className=\"copy-rights\">© 2023 Altascio Technologies (I) Pvt. Ltd.,</p>\r\n                                </div>\r\n\r\n                                <div className=\"form-side\" hidden={(checkPage == true || checkFactor.isEnable2FA == true) ? true : false}>\r\n                                    <div hidden={showLogin}>\r\n                                        <a>\r\n                                            <span className=\"logo-single\">\r\n                                                <img src={adapLogo} width=\"30%\" alt=\"ithred-logo\" />\r\n                                            </span>\r\n                                        </a>\r\n\r\n                                        {/* login-user-form */}\r\n                                        <form className=\"mt-5\" hidden={showReset == false ? true : false}>\r\n                                            <div className=\"mt-2\">\r\n                                                <h6 className=\" fw-bold labels\">Login</h6>\r\n                                            </div>\r\n\r\n                                            <label className=\"form-group has-float-label mt-2\">\r\n                                                <span className=\"labels\">Email Address</span>\r\n                                                <input className=\"form-control\" type=\"text\" id=\"Email\" title=\"Enter Email Address\" required />\r\n                                            </label>\r\n\r\n                                            <label className=\"form-group has-float-label mb-4 mt-1\">\r\n                                                <span className=\"labels\">Password</span>\r\n                                                <input className=\"form-control\" type={showPass ? 'text' : 'password'} title=\"Enter Password\" placeholder=\"\" id=\"password\" required />\r\n                                            </label>\r\n                                            {/* <span class=\"input-group-text passwordIcon\" id=\"basic-addon1\" onClick={visiblePassword}>\r\n                                                        {showPass ? <FontAwesomeIcon icon={faEye} size=\"xs\" color=\"gray\" /> : <FontAwesomeIcon icon={faEyeSlash} size=\"xs\" color=\"gray\" />}\r\n                                                    </span> */}\r\n                                            <div className=\"d-flex justify-content-between align-items-center action-footer\" hidden={showReset == false ? true : false}>\r\n                                                <a onClick={resetPassword} >Forgot Password</a>\r\n                                                <button disabled={check} className=\"btn btn-primary btn-lg btn-shadow\" type=\"submit\"\r\n                                                    onClick={async () => {\r\n                                                        setCheck(true);\r\n                                                        await loginAuth();\r\n                                                        setCheck(false);\r\n                                                    }}>Login</button>\r\n                                            </div>\r\n\r\n                                            <footer className=\"fs-6 footer-copy-rights d-flex justify-content-center align-items-center\">\r\n                                                <p className=\"copy-rights mb-0 mt-3\">© 2023 Altascio Technologies (I) Pvt. Ltd.,</p>\r\n                                            </footer>\r\n                                        </form>\r\n                                    </div>\r\n\r\n\r\n                                    {/* forget-password-form */}\r\n                                    <form className=\"mt-2\" hidden={showReset}>\r\n                                        <label className=\"form-group has-float-label mb-4\">\r\n                                            <span className=\"labels fw-bold fs-6\">Reset Password</span>\r\n                                            <p className=\"reser-info\">Enter the email associated with your account and we’ll send an email with instructions to reset your password</p>\r\n                                            {/* <select className=\"form-select form-select-lg\" onChange={(e) => setResetOptions(e.target.value)}>\r\n                                                <option value=\"Email\">Email</option>\r\n                                                <option value=\"Username\">UserName</option>\r\n                                            </select> */}\r\n                                        </label>\r\n\r\n                                        {\r\n                                            resetOptions == 'Email' ? <>\r\n                                                <label className=\"form-group has-float-label mb-4\">\r\n                                                    <span className=\"labels\" >Email Address</span>\r\n                                                    <input className=\"form-control w-100\" type=\"text\" id=\"reset\" title=\"Enter Email Address\" value={forEmail} onChange={(e) => {\r\n                                                        setForEmail(e.target.value)\r\n                                                    }} />\r\n                                                </label>\r\n                                                <div className=\"d-flex justify-content-between align-items-center action-footer\">\r\n                                                    <a onClick={resetPassword}>Login</a>\r\n                                                    <button disabled={check} className=\"btn btn-primary btn-lg btn-shadow\" type=\"submit\" onClick={() => {\r\n                                                        if (forEmail == '') {\r\n                                                            NotificationManager.error('Enter the email')\r\n                                                        } else {\r\n                                                            setCheck(true);\r\n                                                            ItrApiService.ForgotPassword({\r\n                                                                data: {\r\n                                                                    userName: forEmail\r\n                                                                }\r\n                                                            }).then(res => {\r\n                                                                setCheck(false);\r\n                                                                if (res.Success == true) {\r\n                                                                    if (res.result.isSuccess == true) {\r\n                                                                        NotificationManager.success('Email Sent!');\r\n                                                                        setShowReset(true);\r\n                                                                    } else {\r\n                                                                        NotificationManager.error(res.result.message)\r\n                                                                    }\r\n                                                                } else {\r\n                                                                    NotificationManager.error(res.message)\r\n                                                                }\r\n                                                            })\r\n                                                        }\r\n                                                    }}>Reset Password</button>\r\n                                                </div>\r\n                                            </> :\r\n                                                <>\r\n                                                    <label className=\"form-group has-float-label mb-4\">\r\n                                                        <span className=\"labels\">UserName</span>\r\n                                                        <input className=\"form-control w-100\" type=\"text\" id=\"reset\" />\r\n                                                    </label>\r\n\r\n                                                    <div className=\"d-flex justify-content-between align-items-center action-footer\">\r\n                                                        <a onClick={resetPassword}>Back</a>\r\n                                                        <button disabled={check} className=\"btn btn-primary btn-lg btn-shadow\" type=\"submit\">Request Administrator</button>\r\n                                                    </div>\r\n                                                </>}\r\n                                        {/* <span class=\"input-group-text passwordIcon\" id=\"basic-addon1\" onClick={visiblePassword}>\r\n                                                {showPass ? <FontAwesomeIcon icon={faEye} size=\"xs\" color=\"gray\" /> : <FontAwesomeIcon icon={faEyeSlash} size=\"xs\" color=\"gray\" />}\r\n                                            </span> */}\r\n                                    </form>\r\n\r\n                                </div>\r\n\r\n\r\n\r\n                                {/* 2FA - check */}\r\n                                <div className=\"form-side\" hidden={checkFactor.isEnable2FA == false ? true : false}>\r\n                                    <div>\r\n                                        <a>\r\n                                            <span className=\"logo-single\">\r\n                                                <img src={adapLogo} width=\"30%\" alt=\"ithred-logo\" />\r\n                                            </span>\r\n                                        </a>\r\n\r\n                                        <div className=\"mt-3 feilds2\">\r\n                                            <div className=\"mt-2\">\r\n                                                <h6 className=\" fw-bold labels\">Enter the OTP</h6>\r\n                                            </div>\r\n\r\n                                            <div className='mb-5 mt-3'>\r\n                                                <OtpInput\r\n                                                    containerStyle={{}}\r\n                                                    value={otp}\r\n                                                    onChange={(ot) => { setOtp(ot) }}\r\n                                                    numInputs={6}\r\n                                                    separator={<span> - </span>}\r\n                                                />\r\n                                            </div>\r\n\r\n                                            <div className=\"d-flex justify-content-between align-items-center action-footer mt-2\">\r\n                                                {/* <div className='mx-0                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               '>\r\n                                                    </div> */}\r\n                                                {/* <ReactOtpResender\r\n                                                        seconds={seconds}\r\n                                                        textStyle={{\r\n                                                            color: 'black',\r\n                                                            margin: '0px'\r\n                                                        }}\r\n                                                        resendBtnText={'Send OTP again'}\r\n                                                        resendBtnStyle={{\r\n                                                            color: 'black',\r\n                                                            display: 'contents',\r\n                                                            backgroundColor: 'black',\r\n                                                            outline: 'none',\r\n                                                            border: 1,\r\n                                                            cursor: 'pointer',\r\n                                                            fontSize: '15px'\r\n                                                        }}\r\n                                                        resendFunc={() => sendOtp(checkFactor)}\r\n                                                    /> */}\r\n\r\n\r\n                                                {minutes == 0 && seconds == 0 ? <>\r\n                                                    <button className='btn btn-secondary btn-lg btn-shadow'\r\n                                                        onClick={() =>\r\n                                                            sendOtp(checkFactor)\r\n                                                        }>\r\n                                                        Resend OTP\r\n                                                    </button>\r\n                                                </> : <button disabled className='btn btn-secondary btn-lg btn-shadow' style={{ color: 'black', backgroundColor: 'white' }}> {minutes == 0 ? '00' : '0' + minutes} : {seconds == 0 ? '00' : seconds.toString().length == 1 ? '0' + seconds : seconds} </button>}\r\n                                                <button disabled={check} className=\"btn btn-primary btn-lg btn-shadow\"\r\n                                                    onClick={async () => {\r\n                                                        setCheck(true);\r\n                                                        await ItrApiService.POST({\r\n                                                            url: 'PAM/SecretKeyVerification',\r\n                                                            data: {\r\n                                                                userCode: checkFactor.userCode,\r\n                                                                userName: checkFactor.userName,\r\n                                                                phonenumbers: checkFactor.phoneNumber.toString(),\r\n                                                                otpKey: otp,\r\n                                                                isEnable2FA: checkFactor.isEnable2FA,\r\n                                                                adminPin: \"\"\r\n                                                            }\r\n                                                        }).then(res => {\r\n                                                            setCheck(false)\r\n                                                            if (res.Success == true) {\r\n                                                                if (res.result.isSuccess == true) {\r\n                                                                    history.replace('/dashboard');\r\n                                                                    NotificationManager.success('Successfully Verified');\r\n                                                                } else {\r\n                                                                    NotificationManager.error(res.result.message);\r\n                                                                }\r\n                                                            } else {\r\n                                                                NotificationManager.error(res.message);\r\n                                                            }\r\n                                                        })\r\n                                                        // await loginAuth();\r\n                                                        setCheck(false);\r\n                                                    }}>VERIFY OTP</button>\r\n                                            </div>\r\n\r\n                                            <footer className=\"fs-6 footer-copy-rights d-flex justify-content-center align-items-center\">\r\n                                                <p className=\"copy-rights mb-0 mt-3\">© 2022 Ithred Solutions.com</p>\r\n                                            </footer>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n\r\n\r\n\r\n                                <div className=\"form-side\" hidden={checkPage == true ? false : true}>\r\n                                    {/* <div hidden={showLogin}> */}\r\n                                    <a>\r\n                                        <span className=\"logo-single\">\r\n                                            <img src={adapLogo} width=\"30%\" alt=\"nexap-logo\" />\r\n                                        </span>\r\n                                    </a>\r\n\r\n                                    {/* login-update-form */}\r\n                                    <form className=\"mt-4\" hidden={showReset == false ? true : false}>\r\n                                        <div className=\"mt-5\">\r\n                                            <h6>Update Your Password</h6>\r\n                                        </div>\r\n\r\n                                        <label className=\"form-group has-float-label mt-4 mb-4\">\r\n                                            <span className=\"labels\">Current Password</span>\r\n                                            <input className=\"form-control\" type={showPass ? 'text' : 'password'} id=\"current\" />\r\n                                        </label>\r\n\r\n                                        <label className=\"form-group has-float-label mb-4\">\r\n                                            <span className=\"labels\">New Password</span>\r\n                                            <input className=\"form-control\" type={showPass ? 'text' : 'password'} placeholder=\"\" id=\"new\" />\r\n                                        </label>\r\n\r\n                                        <label className=\"form-group has-float-label mb-4\">\r\n                                            <span className=\"labels\">Confirm Password</span>\r\n                                            <input className=\"form-control\" type={showPass ? 'text' : 'password'} placeholder=\"\" id=\"confirm\" />\r\n                                        </label>\r\n                                        {/* <span class=\"input-group-text passwordIcon\" id=\"basic-addon1\" onClick={visiblePassword}>\r\n                                                        {showPass ? <FontAwesomeIcon icon={faEye} size=\"xs\" color=\"gray\" /> : <FontAwesomeIcon icon={faEyeSlash} size=\"xs\" color=\"gray\" />}\r\n                                                    </span> */}\r\n                                        <div className=\"d-flex justify-content-between align-items-center action-footer\" hidden={showReset == false ? true : false}>\r\n                                            <a onClick={() => setCheckPage(false)} >Cancel</a>\r\n                                            <button disabled={check} className=\"btn btn-primary btn-lg btn-shadow\" type=\"submit\"\r\n                                                onClick={async () => {\r\n                                                    setCheck(true);\r\n                                                    await updatepassword();\r\n                                                    setCheck(false);\r\n                                                }}>Update</button>\r\n                                        </div>\r\n                                    </form>\r\n                                    {/* </div> */}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </main >\r\n        </>\r\n    )\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\nimport './style.css';\r\nimport { Switch, Steps, Button, Upload, DatePicker, message } from 'antd';\r\nimport { NxHeader, NxBreadcrumb, NxTitleTab, NxCustomTab, NxFooter, NxLoader } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui'\r\nimport Footers from \"../../Screens/Footers/Footers\";\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport { Countries } from \"../../general/general\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faMinusCircle, faPlusCircle } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\n\r\n\r\nexport default function EditEnrollmentEntry() {\r\n\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons mb-5\">\r\n            <button className=\"btn btn-primary rounded-pill buttons\" onClick={() => createRole()}> Save</button>\r\n            <button className=\"btn btn-primary rounded-pill\"> Review</button>\r\n            <button className=\"btn close btn-outline-primary rounded-pill\"> Publish</button>\r\n        </div>\r\n    }\r\n\r\n    const location = useLocation();\r\n\r\n    const [roles, setRoles] = useState({\r\n        // general\r\n        serviceCode: '',\r\n        serviceName: '',\r\n        serviceType: '',\r\n        commercialOptions: '',\r\n        serviceDescription: '',\r\n        enrollmentCategory: '',\r\n        overView: '',\r\n        publisher: '',\r\n        aboutPublisher: '',\r\n        publisherURL: '',\r\n        // code-connect\r\n        versionNo: '',\r\n        setFrequency: '',\r\n        sourceLocation: '',\r\n        sourceFileName: '',\r\n        sourceFileContent: '',\r\n        repositoryType: '',\r\n        gitHubPath: '',\r\n        autoDeployment: '',\r\n        repoUserName: '',\r\n        repoPassword: '',\r\n        repoRemember: '',\r\n        apiBuildFilePath: '',\r\n        uiBuildFilePath: '',\r\n        customtime: '',\r\n        // roles\r\n        rollCode: '',\r\n        rollName: '',\r\n        description: '',\r\n        additionalInfo: '',\r\n        enrollmentRoles: [],\r\n        // pricing\r\n        enrollmentID: '',\r\n        priceOption: '',\r\n        unit: '',\r\n        min: '',\r\n        max: '',\r\n        startDate: '',\r\n        endDate: '',\r\n        price: ''\r\n    });\r\n\r\n    const { Step } = Steps;\r\n    const [current, setCurrent] = useState(0);\r\n\r\n    const next = () => {\r\n        setCurrent(current + 1);\r\n    };\r\n\r\n    const prev = () => {\r\n        setCurrent(current - 1);\r\n    };\r\n\r\n\r\n    var body1 = {\r\n        serviceCode: roles.serviceCode,\r\n        serviceName: roles.serviceName,\r\n        serviceType: roles.serviceType,\r\n        commercialOptions: roles.commercialOptions,\r\n        description: roles.serviceDescription,\r\n        overview: roles.overView,\r\n        enrollmentCategory: roles.enrollmentCategory,\r\n        publisher: roles.publisher,\r\n        publisherURL: roles.publisherURL,\r\n        aboutthePublisher: roles.aboutPublisher,\r\n        versionNo: roles.versionNo,\r\n        sourceLocation: roles.sourceLocation,\r\n        repositoryType: roles.repositoryType,\r\n        repoUserName: roles.repoUserName,\r\n        repoPassword: roles.repoPassword,\r\n        repoRemember: roles.repoRemember,\r\n        setFrequency: roles.setFrequency,\r\n        customtime: roles.customtime,\r\n        enrollmentPricingSlabs: [\r\n            {\r\n                priceOption: roles.priceOption,\r\n                unit: roles.unit,\r\n                min: roles.min,\r\n                max: roles.max,\r\n                price: roles.price,\r\n                startDate: roles.startDate,\r\n                endDate: roles.endDate\r\n            }\r\n        ],\r\n        enrollmentRoles: roles.enrollmentRoles\r\n    }\r\n\r\n    const createRole = async (states) => {\r\n        let body = {\r\n            ...datas\r\n        }\r\n        if (states && states == true) {\r\n            body = {\r\n                ...datas, isBuildNow: true\r\n            }\r\n        }\r\n        let arr = [];\r\n        for (let val of spfiles) {\r\n            let obj = {\r\n                enrollmentSplashScreenID: 0,\r\n                enrollmentID: roles.id,\r\n                splashScreen: val.thumbUrl,\r\n                additionalInfo: \"\",\r\n                isActive: true\r\n            }\r\n            arr = [...arr, obj]\r\n        }\r\n        body = { ...body, enrollmentSplashScreens: arr };\r\n        let result = await ItrApiService.POST({\r\n            url: 'DevOps/Enrollment/UpdateEnrollment',\r\n            data: body\r\n        });\r\n\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                setCurrent(0);\r\n                setdatas({\r\n                    enrollmentID: 0,\r\n                    serviceCode: \"\",\r\n                    serviceName: \"\",\r\n                    serviceKey: \"\",\r\n                    serviceType: \"\",\r\n                    serviceTypeName: '',\r\n                    serviceTypeValue: '',\r\n                    serviceCategory: \"\",\r\n                    serviceDescription: \"\",\r\n                    developerName: \"\",\r\n                    developerWebsite: \"\",\r\n                    country: \"\",\r\n                    aboutDeveloper: \"\",\r\n                    appIcon: \"\",\r\n                    version: \"\",\r\n                    buildNo: \"\",\r\n                    buildType: \"\",\r\n                    source: \"\",\r\n                    repositaryType: \"\",\r\n                    gitAccessToken: \"\",\r\n                    uiAccessToken: \"\",\r\n                    apiAccessToken: \"\",\r\n                    dbscriptAccessToken: \"\",\r\n                    apiSourcepath: \"\",\r\n                    uiSourcePath: \"\",\r\n                    dbScriptPath: \"\",\r\n                    autoDeployment: false,\r\n                    setFrequency: \"\",\r\n                    setTime: \"\",\r\n                    apiBuildFilePath: '',\r\n                    uiBuildFilePath: '',\r\n                    isPublish: true,\r\n                    expiryDate: \"2022-01-05T08:17:44.881Z\",\r\n                    databaseServerID: 0,\r\n                    rollCode: \"\",\r\n                    rollName: \"\",\t\t\t\t\t\r\n\t\t\t\t\tisBaseAppService: false,\r\n                    enrollmentSplashScreens: [\r\n                        //   {\r\n                        //     enrollmentSplashScreenID: 0,\r\n                        //     enrollmentID: 0,\r\n                        //     splashScreen: \"\",\r\n                        //     additionalInfo: \"\",\r\n                        //     isActive: true\r\n                        //   }\r\n                    ],\r\n                    enrollmentRoles: []\r\n                });\r\n                NotificationManager.success('Successfully Updated');\r\n                history.push('/apps-store');\r\n                let getCustomerDetails = result.result.data;\r\n            } else {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n    }\r\n\r\n\r\n    const [codeUpload, setCodeUpload] = useState();\r\n    const [repositary, setRepositary] = useState();\r\n    const [deployement, setDeployment] = useState();\r\n\r\n    let history = useHistory();\r\n    const [handel, setHandel] = useState(false);\r\n\r\n\r\n    const [checkFields, setCheckFields] = useState(true);\r\n    const checKValid = () => {\r\n        if (datas.version == '' || datas.buildNo == '' || datas.buildType == '' || datas.source == '') {\r\n            setCheckFields(true);\r\n        } else if (datas.serviceTypeName == 'API' && datas.source == 'Code Upload') {\r\n            if (datas.apiSourcepath == '' || datas.apiBuildFilePath == '') {\r\n                setCheckFields(true);\r\n            } else {\r\n                setCheckFields(false);\r\n            }\r\n        } else if (datas.serviceTypeName == 'APP' && datas.source == 'Code Upload') {\r\n            if (datas.apiSourcepath == '' || datas.apiBuildFilePath == '' || datas.uiSourcePath == '' || datas.uiBuildFilePath == '' || datas.dbScriptPath == '') {\r\n                setCheckFields(true);\r\n            } else {\r\n                setCheckFields(false);\r\n            }\r\n        } else if (datas.serviceTypeName == 'Service' && datas.source == 'Code Upload') {\r\n            if (datas.uiSourcePath == '') {\r\n                setCheckFields(true);\r\n            } else {\r\n                setCheckFields(false);\r\n            }\r\n        } else if ((datas.serviceTypeName == 'API' || datas.serviceTypeName == 'APP' || datas.serviceTypeName == 'Service') && datas.source == 'Git Connect') {\r\n            if (datas.repositaryType == '') {\r\n                setCheckFields(true);\r\n            } else {\r\n                if (datas.repositaryType == 'Single' && datas.serviceTypeName == 'API') {\r\n                    if (datas.apiAccessToken == '' || datas.apiSourcepath == '' || datas.apiBuildFilePath == '') {\r\n                        setCheckFields(true);\r\n                    }\r\n                    else {\r\n                        setCheckFields(false);\r\n                    }\r\n                } else if (datas.repositaryType == 'Multiple' && datas.serviceTypeName == 'API') {\r\n                    if (datas.apiAccessToken == '' || datas.apiSourcepath == '' || datas.apiBuildFilePath == '') {\r\n                        setCheckFields(true);\r\n                    }\r\n                    else {\r\n                        setCheckFields(false);\r\n                    }\r\n                } else if (datas.repositaryType == 'Single' && datas.serviceTypeName == 'APP') {\r\n                    if (datas.gitAccessToken == '' || datas.apiSourcepath == '' || datas.apiBuildFilePath == '' || datas.uiSourcePath == '' || datas.uiBuildFilePath == '' || datas.databaseServerID == '' || datas.dbScriptPath == '') {\r\n                        setCheckFields(true);\r\n                    }\r\n                    else {\r\n                        setCheckFields(false);\r\n                    }\r\n                } else if (datas.repositaryType == 'Multiple' && datas.serviceTypeName == 'APP') {\r\n                    if (datas.gitAccessToken == '' || datas.apiSourcepath == '' || datas.apiBuildFilePath == '' || datas.uiSourcePath == '' || datas.uiBuildFilePath == '' || datas.uiAccessToken == '' || datas.databaseServerID == '' || datas.dbScriptPath == '' || datas.dbscriptAccessToken == '') {\r\n                        setCheckFields(true);\r\n                    }\r\n                    else {\r\n                        setCheckFields(false);\r\n                    }\r\n                }\r\n                else if (datas.repositaryType == 'Single' && datas.serviceTypeName == 'Service') {\r\n                    if (datas.uiAccessToken == '' || datas.uiSourcePath == '' || datas.uiBuildFilePath == '') {\r\n                        setCheckFields(true);\r\n                    }\r\n                    else {\r\n                        setCheckFields(false);\r\n                    }\r\n                } else if (datas.repositaryType == 'Multiple' && datas.serviceTypeName == 'Service') {\r\n                    if (datas.uiAccessToken == '' || datas.uiSourcePath == '' || datas.uiBuildFilePath == '') {\r\n                        setCheckFields(true);\r\n                    }\r\n                    else {\r\n                        setCheckFields(false);\r\n                    }\r\n                } else {\r\n                    setCheckFields(false)\r\n                }\r\n            }\r\n        } else {\r\n            setCheckFields(false);\r\n        }\r\n    }\r\n\r\n    const [datas, setdatas] = useState({\r\n        enrollmentID: 0,\r\n        serviceCode: \"\",\r\n        serviceName: \"\",\r\n        serviceKey: \"\",\r\n        serviceType: \"\",\r\n        serviceTypeName: '',\r\n        serviceTypeValue: '',\r\n        serviceCategory: \"\",\r\n        serviceDescription: \"\",\r\n        developerName: \"\",\r\n        developerWebsite: \"\",\r\n        country: \"\",\r\n        aboutDeveloper: \"\",\r\n        appIcon: \"\",\r\n        version: \"\",\r\n        buildNo: \"\",\r\n        buildType: \"\",\r\n        source: \"\",\r\n        repositaryType: \"\",\r\n        gitAccessToken: \"\",\r\n        uiAccessToken: \"\",\r\n        apiAccessToken: \"\",\r\n        dbscriptAccessToken: \"\",\r\n        apiSourcepath: \"\",\r\n        apiBuildFilePath: '',\r\n        uiBuildFilePath: '',\r\n        uiSourcePath: \"\",\r\n        dbScriptPath: \"\",\r\n        autoDeployment: true,\r\n        setFrequency: \"\",\r\n        setTime: \"\",\r\n        isPublish: true,\r\n        expiryDate: \"2022-01-05T08:17:44.881Z\",\r\n        databaseServerID: 0,\r\n        isBuildNow: false,\r\n        isForcetoUpdate: false,\r\n        enrollmentSplashScreens: [\r\n            //   {\r\n            //     enrollmentSplashScreenID: 0,\r\n            //     enrollmentID: 0,\r\n            //     splashScreen: \"\",\r\n            //     additionalInfo: \"\",\r\n            //     isActive: true\r\n            //   }\r\n        ],\r\n        enrollmentRoles: []\r\n    });\r\n    useEffect(() => {\r\n        checKValid()\r\n    }, [datas])\r\n\r\n    const titles = [\r\n        { title: \"App Details\" },\r\n        { title: \"Code Connect\" },\r\n        { title: \"Role\" },\r\n        // { title: \"Pricing & Availability\" },\r\n        { title: \"Publish\" }\r\n    ]\r\n\r\n    const [appTypes, setAppTypes] = useState([]);\r\n    const [commercialOption, setCommercialOption] = useState([]);\r\n    const [appCategory, setAppCategory] = useState([]);\r\n    const [appPricing, setAppPricing] = useState([]);\r\n    const [priceUnit, setPriceUnit] = useState([]);\r\n\r\n    const [spfiles, setspfiles] = useState([])\r\n\r\n    const [loading, setLoading] = useState(false);\r\n\r\n\r\n    const [databaseData, setDatabaseData] = useState([]);\r\n\r\n    const getDatabaseServer = () => {\r\n        ItrApiService.GET({\r\n            url: 'CloudConnect/Configuration/DatabaseServer'\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setDatabaseData(res.result.data);\r\n                    }\r\n                }\r\n            }\r\n        })\r\n    }\r\n\r\n    useEffect(() => {\r\n        if (location.state.editVal) {\r\n            // setdatas({ ...datas, ...location.state.editVal });\r\n            setLoading(true);\r\n            ItrApiService.GET({\r\n                url: `DevOps/Enrollment/GetByEnrollmentID/${location.state.editVal.id || 0}`,\r\n            }).then(res => {\r\n                if (res.Success == true) {\r\n                    if (res.result.isSuccess == true) {\r\n                        setdatas({ ...datas, ...res.result.data });\r\n                        if (res.result.data.enrollmentSplashScreens && res.result.data.enrollmentSplashScreens.length > 0) {\r\n                            let ii = 1\r\n                            let arr = []\r\n                            for (let val of res.result.data.enrollmentSplashScreens) {\r\n                                let obj = {\r\n                                    name: 'test',\r\n                                    uid: ii.toString(),\r\n                                    thumbUrl: val.splashScreen\r\n                                };\r\n                                arr = [...arr, obj];\r\n                                ii = ii + 1;\r\n                            }\r\n                            setspfiles(arr)\r\n                        }\r\n                    } else {\r\n                        NotificationManager.error(res.result.message);\r\n                    }\r\n                } else {\r\n                    NotificationManager.error(res.message);\r\n                }\r\n                ItrApiService.POST({\r\n                    url: 'Platform/UserDefined/AllUDOs',\r\n                    data: [\"APP Type\", \"Commercial Options\", \"App Category\", \"App Pricing\", \"Pricing Unit\"]\r\n                }).then(resp => {\r\n                    if (resp.Success == true) {\r\n                        if (resp.result.isSuccess == true) {\r\n                            let resData = resp.result.data;\r\n                            for (let val of resData) {\r\n                                if (val.CategoryName == 'APP Type') {\r\n                                    let index = val.Options.findIndex(x => x.UDOptionID === parseInt(location.state.editVal.serviceType) || 0);\r\n                                    if (index != -1) {\r\n                                        let ss = val.Options[index];\r\n                                        if (res.Success == true) {\r\n                                            if (res.result.isSuccess == true) {\r\n                                                setdatas({ ...datas, ...res.result.data, serviceTypeValue: JSON.stringify(val.Options[index]), serviceTypeName: ss.UDOptionName });\r\n                                            } else {\r\n                                                setdatas({ ...datas, ...location.state.editVal, serviceTypeValue: JSON.stringify(val.Options[index]), serviceTypeName: ss.UDOptionName })\r\n                                            }\r\n                                        } else {\r\n                                            setdatas({ ...datas, ...location.state.editVal, serviceTypeValue: JSON.stringify(val.Options[index]), serviceTypeName: ss.UDOptionName })\r\n                                        }\r\n                                    }\r\n                                    setAppTypes(val.Options);\r\n                                } else if (val.CategoryName == 'Commercial Options') {\r\n                                    setCommercialOption(val.Options);\r\n                                } else if (val.CategoryName == 'App Category') {\r\n                                    setAppCategory(val.Options);\r\n                                } else if (val.CategoryName == 'App Pricing') {\r\n                                    setAppPricing(val.Options);\r\n                                } else if (val.CategoryName == 'Pricing Unit') {\r\n                                    setPriceUnit(val.Options);\r\n                                }\r\n                            }\r\n                        } else {\r\n                            NotificationManager.error(resp.result.message);\r\n                        }\r\n                    }\r\n                    else if (resp.Success == false) {\r\n                        NotificationManager.error(resp.message);\r\n                        // sessionStorage.clear();\r\n                        // history.push('/')\r\n                    }\r\n                    setLoading(false);\r\n                })\r\n            })\r\n        } else {\r\n            history.goBack()\r\n        }\r\n        getDatabaseServer()\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            {/* <NxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/Customer-board');\r\n                    }\r\n                },\r\n            ]} /> */}\r\n            <NxTitleTab className=\"title-tab\" title='Edit App Enrollment' onCloseClick={() => {\r\n                history.goBack();\r\n            }} />\r\n            <div className=\"card mx-4 mt-0 newenrolemententry-global\">\r\n                <div className=\"card-body p-0\">\r\n                    <Steps current={current} responsive={true} size=\"small\" >\r\n                        {titles.map((item, index) => {\r\n                            return <Step key={index} title={item.title} />\r\n                        })}\r\n                    </Steps>\r\n                    {current == 0 ?\r\n                        <div className=\"container-form\">\r\n                            <div className=\"row p-3 pt-0\">\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2\">\r\n                                            <label htmlFor=\"firstName\">Service Name</label>\r\n                                            <input className=\"form-control form-control-sm  mt-1\" id=\"firstName\" type=\"text\" value={datas.serviceName}\r\n                                                onChange={(e) => setdatas({ ...datas, serviceName: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2\">\r\n                                            <label htmlFor=\"appType\">Service Type</label>\r\n                                            <select className=\"form-select form-select-sm mt-1\" value={datas?.serviceTypeValue} id=\"appType\"\r\n                                                onChange={(e) => { setdatas({ ...datas, serviceType: JSON.parse(e.target.value).UDOptionID, serviceTypeName: JSON.parse(e.target.value).UDOptionName, serviceTypeValue: e.target.value }); }}\r\n                                            >\r\n                                                <option value={0} selected disabled>--Please select--</option>\r\n                                                {appTypes.map((item, index) => {\r\n                                                    return <option key={index} value={JSON.stringify(item)} >{item.UDOptionName}</option>\r\n                                                })}\r\n                                            </select>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"serviceCategory\"> Service Category</label>\r\n                                            <select className=\"form-select form-select-sm mt-1\" value={datas?.serviceCategory} onChange={(e) => setdatas({ ...datas, serviceCategory: e.target.value })}>\r\n                                                <option value={0} selected disabled>--Please select--</option>\r\n                                                {appCategory && appCategory.map((data, index) =>\r\n                                                    <option key={index}>{data?.UDOptionName}</option>\r\n                                                )}\r\n                                            </select>\r\n                                            {/* <select className=\"form-select form-select-sm mt-2\" value={roles.enrollmentCategory} id=\"enrollmentCategory\"\r\n                                            onChange={(e) => setRoles({ ...roles, enrollmentCategory: e.target.value })}\r\n                                        >\r\n                                            <option value={0} selected>--Please select--</option>\r\n                                            {appCategory.map((item, index) => {\r\n                                                return <option key={index} value={item.UDOptionID} >{item.UDOptionName}</option>\r\n                                            })}\r\n                                        </select> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Service Description</label>\r\n                                            <textarea className=\"form-control form-control-sm mt-1\" rows=\"7\" id=\"firstName\"\r\n                                                value={datas.serviceDescription}\r\n                                                onChange={(e) => setdatas({ ...datas, serviceDescription: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Developer Name</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" id=\"firstName\" type=\"text\"\r\n                                                value={datas.developerName}\r\n                                                onChange={(e) => setdatas({ ...datas, developerName: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Developer Website</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" id=\"firstName\" type=\"text\"\r\n                                                value={datas.developerWebsite}\r\n                                                onChange={(e) => setdatas({ ...datas, developerWebsite: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Country</label>\r\n                                            <select className=\"form-select form-select-sm mt-1\" value={datas?.country} id=\"appType\"\r\n                                                onChange={(e) => { setdatas({ ...datas, country: e.target.value }); }}\r\n                                            >\r\n                                                <option value={0} selected disabled>--Please select--</option>\r\n                                                {Countries.map((item, index) => {\r\n                                                    return <option key={index}  >{item.countryName}</option>\r\n                                                })}\r\n                                            </select>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">About Developer</label>\r\n                                            <textarea className=\"form-control form-control-sm mt-1\" rows=\"7\" id=\"firstName\"\r\n                                                value={datas.aboutDeveloper}\r\n                                                onChange={(e) => setdatas({ ...datas, aboutDeveloper: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n\r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-xl-12 col-lg-12 col-xl-12 mt-2\">\r\n                                        <label htmlFor=\"firstName\">Service Key</label>\r\n                                        <input type=\"text\" className=\"form-control form-control-sm mt-1\" id=\"firstName\"\r\n                                            value={datas.serviceKey}\r\n                                            onChange={(e) => {\r\n                                                setdatas({ ...datas, serviceKey: e.target.value })\r\n                                            }}\r\n                                        />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-xl-12 col-lg-12 col-xl-12 mt-2\">\r\n                                        <label htmlFor=\"firstName\">App Icons</label>\r\n                                        <input type=\"file\" className=\"form-control form-control-sm mt-1\" id=\"firstName\" onChange={(e) => {\r\n                                            let img = e.target.files[0];\r\n                                            const fileReader = new FileReader();\r\n                                            fileReader.readAsDataURL(img)\r\n                                            fileReader.onload = async () => {\r\n                                                setdatas({ ...datas, appIcon: fileReader.result })\r\n                                            }\r\n                                            fileReader.onerror = async () => {\r\n                                                return false\r\n                                            }\r\n                                        }} />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-xl-12 col-lg-12 col-xl-12 mt-2\">\r\n                                        <label>Splash Screen</label>\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-12 col-sm-4 col-md-4 col-xl-4 col-lg-4 mt-1\">\r\n                                                {/* <div className=\"nx-image-uploader\">\r\n                                            <div className=\"nx-image-container\">\r\n                                                <div className=\"nx-image-content\">\r\n                                                    <button type=\"button\">\r\n                                                        <input type=\"file\" hidden />\r\n                                                        <div className=\"nx-image-box\">\r\n                                                            <p>+</p>\r\n                                                            <p>Click here to add image</p>\r\n                                                            <p>Or drop image here</p>\r\n                                                        </div>\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> */}\r\n                                                <Upload\r\n                                                    // action=\"https://www.mocky.io/v2/5cc8019d300000980a055e76\"\r\n                                                    listType=\"picture-card\"\r\n                                                    maxCount={3}\r\n                                                    fileList={spfiles}\r\n                                                    onChange={({ fileList }) => {\r\n                                                        setspfiles(fileList)\r\n                                                    }}\r\n                                                // fileList={fileList}\r\n                                                // onPreview={this.handlePreview}\r\n                                                // onChange={this.handleChange}\r\n                                                >\r\n                                                    + upload\r\n                                                    {/* {fileList.length >= 8 ? null : uploadButton} */}\r\n                                                </Upload>\r\n                                            </div>\r\n\r\n\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-4  mt-2\">\r\n                            <label htmlFor=\"firstName\">Description</label>\r\n                            <textarea className=\"form-control form-control-sm mt-2\" value={roles.serviceDescription} id=\"firstName\"\r\n                                onChange={(e) => setRoles({ ...roles, serviceDescription: e.target.value })}\r\n                            />\r\n                        </div> */}\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-4  mt-2\">\r\n                                    <div className=\"row\">\r\n                                        {/* <div className=\"col-6 col-sm-6 col-md-6 col-xl-6 col-lg-6 w-100\">\r\n                                    <label htmlFor=\"firstName\">Commercial Options</label>\r\n                                    <select className=\"form-select form-select-sm form-control-sm mt-2\" value={roles.commercialOptions} id=\"firstName\"\r\n                                        onChange={(e) => setRoles({ ...roles, commercialOptions: e.target.value })}\r\n                                    >\r\n                                        <option value={0} selected>--Please select--</option>\r\n                                        {commercialOption.map((item, index) => {\r\n                                            return <option key={index} value={item.UDOptionID} >{item.UDOptionName}</option>\r\n                                        })}\r\n                                    </select>\r\n                                </div> */}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            {/* <Buttons/> */}\r\n                        </div> :\r\n                        current == 1 ?\r\n                            <div className=\"container-form\">\r\n                                <div className=\"row p-3 pt-0\">\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12\">\r\n                                                <label htmlFor=\"firstName\">Version</label>\r\n                                                <input className=\"form-control form-control-sm mt-1\" value={datas?.version} id=\"firstName\" type=\"text\"\r\n                                                    onChange={(e) => setdatas({ ...datas, version: e.target.value })}\r\n                                                />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                <label htmlFor=\"firstName\">Build No</label>\r\n                                                <input className=\"form-control form-control-sm mt-1\" value={datas?.buildNo} id=\"firstName\" type=\"text\"\r\n                                                    onChange={(e) => setdatas({ ...datas, buildNo: e.target.value })}\r\n                                                />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                <label htmlFor=\"firstName\">Build Type</label>\r\n                                                <select className=\"form-select form-select-sm mt-1\" id=\"firstName\" value={datas?.buildType}\r\n                                                    onChange={(e) => setdatas({ ...datas, buildType: e.target.value })}\r\n                                                >\r\n                                                    <option value=\"Please select\" selected disabled>--Please select--</option>\r\n                                                    <option value=\"Dev\" >Development</option>\r\n                                                    <option value=\"stg\" >Staging</option>\r\n                                                    <option value=\"tst\" >QA</option>\r\n                                                    <option value=\"rvw\" >Review</option>\r\n                                                    <option value=\"uat\" >UAT</option>\r\n                                                    <option value=\"pre\" >Pre-Prod</option>\r\n                                                    <option value=\"pst\" >Post-Prod</option>\r\n                                                    <option value=\"Pro\" >Production</option>\r\n                                                </select>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12\">\r\n                                                <label htmlFor=\"firstName\">Source</label>\r\n                                                <select className=\"form-select form-select-sm mt-1\" id=\"firstName\" value={datas?.source}\r\n                                                    onChange={(e) => setdatas({ ...datas, source: e.target.value })}\r\n                                                >\r\n                                                    <option value=\"\" selected disabled>--Please select--</option>\r\n                                                    <option value=\"Code Upload\" >Code Upload</option>\r\n                                                    <option value=\"Git Connect\" >Git Connect</option>\r\n                                                </select>\r\n\r\n                                                {datas?.source == 'Code Upload' && datas?.serviceTypeName == \"API\" ? <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                    <label htmlFor=\"firstName\">Upload API Source</label>\r\n                                                    <input className=\"form-control mt-1 \" id=\"firstName\" type=\"file\" />\r\n                                                </div> :\r\n                                                    datas?.source == 'Code Upload' && datas?.serviceTypeName == \"APP\" ?\r\n                                                        <>\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                <label htmlFor=\"firstName\">Upload API Source</label>\r\n                                                                <input className=\"form-control mt-1 \" id=\"firstName\" onChange={(e) => {\r\n                                                                    setdatas({ ...datas, apiSourcepath: e.target.value });\r\n                                                                }} />\r\n                                                            </div>\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                <label htmlFor=\"firstName\">API Build Path</label>\r\n                                                                <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.apiBuildFilePath}\r\n                                                                    onChange={(e) => setdatas({ ...datas, apiBuildFilePath: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\"  >\r\n                                                                <label htmlFor=\"firstName\">Upload UI Source</label>\r\n                                                                <input className=\"form-control mt-1 \" id=\"firstName\" type=\"file\" onChange={(e) => {\r\n                                                                    setdatas({ ...datas, uiSourcePath: e.target.value });\r\n                                                                }} />\r\n                                                            </div>\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                <label htmlFor=\"firstName\">UI Build Path</label>\r\n                                                                <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.uiBuildFilePath}\r\n                                                                    onChange={(e) => setdatas({ ...datas, uiBuildFilePath: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                <label htmlFor=\"firstName\">Upload DB Scripts</label>\r\n                                                                <input className=\"form-control mt-1 \" id=\"firstName\" type=\"file\" onChange={(e) => {\r\n                                                                    setdatas({ ...datas, dbScriptPath: e.target.value });\r\n                                                                }} />\r\n                                                            </div>\r\n                                                        </> :\r\n                                                        datas.source == \"Code Upload\" && datas.serviceTypeName == \"Service\" ?\r\n                                                            <>\r\n                                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                    <label htmlFor=\"firstName\">Upload UI Source</label>\r\n                                                                    <input className=\"form-control mt-1 \" id=\"firstName\" type=\"file\" onChange={(e) => {\r\n                                                                        setdatas({ ...datas, uiSourcePath: e.target.value });\r\n                                                                    }} />\r\n                                                                </div>\r\n                                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                    <label htmlFor=\"firstName\">UI Build Path</label>\r\n                                                                    <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.uiBuildFilePath}\r\n                                                                        onChange={(e) => setdatas({ ...datas, uiBuildFilePath: e.target.value })}\r\n                                                                    />\r\n                                                                </div>\r\n                                                            </> : ''\r\n                                                }\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" hidden={datas?.source == 'Git Connect' ? false : true}>\r\n                                                <label htmlFor=\"firstName\">Repository Type</label>\r\n                                                <select className=\"form-select form-select-sm mt-1\" id=\"firstName\" value={datas?.repositaryType}\r\n                                                    onChange={(e) => setdatas({ ...datas, repositaryType: e.target.value })}\r\n                                                >\r\n                                                    <option value=\"Please select\" selected>--Please select--</option>\r\n                                                    <option value=\"Single\">Single</option>\r\n                                                    <option value=\"Multiple\">Multiple</option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            {/* { datas.serviceTypeName == \"API\"  ? <>\r\n                                        <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                            <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" />\r\n                                        </div>\r\n                                        <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">API Source Path</label>\r\n                                            <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={roles.enrollmentApiUrl}\r\n                                                onChange={(e) => setRoles({ ...roles, enrollmentApiUrl: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n                                    </> : <>\r\n                                        <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">API Source Path</label>\r\n                                            <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={roles.enrollmentApiUrl}\r\n                                                onChange={(e) => setRoles({ ...roles, enrollmentApiUrl: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n                                        <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                            <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" />\r\n                                        </div>\r\n                                    </>} */}\r\n\r\n                                            {datas?.serviceTypeName == \"API\" && datas?.repositaryType == 'Single' ? <>\r\n                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                                    <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" value={datas?.apiAccessToken} onChange={(e) => {\r\n                                                        setdatas({ ...datas, apiAccessToken: e.target.value })\r\n                                                    }} />\r\n                                                </div>\r\n                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">API Source Path</label>\r\n                                                    <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas?.apiSourcepath}\r\n                                                        onChange={(e) => setdatas({ ...datas, apiSourcepath: e.target.value })}\r\n                                                    />\r\n                                                </div>\r\n                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                    <label htmlFor=\"firstName\">API Build Path</label>\r\n                                                    <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas?.apiBuildFilePath}\r\n                                                        onChange={(e) => setdatas({ ...datas, apiBuildFilePath: e.target.value })}\r\n                                                    />\r\n                                                </div>\r\n                                            </> : datas?.serviceTypeName == \"API\" && datas?.repositaryType == 'Multiple' ? <>\r\n                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">API Source Path</label>\r\n                                                    <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas?.apiSourcepath}\r\n                                                        onChange={(e) => setdatas({ ...datas, apiSourcepath: e.target.value })}\r\n                                                    />\r\n                                                </div>\r\n                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                    <label htmlFor=\"firstName\">API Build Path</label>\r\n                                                    <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas?.apiBuildFilePath}\r\n                                                        onChange={(e) => setdatas({ ...datas, apiBuildFilePath: e.target.value })}\r\n                                                    />\r\n                                                </div>\r\n                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                                    <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" value={datas?.apiAccessToken} onChange={(e) => {\r\n                                                        setdatas({ ...datas, apiAccessToken: e.target.value })\r\n                                                    }} />\r\n                                                </div>\r\n                                            </>\r\n                                                : datas?.serviceTypeName == \"APP\" && datas?.repositaryType == 'Single' ? <>\r\n                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                        <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                                        <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" value={datas?.gitAccessToken} onChange={(e) => {\r\n                                                            setdatas({ ...datas, gitAccessToken: e.target.value })\r\n                                                        }} />\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                        <label htmlFor=\"firstName\">API Source Path</label>\r\n                                                        <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas?.apiSourcepath}\r\n                                                            onChange={(e) => setdatas({ ...datas, apiSourcepath: e.target.value })}\r\n                                                        />\r\n                                                    </div>\r\n                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                        <label htmlFor=\"firstName\">API Build Path</label>\r\n                                                        <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas?.apiBuildFilePath}\r\n                                                            onChange={(e) => setdatas({ ...datas, apiBuildFilePath: e.target.value })}\r\n                                                        />\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                        <label htmlFor=\"firstName\">UI Source Path</label>\r\n                                                        <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.uiSourcePath}\r\n                                                            onChange={(e) => setdatas({ ...datas, uiSourcePath: e.target.value })}\r\n                                                        />\r\n                                                    </div>\r\n                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                        <label htmlFor=\"firstName\">UI Build Path</label>\r\n                                                        <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.uiBuildFilePath}\r\n                                                            onChange={(e) => setdatas({ ...datas, uiBuildFilePath: e.target.value })}\r\n                                                        />\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                        <label htmlFor=\"firstName\">Database Server</label>\r\n                                                        <select className=\"form-select form-select-sm mt-1\" id=\"firstName\" value={datas.databaseServerID}\r\n                                                            onChange={(e) => {\r\n                                                                setdatas({ ...datas, databaseServerID: e.target.value })\r\n                                                            }\r\n                                                            }\r\n                                                        >\r\n                                                            <option value=\"\" selected disabled>--Please select--</option>\r\n                                                            {databaseData.map((data, index) => { return <option value={data.databaseServerID} >{data.databaseServerDescription}</option> })}\r\n                                                        </select>\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                        <label htmlFor=\"firstName\">DB Script path</label>\r\n                                                        <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.dbScriptPath}\r\n                                                            onChange={(e) => setdatas({ ...datas, dbScriptPath: e.target.value })}\r\n                                                        />\r\n                                                    </div> </>\r\n\r\n                                                    : datas.serviceTypeName == \"APP\" && datas.repositaryType == 'Multiple' ?\r\n                                                        <>\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">API Source Path</label>\r\n                                                                <textarea className='form-control form-control-sm mt-1' value={datas.apiSourcepath} rows=\"1\"\r\n                                                                    onChange={(e) => setdatas({ ...datas, apiSourcepath: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                <label htmlFor=\"firstName\">API Build Path</label>\r\n                                                                <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.apiBuildFilePath}\r\n                                                                    onChange={(e) => setdatas({ ...datas, apiBuildFilePath: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                                                <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" value={datas.apiAccessToken} onChange={(e) => {\r\n                                                                    setdatas({ ...datas, apiAccessToken: e.target.value })\r\n                                                                }} />\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">UI Source Path</label>\r\n                                                                <textarea className='form-control form-control-sm mt-1' value={datas.uiSourcePath} rows=\"1\"\r\n                                                                    onChange={(e) => setdatas({ ...datas, uiSourcePath: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                <label htmlFor=\"firstName\">API Build Path</label>\r\n                                                                <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.uiSourcePath}\r\n                                                                    onChange={(e) => setdatas({ ...datas, uiSourcePath: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                                                <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" value={datas.uiAccessToken}\r\n                                                                    onChange={(e) => setdatas({ ...datas, uiAccessToken: e.target.value })} />\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                <label htmlFor=\"firstName\">Database Server</label>\r\n                                                                <select className=\"form-select form-select-sm mt-1\" id=\"firstName\" value={datas.databaseServerID}\r\n                                                                    onChange={(e) => {\r\n                                                                        setdatas({ ...datas, databaseServerID: e.target.value })\r\n                                                                    }\r\n                                                                    }\r\n                                                                >\r\n                                                                    <option value=\"\" selected disabled>--Please select--</option>\r\n                                                                    {databaseData.map((data, index) => { return <option value={data.databaseServerID} >{data.databaseServerDescription}</option> })}\r\n                                                                </select>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">DB Script Path</label>\r\n                                                                <textarea className='form-control form-control-sm mt-1' value={datas.dbScriptPath} rows=\"1\"\r\n                                                                    onChange={(e) => setdatas({ ...datas, dbScriptPath: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                                                <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" value={datas.dbscriptAccessToken}\r\n                                                                    onChange={(e) => setdatas({ ...datas, dbscriptAccessToken: e.target.value })}\r\n                                                                />\r\n                                                            </div>\r\n                                                        </> : datas.serviceTypeName == \"Service\" && datas.repositaryType == 'Single' ?\r\n                                                            <>\r\n                                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                    <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                                                    <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" value={datas.uiAccessToken} rows=\"1\"\r\n                                                                        onChange={(e) => setdatas({ ...datas, uiAccessToken: e.target.value })}\r\n                                                                    />\r\n                                                                </div>\r\n                                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                    <label htmlFor=\"firstName\">UI Source Path</label>\r\n                                                                    <textarea className='form-control form-control-sm mt-1' value={datas.uiSourcePath} rows=\"1\"\r\n                                                                        onChange={(e) => setdatas({ ...datas, uiSourcePath: e.target.value })}\r\n                                                                    />\r\n                                                                </div>\r\n                                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                    <label htmlFor=\"firstName\">UI Build Path</label>\r\n                                                                    <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.uiBuildFilePath}\r\n                                                                        onChange={(e) => setdatas({ ...datas, uiBuildFilePath: e.target.value })}\r\n                                                                    />\r\n                                                                </div>\r\n                                                            </> : datas.serviceTypeName == \"Service\" && datas.repositaryType == 'Multiple' ?\r\n                                                                <>\r\n                                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                        <label htmlFor=\"firstName\">UI Source Path</label>\r\n                                                                        <textarea className='form-control form-control-sm mt-1' value={datas.uiSourcePath} rows=\"1\"\r\n                                                                            onChange={(e) => setdatas({ ...datas, uiSourcePath: e.target.value })}\r\n                                                                        />\r\n                                                                    </div>\r\n                                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" >\r\n                                                                        <label htmlFor=\"firstName\">UI Build Path</label>\r\n                                                                        <textarea className='form-control form-control-sm mt-1' rows=\"1\" value={datas.uiBuildFilePath}\r\n                                                                            onChange={(e) => setdatas({ ...datas, uiBuildFilePath: e.target.value })}\r\n                                                                        />\r\n                                                                    </div>\r\n                                                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                                        <label htmlFor=\"firstName\">Git Access Token</label>\r\n                                                                        <input className=\"form-control form-control-sm mt-1 \" id=\"firstName\" type=\"text\" value={datas.uiAccessToken} rows=\"1\"\r\n                                                                            onChange={(e) => setdatas({ ...datas, uiAccessToken: e.target.value })}\r\n                                                                        />\r\n                                                                    </div>\r\n\r\n                                                                </> : ''\r\n                                            }\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12\" hidden={datas.source == 'Git Connect' ? false : true}>\r\n                                                <label htmlFor=\"firstName\">Enable Auto Deployment</label>\r\n                                                <select className=\"form-select form-select-sm form-control-sm mt-1\" id=\"firstName\" value={datas.autoDeployment}\r\n                                                    onChange={(e) => {\r\n                                                        if (e.target.value == 'true') {\r\n                                                            setdatas({ ...datas, autoDeployment: true })\r\n                                                        }\r\n                                                        else {\r\n                                                            setdatas({ ...datas, autoDeployment: false })\r\n                                                        }\r\n                                                    }\r\n                                                    }\r\n                                                >\r\n                                                    <option value={false} selected>No</option>\r\n                                                    <option value={true}>Yes</option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" hidden={(datas.source == 'Git Connect' && datas.autoDeployment == true) ? false : true}>\r\n                                                <label htmlFor=\"firstName\">Set Frequency</label>\r\n                                                <select className=\"form-select form-select-sm mt-1\" id=\"firstName\" value={datas.setFrequency}\r\n                                                    onChange={(e) => setdatas({ ...datas, setFrequency: e.target.value })}\r\n                                                >\r\n                                                    <option value=\"Please select\" selected>--Please select--</option>\r\n                                                    <option value=\"1 hour\">1 Hour</option>\r\n                                                    <option value=\"4 hour\">4 Hours</option>\r\n                                                    <option value=\"8 hour\">8 Hours</option>\r\n                                                    <option value=\"12 hour\">12 Hours</option>\r\n                                                    <option value=\"24 hour\">24 Hours</option>\r\n                                                    <option value=\"Custom\">Custom Time</option>\r\n                                                    <option value=\"All check-In\">Every Check-In</option>\r\n                                                    <option value=\"imprompt\">Imprompt</option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\" hidden={(datas.source == 'Git Connect' && datas.autoDeployment == true && datas.setFrequency == \"Custom\") ? false : true}>\r\n                                                <label>Set Time</label><br />\r\n                                                <DatePicker picker=\"time\" className=\"w-100\" format=\"HH:mm\" onChange={(e) => {\r\n                                                    setdatas({ ...datas, setTime: e })\r\n                                                }} />\r\n                                                {/* <input className=\"form-control form-control-sm mt-1\" type=\"time\" value=\"\" /> */}\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2 text-end\" hidden={(datas.source == 'Git Connect' && datas.autoDeployment == true && datas.setFrequency == \"imprompt\") ? false : true}>\r\n                                                {/* <input className=\"btn btn-primary text-end\" type=\"button\" value=\"Build Now\" /> */}\r\n                                                <button className=\"btn btn-primary btn-sm text-end\" value={datas.isBuildNow}\r\n                                                    onClick={async () => {\r\n                                                        setLoading(true);\r\n                                                        setdatas({ ...datas, isBuildNow: true });\r\n                                                        await createRole(true);\r\n                                                        setLoading(false);\r\n                                                    }}\r\n                                                >Build Now</button>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-4\" hidden={datas.source == 'Github' ? true : false}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-4\" hidden={datas.autoDeployment == 'No' ? false : true}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-4\" hidden={datas.repositaryType == 'Private' ? false : true}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-4\" hidden={datas.repositaryType == 'Private' ? false : true}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\" hidden={(datas.autoDeployment == 'Yes' && (datas.setFrequency == \"Custom\" || datas.setFrequency == \"imprompt\")) ? false : true}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2 sdgsfg\" hidden={(datas.setFrequency == 'Custom' || datas.setFrequency == \"imprompt\") ? false : true}>\r\n\r\n                                    </div>\r\n\r\n\r\n                                    {/* <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\" hidden={roles.repositoryType == 'Private' ? false : true}>\r\n\r\n                            </div> */}\r\n\r\n\r\n                                    {/* <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\" hidden={(datas.source == 'Github' && roles.repositoryType == 'Private') ? false : true}>\r\n                                {(datas.setFrequency == 'Custom' || datas.setFrequency == \"imprompt\") ? <div>\r\n                                    <label htmlFor=\"firstName\">Password</label>\r\n                                    <input className=\"form-control form-control-sm mt-2\" value={roles.repoPassword} id=\"firstName\" type=\"password\"\r\n                                        onChange={(e) => setRoles({ ...roles, repoPassword: e.target.value })}\r\n                                    />\r\n                                </div> : <div>\r\n                                    <label htmlFor=\"firstName\">User Name</label>\r\n                                    <input className=\"form-control form-control-sm mt-2\" value={roles.repoUserName} id=\"firstName\" type=\"text\"\r\n                                        onChange={(e) => setRoles({ ...roles, repoUserName: e.target.value })}\r\n                                    />\r\n                                </div>}\r\n                            </div> */}\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\" hidden={datas.setFrequency == 'Custom' ? false : true}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\" hidden={datas.repositaryType == 'Private' ? false : true}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\" hidden={datas.setFrequency == 'Custom' ? false : true}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\" hidden={datas.repositaryType == 'Private' ? false : true}>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\">\r\n\r\n                                    </div>\r\n                                </div>\r\n\r\n                                {/* <Buttons/> */}\r\n                            </div> :\r\n                            current == 2 ?\r\n                                <div className=\"container-form\">\r\n                                    <div className=\"row p-3 pt-0\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-5 col-xl-5 mt-2\">\r\n                                            <div className=\"nx-case-details mb-5 pt-0\">\r\n                                                <div className=\"row align-items-baseline\">\r\n                                                    <label className=\"fw-bold\" style={{ color: '#172996' }}>Upload JSON</label>\r\n                                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                        <input type=\"file\" className=\"form-control w-100\" accept=\".json\" onChange={(e) => {\r\n\r\n                                                            if (e.target.files[0].name == 'roles.json') {\r\n                                                                let img = e.target.files[0];\r\n                                                                const fileReader = new FileReader();\r\n                                                                fileReader.readAsDataURL(img)\r\n                                                                fileReader.onload = async () => {\r\n                                                                    setJson({ ...json, name: e.target.files[0].name, image: fileReader.result })\r\n                                                                }\r\n                                                                fileReader.onerror = async () => {\r\n                                                                    return false\r\n                                                                }\r\n                                                            }\r\n                                                            else {\r\n                                                                NotificationManager.error('invalid json file')\r\n                                                            }\r\n                                                        }} />\r\n                                                        <p className=\"text-secondary\">Upload the roles.json file in the prescribed format </p>\r\n                                                    </div>\r\n                                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 text-end\">\r\n                                                        <button className=\"btn btn-sm\" style={{ backgroundColor: '#172996', color: 'white', fontSize: '13px' }}>\r\n                                                            Upload\r\n                                                        </button>\r\n                                                    </div>\r\n                                                    {/* <p className=\"text-danger\">(OR)</p> */}\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-7 col-xl-7 mt-2\">\r\n                                            <label className=\"fw-bold\" style={{ color: '#172996' }}>Update Roles Manualy</label>\r\n                                            <div class=\"table-wrapper-scroll-y my-custom-scrollbar mt-2\">\r\n                                                <table class=\"table table-bordered mb-0\">\r\n                                                    <thead>\r\n                                                        <tr>\r\n                                                            <th scope=\"col\">Role Code</th>\r\n                                                            <th scope=\"col\">Role Name</th>\r\n                                                            <th scope=\"col\">Action</th>\r\n                                                        </tr>\r\n                                                    </thead>\r\n                                                    <tbody>\r\n                                                        {datas.enrollmentRoles.map((item, index) => {\r\n                                                            return <tr>\r\n                                                                <td> {item.roleCode} </td>\r\n                                                                <td> {item.roleName} </td>\r\n                                                                <td align=\"center\">\r\n                                                                    <button className=\"btn\" onClick={() => {\r\n                                                                        let arr = datas.enrollmentRoles;\r\n                                                                        arr.splice(index, 1);\r\n                                                                        setdatas({\r\n                                                                            ...datas, rollCode: '', rollName: \"\", enrollmentRoles: arr\r\n                                                                        })\r\n                                                                    }}>\r\n                                                                        <FontAwesomeIcon size=\"sm\" icon={faMinusCircle} color=\"red\" className=\"d-flex align-items-center justify-content-center\" />\r\n                                                                    </button>\r\n                                                                    {/* <button type=\"button\" className='btn form-button text-center btn-danger w-50 btn-sm mt-2' onClick={() => {\r\n                                                                    if (roles.rollCode == '' && roles.rollName == '') {\r\n\r\n                                                                    } else {\r\n                                                                        setRoles({\r\n                                                                            ...roles, rollCode: '', rollName: \"\", enrollmentRoles: [...roles.enrollmentRoles, {\r\n                                                                                roleCode: roles.rollCode,\r\n                                                                                roleName: roles.rollName,\r\n                                                                                description: \"\",\r\n                                                                                additionalInfo: \"\",\r\n                                                                                isActive: true\r\n                                                                            }]\r\n                                                                        })\r\n                                                                    }\r\n                                                                }}> - </button> */}\r\n                                                                </td>\r\n                                                            </tr>\r\n                                                        })}\r\n                                                        <tr>\r\n\r\n                                                            <td>\r\n                                                                <input className=\"form-control form-control-sm\" value={datas.rollCode} id=\"roleName\" type=\"text\"\r\n                                                                    onChange={(e) => setdatas({ ...datas, rollCode: e.target.value })}\r\n                                                                />\r\n                                                            </td>\r\n\r\n                                                            <td>\r\n                                                                <input className=\"form-control form-control-sm\" value={datas.rollName} id=\"roleCode\" type=\"text\"\r\n                                                                    onChange={(e) => setdatas({ ...datas, rollName: e.target.value })}\r\n                                                                />\r\n                                                            </td>\r\n                                                            <td align=\"center\" className=\"d-flex align-items-center justify-content-center\">\r\n                                                                <button className=\"btn\" onClick={() => {\r\n                                                                    if (datas.rollCode == '' && datas.rollName == '') {\r\n                                                                    } else {\r\n                                                                        setdatas({\r\n                                                                            ...datas, rollCode: '', rollName: \"\", enrollmentRoles: [...datas.enrollmentRoles, {\r\n                                                                                roleCode: datas.rollCode,\r\n                                                                                roleName: datas.rollName,\r\n                                                                                enrollmentID: datas.id,\r\n                                                                                description: \"\",\r\n                                                                                additionalInfo: \"\",\r\n                                                                                isActive: true\r\n                                                                            }]\r\n                                                                        })\r\n                                                                    }\r\n                                                                }}>\r\n                                                                    <FontAwesomeIcon icon={faPlusCircle} size=\"sm\" color=\"green\" />\r\n                                                                </button>\r\n                                                                {/* <button type=\"button\" className='btn text-center btn-primary w-100 btn-sm mt-2' onClick={() => {\r\n                                                                if (roles.rollCode == '' && roles.rollName == '') {\r\n                                                                } else {\r\n                                                                    setdatas({\r\n                                                                        ...roles, rollCode: '', rollName: \"\", enrollmentRoles: [...roles.enrollmentRoles, {\r\n                                                                            roleCode: roles.rollCode,\r\n                                                                            roleName: roles.rollName,\r\n                                                                            description: \"\",\r\n                                                                            additionalInfo: \"\",\r\n                                                                            isActive: true\r\n                                                                        }]\r\n                                                                    })\r\n                                                                }\r\n                                                            }}> + </button> */}\r\n                                                            </td>\r\n                                                        </tr>\r\n                                                    </tbody>\r\n                                                </table>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        {/* <div className=\"card mt-3\">\r\n                                        <div className=\"card-body\">\r\n                                            <div class=\"table-wrapper-scroll-y my-custom-scrollbar rtbl\">\r\n                                                <table class=\"table table-bordered mb-0\">\r\n                                                    <thead>\r\n                                                        <tr>\r\n                                                            <th scope=\"col\">Role Code</th>\r\n                                                            <th scope=\"col\">Role Name</th>\r\n                                                        </tr>\r\n                                                    </thead>\r\n                                                    <tbody>\r\n                                                        {roles.enrollmentRoles.map((item, index) => {\r\n                                                            return <tr>\r\n                                                                <td>\r\n                                                                    {item.roleCode}\r\n                                                                </td>\r\n                                                                <td>\r\n                                                                    {item.roleName}\r\n                                                                </td>\r\n                                                            </tr>\r\n                                                        })}\r\n                                                    </tbody>\r\n                                                </table>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> */}\r\n                                    </div>\r\n\r\n                                    {/* buttons */}\r\n                                    {/* <Buttons/> */}\r\n                                </div> :\r\n                                <div className=\"container-form\">\r\n                                    <div className='p-3 pt-0'>\r\n                                        <h5>You have successfully enrolled an app for publishing.</h5>\r\n                                        <pre style={{ fontSize: '16px', color: '#172996' }}>Service Name : <span style={{ fontStyle: 'normal', fontSize: '14px', color: 'black' }}> {datas.serviceName} </span> </pre>\r\n                                        <pre style={{ fontSize: '16px', color: '#172996' }}>Developer : <span style={{ fontStyle: 'normal', fontSize: '14px', color: 'black' }}> {datas.developerName} </span> </pre>\r\n                                        <pre style={{ fontSize: '16px', color: '#172996' }}>Version : <span style={{ fontStyle: 'normal', fontSize: '14px', color: 'black' }}> {datas.version} </span> </pre>\r\n                                        <pre style={{ fontSize: '16px', color: '#172996' }}>Build No : <span style={{ fontStyle: 'normal', fontSize: '14px', color: 'black' }}> {datas.buildNo} </span> </pre>\r\n                                        <pre style={{ fontSize: '16px', color: '#172996' }}>Build Type : <span style={{ fontStyle: 'normal', fontSize: '14px', color: 'black' }}> {datas.buildType} </span> </pre>\r\n\r\n                                        <div className='mt-1'>\r\n                                            <p> If you want to edit any information you can do so now, <button onClick={() => prev()} className='btn btn-primary' style={{ fontSize: '12px', padding: '2px 5px' }}>Back</button> </p>\r\n                                        </div>\r\n\t\t\t\t\t\t\t\t\t\t\r\n\t\t\t\t\t\t\t\t\t\t<div lassName=\"mt-2\">\r\n\t\t\t\t\t\t\t\t\t\t\t<span> Base App :  </span>\r\n\t\t\t\t\t\t\t\t\t\t\t<Switch\r\n\t\t\t\t\t\t\t\t\t\t\t\tchecked={datas?.isBaseAppService == true ? true : datas?.isBaseAppService}\r\n\t\t\t\t\t\t\t\t\t\t\t\tonChange={(e) => setdatas({ ...datas, isBaseAppService: e })}\r\n\t\t\t\t\t\t\t\t\t\t\t/>\r\n\t\t\t\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t\t\t\t\t\r\n                                        <div className=\"mt-3\">\r\n                                            <span> Forced Update : </span>\r\n                                            <Switch\r\n                                                checked={datas.isForcetoUpdate}\r\n                                                onChange={(e) => setdatas({ ...datas, isForcetoUpdate: e })} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                    }\r\n                    <div className=\"steps-action container\" style={{ textAlign: 'right' }}>\r\n                        {current > 0 && (\r\n                            <Button style={{ margin: '0 8px' }} onClick={() => prev()} hidden={current == 3 ? true : false}>\r\n                                Previous\r\n                            </Button>\r\n                        )}\r\n                        {current == 0 && (\r\n                            <Button style={{ margin: '0 8px' }} onClick={() => history.goBack()}>\r\n                                Cancel\r\n                            </Button>\r\n                        )}\r\n                        {current == 0 ? <Button type=\"primary\"\r\n                            disabled={(datas.serviceName == '' || datas.serviceType == '' || datas.serviceCategory == '' || datas.developerName == '' || datas.country == '' || datas.serviceKey == '')}\r\n                            onClick={() => next()}>\r\n                            Next\r\n                        </Button> : ''}\r\n\r\n                        {current == 1 ? <Button type=\"primary\"\r\n\r\n                            onClick={() => next()}>\r\n                            Next\r\n                        </Button> : ''}\r\n                        {current == 2 ? <Button type=\"primary\"\r\n\r\n                            onClick={() => next()}>\r\n                            Next\r\n                        </Button> : ''}\r\n                        {current == 3 ? <Button type=\"primary\"\r\n                            onClick={async () => {\r\n                                setLoading(true);\r\n                                await createRole();\r\n                                setLoading(false);\r\n                            }}\r\n                        >\r\n                            Update\r\n                            {/* {(datas && datas.StoreStatus && datas.StoreStatus == 'Published') ? 'Update' : 'Publish'} */}\r\n                        </Button> : ''}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div className=\"container enroll-button text-start\">\r\n                {/* <Buttons /> */}\r\n            </div>\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\n// import './style.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxBreadcrumb, NxTitleTab, NxActionTab, NxGridList, NxRightDrawer, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../../Screens/Headers/Headers\";\r\nimport { NotificationManager } from \"react-notifications\";\r\nconst splits = async (dests, setEnquiry) => {\r\n    let arr = [];\r\n    for (let value of dests) {\r\n        let data = [value.firstName, value.lastName, value.officialEmail, value.phone, value.organization, value.status];\r\n        let obj = { sendItem: value, data: data };\r\n        arr = [...arr, obj]\r\n    }\r\n    setEnquiry(arr);\r\n}\r\n\r\nexport default function AddPlatformUser() {\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n\r\n\r\n    // const [enquiry,setEnquiry] = useState([]);\r\n    // const [enquiryEdit,setEnquiryEdit] = useState('');\r\n\r\n    //     const getEnquiry = async() => {\r\n    //         let result = await ItrApiService.GET({\r\n    //             url:'TenantPlatform/Enquiry/GetEnquires',\r\n    //             customHeaders:[]\r\n    //         });\r\n    //         if(result.Success == true){\r\n    //             let getEnquiryDetails = result.result.data;\r\n    //             if(getEnquiryDetails === null || !getEnquiryDetails.length){\r\n    //                 // NotificationManager.error(result.result.message);\r\n    //             }\r\n    //             else{\r\n    //                 await splits(getEnquiryDetails, setEnquiry);\r\n    //                 await setEnquiryEdit(getEnquiryDetails)\r\n    //             }\r\n    //             // setEnquiry(getEnquiryDetails);\r\n    //         }\r\n    //         else if(result.result.isSuccess == false) {\r\n    //             NotificationManager.error(result.result.message);\r\n    //             // sessionStorage.clear();\r\n    //             // history.push('/')\r\n    //         }\r\n    //     }\r\n    // \r\n    //     useEffect( async() => {\r\n    //         setLoad(true);\r\n    //         await getEnquiry();\r\n    //         setLoad(false);\r\n    //         // await splits(dest, setEnquiry);\r\n    //     },[])\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={load} />\r\n            <Headers />\r\n            {/* <NxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            <div style={{ flex: 1 }}>\r\n                <NxTitleTab className=\"title-tab\" title='Platform User' onCloseClick={() => {\r\n                    history.push('/partner-board');\r\n                }} />\r\n                <NxActionTab className=\"enquiry-action-tab\"\r\n                    onColumnsClick={() => { setHandel(true) }}\r\n                    onRefreshClick={() => {\r\n                        setLoad(true)\r\n                        setTimeout(function () {\r\n                            setLoad(false)\r\n                        }, 2000);\r\n                    }}\r\n                    onNewEntryClick={() => { history.push('/platformUser/add') }}\r\n                    enableNewEntry={true}\r\n                />\r\n                <div className=\"p-4 pt-0\">\r\n                    <NxGridList\r\n                        enableSearch={true}\r\n                        autoSearch={true}\r\n                        enableAutoPagination={true}\r\n                        showShowing={true}\r\n                        header={[\r\n                            {\r\n                                name: 'First Name',\r\n                                sort: true,\r\n                                search: true\r\n                            },\r\n                            {\r\n                                name: 'Last Name',\r\n                                sort: true,\r\n                                search: true\r\n                            },\r\n                            {\r\n                                name: 'Email',\r\n                                sort: false,\r\n                            },\r\n                            {\r\n                                name: 'Phone',\r\n                                sort: false,\r\n                            },\r\n                        ]}\r\n                        rowClick={(data) => {\r\n\r\n                            history.push({\r\n                                pathname: '/enquiry/edit',\r\n                                state: {\r\n                                    editData: data\r\n                                }\r\n                            });\r\n                        }}\r\n                    // data={enquiry}\r\n                    // {enquiry}\r\n                    // {[\r\n                    //     { sendItem: '1', data: ['test', 'user', 'ss@mail.com user', '9002000201', 'bytes', 'active'] },\r\n                    //     // { sendItem: '2', data: ['test1', 'user1', 'ss1@mail.com user', '9002000201', 'bytes', 'active'] }\r\n                    // ]} \r\n                    />\r\n                </div>\r\n                <NxRightDrawer onClose={() => setHandel(false)} show={handel} drawerContent={() => <div>\r\n\r\n                </div>} ondrawer1Close={() => { setHandel2(false) }} />\r\n            </div>\r\n\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport './CustomerPasswordPolicy.css'\r\nimport { NxLoader, NxFooter, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { Switch } from 'antd';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\n\r\nexport default function CustomerPasswordPolicy() {\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const [passwordPolicy, setPasswordPolicy] = useState({\r\n        passwordPolicyID: 0,\r\n        enforcePasswordHistory: parseInt(3),\r\n        maximumPasswordAge: parseInt(30),\r\n        minimumPasswordLength: parseInt(7),\r\n        maximumPasswordLength: parseInt(15),\r\n        isPasswordMeetComplexity: true,\r\n        isNotExceedTwoConsecutiveCharacters: false,\r\n        isAtleastSixCharacters: false,\r\n        isUpperCaseCharacters: false,\r\n        isLowerCaseCharacters: false,\r\n        isDigits: false,\r\n        isNonAlphanumericCharacters: false,\r\n        nonAlphanumericCharacters: \"\"\r\n    });\r\n\r\n    const passwordPolicies = async () => {\r\n        setLoading(true);\r\n        let res = await ItrApiService.GET({\r\n            url: 'Platform/Configuration/PasswordPolicy',\r\n        });\r\n        if (res.Success == true) {\r\n            if (res.result.isSuccess == true) {\r\n                setPasswordPolicy(res.result.data);\r\n            }\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        passwordPolicies();\r\n    }, [])\r\n\r\n    const validateAlphaNumeric = (e) => {\r\n        var regex = new RegExp(/[a-zA-Z0-9]/);\r\n        if (!regex.test(e.target.value)) {\r\n            setPasswordPolicy({ ...passwordPolicy, nonAlphanumericCharacters: e.target.value })\r\n        }\r\n    }\r\n\r\n\r\n    const updateCusPasswordPollicy = async () => {\r\n        setLoading(true);\r\n        let res = await ItrApiService.POST({\r\n            url: 'Platform/Configuration/PasswordPolicy',\r\n            data: passwordPolicy\r\n        });\r\n        setLoading(false);\r\n    }\r\n\r\n    return (\r\n        <div className=\"cusPolicy\">\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"Password Policy\" onCloseClick={() => history.goBack()} />\r\n            <div className=\"card password-policy-main mt-0\">\r\n                <div className=\"card-body p-0\">\r\n                    <div className=\"row p-3 mx-1 password-policy\">\r\n                        {/* <h4>Password Policy</h4> */}\r\n                        <div className=\"col-12 col-md-12 col-lg-6 col-sm-6 col-xl-6 profile-card mt-3\">\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName\" className='f-badge-title'>Enforce password history</label>\r\n                                </div>\r\n                                <div className=\"col-12 col-sm-12 col-lg-3 col-md-6\">\r\n                                    <input className=\"form-control form-control-sm mt-2\" type=\"number\" id=\"enforce\"\r\n                                        min=\"1\" max=\"10\" value={passwordPolicy.enforcePasswordHistory}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, enforcePasswordHistory: parseInt(e.target.value) })} />\r\n                                </div>\r\n                                <label className=\"text-secondary\">Password history to be stored.</label>\r\n                            </div>\r\n\r\n                            <div className=\"row title mt-3\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName \" className='f-badge-title'>Maximum password age</label>\r\n                                </div>\r\n                                <div className=\"col-12 col-sm-12 col-lg-3 col-md-6\">\r\n                                    <select className=\"form-select  mt-2\"\r\n                                        value={passwordPolicy.maximumPasswordAge}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, maximumPasswordAge: parseInt(e.target.value) })}>\r\n                                        <option value=\"30\" selected>30 Days</option>\r\n                                        <option value=\"60\">60 Days</option>\r\n                                        <option value=\"90\">90 Days</option>\r\n                                        <option value=\"120\">120 Days</option>\r\n                                        <option value=\"Never\">Never</option>\r\n                                    </select>\r\n                                </div>\r\n                                <label className=\"text-secondary\">Reset Password will be prompted in</label>\r\n                            </div>\r\n\r\n                            <div className=\"row title mt-3\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName\" className='f-badge-title'>Minimum password length</label>\r\n                                </div>\r\n                                <div className=\"col-12 col-sm-12 col-lg-3 col-md-6\">\r\n                                    <input className=\"form-control form-control-sm mt-2\" type=\"number\" id=\"enforce\"\r\n                                        min=\"7\" max=\"42\" value={passwordPolicy.minimumPasswordLength}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, minimumPasswordLength: parseInt(e.target.value) })}\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row title mt-3\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName\" className='f-badge-title'>Maximum password length</label>\r\n                                </div>\r\n                                <div className=\"col-12 col-sm-12 col-lg-3 col-md-6\">\r\n                                    <input className=\"form-control form-control-sm mt-2\" type=\"number\" id=\"enforce\"\r\n                                        min={passwordPolicy.minimumPasswordLength} max=\"42\" value={passwordPolicy.maximumPasswordLength}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, maximumPasswordLength: parseInt(e.target.value) })}\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n\r\n                            {/* <div className=\"row title mt-2\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName\">Password must meet complexity </label>\r\n                                </div>\r\n                                <div className=\"col-12 col-sm-12 col-lg-3 col-md-6\">\r\n                                    <Switch checked={passwordPolicy.isPasswordMeetComplexity} className=\"mt-2\"\r\n                                    onChange={(e) => setPasswordPolicy({...passwordPolicy,isPasswordMeetComplexity:e})}\r\n                                    />\r\n                                </div>\r\n                            </div> */}\r\n                        </div>\r\n\r\n\r\n                        <div className=\"col-12 col-md-12 col-lg-6 col-sm-6 col-xl-6 profile-card mt-3\">\r\n\r\n                            <div className=\"col-12 col-sm-12 col-lg-12 col-md-12 py-1 d-flex align-items-baseline\">\r\n                                <Switch checked={passwordPolicy.isPasswordMeetComplexity} className=\"mt-2\"\r\n                                    onChange={(e) => setPasswordPolicy({ ...passwordPolicy, isPasswordMeetComplexity: e })}\r\n                                />\r\n                                <label className=\"p-0 px-2\" htmlFor=\"terms\">Define Password Complexity </label><br />\r\n                            </div>\r\n                            <label className=\"text-secondary px-5\">Complexity levels for the password can be defined and mandated as ‘Password Policy’.</label>\r\n\r\n\r\n                            <div className=\"row title mt-4\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-12 col-md-12 py-1 d-flex align-items-baseline\">\r\n                                    <Switch checked={passwordPolicy.isPasswordMeetComplexity == false ? false : passwordPolicy.isNotExceedTwoConsecutiveCharacters} id=\"terms\" disabled={passwordPolicy.isPasswordMeetComplexity == false ? true : false}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, isNotExceedTwoConsecutiveCharacters: e })} />\r\n                                    <label className=\"p-0 px-2\" htmlFor=\"terms\">Not contain the user’s account name or parts of the user’s full name. </label>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-12 col-md-12 py-1\">\r\n                                    <Switch checked={passwordPolicy.isPasswordMeetComplexity == false ? false : passwordPolicy.isAtleastSixCharacters} id=\"length\" disabled={passwordPolicy.isPasswordMeetComplexity == false ? true : false}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, isAtleastSixCharacters: e })} />\r\n                                    <label className=\"px-2\" htmlFor=\"length\">Be at least <strong>six</strong> alphabets in length</label>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-12 col-md-12 py-1\" >\r\n                                    <Switch checked={passwordPolicy.isPasswordMeetComplexity == false ? false : passwordPolicy.isUpperCaseCharacters} id=\"uppercase\" disabled={passwordPolicy.isPasswordMeetComplexity == false ? true : false}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, isUpperCaseCharacters: e })} />\r\n                                    <label className=\"px-2\" htmlFor=\"uppercase\">English uppercase characters (<strong>A through Z</strong>) </label>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-12 col-md-12 py-1\" >\r\n                                    <Switch checked={passwordPolicy.isPasswordMeetComplexity == false ? false : passwordPolicy.isLowerCaseCharacters} id=\"lowercase\" disabled={passwordPolicy.isPasswordMeetComplexity == false ? true : false}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, isLowerCaseCharacters: e })} />\r\n                                    <label className=\"px-2\" htmlFor=\"lowercase\">English lowercase characters (<strong>a through z</strong>) </label>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-12 col-md-12 py-1\">\r\n                                    <Switch checked={passwordPolicy.isPasswordMeetComplexity == false ? false : passwordPolicy.isDigits} id=\"digits\" disabled={passwordPolicy.isPasswordMeetComplexity == false ? true : false}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, isDigits: e })} />\r\n                                    <label className=\"px-2\" htmlFor=\"digits\">Base 10 digits (<strong>0 through 9</strong>) </label>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-12 col-md-12 py-1\">\r\n                                    <Switch checked={passwordPolicy.isPasswordMeetComplexity == false ? false : passwordPolicy.isNonAlphanumericCharacters} id=\"Non-alphabetic\" disabled={passwordPolicy.isPasswordMeetComplexity == false ? true : false}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, isNonAlphanumericCharacters: e })} />\r\n                                    <label className=\"px-2\" htmlFor=\"Non-alphabetic\">Non-alphabetic characters (<strong>for example, !, $, #, %</strong>) </label>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-12 col-md-12 py-1\">\r\n                                    <input type=\"text\" className=\"form-control w-50\" id=\"NonAlpha\" value={passwordPolicy.nonAlphanumericCharacters}\r\n                                        onChange={(e) => validateAlphaNumeric(e)}\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"row p-3 mx-1\">\r\n                        <div className=\"mb-5 text-start\">\r\n                            <button className=\"btn btn-primary btn-sm\"\r\n                                onClick={updateCusPasswordPollicy}\r\n                            >\r\n                                Update\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useState } from 'react';\r\nimport './PartnerPasswordPolicy.css'\r\nimport { NxLoader, NxFooter, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { Switch } from 'antd';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\n\r\n\r\nexport default function PartnerPasswordPolicy() {\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const [passwordPolicy, setPasswordPolicy] = useState({\r\n        passwordPolicyID: 0,\r\n        enforcePasswordHistory: parseInt(3),\r\n        maximumPasswordAge: parseInt(30),\r\n        minimumPasswordLength: parseInt(7),\r\n        maximumPasswordLength: parseInt(15),\r\n        isPasswordMeetComplexity: true,\r\n        isNotExceedTwoConsecutiveCharacters: false,\r\n        isAtleastSixCharacters: false,\r\n        isUpperCaseCharacters: false,\r\n        isLowerCaseCharacters: false,\r\n        isDigits: false,\r\n        isNonAlphanumericCharacters: false,\r\n        nonAlphanumericCharacters: \"\"\r\n    })\r\n\r\n    const validateAlphaNumeric = (e) => {\r\n        var regex = new RegExp(/[a-zA-Z0-9]/);\r\n        if (!regex.test(e.target.value)) {\r\n            setPasswordPolicy({ ...passwordPolicy, nonAlphanumericCharacters: e.target.value })\r\n        }\r\n    }\r\n\r\n    const updateParPasswordPollicy = async () => {\r\n        setLoading(true);\r\n        let res = await ItrApiService.POST({\r\n            url: 'Platform/Configuration/PasswordPolicy',\r\n            data: passwordPolicy\r\n        });\r\n        setLoading(false);\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"Password Policy\" onCloseClick={() => history.push('/partner-board')} />\r\n            <div className=\"card m-4 mt-0\">\r\n                <div className=\"card-body p-0\">\r\n                    <div className=\"row p-3 mx-1 password-policy\">\r\n                        {/* <h4>Password Policy</h4> */}\r\n                        <div className=\"col-12 col-md-12 col-lg-6 col-sm-6 col-xl-5 profile-card mt-3\">\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName\">Enforce password history</label>\r\n                                </div>\r\n                                <div className=\"col-12 col-sm-12 col-lg-3 col-md-6\">\r\n                                    <input className=\"form-control form-control-sm mt-2\" type=\"number\" id=\"enforce\"\r\n                                        min=\"1\" max=\"10\" value={passwordPolicy.enforcePasswordHistory}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, enforcePasswordHistory: parseInt(e.target.value) })} />\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName\">Maximum password age</label>\r\n                                </div>\r\n                                <div className=\"col-12 col-sm-12 col-lg-3 col-md-6\">\r\n                                    <select className=\"form-select  mt-2\"\r\n                                        value={passwordPolicy.maximumPasswordAge}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, maximumPasswordAge: parseInt(e.target.value) })}>\r\n                                        <option value=\"30\" selected>30</option>\r\n                                        <option value=\"60\">60</option>\r\n                                        <option value=\"90\">90</option>\r\n                                        <option value=\"120\">120</option>\r\n                                        <option value=\"Never\">Never</option>\r\n                                    </select>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName\">Minimum password length</label>\r\n                                </div>\r\n                                <div className=\"col-12 col-sm-12 col-lg-3 col-md-6\">\r\n                                    <input className=\"form-control form-control-sm mt-2\" type=\"number\" id=\"enforce\"\r\n                                        min=\"7\" max=\"42\" value={passwordPolicy.minimumPasswordLength}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, minimumPasswordLength: parseInt(e.target.value) })}\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName\">Maximum password length</label>\r\n                                </div>\r\n                                <div className=\"col-12 col-sm-12 col-lg-3 col-md-6\">\r\n                                    <input className=\"form-control form-control-sm mt-2\" type=\"number\" id=\"enforce\"\r\n                                        min={passwordPolicy.minimumPasswordLength} max=\"42\" value={passwordPolicy.maximumPasswordLength}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, maximumPasswordLength: parseInt(e.target.value) })}\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row title mt-2\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName\">Password must meet complexity </label>\r\n                                </div>\r\n                                <div className=\"col-12 col-sm-12 col-lg-3 col-md-6\">\r\n                                    <Switch checked={passwordPolicy.isPasswordMeetComplexity} className=\"mt-2\"\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, isPasswordMeetComplexity: e })}\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n\r\n                        <div className=\"col-12 col-md-12 col-lg-6 col-sm-6 col-xl-7 profile-card mt-3\">\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-12 col-md-12 py-1 d-flex align-items-baseline\">\r\n                                    <Switch checked={passwordPolicy.isPasswordMeetComplexity == false ? false : passwordPolicy.isNotExceedTwoConsecutiveCharacters} id=\"terms\" disabled={passwordPolicy.isPasswordMeetComplexity == false ? true : false}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, isNotExceedTwoConsecutiveCharacters: e })} />\r\n                                    <label className=\"p-0 px-2\" htmlFor=\"terms\">Not contain the user’s account name or parts of the user’s full name that exceed two consecutive characters </label>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-12 col-md-12 py-1\">\r\n                                    <Switch checked={passwordPolicy.isPasswordMeetComplexity == false ? false : passwordPolicy.isAtleastSixCharacters} id=\"length\" disabled={passwordPolicy.isPasswordMeetComplexity == false ? true : false}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, isAtleastSixCharacters: e })} />\r\n                                    <label className=\"px-2\" htmlFor=\"length\">Be at least <strong>six</strong> characters in length</label>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-12 col-md-12 py-1\" >\r\n                                    <Switch checked={passwordPolicy.isPasswordMeetComplexity == false ? false : passwordPolicy.isUpperCaseCharacters} id=\"uppercase\" disabled={passwordPolicy.isPasswordMeetComplexity == false ? true : false}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, isUpperCaseCharacters: e })} />\r\n                                    <label className=\"px-2\" htmlFor=\"uppercase\">English uppercase characters (<strong>A through Z</strong>) </label>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-12 col-md-12 py-1\" >\r\n                                    <Switch checked={passwordPolicy.isPasswordMeetComplexity == false ? false : passwordPolicy.isLowerCaseCharacters} id=\"lowercase\" disabled={passwordPolicy.isPasswordMeetComplexity == false ? true : false}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, isLowerCaseCharacters: e })} />\r\n                                    <label className=\"px-2\" htmlFor=\"lowercase\">English lowercase characters (<strong>a through z</strong>) </label>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-12 col-md-12 py-1\">\r\n                                    <Switch checked={passwordPolicy.isPasswordMeetComplexity == false ? false : passwordPolicy.isDigits} id=\"digits\" disabled={passwordPolicy.isPasswordMeetComplexity == false ? true : false}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, isDigits: e })} />\r\n                                    <label className=\"px-2\" htmlFor=\"digits\">Base 10 digits (<strong>0 through 9</strong>) </label>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-12 col-md-12 py-1\">\r\n                                    <Switch checked={passwordPolicy.isPasswordMeetComplexity == false ? false : passwordPolicy.isNonAlphanumericCharacters} id=\"Non-alphabetic\" disabled={passwordPolicy.isPasswordMeetComplexity == false ? true : false}\r\n                                        onChange={(e) => setPasswordPolicy({ ...passwordPolicy, isNonAlphanumericCharacters: e })} />\r\n                                    <label className=\"px-2\" htmlFor=\"Non-alphabetic\">Non-alphabetic characters (<strong>for example, !, $, #, %</strong>) </label>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"row title\">\r\n                                <div className=\"col-12 col-sm-12 col-lg-12 col-md-12 py-1\">\r\n                                    <input type=\"text\" className=\"form-control w-50\" id=\"NonAlpha\" value={passwordPolicy.nonAlphanumericCharacters}\r\n                                        onChange={(e) => validateAlphaNumeric(e)}\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"row p-3 mx-1\">\r\n                        <div className=\"mb-5 text-start\">\r\n                            <button className=\"btn btn-primary btn-sm\"\r\n                                onClick={updateParPasswordPollicy}\r\n                            >\r\n                                Update\r\n                            </button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import { NxTitleTab, NxBreadcrumb, NxFooter } from \"@afiplfeed/itr-app\";\r\nimport React, { useState } from \"react\";\r\nimport { useHistory } from \"react-router\";\r\nimport Headers from \"../../../Screens/Headers/Headers\";\r\nimport { Switch } from 'antd';\r\nimport './AddPlatformUser.css';\r\nimport { ItrApiService } from \"@afiplfeed/itr-ui\";\r\n\r\n\r\n\r\nexport default function AddPlatformUser() {\r\n    const history = useHistory();\r\n    const [datas, setDatas] = useState({\r\n        firstname: \"\",\r\n        lastName: \"\",\r\n        displayName: \"\",\r\n        email: \"\",\r\n        gender: \"\",\r\n        phone: \"\",\r\n        allowAccess: false\r\n    });\r\n\r\n    const [data, setData] = useState({\r\n        partnerUserID: 0,\r\n        partnerID: 0,\r\n        userCode: null,\r\n        userType: null,\r\n        firstName: \"\",\r\n        lastName: \"\",\r\n        displayName: \"\",\r\n        designation: \"\",\r\n        department: \"\",\r\n        phoneNo: \"\",\r\n        mobile: \"\",\r\n        emailID: \"\",\r\n        partnerUserContacts: [],\r\n        isActive: true\r\n    })\r\n    return <div className=\"platform-user-tab\">\r\n        <Headers />\r\n        {/* <NxBreadcrumb data={[\r\n            {\r\n                name: 'Home',\r\n                onClick: () => {\r\n                    history.push('/partner-board');\r\n                }\r\n            },\r\n        ]} /> */}\r\n        <NxTitleTab className=\"title-tab\" title='Platform User' onCloseClick={() => {\r\n            history.goBack();\r\n        }} />\r\n        <div className=\"card m-4 \">\r\n            <div className=\"card-body  p-0 mb-5\">\r\n                <div className=\"row p-3 \">\r\n                    <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                        <h6>Personal Information</h6>\r\n\r\n                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 mt-2\">\r\n                            <label htmlFor=\"firstName\">First Name</label>\r\n                            <input className=\"form-control\" id=\"firstName\" value={data.firstName} type=\"text\"\r\n                                onChange={(e) => setData({ ...data, firstName: e.target.value })}\r\n                            />\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 mt-2\">\r\n                            <label htmlFor=\"lastName\">Last Name</label>\r\n                            <input className=\"form-control\" id=\"lastName\" value={data.lastName} type=\"text\"\r\n                                onChange={(e) => setData({ ...data, lastName: e.target.value })}\r\n                            />\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 mt-2\">\r\n                            <label htmlFor=\"displayName\">Display Name</label>\r\n                            <input className=\"form-control\" id=\"displayName\" value={data.displayName} type=\"text\"\r\n                                onChange={(e) => setData({ ...data, displayName: e.target.value })}\r\n                            />\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 mt-2\">\r\n                            {/* <label htmlFor=\"gender\">Gender</label>\r\n                            <select className=\"form-select\" id=\"gender\" value={data.gender}\r\n                                onChange={(e) => setData({ ...data, gender: e.target.value })}\r\n                            >\r\n                                <option value=\"\" selected>--Please select--</option>\r\n                                <option value=\"Male\" >Male</option>\r\n                                <option value=\"Female\" >Female</option>\r\n                            </select> */}\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 mt-2\">\r\n                            <label htmlFor=\"allowAccess\" className='mt-2'>Allow Access</label>\r\n                            <br />\r\n                            <Switch defaultChecked={data.isActive} onChange={(e) => {\r\n                                setData({ ...data, isActive: e })\r\n                            }} className='mt-2' />\r\n                        </div>\r\n                    </div>\r\n\r\n                    <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                        <h6>Contact</h6>\r\n\r\n                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 mt-2\">\r\n                            <label htmlFor=\"email\">Email</label>\r\n                            <input className=\"form-control\" id=\"email\" value={data.emailID} type=\"text\"\r\n                                onChange={(e) => setData({ ...data, emailID: e.target.value })}\r\n                            />\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 mt-2\">\r\n                            <label htmlFor=\"phone\">Phone Number</label>\r\n                            <input className=\"form-control\" id=\"phone\" minLength=\"10\" maxLength=\"10\" value={data.mobile} type=\"text\"\r\n                                onChange={(e) => setData({ ...data, mobile: e.target.value })}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n\r\n\r\n                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 mt-3 bt-class-partner-platform\">\r\n                        <button className=\"btn btn-primary rounded-pill buttons mt-2\" onClick={() => {\r\n                            ItrApiService.POST({\r\n                                url: 'Platform/Partner/SavePartnerUser',\r\n                                data: data\r\n                            }).then(res => {\r\n                                \r\n                            })\r\n                        }} >Submit</button>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <NxFooter ExtraContent={[\r\n            { name: 'Terms of Service' },\r\n            { name: 'privacy' },\r\n        ]} />\r\n    </div>\r\n}\r\n\r\n","import React, { useEffect, useState } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxTitleTab, NxCustomTab, NxLoader, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faCopy, faPlusCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport AuthKeyImage from '../../../assets/Authkey.png';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\n\r\nexport default function Notification() {\r\n    const [loading, setLoading] = useState(false);\r\n    // sms-gate-way\r\n    const [gateway, setGateway] = useState({});\r\n    const getSmsGateway = async () => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/Configuration/SMSGateway',\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getGatewayDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setGateway(getGatewayDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n    // create-email-setup\r\n    const createEmailSetup = async () => {\r\n        setLoading(true);\r\n        let res = await ItrApiService.POST({\r\n            url: 'Platform/Configuration/Email',\r\n            data: emailInfo\r\n        });\r\n        setLoading(false);\r\n    }\r\n\r\n    // Email-setup\r\n    const [emailInfo, setEmailInfo] = useState({\r\n        emailID: 0,\r\n        mail: \"\",\r\n        password: \"\",\r\n        host: \"\",\r\n        port: '',\r\n        type: \"\"\r\n    });\r\n\r\n    const getEmailSetup = async () => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/Configuration/Email',\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getEmailDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setEmailInfo(getEmailDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n    let history = useHistory();\r\n\r\n\r\n\r\n    useEffect(() => {\r\n        getEmailSetup()\r\n        getSmsGateway();\r\n    }, [])\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title='Notification' onCloseClick={() => {\r\n                history.push('/configuration');\r\n            }} />\r\n            <NxCustomTab\r\n                data={[\r\n                    // {\r\n                    //     name:'Notification Policy',\r\n                    //     Components:() => {\r\n                    //         return (\r\n                    //             <div className=\"container-form mb-5\">\r\n                    //                 <h4>Coming Soon</h4>\r\n                    //             </div>\r\n                    //         )\r\n                    //     }\r\n                    // },\r\n                    {\r\n                        name: 'Email Setup',\r\n                        Components: () => {\r\n                            return (\r\n                                <div className=\"container-form mb-5\">\r\n                                    <div className=\"row\">\r\n                                        {/* <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\"> */}\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Email</label>\r\n                                            <input className=\"form-control mt-1\" id=\"firstName\" type=\"email\"\r\n                                                value={emailInfo.mail}\r\n                                                onChange={(e) => setEmailInfo({ ...emailInfo, mail: e.target.value })} />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                            <label htmlFor=\"Organization\">Password</label>\r\n                                            <input className=\"form-control mt-1\" id=\"Organization\" type=\"password\"\r\n                                                value={emailInfo.password} onChange={(e) => setEmailInfo({ ...emailInfo, password: e.target.value })} />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                            <label htmlFor=\"Organization\">Host</label>\r\n                                            <input className=\"form-control mt-1\" id=\"Organization\" type=\"text\"\r\n                                                value={emailInfo.host}\r\n                                                onChange={(e) => setEmailInfo({ ...emailInfo, host: e.target.value })} />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                            <label htmlFor=\"Organization\">Port</label>\r\n                                            <input className=\"form-control mt-1\" id=\"Organization\" type=\"number\"\r\n                                                value={emailInfo.port} onChange={(e) => { setEmailInfo({ ...emailInfo, port: parseInt(e.target.value) }); }} />\r\n                                        </div>\r\n                                        {/* </div> */}\r\n                                        {/* \r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                        </div> */}\r\n                                    </div>\r\n\r\n                                    <div className=\"form-button nx-enquiry-buttons mt-3 mb-5\">\r\n                                        <button className=\"btn btn-primary rounded-pill buttons\" onClick={createEmailSetup}> Save</button>\r\n                                    </div>\r\n                                </div>\r\n                            )\r\n                        }\r\n                    },\r\n                    {\r\n                        name: 'SMS Gateway',\r\n                        Components: () => {\r\n                            return (\r\n                                <div className=\"container-form mb-5\">\r\n                                    <div>\r\n                                        <div className=\"text-center\">\r\n                                            <h6 className=\"fw-bold\">API Authorization Key</h6>\r\n                                        </div>\r\n                                        <div className=\"text-center mt-3\">\r\n                                            <img src={AuthKeyImage} width=\"100\" />\r\n                                            {/* <FontAwesomeIcon icon={faPlusCircle} size=\"5x\" fontSize=\"20px\" /> */}\r\n                                        </div>\r\n                                        <div className=\"row mt-4\">\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"Organization\"> User Name</label>\r\n                                                <input className=\"form-control mt-1\" id=\"Organization\" type=\"text\" />\r\n                                            </div> */}\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"Organization\">Api Key</label>\r\n                                                <input className=\"form-control mt-1\" id=\"Organization\" value={gateway?.apiKey} type=\"text\" />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"Organization\">Url</label>\r\n                                                <input className=\"form-control mt-1\" id=\"Organization\" type=\"url\" value={gateway?.url} />\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className=\"form-button nx-enquiry-buttons mt-3 mb-5\">\r\n                                            <button className=\"btn btn-primary rounded-pill buttons\">Save</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            )\r\n                        }\r\n                    }\r\n                ]} />\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","export default \"data:image/png;base64,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\"","export default __webpack_public_path__ + \"static/media/analytics.74665902.png\";","export default __webpack_public_path__ + \"static/media/notification.d28da48d.png\";","export default __webpack_public_path__ + \"static/media/vault.9639ea82.png\";","export default __webpack_public_path__ + \"static/media/protalAccess.368cc5e1.png\";","export default __webpack_public_path__ + \"static/media/paymentGateway.2292b7e5.png\";","export default __webpack_public_path__ + \"static/media/idleTimeout.a2db93f6.png\";","export default __webpack_public_path__ + \"static/media/billingEngine.d1650251.png\";","export default __webpack_public_path__ + \"static/media/Partner.1c7c96ba.png\";","export default __webpack_public_path__ + \"static/media/gst.86e33f1e.png\";","export default __webpack_public_path__ + \"static/media/third-party.c030f134.png\";","export default __webpack_public_path__ + \"static/media/eternity.9973d059.png\";","import React from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport './Adminstrator.css';\r\n// import Card from '../../../components/card/card';\r\n// icons\r\nimport Analytics from '../../../assets/analytics.png';\r\nimport Notification from '../../../assets/notification.png';\r\n\r\nimport vault from '../../../assets/vault.png';\r\nimport portalAccess from '../../../assets/protalAccess.png';\r\nimport payment from '../../../assets/paymentGateway.png';\r\nimport idleTimeout from '../../../assets/idleTimeout.png';\r\nimport billingEngine from '../../../assets/billingEngine.png';\r\nimport partner from '../../../assets/Partner.png';\r\nimport gstTax from '../../../assets/gst.png';\r\n\r\nimport Privacy from '../../../assets/password.png';\r\nimport ThirdPartyImg from '../../../assets/third-party.png';\r\nimport clcd from '../../../assets/eternity.png';\r\nimport { NxFooter, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport CustomerSidebar from '../../../Screens/CustomerSidebar/CustomerSidebar';\r\n\r\nexport default function Adminstrator() {\r\n    let history = useHistory();\r\n    return (\r\n        <div className=\"conatiner dashboard \">\r\n            <Headers />\r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true} />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                    <NxTitleTab className=\"title-tab\" title='Deployment' onCloseClick={() => history.goBack()} />\r\n                    <div className=\"mb-5 mt-0 customer-configuration-main\">\r\n                        <div className=\"container-fluid\">\r\n                            <div className=\"CustomerUsersTab\">\r\n                                <div className=\"row cus-configuration-tab\">\r\n                                    {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-2 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                <img src={billingEngine} width=\"30\" />\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Provider Setup</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Company setup features including financial details that will be used in the billing, options to add new users to the console system as principals or partners.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/biller-information')\r\n                                                        }}>\r\n                                                        Company Setup\r\n                                                    </button>\r\n                                                    <button className=\"btn px-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/biller-information')\r\n                                                        }}>\r\n                                                        Biller Information\r\n                                                    </button>\r\n\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/manage-access')\r\n                                                        }}>\r\n                                                        Manage Access\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> */}\r\n\r\n                                    {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-2\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                <img src={gstTax} width=\"30\" />\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Billing Configuration</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>User management facilitates the functionality for administrators to manage user access to various Apps & resources like platform/portal.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n\r\n\r\n                                                    <button className=\"btn px-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/taxation')\r\n                                                        }}>\r\n                                                        3D Taxation\r\n                                                    </button>\r\n\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/paymentgateway')\r\n                                                        }}>\r\n                                                        Manage PGI\r\n                                                    </button> \r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> */}\r\n\r\n                                    {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n\r\n                                                <img src={gstTax} width=\"30\" />\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Billing & Subscription</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Configuration of financial elements including currency conversion, billing template & taxation along with a vault feature that lets providers manage licenses.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/administrator/billing-configuration')\r\n                                                        }}>\r\n                                                        Billing Configuration\r\n                                                    </button>\r\n\r\n                                                    <button className=\"btn px-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/license-vault')\r\n                                                        }}>\r\n                                                        License Vault\r\n                                                    </button>\r\n\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            // history.push('/user-audit')\r\n                                                        }}>\r\n                                                        Dunning\r\n                                                    </button>\r\n\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> */}\r\n\r\n\r\n                                    {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\" >\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                <img src={Privacy} width=\"30\" />\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Security</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Features include a password policy manager that let the providers setup org level policy for authentication. Timeout can be setup for app users.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/PasswordPolicy')\r\n                                                        }}>\r\n                                                        Password Policy\r\n                                                    </button>\r\n\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/idle-timeout')\r\n                                                        }}>\r\n                                                        Idle Timeout\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                <img src={ThirdPartyImg} width=\"30\" />\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">3<sup>rd</sup> Party Integration</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Providers will be able to manage 3rd party integrations like comm setup and payment gateway, this API system can be managed for multiple integrators. </p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                   \r\n                                                    <button className=\"btn px-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/administrator/comms-gateway')\r\n                                                        }}>\r\n                                                        Comms Gateways\r\n                                                    </button>\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/paymentgateway')\r\n                                                        }}>\r\n                                                        Payment Gateway\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                <img src={Analytics} width=\"30\" />\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Log Analytics</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Access to the Platform along with the devices can be monitored in this, user audit along with the background transaction audit features are integrated.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/user-audit')\r\n                                                        }}>\r\n                                                        User Audit\r\n                                                    </button>\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/device-management')\r\n                                                        }}>\r\n                                                        Device Management\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> */}\r\n\r\n                                    {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                <img src={Analytics} width=\"30\" />\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">System Configuration</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>User management facilitates the functionality for administrators to manage user access to various Apps & resources like platform/portal.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/idle-timeout')\r\n                                                        }}>\r\n                                                        Idle Timeout\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> */}\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={clcd} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Provider</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Developer version will have features to manage cloud resources and their secrets, users can manage their proprietary CI/CD tools and repos from here.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/cloud-connect')\r\n                                                        }}>\r\n                                                        Manage Provider\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={clcd} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Resources</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Developer version will have features to manage cloud resources and their secrets, users can manage their proprietary CI/CD tools and repos from here.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/repo-connect')\r\n                                                        }}>\r\n                                                        Manage Resources\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={clcd} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Database</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Developer version will have features to manage cloud resources and their secrets, users can manage their proprietary CI/CD tools and repos from here.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            // history.push('/repo-connect');\r\n                                                            history.push('/database-server');\r\n                                                        }}>\r\n                                                        Manage Database\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={clcd} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Cluster</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Developer version will have features to manage cloud resources and their secrets, users can manage their proprietary CI/CD tools and repos from here.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/cluster')\r\n                                                        }}>\r\n                                                        Manage Cluster\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={clcd} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Registery</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Developer version will have features to manage cloud resources and their secrets, users can manage their proprietary CI/CD tools and repos from here.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/registery')\r\n                                                        }}>\r\n                                                        Manage Registery\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={clcd} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Repository</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Developer version will have features to manage cloud resources and their secrets, users can manage their proprietary CI/CD tools and repos from here.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            // history.push('/repo-connect');\r\n                                                            history.push('/repositary');\r\n                                                        }}>\r\n                                                        Manage Repository\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={clcd} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Environment</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Developer version will have features to manage cloud resources and their secrets, users can manage their proprietary CI/CD tools and repos from here.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/environment')\r\n                                                        }}>\r\n                                                        Manage Environment\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={clcd} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Versions</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Developer version will have features to manage cloud resources and their secrets, users can manage their proprietary CI/CD tools and repos from here.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/version')\r\n                                                        }}>\r\n                                                        Manage Versions\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-2 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                <img src={partner} width=\"30\" />\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Partner Management</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Manage partners and their benefits plans using this feature, you will be able to add multiple partners and design individual commission plan for each of them.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/partner-management')\r\n                                                        }}>\r\n                                                        Partner Setup\r\n                                                    </button>\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/commision-plan')\r\n                                                        }}>\r\n                                                        Commision Plan\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> */}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div style={{ height: 50 }} />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport './ResetPassword.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxBreadcrumb, NxTitleTab, NxCustomTab, NxGridList, NxActionTab, NxRightDrawer, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from \"@afiplfeed/itr-ui\";\r\nimport Headers from \"../../../../Screens/Headers/Headers\";\r\nimport { NotificationManager } from \"react-notifications\";\r\nconst splits = async (dests, setDatas) => {\r\n    let arr = [];\r\n    for (let value of dests) {\r\n        let data = [value.firstName, value.lastName, value.emailID, value.mobile];\r\n        let obj = { sendItem: value, data: data };\r\n        arr = [...arr, obj]\r\n    }\r\n    setDatas(arr);\r\n}\r\n\r\n\r\nexport default function ResetPassword() {\r\n\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [sea, setSea] = useState('');\r\n    const [datas, setDatas] = useState([])\r\n\r\n\r\n\r\n    const getIdentity = async () => {\r\n        setLoad(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'EntityPlatform/EntityUser/GetEntityUsers'\r\n        });\r\n        if (result.Success == true) {\r\n            let IdentityAccess = result.result.data;\r\n            if (IdentityAccess === null || !IdentityAccess.length) {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n            else {\r\n                await splits(IdentityAccess, setDatas);\r\n            }\r\n            // setEnquiry(getEnquiryDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n        setLoad(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        getIdentity();\r\n    }, [])\r\n\r\n\r\n    return (\r\n        <div >\r\n            <Headers />\r\n            <NxLoader state={load} />\r\n\r\n            <div>\r\n                <NxTitleTab className=\"title-tab\" title=\"Reset Password\" onCloseClick={() => {\r\n                    history.push('/users');\r\n                }} />\r\n\r\n                <NxActionTab className=\"users-action-tab\"\r\n                    onColumnsClick={() => { setHandel(true) }}\r\n                    onRefreshClick={() => {\r\n                        setLoad(true)\r\n                        setTimeout(function () {\r\n                            setLoad(false)\r\n                        }, 2000);\r\n                    }}\r\n                    onNewEntryClick={() => { history.push('/framework/iam/add') }}\r\n                    enableNewEntry={false}\r\n                />\r\n                <div className=\"p-4 pt-0\">\r\n\r\n                    <NxGridList\r\n                        header={[\r\n                            {\r\n                                name: 'First Name',\r\n                                sort: true,\r\n                                search: true\r\n                            },\r\n                            {\r\n                                name: 'Last Name',\r\n                                sort: true,\r\n                                search: true\r\n                            },\r\n                            {\r\n                                name: 'Email',\r\n                                // sort: true,\r\n                            },\r\n                            {\r\n                                name: 'Phone',\r\n                                sort: false,\r\n                            },\r\n                        ]}\r\n                        enableSearch={true}\r\n                        autoSearch={true}\r\n                        enableAutoPagination={true}\r\n                        showShowing={true}\r\n                        rowClick={(e) => {\r\n                            sessionStorage.setItem('editUserId', e.userCode)\r\n                            history.push('/framework/iam/edit');\r\n                        }}\r\n                        data={datas}\r\n                    />\r\n                </div>\r\n            </div>\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n\r\n\r\n","import React, { useState, useEffect } from \"react\";\r\nimport './carouselTab.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxRightDrawer, NxActionTab, NxGridList, NxTitleTab, NxBreadcrumb, NxHeader, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../../Screens/Headers/Headers\";\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\nexport default function CarouselTab() {\r\n\r\n    const dest = [\r\n        {\r\n            \"enquiryid\": 1,\r\n            \"partnerid\": 1,\r\n            \"enquirycode\": \"eq0001\",\r\n            \"firstname\": \"mike\",\r\n            \"lastname\": \"charles\",\r\n            \"officialemail\": \"mikecharles@gmail.com\",\r\n            \"phone\": \"98746652321\",\r\n            \"organization\": \"MC solutions \",\r\n            \"role\": \"consultant\",\r\n            \"timetobuy\": \"immediately\",\r\n            \"hearedaboutus\": \"google\",\r\n            \"status\": 13,\r\n        },\r\n        {\r\n            \"enquiryid\": 2,\r\n            \"partnerid\": 1,\r\n            \"enquirycode\": \"eq0001\",\r\n            \"firstname\": \"mike\",\r\n            \"lastname\": \"charles\",\r\n            \"officialemail\": \"mikecharles@gmail.com\",\r\n            \"phone\": \"98746652321\",\r\n            \"organization\": \"MC solutions \",\r\n            \"role\": \"consultant\",\r\n            \"timetobuy\": \"immediately\",\r\n            \"hearedaboutus\": \"google\",\r\n            \"status\": 13,\r\n        },\r\n        {\r\n            \"enquiryid\": 3,\r\n            \"partnerid\": 1,\r\n            \"enquirycode\": \"eq0001\",\r\n            \"firstname\": \"mike\",\r\n            \"lastname\": \"charles\",\r\n            \"officialemail\": \"mikecharles@gmail.com\",\r\n            \"phone\": \"98746652321\",\r\n            \"organization\": \"MC solutions \",\r\n            \"role\": \"consultant\",\r\n            \"timetobuy\": \"immediately\",\r\n            \"hearedaboutus\": \"google\",\r\n            \"status\": 13,\r\n        }\r\n    ]\r\n\r\n    const [enrollment, setEnrollment] = useState([]);\r\n\r\n    const splits = async (dests, setEnquiry) => {\r\n        let arr = [];\r\n        for (let value of dests) {\r\n            let data = [value.serviceCode, value.serviceName, value.publisher, value.versionNo];\r\n            let obj = { sendItem: value.enquiryid, data: data };\r\n            arr = [...arr, obj]\r\n        }\r\n        setEnquiry(arr)\r\n    }\r\n\r\n    const getEnrollment = async () => {\r\n        setLoad(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'DevOps/Enrollment/ListAllEnrollment'\r\n        });\r\n\r\n\r\n        if (result.Success == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setLoad(false);\r\n                await splits(getCustomerDetails, setEnrollment)\r\n            }\r\n            // setEnquiry(getCustomerDetails);\r\n        }\r\n        else if (result.Success == false) {\r\n            setLoad(false);\r\n            // NotificationManager.error(result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n        setLoad(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        getEnrollment(dest, setEnrollment);\r\n        // await splits(dest, setEnquiry);\r\n    }, [])\r\n\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n    return (\r\n        <div className=\"mb-5\">\r\n            <NxLoader state={load} />\r\n            <Headers />\r\n            <div style={{ flex: 1 }}>\r\n                <NxTitleTab className=\"title-tab\" title=\"Carousel\" onCloseClick={() => {\r\n                    history.push('/partner-board');\r\n                }} />\r\n                {/* <NxActionTab\r\n                    className=\"enrollment-action-tab\"\r\n                    onColumnsClick={() => { setHandel(true) }}\r\n                    onRefreshClick={() => {\r\n                        setLoad(true)\r\n                        setTimeout(function () {\r\n                            setLoad(false)\r\n                        }, 2000);\r\n                    }}\r\n                    onNewEntryClick={() => { history.push('enrollment/add') }}\r\n                    enableNewEntry={true}\r\n                /> */}\r\n                <div className=\"p-4 pt-0\">\r\n                    <NxGridList\r\n                        enableSearch={true}\r\n                        autoSearch={true}\r\n                        enableAutoPagination={true}\r\n                        showShowing={true}\r\n                        header={[\r\n                            {\r\n                                name: 'Service Code',\r\n                                sort: true,\r\n                            },\r\n                            {\r\n                                name: 'Service Name',\r\n                                sort: true,\r\n                                search: true\r\n                            },\r\n                            {\r\n                                name: 'Publisher',\r\n                                // sort: true,\r\n                            },\r\n                            {\r\n                                name: 'Version No',\r\n                                sort: false,\r\n                            },\r\n                        ]}\r\n                        rowClick={(e) => {\r\n                            history.push('/enrollment/edit');\r\n                        }}\r\n                        data={enrollment && enrollment} />\r\n                </div>\r\n                <NxFooter ExtraContent={[\r\n                    { name: 'Terms of Service' },\r\n                    { name: 'privacy' },\r\n                ]} />\r\n            </div>\r\n            <NxRightDrawer onClose={() => setHandel(false)} show={handel} drawerContent={() => { }} ondrawer1Close={() => { setHandel2(false) }} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport './partnerSubscriptionTab.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport AppStore from '../../../assets/appStore.png'\r\nimport Subscriptions from '../../../assets/subscriptions.png';\r\nimport Assignments from '../../../assets/assignments.png';\r\nimport { Tabs, Switch, Rate } from 'antd';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui'\r\nimport { NxLoader, NxFooter, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\nexport default function PartnerSubscriptionTab({ data = [{ image: '', heding: '', info: '' }] }) {\r\n\r\n    const { TabPane } = Tabs;\r\n\r\n    let history = useHistory();\r\n\r\n    // subscription \r\n    const [filtersubscrption, setFiltersubscrption] = useState([\r\n        { id: 1, name: \"all\", isChecked: true },\r\n        { id: 2, name: \"available\", isChecked: false },\r\n        { id: 3, name: \"subscribed\", isChecked: false },\r\n    ])\r\n\r\n    const handleChange = (e, index, id) => {\r\n        if (e == true) {\r\n            if (id == 1) {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"all\", isChecked: true },\r\n                    { id: 2, name: \"available\", isChecked: false },\r\n                    { id: 3, name: \"subscribed\", isChecked: false },\r\n                ])\r\n            } else if (id == 2) {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"all\", isChecked: false },\r\n                    { id: 2, name: \"available\", isChecked: true },\r\n                    { id: 3, name: \"subscribed\", isChecked: false },\r\n                ])\r\n            } else {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"all\", isChecked: false },\r\n                    { id: 2, name: \"available\", isChecked: false },\r\n                    { id: 3, name: \"subscribed\", isChecked: true },\r\n                ])\r\n            }\r\n        }\r\n    }\r\n\r\n    const [subscriptionData, setSubscriptionData] = useState([]);\r\n    const [subscriptionId, setSubscriptionId] = useState('');\r\n    const [clientId, setClientid] = useState('');\r\n    const [enrollmentId, setEnrollmentId] = useState('');\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    // list-Subscription-Api\r\n    const getData = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'DevOps/Enrollment/EnrollmentWithSubscription'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let data = result.result.data;\r\n            for (let id of data) {\r\n                setSubscriptionId(id.clientSubscriptionID);\r\n                setClientid(id.clientID);\r\n                setEnrollmentId(id.id);\r\n            }\r\n            if (data === null || !data.length) {\r\n                // NotificationManager.error(result.result.message);\r\n            }\r\n            else {\r\n                setSubscriptionData(data);\r\n                // await splits(data,setDatas);\r\n                // await setpassCustomers(getCustomerDetails);\r\n            }\r\n            // setCustomers(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            // NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    const [noOfUnit, setNoOfUnit] = useState();\r\n\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n\r\n    var saveSubscribe = {\r\n        clientSubscriptionID: subscriptionId,\r\n        enrollmentID: enrollmentId,\r\n        clientID: clientId,\r\n        noofUnit: parseInt(noOfUnit)\r\n    }\r\n\r\n    var unSubscribe = {\r\n        clientSubscriptionID: subscriptionId,\r\n        clientID: clientId\r\n    }\r\n\r\n    useEffect(() => {\r\n        setLoader(true);\r\n        getData();\r\n        setLoader(false);\r\n    }, [])\r\n\r\n    return (\r\n        <>\r\n            <NxLoader state={loader} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"Subscription\" onCloseClick={() => {\r\n                history.push('/partner-board');\r\n            }} />\r\n\r\n            <div className=\"card m-3 mt-0\">\r\n                <div className=\"card-body\">\r\n                    <div className=\"container1 mt-0 nx-subscription-page mb-5\">\r\n                        <div className=\"row\">\r\n                            <div className=\"col-12 col-sm-12 col-md-12 col-lg-7 col-xl-9 mt-2\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-12 col-sm-6 sol-md-4 col-lg-6 col-xl-4 mt-2 subscriptions\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-body\">\r\n                                                <img src={AppStore} width=\"70\" />\r\n                                                <div className=\"apps-store-descriptions\">\r\n                                                    <p className=\"m-0 count text-success\">2</p>\r\n                                                    <p className=\"m-0 title\">Apps Store</p>\r\n                                                    <h6 className=\"descriptions\">No of Apps in store​</h6>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 sol-md-4 col-lg-6 col-xl-4 mt-2 subscriptions\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-body\">\r\n                                                <img src={Subscriptions} width=\"70\" />\r\n                                                <div className=\"apps-store-descriptions\">\r\n                                                    <p className=\"m-0 count text-success\">2 - <span>10</span></p>\r\n                                                    <p className=\"m-0 title\">Subscriptions</p>\r\n                                                    <h6 className=\"descriptions\">Apps subscribed / License Issued​​</h6>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 sol-md-4 col-lg-6 col-xl-4 mt-2 subscriptions\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-body\">\r\n                                                <img src={Assignments} width=\"70\" />\r\n                                                <div className=\"apps-store-descriptions\">\r\n                                                    <p className=\"m-0 count text-success\">2 - <span className=\"text-danger\">10</span></p>\r\n                                                    <p className=\"m-0 title\">Assignments</p>\r\n                                                    <h6 className=\"descriptions\">License Assigned / License Available​​</h6>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n\r\n                                    <div className=\"nexap-subscriptions mt-3\">\r\n                                        <ul>\r\n                                            {filtersubscrption.map((data, index) => {\r\n                                                return <li key={index}>\r\n                                                    <Switch key={data.id} defaultChecked={data.isChecked} onClick={(e) => {\r\n                                                        handleChange(e, index, data.id)\r\n                                                    }} checked={data.isChecked} />\r\n                                                    <label htmlFor=\"all\"> {data.name} </label>\r\n                                                </li>\r\n                                            })}\r\n                                        </ul>\r\n                                    </div>\r\n\r\n                                    <div className=\"nx-card mb-5\">\r\n                                        <div className=\"nx-card-body mt-2 nx-subscription-card\">\r\n                                            <div className=\"row justify-content-start\">\r\n                                                {subscriptionData.map((data, index) => {\r\n                                                    return <div key={index} className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-4 mt-3 nx-subscription-test flip-card\" onClick={() => setHandel(true)}>\r\n                                                        <div className=\"card flip-card-inner\">\r\n                                                            <div className=\"card-front flip-card-front\">\r\n                                                                <div className='card-body'>\r\n                                                                    <div className=\"nx-subscription-img\">\r\n                                                                        <img src={AppStore} width=\"40\" />\r\n                                                                    </div>\r\n\r\n                                                                    <div className=\"nx-subscription-titles\">\r\n                                                                        <label>{data.serviceName}</label>\r\n                                                                        <div className=\"nx-subscription-info\">\r\n                                                                            <p> {data.publisher} </p>\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                </div>\r\n\r\n                                                                <div className=\"nx-subscription-info mt-5 container\">\r\n                                                                    <hr />\r\n                                                                    <div className=\"row\">\r\n                                                                        <div className=\"col-3 col-lg-3 col-sm-3 col-md-3 col-xl-3 text-center\">\r\n                                                                            <label>License</label>\r\n                                                                            <p> {data.totalLicense} </p>\r\n                                                                        </div>\r\n\r\n                                                                        <div className=\"col-3 col-lg-3 col-sm-3 col-md-3 col-xl-3 text-center\">\r\n                                                                            <label>Assigned</label>\r\n                                                                            <p> {data.assigned} </p>\r\n                                                                        </div>\r\n\r\n                                                                        <div className=\"col-3 col-lg-3 col-sm-3 col-md-3 col-xl-3 text-center\">\r\n                                                                            <label>Open</label>\r\n                                                                            <p> {data.unassigned} </p>\r\n                                                                        </div>\r\n\r\n                                                                        <div className=\"col-3 col-lg-3 col-sm-3 col-md-3 col-xl-3 text-center\">\r\n                                                                            <label>Cost</label>\r\n                                                                            <p> {data.castUnit} </p>\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"flip-card-back\">\r\n                                                                <div className=\"nx-card-subscription-details \">\r\n                                                                    <Tabs>\r\n                                                                        <TabPane tab=\"Description\" key=\"1\">\r\n                                                                            <div className=\"subscription-card-body\">\r\n                                                                                {data.description}\r\n                                                                            </div>\r\n                                                                        </TabPane>\r\n                                                                        <TabPane tab=\"About Us\" key=\"2\">\r\n                                                                            <div className=\"subscription-card-body\">\r\n                                                                                <h6> {data.overview} </h6>\r\n                                                                            </div>\r\n                                                                        </TabPane>\r\n                                                                        <TabPane tab=\"Developer\" key=\"3\">\r\n                                                                            <div className=\"subscription-card-body\">\r\n                                                                                {data.publisher}<br />\r\n                                                                                {data.aboutthePublisher}\r\n                                                                            </div>\r\n                                                                        </TabPane>\r\n                                                                    </Tabs>\r\n                                                                    <div className=\"nx-card-subscription-button\">\r\n                                                                        {data.clientSubscriptionID == 0 ?\r\n                                                                            <>\r\n                                                                                <div className=\"row p-3 justify-content-center align-items-center\">\r\n                                                                                    <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-lg-6\">\r\n                                                                                        <input className=\"form-control form-control-sm\" placeholder=\"No of unit\" value={noOfUnit}\r\n                                                                                            onChange={(e) => setNoOfUnit(e.target.value)} />\r\n                                                                                    </div>\r\n                                                                                    <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-lg-6\">\r\n                                                                                        <button className=\"btn btn-primary\" onClick={() => {\r\n                                                                                            ItrApiService.POST({\r\n                                                                                                url: 'EntityPlatform/ClientSubscription/SaveSubscription',\r\n                                                                                                data: saveSubscribe\r\n                                                                                            })\r\n                                                                                        }}>Subscribe</button>\r\n                                                                                    </div>\r\n                                                                                </div>\r\n                                                                            </> :\r\n                                                                            <>\r\n                                                                                <button className=\"btn btn-primary\" onClick={() => {\r\n                                                                                    ItrApiService.POST({\r\n                                                                                        url: 'EntityPlatform/ClientSubscription/SaveUnsubscription',\r\n                                                                                        data: unSubscribe\r\n                                                                                    })\r\n                                                                                }}>Unsubscribe</button>\r\n                                                                                <button className=\"btn btn-primary\">License Details</button>\r\n                                                                            </>\r\n                                                                        }\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                })}\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className=\"col-12 col-sm-12 col-md-12 col-lg-5 col-xl-3 mt-3\">\r\n                                <div className=\"card\">\r\n                                    <h5 className=\"m-4 fw-bold\">Feedback</h5>\r\n                                    <div className=\"card-body\">\r\n                                        <div className=\"apps-store-sort\">\r\n                                            <select className=\"form-select\" placeholder=\"Sort By\">\r\n                                                <option selected hidden>Sory By</option>\r\n                                                <option>Maximum Stars</option>\r\n                                                <option>Minimum Stars</option>\r\n                                            </select>\r\n                                        </div>\r\n\r\n                                        <div className=\"card mt-3\">\r\n                                            <div className=\"card-body apps-store-list d-flex align-items-start\">\r\n                                                <div className=\"apps-list-image\">\r\n                                                    <img src={AppStore} width=\"50\" />\r\n                                                </div>\r\n                                                <div className=\"apps-store-details text-start px-3\">\r\n                                                    <h6>App 01</h6>\r\n                                                    <h6 className=\"mb-0\">3.4</h6>\r\n                                                    <Rate disabled value={3} />\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className=\"card mt-3\">\r\n                                            <div className=\"card-body apps-store-list d-flex align-items-start\">\r\n                                                <div className=\"apps-list-image\">\r\n                                                    <img src={AppStore} width=\"50\" />\r\n                                                </div>\r\n                                                <div className=\"apps-store-details text-start px-3\">\r\n                                                    <h6>App 02</h6>\r\n                                                    <h6 className=\"mb-0\">3.4</h6>\r\n                                                    <Rate disabled value={4} />\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className=\"card mt-3\">\r\n                                            <div className=\"card-body apps-store-list d-flex align-items-start\">\r\n                                                <div className=\"apps-list-image\">\r\n                                                    <img src={AppStore} width=\"50\" />\r\n                                                </div>\r\n                                                <div className=\"apps-store-details text-start px-3\">\r\n                                                    <h6>App 03</h6>\r\n                                                    <h6 className=\"mb-0\">3.4</h6>\r\n                                                    <Rate disabled value={2} />\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n            {/* <NxRightDrawer onClose={() => setHandel(false)} show={handel}  ondrawer1Close={() => { setHandel2(false) }} \r\n            drawerContent={() => <div className=\"qwerty\">\r\n                </div>} \r\n            /> */}\r\n\r\n\r\n\r\n\r\n\r\n\r\n            {/* <div className=\"col-12 col-sm-12 col-md-6 col-lg-4 col-xl-3 mt-3 nx-subscription-test flip-card\">\r\n                            <div className=\"card flip-card-inner\">\r\n                                <div className=\"card-front flip-card-front\">\r\n                                    <div className='card-body'>\r\n                                        <div className=\"nx-subscription-img\">\r\n                                            <img src={userWizard} width=\"40\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"nx-subscription-titles\">\r\n                                            <label>Test App One</label>\r\n                                            <div className=\"nx-subscription-info\">\r\n                                                <p>test Publisher</p>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"nx-subscription-info mt-5 container\">\r\n                                        <hr/>\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-2 col-lg-2 col-sm-2 col-md-2 col-xl-3 text-center\">\r\n                                                <label>License</label>\r\n                                                <p>0</p>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-2 col-lg-2 col-sm-2 col-md-2 col-xl-3 text-center\">\r\n                                                <label>Assigned</label>\r\n                                                <p>0</p>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-2 col-lg-2 col-sm-2 col-md-2 col-xl-3 text-center\">\r\n                                                <label>Open</label>\r\n                                                <p>0</p>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-2 col-lg-2 col-sm-2 col-md-2 col-xl-3 text-center\">\r\n                                                <label>Cost</label>\r\n                                                <p>0</p>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"flip-card-back\">\r\n                                    <div className=\"nx-card-subscription-details \">\r\n                                        <Tabs>\r\n                                            <TabPane tab=\"Description\" key=\"1\">\r\n                                                <div className=\"subscription-card-body\">\r\n                                                    description\r\n                                                </div>\r\n                                            </TabPane>\r\n                                            <TabPane tab=\"About Us\" key=\"2\">\r\n                                                <div className=\"subscription-card-body\">\r\n                                                    About us\r\n                                                </div>\r\n                                            </TabPane>\r\n                                            <TabPane tab=\"Developer\" key=\"3\">\r\n                                                <div className=\"subscription-card-body\">\r\n                                                    developer\r\n                                                </div>\r\n                                            </TabPane>\r\n                                        </Tabs>\r\n                                        <div className=\"nx-card-subscription-button\">\r\n                                            <button className=\"btn btn-primary\">Unsubscribe</button>\r\n                                            <button className=\"btn btn-primary\">License Details</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    \r\n                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-4 col-xl-3 mt-3 nx-subscription-test flip-card\">\r\n                            <div className=\"card flip-card-inner\">\r\n                                <div className=\"card-front flip-card-front\">\r\n                                    <div className='card-body'>\r\n                                        <div className=\"nx-subscription-img\">\r\n                                            <img src={userWizard} width=\"40\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"nx-subscription-titles\">\r\n                                            <label>Test App One</label>\r\n                                            <div className=\"nx-subscription-info\">\r\n                                                <p>test Publisher</p>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"nx-subscription-info mt-5 container\">\r\n                                        <hr/>\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-2 col-lg-2 col-sm-2 col-md-2 col-xl-3 text-center\">\r\n                                                <label>License</label>\r\n                                                <p>0</p>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-2 col-lg-2 col-sm-2 col-md-2 col-xl-3 text-center\">\r\n                                                <label>Assigned</label>\r\n                                                <p>0</p>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-2 col-lg-2 col-sm-2 col-md-2 col-xl-3 text-center\">\r\n                                                <label>Open</label>\r\n                                                <p>0</p>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-2 col-lg-2 col-sm-2 col-md-2 col-xl-3 text-center\">\r\n                                                <label>Cost</label>\r\n                                                <p>0</p>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"flip-card-back\">\r\n                                    <div className=\"nx-card-subscription-details \">\r\n                                        <Tabs>\r\n                                            <TabPane tab=\"Description\" key=\"1\">\r\n                                                <div className=\"subscription-card-body\">\r\n                                                    description\r\n                                                </div>\r\n                                            </TabPane>\r\n                                            <TabPane tab=\"About Us\" key=\"2\">\r\n                                                <div className=\"subscription-card-body\">\r\n                                                    About us\r\n                                                </div>\r\n                                            </TabPane>\r\n                                            <TabPane tab=\"Developer\" key=\"3\">\r\n                                                <div className=\"subscription-card-body\">\r\n                                                    developer\r\n                                                </div>\r\n                                            </TabPane>\r\n                                        </Tabs>\r\n                                        <div className=\"nx-card-subscription-button\">\r\n                                            <button className=\"btn btn-primary\">Unsubscribe</button>\r\n                                            <button className=\"btn btn-primary\">License Details</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-4 col-xl-3 mt-3 nx-subscription-test flip-card\">\r\n                            <div className=\"card flip-card-inner\">\r\n                                <div className=\"card-front flip-card-front\">\r\n                                    <div className='card-body'>\r\n                                        <div className=\"nx-subscription-img\">\r\n                                            <img src={userWizard} width=\"40\" />\r\n                                        </div>\r\n\r\n                                        <div className=\"nx-subscription-titles\">\r\n                                            <label>Test App One</label>\r\n                                            <div className=\"nx-subscription-info\">\r\n                                                <p>test Publisher</p>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"nx-subscription-info mt-5 container\">\r\n                                        <hr/>\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-2 col-lg-2 col-sm-2 col-md-2 col-xl-3 text-center\">\r\n                                                <label>License</label>\r\n                                                <p>0</p>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-2 col-lg-2 col-sm-2 col-md-2 col-xl-3 text-center\">\r\n                                                <label>Assigned</label>\r\n                                                <p>0</p>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-2 col-lg-2 col-sm-2 col-md-2 col-xl-3 text-center\">\r\n                                                <label>Open</label>\r\n                                                <p>0</p>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-2 col-lg-2 col-sm-2 col-md-2 col-xl-3 text-center\">\r\n                                                <label>Cost</label>\r\n                                                <p>0</p>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"flip-card-back\">\r\n                                    <div className=\"nx-card-subscription-details \">\r\n                                        <Tabs>\r\n                                            <TabPane tab=\"Description\" key=\"1\">\r\n                                                <div className=\"subscription-card-body\">\r\n                                                    description\r\n                                                </div>\r\n                                            </TabPane>\r\n                                            <TabPane tab=\"About Us\" key=\"2\">\r\n                                                <div className=\"subscription-card-body\">\r\n                                                    About us\r\n                                                </div>\r\n                                            </TabPane>\r\n                                            <TabPane tab=\"Developer\" key=\"3\">\r\n                                                <div className=\"subscription-card-body\">\r\n                                                    developer\r\n                                                </div>\r\n                                            </TabPane>\r\n                                        </Tabs>\r\n                                        <div className=\"nx-card-subscription-button\">\r\n                                            <button className=\"btn btn-primary\">Unsubscribe</button>\r\n                                            <button className=\"btn btn-primary\">License Details</button>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div> */}\r\n\r\n        </>\r\n    )\r\n}\r\n","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","import React, { useEffect, useState } from 'react';\r\nimport './userAudit.css';\r\nimport { NxGridList, NxTitleTab, NxFooter, NxLoader } from '@afiplfeed/itr-app';\r\nimport Headers from '../../../../Screens/Headers/Headers';\r\nimport { useHistory } from 'react-router';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport moment from 'moment'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faEye } from '@fortawesome/free-solid-svg-icons';\r\nimport { NotificationManager } from \"react-notifications\";\r\nexport default function userAudit() {\r\n    let history = useHistory();\r\n    useEffect(() => {\r\n        setLoader(true);\r\n        ItrApiService.GET({ data: {}, url: 'Platform/Configuration/LogAnalytics/UserAudit' }).then(res => {\r\n            setLoader(false)\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        splits(res.result.data, setData);\r\n                    }\r\n                } else {\r\n                    NotificationManager.error(res.result.message);\r\n                }\r\n            } else {\r\n                NotificationManager.error(res.message);\r\n            }\r\n        })\r\n    }, []);\r\n\r\n    const splits = async (dests, setDatas) => {\r\n        let arr = [];\r\n        for (let value of dests) {\r\n            let data = [\r\n                value.entityName || '',\r\n                value.displayName || '-',\r\n                value.emailAddress || '-',\r\n                value.firstLogin ? moment(value.firstLogin).format('MMM Do YYYY') : '-',\r\n                value.lastLogin ? moment(value.lastLogin).format('MMM Do YYYY') : '-',\r\n                value.isEnable2FA == true ? 'Active' : 'Not Set',\r\n                value.minDuration || '-',\r\n                value.maxDuration || '-',\r\n                value.maxDuration || '-',\r\n                value.lastSession || '-',\r\n                <div>\r\n                    <FontAwesomeIcon icon={faEye} onClick={() => {\r\n                        history.push({\r\n                            pathname: '/access-log',\r\n                            state: {\r\n                                userCode: value.userCode\r\n                            }\r\n                        })\r\n                    }} />\r\n                </div>,\r\n            ];\r\n            let obj = { sendItem: value, data: data };\r\n            arr = [...arr, obj]\r\n        }\r\n        setDatas(arr);\r\n    }\r\n\r\n    const [data, setData] = useState([]);\r\n    const [loader, setLoader] = useState(false);\r\n\r\n\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxLoader state={loader} />\r\n            <NxTitleTab className=\"title-tab\" title='User Audit' onCloseClick={() => history.goBack()} />\r\n            <div className=\"mt-0 audit-main\">\r\n                <NxGridList\r\n                    enableSearch={true}\r\n                    autoSearch={true}\r\n                    enableAutoPagination={true}\r\n                    showShowing={true}\r\n                    header={[\r\n                        {\r\n                            name: 'Customer Name',\r\n                            sort: true,\r\n                            search: true,\r\n                        },\r\n                        {\r\n                            name: 'First Name',\r\n                            sort: true,\r\n                            search: true,\r\n                        },\r\n                        {\r\n                            name: 'Email/Username',\r\n                            search: true,\r\n                        },\r\n                        {\r\n                            name: 'First Login',\r\n                            sort: true,\r\n                        },\r\n                        {\r\n                            name: 'Last Login',\r\n                            sort: true,\r\n                        },\r\n                        {\r\n                            name: '2FA Enabled',\r\n                            sort: true,\r\n                        },\r\n                        {\r\n                            name: 'Min Duration',\r\n                            sort: true\r\n                        },\r\n                        {\r\n                            name: 'Max Duration',\r\n                            sort: true,\r\n                        },\r\n                        {\r\n                            name: 'Avg Duration',\r\n                            sort: true,\r\n                        },\r\n                        {\r\n                            name: 'Last Session',\r\n                            sort: true,\r\n                        },\r\n                        {\r\n                            name: 'Action'\r\n                        }\r\n\r\n                    ]}\r\n                    data={data}\r\n\r\n                />\r\n            </div>\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport './accessLog.css';\r\nimport Headers from '../../../../Screens/Headers/Headers';\r\nimport { NxTitleTab, NxGridList, NxFooter, NxLoader } from '@afiplfeed/itr-app';\r\nimport { useHistory, useLocation } from 'react-router';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport moment from 'moment';\r\nimport { NotificationManager } from \"react-notifications\";\r\nexport default function AccessLog() {\r\n    let history = useHistory();\r\n    let location = useLocation();\r\n    const [loader, setLoader] = useState(false);\r\n    useEffect(() => {\r\n        setLoader(true);\r\n        ItrAuthService.GetUserInfo().then(result => {\r\n            if (result.Success == true) {\r\n                ItrApiService.GET({ url: `Platform/Configuration/LogAnalytics/UserAccessLog/${location.state.userCode || result.result.userCode}` }).then(res => {\r\n                    setLoader(false);\r\n                    if (res.Success == true) {\r\n                        if (res.result.isSuccess == true) {\r\n                            if (res.result.data) {\r\n                                splits(res.result.data, setData);\r\n                            }\r\n                        } else {\r\n                            NotificationManager.error(res.result.message);\r\n                        }\r\n                    } else {\r\n                        NotificationManager.error(res.message);\r\n                    }\r\n                })\r\n            } else {\r\n                NotificationManager.error(res.message);\r\n            }\r\n        })\r\n    }, []);\r\n\r\n    const splits = async (dests, setDatas) => {\r\n        let arr = [];\r\n        for (let value of dests) {\r\n            let data = [value.loginDate ? moment(value.loginDate).format('MMM Do YYYY') : '-', value.totalSessionDuration || '-', value.sessionsLogin || '-'];\r\n            let obj = { sendItem: value, data: data };\r\n            arr = [...arr, obj]\r\n        }\r\n        setDatas(arr);\r\n    }\r\n\r\n    const [data, setData] = useState([])\r\n    return (\r\n        <div>\r\n            <NxLoader state={loader} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title='Access Log' onCloseClick={() => history.goBack()} />\r\n            <div className=\"mt-0 access-main\">\r\n                <NxGridList\r\n                    enableSearch={true}\r\n                    autoSearch={true}\r\n                    enableAutoPagination={true}\r\n                    showShowing={true}\r\n                    header={[\r\n                        {\r\n                            name: 'Login Date',\r\n                            sort: true\r\n                        },\r\n                        {\r\n                            name: 'Total Session Duration',\r\n                        },\r\n                        {\r\n                            name: '#Sessions / Login',\r\n                            search: true\r\n                        }\r\n                    ]}\r\n                    data={data}\r\n                />\r\n            </div>\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport './deviceManagement.css';\r\nimport Headers from '../../../../Screens/Headers/Headers';\r\nimport { NxTitleTab, NxGridList, NxFooter, NxLoader } from '@afiplfeed/itr-app';\r\nimport { useHistory } from 'react-router';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { NotificationManager } from \"react-notifications\";\r\nexport default function DeviceManagement() {\r\n    let history = useHistory();\r\n    useEffect(() => {\r\n        setLoader(true)\r\n        ItrApiService.GET({ url: 'Platform/Configuration/LogAnalytics/UsersDeviceLog' }).then(res => {\r\n            setLoader(false)\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        splits(res.result.data, setData);\r\n                    }\r\n                } else {\r\n                    NotificationManager.error(res.result.message);\r\n                }\r\n            } else {\r\n                NotificationManager.error(res.message);\r\n            }\r\n        })\r\n    }, []);\r\n\r\n\r\n    const splits = async (dests, setDatas) => {\r\n        let arr = [];\r\n        for (let value of dests) {\r\n            let data = [value.entityName || '', value.displayName, value.emailAddress || value.userName, value.deviceName || '-', value.deviceType || '-', value.macid || '-', value.operatingSys || '-', value.browser || '-', value.status || '-'];\r\n            let obj = { sendItem: value, data: data };\r\n            arr = [...arr, obj]\r\n        }\r\n        setDatas(arr);\r\n    }\r\n\r\n    const [data, setData] = useState([]);\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={loader} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title='Device Management' onCloseClick={() => history.goBack()} />\r\n            <div className=\"mt-0 device-main\">\r\n                <NxGridList\r\n                    enableSearch={true}\r\n                    autoSearch={true}\r\n                    enableAutoPagination={true}\r\n                    showShowing={true}\r\n                    header={[\r\n                        {\r\n                            name: 'Customer Name',\r\n                            search: true,\r\n                            sort: true\r\n                        },\r\n                        {\r\n                            name: 'Display Name',\r\n                            search: true,\r\n                            sort: true\r\n                        },\r\n                        {\r\n                            name: 'Email / Username',\r\n                            search: true\r\n                        },\r\n                        {\r\n                            name: 'Device Name',\r\n                            search: true\r\n                        },\r\n                        {\r\n                            name: 'Device Type',\r\n                            sort: true\r\n                        },\r\n                        {\r\n                            name: 'MAC ID',\r\n                        },\r\n                        {\r\n                            name: 'Operating Sys',\r\n                            sort: true,\r\n                            search: true\r\n                        },\r\n                        {\r\n                            name: 'Browser',\r\n                        },\r\n                        {\r\n                            name: 'Status',\r\n                        },\r\n                    ]}\r\n                    data={data}\r\n                />\r\n            </div>\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useHistory } from 'react-router';\r\nimport './emailSetup.css';\r\nimport { NxLoader, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from '../../../../Screens/Headers/Headers';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\n\r\nexport default function EmailSetup() {\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n    // sms-gate-way\r\n    // create-email-setup\r\n    const createEmailSetup = async () => {\r\n        setLoading(true);\r\n        let res = await ItrApiService.POST({\r\n            url: 'Platform/Configuration/Email',\r\n            data: emailInfo\r\n        });\r\n        setLoading(false);\r\n    }\r\n\r\n    // Email-setup\r\n    const [emailInfo, setEmailInfo] = useState({\r\n        emailID: 0,\r\n        mail: \"\",\r\n        password: \"\",\r\n        host: \"\",\r\n        port: '',\r\n        type: \"\"\r\n    });\r\n\r\n    const getEmailSetup = async () => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/Configuration/Email',\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getEmailDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setEmailInfo(getEmailDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        getEmailSetup();\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <div className=\"card mt-0 email-setup-form mx-0\">\r\n                <div className=\"card-body\">\r\n\r\n                    <div className=\"container-form mb-5\">\r\n                        <div className=\"row\">\r\n                            <h6>Authenticate your email directly with the email service provider, and send mail using SMTP AUTH Client Submission</h6>\r\n                            {/* <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\"> */}\r\n                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-5\">\r\n                                <label htmlFor=\"email\">Email</label>\r\n                                <input className=\"form-control mt-1\" id=\"email\" type=\"text\"\r\n                                    value={emailInfo.mail}\r\n                                    onChange={(e) => setEmailInfo({ ...emailInfo, mail: e.target.value })} />\r\n                            </div>\r\n\r\n                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-5\">\r\n                                <label htmlFor=\"password\">Password</label>\r\n                                <input className=\"form-control mt-1\" id=\"password\" type=\"password\"\r\n                                    value={emailInfo.password} onChange={(e) => setEmailInfo({ ...emailInfo, password: e.target.value })} />\r\n                            </div>\r\n\r\n                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-5\">\r\n                                <label htmlFor=\"serverhost\">Server/smart host</label>\r\n                                <input className=\"form-control mt-1\" id=\"serverhost\" type=\"text\"\r\n                                    value={emailInfo.host}\r\n                                    onChange={(e) => setEmailInfo({ ...emailInfo, host: e.target.value })} />\r\n                                <label className=\"text-secondary example-title\">Eg. smtp.office365.com</label>\r\n                            </div>\r\n\r\n                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-5\">\r\n                                <label htmlFor=\"port\">Port</label>\r\n                                <input className=\"form-control mt-1\" id=\"port\" type=\"number\"\r\n                                    value={emailInfo.port} onChange={(e) => { setEmailInfo({ ...emailInfo, port: parseInt(e.target.value) }); }} />\r\n                                <label className=\"text-secondary example-title\">Eg. Port 587 (recommended) or port 25</label>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"form-button nx-enquiry-buttons mt-3 mb-5\">\r\n                            <button className=\"btn btn-primary buttons\" onClick={createEmailSetup}> Save</button>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport './smsGateway.css'\r\nimport { useHistory } from 'react-router';\r\nimport { NxTitleTab, NxLoader, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from '../../../../Screens/Headers/Headers';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport AuthKeyImage from '../../../../assets/Authkey.png';\r\nimport { message } from 'antd';\r\nimport { NotificationManager } from 'react-notifications';\r\n\r\nexport default function SmsGateway() {\r\n    let history = useHistory();\r\n\r\n    const [loading, setLoading] = useState(false);\r\n    // sms-gate-way\r\n    const [gateway, setGateway] = useState({});\r\n\r\n    const [gatewayData, setGatewayData] = useState({\r\n        smsGatewayID: 0,\r\n        url: \"https://www.fast2sms.com/dev/bulkV2\",\r\n        apiKey: \"\"\r\n    });\r\n\r\n    // save-api\r\n    const saveSmsGateway = async () => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.POST({\r\n            url: 'Platform/Configuration/SMSGateway',\r\n            data: gatewayData\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            NotificationManager.success(result.message);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.message);\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n    const getSmsGateway = async () => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/Configuration/SMSGateway',\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getGatewayDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setGateway(getGatewayDetails);\r\n                setGatewayData(getGatewayDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        getSmsGateway();\r\n    }, [])\r\n    return (\r\n        <div>\r\n            {/* <Headers /> */}\r\n            <NxLoader state={loading} />\r\n            {/* <NxTitleTab className=\"title-tab\" title='SMS Gateway' onCloseClick={() => history.push('/configuration')} /> */}\r\n\r\n            <div className=\"card mt-0 sms-gateway-main mx-0\">\r\n                <div className=\"card-body\">\r\n                    <div className=\"container-form mb-5\">\r\n                        <div>\r\n                            <div className=\"row mt-4\">\r\n                                <h6>SMS Gateway API to send DLT Approved Mobile Verification Code for 2-Factor Authentication & Notifications. Contact software administrator for API End-Points & Notification Options.</h6>\r\n                                <div className=\"col-12 col-sm-4 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label>SMS Service Provider</label>\r\n                                    <select className=\"form-select form-select-sm\"\r\n                                        value={gatewayData?.url}\r\n                                        onChange={(e) => setGatewayData({ ...gatewayData, url: e.target.value })}\r\n                                    >\r\n                                        <option value=\"\"> Select SMS Service</option>\r\n                                        <option value=\"https://www.fast2sms.com/dev/bulkV2\" selected>Fast2SMS (Recommended)</option>\r\n                                        <option >Text Local</option>\r\n                                        <option >2Factor</option>\r\n                                        <option >TextGuru</option>\r\n                                        <option >Exotel</option>\r\n                                        <option >Knowlarity</option>\r\n                                    </select>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                    {/* <label htmlFor=\"Organization\"> User Name</label>\r\n                                        <input className=\"form-control mt-1\" id=\"Organization\" type=\"text\" /> */}\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label htmlFor=\"Organization\">API Authorization Key</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\"\r\n                                        value={gatewayData?.apiKey}\r\n                                        onChange={(e) => setGatewayData({ ...gatewayData, apiKey: e.target.value })}\r\n                                        type=\"text\" />\r\n                                </div>\r\n\r\n                                {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <label htmlFor=\"Organization\">Url</label>\r\n                                        <input className=\"form-control mt-1\" id=\"Organization\" type=\"text\" value={gateway?.url} />\r\n                                    </div> */}\r\n                            </div>\r\n\r\n                            <div className=\"form-button nx-enquiry-buttons mt-3 mb-5\">\r\n                                <button className=\"btn btn-primary buttons\"\r\n                                    onClick={() => saveSmsGateway()}\r\n                                >Save</button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","var _path;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgStar(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 24,\n    height: 24,\n    xmlns: \"http://www.w3.org/2000/svg\",\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M15.668 8.626l8.332 1.159-6.065 5.874 1.48 8.341-7.416-3.997-7.416 3.997 1.481-8.341-6.064-5.874 8.331-1.159 3.668-7.626 3.669 7.626zm-6.67.925l-6.818.948 4.963 4.807-1.212 6.825 6.068-3.271 6.069 3.271-1.212-6.826 4.964-4.806-6.819-.948-3.002-6.241-3.001 6.241z\"\n  })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgStar);\nexport default __webpack_public_path__ + \"static/media/Star.01d29b3d.svg\";\nexport { ForwardRef as ReactComponent };","var _path;\n\nvar _excluded = [\"title\", \"titleId\"];\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport * as React from \"react\";\n\nfunction SvgStarFill(_ref, svgRef) {\n  var title = _ref.title,\n      titleId = _ref.titleId,\n      props = _objectWithoutProperties(_ref, _excluded);\n\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    width: 24,\n    height: 24,\n    color: \"blue\",\n    viewBox: \"0 0 24 24\",\n    ref: svgRef,\n    \"aria-labelledby\": titleId\n  }, props), title ? /*#__PURE__*/React.createElement(\"title\", {\n    id: titleId\n  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M12 .587l3.668 7.568 8.332 1.151-6.064 5.828 1.48 8.279-7.416-3.967-7.417 3.967 1.481-8.279-6.064-5.828 8.332-1.151z\"\n  })));\n}\n\nvar ForwardRef = /*#__PURE__*/React.forwardRef(SvgStarFill);\nexport default __webpack_public_path__ + \"static/media/StarFill.c44ed85f.svg\";\nexport { ForwardRef as ReactComponent };","import React, { useEffect, useState } from 'react';\r\nimport { Modal, Button } from 'antd';\r\nimport './ChangePassword.scss';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui'\r\nimport { NxLoader } from '@afiplfeed/itr-app';\r\nimport { NotificationManager } from \"react-notifications\";\r\nconst ChangePassword = ({ getProfileDetails, isModalVisible, handleOk, handleCancel }) => {\r\n    const [step, setStep] = useState(1);\r\n    const [currentPassword, setCurrentPassword] = useState('');\r\n    const [confirmPassword, setConfirmPassword] = useState('');\r\n    const [newPassword, setNewPassword] = useState('');\r\n    const [userName, setUserName] = useState('');\r\n    const [userCode, setUserCode] = useState('');\r\n    const [loader, setLoader] = useState(false)\r\n\r\n    useEffect(() => {\r\n        ItrAuthService.GetUserInfo().then(res => {\r\n            if (res.Success == true) {\r\n                setUserName(res.result.userName);\r\n                setUserCode(res.result.userCode)\r\n            }\r\n        })\r\n    }, [])\r\n\r\n    return (\r\n        <>\r\n            <NxLoader state={loader} />\r\n            <Modal\r\n                footer={false}\r\n                visible={isModalVisible}\r\n                onOk={handleOk}\r\n                onCancel={handleCancel}\r\n            >\r\n                <div className=\"ChangePasswordModal\">\r\n                    <div className=\"header\">\r\n                        <h4>\r\n                            Change Password\r\n                        </h4>\r\n                    </div>\r\n                    <div>\r\n                        <div className=\"feilds\">\r\n                            <div style={{ width: '100%' }}>\r\n                                <label>Old Password</label>\r\n                                <input style={{ width: \"95%\" }} type='password' className='form-control' value={currentPassword} onChange={(e) => {\r\n                                    setCurrentPassword(e.target.value);\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div style={{ width: '100%' }}>\r\n                                <label>New Password</label>\r\n                                <input style={{ width: \"95%\" }} type='password' className='form-control' value={newPassword} onChange={(e) => {\r\n                                    setNewPassword(e.target.value);\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div style={{ width: '100%' }}>\r\n                                <label>Confirm Password</label>\r\n                                <input style={{ width: \"95%\" }} type='password' className='form-control' value={confirmPassword} onChange={(e) => {\r\n                                    setConfirmPassword(e.target.value);\r\n                                }} />\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"bottom\">\r\n                            {/* <p>Adshares will use this password for furture authentication</p> */}\r\n                        </div>\r\n                    </div>\r\n                    <div className=\"footer-profile-tab\">\r\n                        <button className='btn'\r\n                            onClick={() => handleCancel()}\r\n                        >\r\n                            Close\r\n                        </button>\r\n                        <button className='btn btn-primary'\r\n                            onClick={() => {\r\n                                if (confirmPassword == newPassword) {\r\n                                    setLoader(true);\r\n                                    ItrApiService.POST({\r\n                                        data: {\r\n                                            userCode: userCode,\r\n                                            userName: userName,\r\n                                            password: newPassword,\r\n                                            currentPassword: currentPassword,\r\n                                            loginType: \"\"\r\n                                        },\r\n                                        url: 'PAM/ChangePassword'\r\n                                    }).then(res => {\r\n                                        if (res.Success == true) {\r\n                                            if (res.result.isSuccess == true) {\r\n                                                setLoader(false);\r\n                                                handleOk();\r\n                                                setNewPassword('');\r\n                                                setConfirmPassword('');\r\n                                                setCurrentPassword('');\r\n                                                getProfileDetails();\r\n                                                NotificationManager.success('Password Changed Successfully');\r\n                                            }\r\n                                            else {\r\n                                                NotificationManager.error(res.result.message);\r\n                                                setLoader(false);\r\n                                            }\r\n                                        }\r\n                                        else {\r\n                                            NotificationManager.error(res.result.message);\r\n                                            setLoader(false);\r\n                                            // handleOk();\r\n                                        }\r\n                                    })\r\n                                } else {\r\n                                    setLoader(false);\r\n                                    NotificationManager.error('Password Missmatches!');\r\n                                }\r\n                            }}\r\n                        >\r\n                            Change\r\n                        </button>\r\n\r\n                    </div>\r\n                </div>\r\n            </Modal>\r\n        </>\r\n    );\r\n};\r\n\r\n\r\nexport default ChangePassword","import React, { useState, useEffect } from 'react';\r\nimport { Modal, Button } from 'antd';\r\nimport './TwoFactor.scss';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faCircle, faCheckCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport OtpInput from 'react-otp-input';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport { NxLoader } from '@afiplfeed/itr-app';\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\nconst TwoFactor = ({ getProfileDetails, profileDetails, isModalVisible, handleOk, handleCancel }) => {\r\n    const [step, setStep] = useState(1);\r\n    const [number, setNumber] = useState('');\r\n    const [otp, setOtp] = useState('');\r\n    const [userCode, setUserCode] = useState('');\r\n    const [userName, setUserName] = useState('');\r\n    const [phone, setPhone] = useState('');\r\n\r\n    useEffect(() => {\r\n        setPhone(profileDetails)\r\n        ItrAuthService.GetUserInfo().then(res => {\r\n            if (res.Success == true) {\r\n                let getUserDetails = res.result;\r\n                setUserCode(getUserDetails.userCode);\r\n                setUserName(getUserDetails.userName);\r\n            }\r\n            else if (res.Success == false) {\r\n                NotificationManager.error(res.message);\r\n                // sessionStorage.clear();\r\n            }\r\n        });\r\n    }, [profileDetails])\r\n    const nextStep = () => {\r\n        if (step < 2) {\r\n            // Api\r\n            setStep(step + 1)\r\n        }\r\n        else {\r\n            setStep(1);\r\n            // Api\r\n            handleOk();\r\n        }\r\n    }\r\n    const prevStep = () => {\r\n        if (step > 1) {\r\n            setStep(step - 1)\r\n        }\r\n    }\r\n\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    return (\r\n        <>\r\n            <NxLoader state={loader} />\r\n            <Modal\r\n                footer={false}\r\n                visible={isModalVisible}\r\n                onOk={handleOk}\r\n                onCancel={handleCancel}\r\n            >\r\n                <div className=\"twoFactorModal\">\r\n                    <div className=\"header\">\r\n                        <h4>\r\n                            2 Step Authentication\r\n                        </h4>\r\n                        <p>You will need your Password and a Phone Verification code to setup 2-Factor Authentication\r\n\r\n                        </p>\r\n                    </div>\r\n                    <div className=\"steps\">\r\n\r\n                        <div>\r\n                            <FontAwesomeIcon icon={faCircle} style={{ color: \"green\", display: step != 1 && \"none\" }} />\r\n                            <FontAwesomeIcon icon={faCheckCircle} style={{ color: \"green\", display: step == 1 && \"none\" }} />\r\n                            Phone Number\r\n                        </div>\r\n                        <div>\r\n                            <FontAwesomeIcon icon={faCircle} style={{ color: step == 1 ? \"grey\" : \"green\" }} />\r\n                            Confirm\r\n                        </div>\r\n                    </div>\r\n                    {step == 1 &&\r\n                        <div>\r\n                            <div className=\"content\">\r\n                                <p>\r\n                                    <span>\r\n                                        Let's set up you phone!\r\n                                    </span>\r\n                                    <br />\r\n                                </p>\r\n                            </div>\r\n                            <div className=\"feilds\">\r\n                                <div>\r\n                                    <label > Country </label>\r\n                                    <select className>\r\n                                        <option>India</option>\r\n                                    </select>\r\n                                    {/* <select className=\"form-select form-select-sm\">\r\n                                        <option value=\"India\">India</option>\r\n                                    </select> */}\r\n                                </div>\r\n                                <div>\r\n                                    <label>Phone Number</label>\r\n                                    <input type='tel' value={number} className='form-control' onChange={(e) => {\r\n                                        setNumber(e.target.value);\r\n                                    }} />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"bottom\">\r\n                                <p>Your Phone number will be used for account security purpose only!</p>\r\n                            </div>\r\n                        </div>\r\n                    }\r\n                    {step == 2 &&\r\n                        <div>\r\n                            <div className=\"content\">\r\n                                <p>\r\n                                    <span>\r\n                                        Confirm that it works!\r\n                                    </span>\r\n                                    <br />\r\n                                    Please enter the Phone Verification Code sent to your mobile number.\r\n                                    <br />\r\n                                </p>\r\n                            </div>\r\n                            <div className=\"feilds2\" style={{ display: 'flex', justifyContent: 'center' }}>\r\n                                <div>\r\n                                    <label>Enter the code</label>\r\n                                    {/* <input type='number' /> */}\r\n                                    <OtpInput\r\n                                        containerStyle={{}}\r\n                                        value={otp}\r\n                                        onChange={(ot) => { setOtp(ot) }}\r\n                                        numInputs={6}\r\n                                        separator={<span> - </span>}\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"bottom\">\r\n                                <p>Did not get the code Resend Now</p>\r\n                            </div>\r\n                        </div>\r\n                    }\r\n                    <div className=\"footer-profile-tab\">\r\n                        <button className='btn'\r\n                            onClick={() => {\r\n                                if (step == 1) {\r\n                                    handleCancel();\r\n                                    setStep(1)\r\n                                    setNumber('');\r\n                                    setOtp('');\r\n                                } else {\r\n                                    prevStep()\r\n                                }\r\n                            }}\r\n                        >\r\n                            {step == 1 ? \"Close\" : \"Back\"}\r\n                        </button>\r\n\r\n                        <button\r\n                            disabled={loader}\r\n                            className='btn btn-primary'\r\n                            onClick={() => {\r\n                                if (phone.phoneNumber == number) {\r\n                                    if (step == 1) {\r\n                                        setLoader(true)\r\n                                        ItrApiService.POST({\r\n                                            url: 'PAM/SendSMSVerification',\r\n                                            data: {\r\n                                                userCode,\r\n                                                userName,\r\n                                                phonenumbers: number.toString()\r\n                                            }\r\n                                        }).then(res => {\r\n                                            setLoader(false)\r\n                                            if (res.Success == true) {\r\n                                                if (res.result.isSuccess == true) {\r\n                                                    nextStep()\r\n                                                } else {\r\n                                                    NotificationManager.error(res.result.message)\r\n                                                }\r\n                                            } else {\r\n                                                NotificationManager.error(res.message)\r\n                                            }\r\n                                        })\r\n                                    } else {\r\n                                        setLoader(true)\r\n                                        ItrApiService.POST({\r\n                                            url: 'PAM/Enable2FA',\r\n                                            data: {\r\n                                                userCode,\r\n                                                userName,\r\n                                                phonenumbers: number,\r\n                                                otpKey: otp,\r\n                                                isEnable2FA: phone.portalAccess.isEnable2FA == true ? false : true\r\n                                            }\r\n                                        }).then(res => {\r\n                                            setLoader(false)\r\n                                            if (res.Success == true) {\r\n                                                if (res.result.isSuccess == true) {\r\n                                                    handleOk();\r\n                                                    setStep(1)\r\n                                                    setNumber('');\r\n                                                    setOtp('');\r\n                                                    getProfileDetails()\r\n                                                    NotificationManager.success(res.result.message)\r\n\r\n                                                } else {\r\n                                                    NotificationManager.error(res.result.message)\r\n                                                }\r\n                                            } else {\r\n                                                NotificationManager.error(res.message)\r\n                                            }\r\n                                        })\r\n                                    }\r\n\r\n                                }\r\n                                else {\r\n                                    NotificationManager.error('Invalid Mobile Number')\r\n                                }\r\n                            }}\r\n                        >\r\n                            {step == 1 ? \"Continue\" : phone.portalAccess.isEnable2FA == true ? \"Turn Off\" : \"Turn On\"}\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </Modal>\r\n        </>\r\n    );\r\n};\r\n\r\n\r\nexport default TwoFactor","import React, { useState, useEffect } from 'react';\r\nimport { Modal, Button } from 'antd';\r\nimport './AdminPinGenerator.scss';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faCircle, faCheckCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport OtpInput from 'react-otp-input';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport { NxLoader } from '@afiplfeed/itr-app';\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\n\r\nconst AdminPinGenerator = ({ getProfileDetails, profileDetails, isModalVisible, handleOk, handleCancel, changer }) => {\r\n    const [step, setStep] = useState(1);\r\n    const [number, setNumber] = useState('+91 ');\r\n    const [otp, setOtp] = useState('');\r\n    const [pin, setPin] = useState('');\r\n    const [userCode, setUserCode] = useState('');\r\n    const [userName, setUserName] = useState('');\r\n    useEffect(() => {\r\n        ItrAuthService.GetUserInfo().then(res => {\r\n            if (res.Success == true) {\r\n                let getUserDetails = res.result;\r\n                setUserCode(getUserDetails.userCode);\r\n                setUserName(getUserDetails.userName);\r\n            }\r\n            else if (res.Success == false) {\r\n                NotificationManager.error(res.message);\r\n                // sessionStorage.clear();\r\n            }\r\n        })\r\n    }, []);\r\n\r\n    const [phone, setPhone] = useState('');\r\n    useEffect(() => {\r\n        setOtp('');\r\n        setPin('');\r\n        setStep(1);\r\n        setPhone(profileDetails)\r\n    }, [changer])\r\n    const nextStep = () => {\r\n        if (step < 2) {\r\n            // Api\r\n            setStep(step + 1)\r\n        }\r\n        else {\r\n            setStep(1);\r\n            // Api\r\n            handleOk();\r\n        }\r\n    }\r\n    const prevStep = () => {\r\n        if (step > 1) {\r\n            setStep(step - 1)\r\n        }\r\n    }\r\n\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    return (\r\n        <>\r\n            <NxLoader state={loader} />\r\n            <Modal\r\n                footer={false}\r\n                visible={isModalVisible}\r\n                onOk={handleOk}\r\n                onCancel={handleCancel}\r\n            >\r\n                <div className=\"twoFactorModal\">\r\n                    <div className=\"header\">\r\n                        <h4>\r\n                            Set up Admin Pin\r\n                        </h4>\r\n                        <p>You will need your Password and a Phone Verification code to setup Admin Pin\r\n\r\n                        </p>\r\n                    </div>\r\n                    <div className=\"steps\">\r\n\r\n                        <div>\r\n                            <FontAwesomeIcon icon={faCircle} style={{ color: \"green\", display: step != 1 && \"none\" }} />\r\n                            <FontAwesomeIcon icon={faCheckCircle} style={{ color: \"green\", display: step == 1 && \"none\" }} />\r\n                            Admin Pin\r\n                        </div>\r\n                        <div>\r\n                            <FontAwesomeIcon icon={faCircle} style={{ color: step == 1 ? \"grey\" : \"green\" }} />\r\n                            Confirm\r\n                        </div>\r\n                    </div>\r\n                    {step == 1 &&\r\n                        <div>\r\n                            <div className=\"content\">\r\n                                <p>\r\n                                    <span>\r\n                                        Enter The Admin Pin to Set\r\n                                    </span>\r\n                                </p>\r\n                            </div>\r\n                            <div className=\"feilds2\" style={{ display: 'flex', justifyContent: 'center' }}>\r\n                                <div>\r\n                                    <label>Enter the Pin</label>\r\n                                    {/* <input type='number' /> */}\r\n                                    <OtpInput\r\n                                        containerStyle={{}}\r\n                                        value={pin}\r\n                                        onChange={(ot) => { setPin(ot) }}\r\n                                        numInputs={6}\r\n                                        separator={<span> - </span>}\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                            {/* <div className=\"bottom\">\r\n                                <p>Did not get the code Resend Now</p>\r\n                            </div> */}\r\n                        </div>\r\n                    }\r\n                    {step == 2 &&\r\n                        <div>\r\n                            <div className=\"content\">\r\n                                <p>\r\n                                    <span>\r\n                                        Confirm that it works!\r\n                                    </span>\r\n                                    <br />\r\n                                    Please enter the Phone Verification Code sent to your mobile number.\r\n                                    <br />\r\n                                </p>\r\n                            </div>\r\n                            <div className=\"feilds2\" style={{ display: 'flex', justifyContent: 'center' }}>\r\n                                <div>\r\n                                    <label>Enter the code</label>\r\n                                    {/* <input type='number' /> */}\r\n                                    <OtpInput\r\n                                        containerStyle={{}}\r\n                                        value={otp}\r\n                                        onChange={(ot) => { setOtp(ot) }}\r\n                                        numInputs={6}\r\n                                        separator={<span> - </span>}\r\n                                    />\r\n                                </div>\r\n                            </div>\r\n                            <div className=\"bottom\">\r\n                                <p>Did not get the code Resend Now</p>\r\n                            </div>\r\n                        </div>\r\n                    }\r\n                    <div className=\"footer-profile-tab\">\r\n                        <button className='btn'\r\n                            onClick={() => {\r\n                                if (step == 1) {\r\n                                    handleCancel()\r\n                                } else {\r\n                                    prevStep()\r\n                                }\r\n                            }}\r\n                        >\r\n                            {step == 1 ? \"Close\" : \"Back\"}\r\n                        </button>\r\n\r\n                        <button\r\n                            className='btn btn-primary'\r\n                            onClick={() => {\r\n                                if (step == 1) {\r\n                                    // setLoader(true)\r\n                                    // ItrApiService.POST({\r\n                                    //     url: 'PAM/SendSMSVerification',\r\n                                    //     data: {\r\n                                    //         userCode,\r\n                                    //         userName,\r\n                                    //         phonenumbers: number.toString()\r\n                                    //     }\r\n                                    // }).then(res => {\r\n                                    //     setLoader(false)\r\n                                    //     if (res.Success == true) {\r\n                                    //         if (res.result.isSuccess == true) {\r\n                                    //             nextStep()\r\n                                    //         } else {\r\n                                    //             NotificationManager.error(res.result.message)\r\n                                    //         }\r\n                                    //     } else {\r\n                                    //         NotificationManager.error(res.message)\r\n                                    //     }\r\n                                    // })\r\n                                    nextStep()\r\n                                } else {\r\n                                    ItrApiService.POST({\r\n                                        url: 'PAM/SetAdminPin',\r\n                                        data: {\r\n                                            userCode,\r\n                                            userName,\r\n                                            phonenumbers: profileDetails.phoneNumber,\r\n                                            otpKey: otp,\r\n                                            isEnable2FA: true,\r\n                                            adminPin: pin\r\n                                        }\r\n                                    }).then(res => {\r\n                                        setLoader(false)\r\n                                        if (res.Success == true) {\r\n                                            if (res.result.isSuccess == true) {\r\n                                                handleOk();\r\n                                                getProfileDetails();\r\n                                                setOtp('');\r\n\r\n                                                NotificationManager.success(res.result.message)\r\n                                            } else {\r\n                                                NotificationManager.error(res.result.message)\r\n                                            }\r\n                                        } else {\r\n                                            NotificationManager.error(res.message)\r\n                                        }\r\n                                    })\r\n                                    handleOk();\r\n                                }\r\n                            }}\r\n                        >\r\n                            {step == 1 ? \"Continue\" : \"Turn On\"}\r\n                        </button>\r\n                    </div>\r\n                </div>\r\n            </Modal>\r\n        </>\r\n    );\r\n};\r\n\r\n\r\nexport default AdminPinGenerator","import { faInfo, faInfoCircle, faStar } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { NxHeader, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport React, { useEffect, useState, useRef } from 'react';\r\nimport Headers from '../Headers/Headers';\r\nimport './Profile.css'\r\nimport AvtImg from '../../assets/profile.png';\r\nimport { ReactComponent as Star } from '../../assets/Star.svg';\r\nimport { ReactComponent as StarFill } from '../../assets/StarFill.svg';\r\nimport { Tabs } from 'antd';\r\nimport avatar from '../../assets/avatar.png';\r\nimport { useHistory } from 'react-router';\r\nimport ChangePassword from './ChangePassword';\r\nimport TwoFactor from './TwoFactor';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport AdminPinGenerator from './AdminPinGenerator';\r\nimport moment, { utc } from 'moment';\r\nimport { img2base64 } from '../../config/ImageFunction';\r\nimport defaultProfile from '../../assets/defaultProfile.png';\r\n\r\n\r\nfunction Profile() {\r\n\r\n    const fileRef = useRef();\r\n\r\n    const [profileData, setProfileData] = useState(\r\n        {\r\n            profileDetailsID: 0,\r\n            userCode: \"\",\r\n            dob: \"\",\r\n            gender: \"\",\r\n            phoneNumber: \"\",\r\n            photo: \"\",\r\n            addressLine1: \"\",\r\n            addressLine2: \"\",\r\n            city: \"\",\r\n            state: \"\",\r\n            zipCode: \"\",\r\n            country: \"\",\r\n            site: \"\",\r\n            lastPasswordUpdateOn: \"\",\r\n            portalAccess: {\r\n                portalAccessID: 0,\r\n                accessTypeID: 0,\r\n                entityCode: \"\",\r\n                userCode: \"\",\r\n                userName: \"\",\r\n                password: \"\",\r\n                displayName: \"\",\r\n                isAccess: true,\r\n                isFirstLogin: true,\r\n                tenantCode: \"\",\r\n                customerCode: \"\",\r\n                emailAddress: \"\",\r\n                isActive: true,\r\n                isEnable2FA: true\r\n            }\r\n        }\r\n    );\r\n\r\n\r\n\r\n    const getProfileDetails = async () => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'PAM/ProfileDetails',\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getPfofileDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setProfileData(getPfofileDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n\r\n    const saveProfile = async () => {\r\n        setLoading(true);\r\n        let res = await ItrApiService.POST({\r\n            url: 'PAM/ProfileDetails/SaveProfileDetails',\r\n            data: { ...profileData, dob: moment(profileData.dob).format() }\r\n        });\r\n        setLoading(false);\r\n    }\r\n\r\n    const [loading, setLoading] = useState(false);\r\n    const { TabPane } = Tabs;\r\n    const history = useHistory();\r\n\r\n    const [changer, setChanger] = useState(false);\r\n\r\n    const [isModalVisible, setIsModalVisible] = useState(false);\r\n    const showModal = () => {\r\n        setIsModalVisible(true);\r\n    };\r\n    const handleOk = () => {\r\n        setIsModalVisible(false);\r\n    };\r\n    const handleCancel = () => {\r\n        setIsModalVisible(false);\r\n    };\r\n\r\n    // ChangePassword\r\n    const [isChangePass, setIsChangePass] = useState(false);\r\n    const showModal1 = () => {\r\n        setIsChangePass(true);\r\n    };\r\n    const handleOk1 = () => {\r\n        setIsChangePass(false);\r\n    };\r\n    const handleCancel1 = () => {\r\n        setIsChangePass(false);\r\n    };\r\n    // ChangePassword\r\n\r\n\r\n    const [isAdminPin, setIsAdminPin] = useState(false);\r\n    const showModal2 = () => {\r\n        setIsAdminPin(true);\r\n        setChanger(!changer)\r\n    };\r\n    const handleOk2 = () => {\r\n        setIsAdminPin(false);\r\n    };\r\n    const handleCancel2 = () => {\r\n        setIsAdminPin(false);\r\n    };\r\n\r\n\r\n    useEffect(() => {\r\n        getProfileDetails();\r\n    }, [])\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <ChangePassword\r\n                isModalVisible={isChangePass}\r\n                handleCancel={handleCancel1}\r\n                handleOk={handleOk1}\r\n                getProfileDetails={getProfileDetails}\r\n            />\r\n\r\n            <TwoFactor\r\n                profileDetails={profileData}\r\n                isModalVisible={isModalVisible}\r\n                handleCancel={handleCancel}\r\n                handleOk={handleOk}\r\n                getProfileDetails={getProfileDetails}\r\n            />\r\n\r\n            <AdminPinGenerator\r\n                profileDetails={profileData}\r\n                isModalVisible={isAdminPin}\r\n                handleCancel={handleCancel2}\r\n                handleOk={handleOk2}\r\n                changer={changer}\r\n                getProfileDetails={getProfileDetails}\r\n            />\r\n\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title='User Profile' onCloseClick={() => {\r\n                history.push('/dashboard');\r\n            }} />\r\n            <div className='m-4 mt-0'>\r\n                <div className='row w-100'>\r\n                    <div className='col-6 col-sm-6 col-md-4 col-lg-3 col-xl-3 p-4'>\r\n                        <div className='row'>\r\n                            <div className='col-12'>\r\n                                <img src={profileData?.photo ? profileData?.photo : defaultProfile} width='80%' />\r\n                            </div>\r\n                        </div>\r\n                        {/* <div className=\"row mt-1\">\r\n                            <div className=\"col-12 d-flex justify-content-between\">\r\n                                <button className='btn btn-sm upload-image-buttons' onClick={() => fileRef.current.click()}>\r\n                                    Choose Photo\r\n                                </button>\r\n                                <input\r\n                                    ref={fileRef}\r\n                                    onChange={(e) => {\r\n                                        let img = e.target.files[0];\r\n                                        const fileReader = new FileReader();\r\n                                        fileReader.readAsDataURL(img)\r\n                                        fileReader.onload = async () => {\r\n                                            setProfileData({ ...profileData, photo: fileReader.result })\r\n                                            return fileReader.result\r\n                                        }\r\n                                        fileReader.onerror = async () => {\r\n                                            return false\r\n                                        }\r\n                                    }}\r\n                                    multiple={false}\r\n                                    type=\"file\"\r\n                                    hidden\r\n                                />\r\n                                <button className=\"btn btn-sm upload-image-buttons\">Remove Photo</button>\r\n                            </div>\r\n                        </div> */}\r\n                        <div className='row mt-4'>\r\n                            <div className='col-12'>\r\n                                <h5>\r\n                                    {profileData.portalAccess.userName}\r\n                                </h5>\r\n                                <span className='profile-sub-name'>\r\n                                    {profileData.portalAccess.displayName}\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className='col-12 col-sm-12 col-md-8 col-lg-9 col-xl-9 p-4 class-test-class'>\r\n                        <Tabs defaultActiveKey=\"1\">\r\n                            <TabPane tab={\r\n                                <span>Personal</span>\r\n                            } key=\"1\">\r\n                                <div>\r\n                                    <div className='pt-3'>\r\n                                        <span className='profile-hr-heading'>Contact Info</span>\r\n                                        <div className='mt-1 profile-contact-info'>\r\n                                            <div className='row'>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading'>Phone:</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-answer1 text-primary' style={{ fontSize: '18px' }}>{profileData.phoneNumber}\r\n                                                        {/* <input className='form-control-sm form-control'\r\n                                                            maxLength=\"15\"\r\n                                                            minLength=\"1\"\r\n                                                            value=\r\n                                                            onChange={(e) => setProfileData({ ...profileData, phoneNumber: e.target.value })}\r\n                                                        /> */}\r\n                                                    </span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading'>Address:</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-answer1'>\r\n                                                        {profileData.addressLine1}\r\n                                                    </span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading'>Email:</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-answer1 text-primary' style={{ fontSize: '18px' }}>\r\n                                                        {profileData.portalAccess.emailAddress}\r\n                                                    </span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading'>Site:</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-answer1'>\r\n                                                        {profileData.site}\r\n                                                    </span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                    </div>\r\n\r\n                                    <div className='pt-4'>\r\n                                        <span className='profile-hr-heading'>Basic info</span>\r\n                                        <div className='mt-1 profile-contact-info'>\r\n                                            <div className='row'>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading'>Birthday:</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-answer1'>\r\n                                                        {moment(profileData.dob).utc().format('YYYY-MM-DD')}\r\n                                                    </span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading'>Gender:</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-answer1'>\r\n                                                        {profileData.gender}\r\n                                                    </span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                    </div>\r\n                                </div>\r\n                            </TabPane>\r\n\r\n                            <TabPane tab={\r\n                                <span>Security</span>\r\n                            } key=\"2\">\r\n                                <div>\r\n                                    <div className='pt-4'>\r\n                                        <span className='profile-hr-heading'>Password Updates</span>\r\n                                        <div className='mt-2 profile-contact-info'>\r\n                                            <div className='row'>\r\n                                                <div className='col-4 mt-1'>\r\n                                                    <span className='frm-profile-heading'>Last update on:</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-1'>\r\n                                                    <span className='frm-profile-answer1'> {moment(profileData.lastPasswordUpdateOn).format('DD-MM-YYY') === '01-01-010001' ? '-' : moment(profileData.lastPasswordUpdateOn).format('DD-MM-YYYY')}</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                    </div>\r\n\r\n                                    <div className='pt-4'>\r\n                                        <span className='profile-hr-heading'>Change Password</span>\r\n                                        <div className='mt-3 profile-contact-info'>\r\n                                            <button className='btn btn-primary btn-sm' onClick={() => {\r\n                                                showModal1();\r\n                                            }}> Change Password </button>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className='pt-3'>\r\n                                        <span className='profile-hr-heading'>Two-Factor Authentication <FontAwesomeIcon title=\"Two factor authentication adds an extra layer of security to your account\r\n                                            by requiring more than just a password to log in.\" icon={faInfoCircle} color=\"#007bff\" size=\"sm\" /></span>\r\n                                        <div className='mt-2 profile-contact-info'>\r\n                                            <span className='profile-form-twf'>\r\n                                            </span>\r\n                                            <div className='row'>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading'>2-FA Status</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2 '>\r\n                                                    <span className='frm-profile-heading1 d-flex align-items-center'>{profileData.portalAccess.isEnable2FA == true ? 'Set' : 'Not Set'} &nbsp;  <div style={{ height: 10, width: 10, borderRadius: 10, backgroundColor: profileData.portalAccess.isEnable2FA == true ? 'green' : 'red' }}  ></div> </span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n                                            </div>\r\n\r\n                                            {profileData.portalAccess.isEnable2FA == true ?\r\n                                                <button className='btn btn-primary btn-sm mt-3' onClick={() => {\r\n                                                    showModal();\r\n                                                }} >\r\n                                                    Disable Two-Factor Authentication\r\n                                                </button>\r\n                                                :\r\n                                                <button className='btn btn-primary btn-sm mt-3' onClick={() => {\r\n                                                    showModal();\r\n                                                }} >\r\n                                                    Enable Two-Factor Authentication\r\n                                                </button>\r\n                                            }\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className='pt-4'>\r\n                                        <span className='profile-hr-heading'>Set Admin Pin</span>\r\n                                        <div className='mt-3 profile-contact-info'>\r\n                                            <button className='btn btn-primary btn-sm' onClick={() => {\r\n                                                showModal2();\r\n                                            }}> Generate Pin </button>\r\n                                        </div>\r\n\r\n                                    </div>\r\n                                </div>\r\n                            </TabPane>\r\n\r\n                            {/* <TabPane tab={\r\n                                <span>Privileges</span>\r\n                            } key='3'>\r\n\r\n                            </TabPane>\r\n\r\n                            <TabPane tab={\r\n                                <span>Organization</span>\r\n                            } key='4'>\r\n\r\n                            </TabPane> */}\r\n\r\n                        </Tabs>\r\n\r\n                    </div>\r\n                    <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 p-4 mb-5'>\r\n                        <div className='profile-work d-flex justify-content-end'>\r\n                            <button className=\"btn btn-sm btn-primary buttons\" onClick={() => history.push('/edit/profile')}>Edit Profile</button>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default Profile;","import React, { useEffect, useState } from \"react\";\r\nimport './customers.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxRightDrawer, NxFooter, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { Tabs, Progress } from 'antd';\r\nimport Headers from \"../../../Screens/Headers/Headers\";\r\nimport { DashboardOutlined, DollarOutlined, ForkOutlined } from \"@ant-design/icons\";\r\nimport Enquiry from \"../../../partnerBoard/enquiry\";\r\nimport OnBoarding from \"../../../partnerBoard/OnBoarding/OnBoarding\";\r\nimport Customer from \"../../../partnerBoard/customers/customers\"\r\nimport { ChartColors } from '../../../general/general';\r\nimport NxBarCustomerCharts from \"../../../components/nxCharts/nxBarCustomerCharts\";\r\nimport { ItrAuthService } from \"@afiplfeed/itr-ui\";\r\nimport CustomerSidebar from \"../../../Screens/CustomerSidebar/CustomerSidebar\";\r\n\r\nexport default function Customers() {\r\n\r\n    let history = useHistory();\r\n    const { TabPane } = Tabs;\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n\r\n    const [keyPeriods, setKeyPeriods] = useState();\r\n    const [activeString, setActiveString] = useState('1');\r\n    const [accessType, setAccessType] = useState({});\r\n    const getUserDetails = async () => {\r\n        let result = await ItrAuthService.GetUserInfo();\r\n        if (result.Success == true) {\r\n            let getUserDetails = result.result;\r\n            setAccessType(getUserDetails);\r\n        }\r\n        else if (result.Success == false) {\r\n            NotificationManager.error(result.message);\r\n            // sessionStorage.clear();\r\n        }\r\n    }\r\n    useEffect(() => {\r\n        let s = sessionStorage.getItem('enbc');\r\n        if (s) {\r\n            getUserDetails();\r\n            setActiveString(s)\r\n        }\r\n    }, []);\r\n\r\n    return (\r\n        <div className=\"container1 mb-5\">\r\n            <Headers />\r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true}  />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                    <NxTitleTab className=\"title-tab\" title=\"Customers\" onCloseClick={() => history.push('/dashboard')} />\r\n                    <div className=\"billing-tabs billing-main\">\r\n                        <Tabs defaultActiveKey=\"1\" type=\"card\" activeKey={activeString} onChange={(e) => {\r\n                            setActiveString(e);\r\n                            sessionStorage.setItem('enbc', e)\r\n                        }}>\r\n                            <TabPane tab={\r\n                                <div className=\"d-flex justify-content-center\">\r\n                                    <span ><DashboardOutlined /></span>\r\n                                    <span style={{ fontSize: '16px' }} >Customers</span>\r\n                                </div>\r\n                            } key=\"1\">\r\n                                {/* <Enquiry /> */}\r\n                                <div className=\"mt-0\">\r\n                                    <div className=\"container1\">\r\n                                        {/* <div className=\"nx-body nx-bar-chart nx-title title nx-billing-chart mb-5\">\r\n                                            <h2>KEY CUSTOMER INDICATORS</h2>\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 mt-2\">\r\n                                                    <div className=\"row\">\r\n                                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-1\">\r\n                                                            <div className=\"card\">\r\n                                                                <div className=\"card-body\">\r\n                                                                    <label className=\"nx-badge-title\">TOTAL ENQUIRY</label>\r\n                                                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                                                        <h6>$ 83.40</h6>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n\r\n                                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-1\">\r\n                                                            <div className=\"card\">\r\n                                                                <div className=\"card-body\">\r\n                                                                    <label className=\"nx-badge-title\">TOTAL CUSTOMERS</label>\r\n                                                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                                                        <h6>$ 83.40</h6>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-12 col-md-12 col-lg-9 col-xl-9 mt-3\">\r\n                                                    <div className=\"card \">\r\n                                                        <div className=\"card-body\">\r\n                                                            <div className=\"row text-center\">\r\n                                                                <div className=\"col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 mt-1\">\r\n                                                                    <Progress strokeColor=\"#73a562\" type=\"circle\" percent={75} strokeWidth={15} gapDegree={30} gapPosition=\"bottom\" /> <br />\r\n                                                                    <label className=\"key-financial-label pt-3\">E-2-C CONVERSION %</label>\r\n                                                                </div>\r\n\r\n                                                                <div className=\"col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 mt-1\">\r\n                                                                    <Progress strokeColor=\"#f04356\" type=\"circle\" percent={58} strokeWidth={15} gapDegree={30} gapPosition=\"bottom\" /> <br />\r\n                                                                    <label className=\"key-financial-label pt-3\">CHURN RATIO</label>\r\n                                                                </div>\r\n\r\n                                                                <div className=\"col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 mt-1\">\r\n                                                                    <Progress type=\"circle\" percent={20} strokeWidth={15} gapDegree={30} gapPosition=\"bottom\" /><br />\r\n                                                                    <label className=\"key-financial-label pt-3\">AVG. TIME TO ONBOARD</label>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> */}\r\n\r\n\r\n                                        {/* <div className=\"nx-bar-chart nx-title title nx-billing-chart mt-5 mb-5\">\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 \">\r\n                                                    <h2>CUSTOMER ACQUISITION</h2>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 text-end\">\r\n                                                    <label>Last</label>\r\n                                                    <select onChange={(e) => setKeyPeriods(e.target.value)}>\r\n                                                        <option value=\"12 Months\">12 Months</option>\r\n                                                        <option value=\"3 Months\">3 Months</option>\r\n                                                        <option value=\"YTD\">YTD</option>\r\n                                                        <option value=\"MTD\">MTD</option>\r\n                                                        <option value=\"Period\">Period</option>\r\n                                                    </select><br />\r\n                                                    <div className=\"p-1\">\r\n                                                        {keyPeriods == 'Period' ? <RangePicker /> : false}\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            <div className=\"card \">\r\n                                                <div className=\"card-body\">\r\n                                                    <div className=\"row mb-5\">\r\n\r\n                                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12\">\r\n                                                            <NxBarCustomerCharts height=\"500\" width=\"100%\" />\r\n                                                        </div>\r\n\r\n                                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 text-end nx-sales mt-5\" >\r\n                                                            <div className=\"row\">\r\n                                                                <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4\">\r\n                                                                    <div className=\"nx-sales-report pt-3 d-flex justify-content-evenly align-items-center\" >\r\n                                                                        <h6 className=\"nx-sales-report-1\" style={{ backgroundColor: ChartColors.Splash, padding: '8px', color: 'white', fontWeight: 'bold' }}>New Enquiries</h6>\r\n                                                                        <h5 className=\"key-financial-counts\">$ 3,123,123</h5>\r\n                                                                    </div>\r\n                                                                </div>\r\n\r\n                                                                <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4\">\r\n                                                                    <div className=\"nx-sales-report pt-3 d-flex justify-content-evenly align-items-center\" >\r\n                                                                        <h6 className=\"nx-sales-report-1\" style={{ backgroundColor: ChartColors.Sky, padding: '8px', color: 'white', fontWeight: 'bold' }}>New Customers</h6>\r\n                                                                        <h5 className=\"key-financial-counts\">$ 3,123,123</h5>\r\n                                                                    </div>\r\n                                                                </div>\r\n\r\n                                                                <div className=\"col-12 col-sm-4 col-md-4 col-lg-4 col-xl-4 \">\r\n                                                                    <div className=\"nx-sales-report pt-3 d-flex justify-content-evenly align-items-center\" >\r\n                                                                        <h6 className=\"nx-sales-report-1\" style={{ backgroundColor: ChartColors.Moonshine, padding: '8px', color: 'white', fontWeight: 'bold' }}>Inactive Customers</h6>\r\n                                                                        <h5 className=\"key-financial-counts\">$ 3,123,123</h5>\r\n                                                                    </div>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div> */}\r\n                                        <div className=\"nx-bar-chart nx-title title nx-billing-chart mt-2 mb-5\">\r\n                                            <Customer />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </TabPane>\r\n                            <TabPane tab={\r\n                                <div className=\"d-flex justify-content-center\">\r\n                                    <span ><DashboardOutlined /></span>\r\n                                    <span style={{ fontSize: '16px' }} >Enquiry</span>\r\n                                </div>\r\n                            } key=\"2\">\r\n                                <Enquiry />\r\n                            </TabPane>\r\n\r\n                            {accessType.accessType != 'PARTNER' ?  <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                <span ><ForkOutlined /></span>\r\n                                <span style={{ fontSize: '16px' }}>Onboarding</span>\r\n                            </div>} key=\"3\">\r\n                                {/* <Invoice /> */}\r\n                                <OnBoarding />\r\n                            </TabPane> : <></>}\r\n\r\n                            {/* <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                <span ><DollarOutlined /></span>\r\n                                <span style={{ fontSize: '16px' }}>Customers</span>\r\n                            </div>} key=\"4\">\r\n                                <Customer />\r\n                                \r\n                            </TabPane> */}\r\n                        </Tabs>\r\n                    </div>                    \r\n                    <NxRightDrawer onClose={() => setHandel(false)} show={handel} drawerContent={() => <div>\r\n                        <p onClick={() => {\r\n                            setHandel2(true)\r\n                        }}>click me</p>\r\n                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ac nibh turpis. Mauris vitae mi vitae risus vulputate rhoncus. Suspendisse dapibus diam a accumsan pharetra. Vestibulum facilisis eros vel tincidunt pharetra. Phasellus sapien nisl, iaculis et varius sed, ultricies at mauris. Maecenas id leo cursus, auctor leo eu, accumsan lorem. Sed viverra gravida feugiat.\r\n\r\n                        Donec at molestie dui. Nam semper nunc et arcu maximus ullamcorper. Cras mi ante, semper vitae congue at, vulputate sollicitudin purus. Phasellus vulputate a mauris vel venenatis. Phasellus posuere leo purus, ut viverra orci semper ut. Quisque ac nunc iaculis, vulputate libero in, suscipit velit. Nullam orci justo, dignissim sed ligula quis, aliquam varius eros. Etiam vitae urna aliquet, elementum tortor accumsan, rutrum tellus. Nam eu nulla eu augue vehicula ultrices sit amet sed mi. Etiam viverra, ligula vitae maximus lobortis, orci tellus ornare felis, sed vulputate risus nisl non ante.\r\n\r\n                        In interdum maximus lorem nec accumsan. Sed posuere aliquet elit quis efficitur. Proin tincidunt consequat mi, sit amet dapibus dui. Aenean et elementum nibh. Ut convallis scelerisque ultrices. Donec congue quis orci sit amet commodo. Quisque vehicula, nibh in tincidunt congue, nibh diam luctus lacus, et vulputate magna metus sed velit. Nunc venenatis gravida maximus. Fusce vehicula urna sit amet dui laoreet, lobortis bibendum enim consectetur. Ut commodo est sed orci tempus, sed fermentum mi volutpat. Duis sit amet arcu efficitur, gravida est eu, blandit mauris. Nulla quis congue velit, a dapibus dui. Quisque congue placerat vestibulum. Quisque laoreet ligula ac odio tempor efficitur eget nec arcu. Sed sit amet facilisis quam. Curabitur gravida efficitur quam, non volutpat ipsum aliquam sit amet.\r\n\r\n                        Vivamus fringilla porttitor vulputate. Donec porttitor, justo at condimentum venenatis, tortor tortor imperdiet urna, vel finibus velit massa et ipsum. Duis sodales eros sit amet fermentum congue. Vestibulum a magna in arcu lacinia aliquet. Sed ut mattis nulla, eu vestibulum odio. Quisque maximus varius elit et semper. Suspendisse accumsan pharetra ante nec mattis. Pellentesque in sem vel orci feugiat congue id at leo. Duis eget mattis ligula. Sed sed est rhoncus, molestie metus a, facilisis ligula. Aenean semper ac eros sed efficitur. Curabitur pulvinar tincidunt massa, a maximus eros maximus eget. Aliquam in felis mi. Nam laoreet eget quam efficitur viverra. Sed consequat massa id congue maximus. Nunc viverra mattis dui eu varius.\r\n\r\n                        Vivamus pulvinar orci turpis, vitae elementum lacus ullamcorper ac. Etiam auctor augue a elit consequat, eget placerat velit interdum. Donec finibus lacus dapibus, tempor nibh vel, commodo erat. Morbi sit amet congue dolor. Pellentesque sed quam id lectus porttitor rhoncus non vitae nibh. In dapibus consectetur odio, vel pellentesque lacus semper sed. Aliquam non sapien eu nulla suscipit hendrerit. Nunc tempor lectus sed laoreet cursus. Pellentesque neque dolor, facilisis in nunc at, tincidunt faucibus diam. Sed lectus urna, eleifend et sem in, imperdiet vehicula lectus. Maecenas semper ipsum eu libero volutpat, quis malesuada leo sagittis. Pellentesque in orci ipsum. Nulla condimentum, felis sed consectetur vulputate, leo magna placerat leo, pulvinar finibus ligula ligula sit amet mi.\r\n\r\n                        Praesent elit metus, euismod a nibh eu, fringilla elementum turpis. Nunc iaculis posuere mauris, aliquam malesuada elit pharetra sit amet. Mauris ultricies fermentum nisi iaculis molestie. Suspendisse eget nunc scelerisque, elementum sem sed, auctor metus. Nam lacinia varius odio, malesuada interdum eros dignissim at. Sed laoreet vestibulum augue, vel ornare nunc iaculis in. Nunc accumsan turpis vitae orci elementum, sed ornare ligula ullamcorper. In sit amet aliquet nunc, et malesuada nibh. Sed dui tellus, molestie sed convallis a, suscipit ac lectus. Suspendisse leo nibh, ultrices at augue vel, faucibus vehicula justo. Quisque risus ex, lacinia consequat dignissim vitae, accumsan at mi.\r\n\r\n                        Mauris vestibulum est a dictum tempor. Interdum et malesuada fames ac ante ipsum primis in faucibus. Phasellus sed malesuada nulla. Sed nec vehicula tellus. Praesent vel purus interdum, congue mi et, accumsan eros. Fusce maximus dictum fermentum. Ut commodo nulla lacus, non vulputate odio sodales vitae.\r\n\r\n                        Cras pretium, sem at mattis pretium, tellus diam tempus felis, eget condimentum ex mi et orci. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Donec sit amet turpis neque. Sed ultrices lorem mauris, at lacinia libero placerat eu. Aliquam consequat finibus ante, condimentum laoreet lectus porta sit amet. Quisque vel rutrum metus, ac gravida arcu. Nulla vestibulum dolor nibh, quis mattis augue maximus nec. Quisque placerat erat arcu. Morbi sit amet lectus scelerisque, pharetra leo eu, suscipit dolor. Praesent varius augue vel erat vestibulum tempus. In sed rutrum dolor. Aenean lectus nunc, finibus in est eu, gravida molestie lectus. Nulla non neque in lorem condimentum porta. Nulla eu lorem tellus.\r\n\r\n                        Nullam in feugiat dui. Nulla ac ex eget ex vestibulum sagittis non id enim. Curabitur urna elit, ultricies sit amet pretium vel, mollis ut enim. Suspendisse vestibulum, ipsum ut feugiat pulvinar, neque elit venenatis justo, id rhoncus leo mauris id libero. Vivamus lacus neque, faucibus vel facilisis nec, venenatis ut libero. Donec dapibus justo arcu, sit amet scelerisque velit pharetra vel. Duis molestie cursus eros vitae consectetur. Suspendisse potenti. Phasellus non tortor eget eros interdum varius id eleifend orci. Nullam vel tortor non nisl gravida eleifend a at lacus. Integer elit leo, maximus sed feugiat ut, venenatis ut purus. Integer id volutpat tortor.\r\n\r\n                        Quisque ac placerat sapien. Ut ut ipsum eu augue vestibulum commodo in sed ex. Maecenas id nulla ullamcorper, fermentum elit eget, scelerisque mauris. Nulla molestie et augue nec vestibulum. Quisque fringilla risus tortor, ut fringilla ante fringilla in. Phasellus in nibh elementum, fringilla nulla in, blandit risus. Phasellus ut quam malesuada, condimentum velit a, tempus justo. Etiam a rutrum ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;\r\n                    </div>} drawer1={handel2} ondrawer1Close={() => { setHandel2(false) }} />                    \r\n                </div>\r\n            </div>\r\n            {/* </div> */}\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport Button from '@material-ui/core/Button';\r\nimport './ResetPasswordForm.css'\r\nimport LinearProgress from '@material-ui/core/LinearProgress';\r\nimport { NxLoader } from '@afiplfeed/itr-app';\r\nimport { useHistory, useLocation } from 'react-router-dom'\r\nimport { NotificationManager } from 'react-notifications';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport ithredLogo from '../../assets/iTHRED.png';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faEye, faEyeSlash } from '@fortawesome/free-solid-svg-icons';\r\n\r\nfunction ResetPasswordForm(props) {\r\n    const [state, setState] = useState({\r\n        load: false,\r\n        userName: '',\r\n        userToken: '',\r\n        newPassword: '',\r\n        confirmPassword: '',\r\n    });\r\n\r\n    const [showPass, setShowPass] = useState(false);\r\n    const visiblePassword = () => {\r\n        if (showPass == false) {\r\n            setShowPass(true);\r\n        }\r\n        else {\r\n            setShowPass(false);\r\n        }\r\n    }\r\n\r\n    const [loader, setLoader] = useState(false);\r\n    const history = useHistory();\r\n    const location = useLocation();\r\n    useEffect(() => {\r\n        const params = new URLSearchParams(location.search);\r\n        const q = params.get('token');\r\n        if (q) {\r\n            setState({ ...state, userToken: q });\r\n        }\r\n\r\n        // ItrApiService.GET({\r\n        //     url: 'PasswordPolicy',\r\n        //     appCode:\"Configuration\" \r\n        // })\r\n    }, [])\r\n    return (\r\n        <>\r\n            <div className=\"fixed-background\"></div>\r\n            <NxLoader state={loader} />\r\n            <main>\r\n                <div className=\"container resetpasswordform\">\r\n                    <div className=\"row h-100\">\r\n                        <div className=\"col-12 col-md-10 mx-auto my-auto\">\r\n                            <div className=\"card auth-card\">\r\n                                <div className=\"position-relative image-side d-flex align-items-end\">\r\n                                    <p className=\"copy-rights\">© 2022 Ithred Solutions.com</p>\r\n                                </div>\r\n\r\n\r\n                                <div className=\"form-side\">\r\n                                    {/* <div hidden={showLogin}> */}\r\n                                    <a>\r\n                                        <span className=\"logo-single\">\r\n                                            <img src={ithredLogo} width=\"30%\" alt=\"nexap-logo\" />\r\n                                        </span>\r\n                                    </a>\r\n\r\n                                    {/* login-update-form */}\r\n                                    <form className=\"mt-4\">\r\n                                        <div className=\"mt-4\">\r\n                                            <h6>Update Your Password</h6>\r\n                                        </div>\r\n\r\n                                        <label className=\"form-group has-float-label mb-2\">\r\n                                            <span className=\"labels\">New Password</span>\r\n                                            <input className=\"form-control\" type={showPass ? 'text' : 'password'} placeholder=\"\" id=\"new\" value={state.newPassword} onChange={(e) => {\r\n                                                setState({ ...state, newPassword: e.target.value });\r\n                                            }} />\r\n                                        </label>\r\n\r\n                                        <label className=\"form-group has-float-label mb-2\">\r\n                                            <span className=\"labels\">Confirm Password</span>\r\n                                            <input className=\"form-control\" type={showPass ? 'text' : 'password'} placeholder=\"\" id=\"confirm\" value={state.confirmPassword} onChange={(e) => {\r\n                                                setState({ ...state, confirmPassword: e.target.value });\r\n                                            }} />\r\n                                        </label>\r\n                                        {/* <span class=\"input-group-text passwordIcon\" id=\"basic-addon1\" onClick={visiblePassword}>\r\n                                            {showPass ? <FontAwesomeIcon icon={faEye} size=\"xs\" color=\"gray\" /> : <FontAwesomeIcon icon={faEyeSlash} size=\"xs\" color=\"gray\" />}\r\n                                        </span> */}\r\n                                        <div className=\"d-flex justify-content-end align-items-center action-footer mt-3\" >\r\n                                            <button className=\"btn btn-primary btn-lg btn-shadow\" type=\"submit\"\r\n                                                onClick={() => {\r\n                                                    if (state.newPassword == '') {\r\n                                                        NotificationManager.error('Enter the Password')\r\n                                                    } else {\r\n                                                        if (state.newPassword == state.confirmPassword) {\r\n                                                            setLoader(true);\r\n                                                            ItrApiService.ResetPassword({\r\n                                                                data: {\r\n                                                                    userToken: state.userToken,\r\n                                                                    password: state.newPassword,\r\n                                                                    loginType: ''\r\n                                                                }\r\n                                                            }).then(res => {\r\n                                                                if (res.Success == true) {\r\n                                                                    if (res.result.isSuccess == true) {\r\n                                                                        setLoader(false);\r\n                                                                        window.location.replace('/');\r\n                                                                        NotificationManager.success('Successfully Updated');\r\n                                                                    } else {\r\n                                                                        NotificationManager.error(res.result.message);\r\n                                                                        setLoader(false);\r\n                                                                    }\r\n                                                                } else {\r\n                                                                    NotificationManager.error(res.message);\r\n                                                                    setLoader(false);\r\n                                                                }\r\n                                                            });\r\n                                                        } else {\r\n                                                            NotificationManager.error(\"password Missmatches!\");\r\n                                                        }\r\n                                                    }\r\n                                                }}\r\n                                            >Update</button>\r\n                                        </div>\r\n                                    </form>\r\n                                    {/* </div> */}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </main>\r\n        </>\r\n    );\r\n}\r\n\r\nexport default ResetPasswordForm;","export default \"data:image/png;base64,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\"","import React, { useState, useEffect } from \"react\";\r\nimport './OnBoardingAdd.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { ItrApiService, NxApiService } from '@afiplfeed/itr-ui';\r\nimport { NxBreadcrumb, NxTitleTab, NxCustomTab, NxLoader, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\nexport default function OnboardingAdd() {\r\n\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons mt-3 mb-5\">\r\n            <button className=\"btn btn-sm btn-primary buttons\" onClick={() => {\r\n                ItrApiService.POST({\r\n                    url: 'TenantPlatform/Entity/SaveEntity',\r\n                    data: onboarding\r\n                })\r\n            }}> Save</button>\r\n            <button className=\"btn btn-sm btn-primary buttons\"> Onboard</button>\r\n            <button className=\"btn btn-sm btn-primary buttons\"> Previous</button>\r\n            <button className=\"btn btn-sm btn-primary buttons\"> Next</button>\r\n            <button className=\"btn btn-sm close btn-outline-primary\" onClick={() => history.goBack()}> Cancel</button>\r\n        </div>\r\n    }\r\n\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    // cities\r\n    const [allCities, setAllCities] = useState([]);\r\n    const getCities = async () => {\r\n        let result = await VxApiService.GET({\r\n            url: 'Platform/City/GetAllCities'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            setAllCities(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n    // states\r\n    const [allStates, setAllStates] = useState([]);\r\n    const getStates = async () => {\r\n        let result = await VxApiService.GET({\r\n            url: 'Platform/State/GetAllStates'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            setAllStates(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n    // country\r\n    const [allCountries, setAllCountries] = useState([]);\r\n    const getCountry = async () => {\r\n        let result = await VxApiService.GET({\r\n            url: 'Platform/Country/GetAllCountries'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            setAllCountries(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n    // pincode\r\n    const [allPinCode, setAllPinCode] = useState([]);\r\n    const getZipCodes = async () => {\r\n        let result = await VxApiService.GET({\r\n            url: 'Platform/ZipCode/GetAllZipCodes'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            setAllPinCode(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    const [customers, setCustomers] = useState([]);\r\n    const getparent = async () => {\r\n        await ItrApiService.GET({ url: 'RevOps/Entity/GetEntities/true' }).then((resCustomers) => {\r\n            if (resCustomers.Success == true) {\r\n                if (resCustomers.result.isSuccess == true) {\r\n                    if (resCustomers.result.data) {\r\n                        setCustomers(resCustomers.result.data);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n\r\n    };\r\n\r\n\r\n    // AllUDo`s\r\n    let UdoData = [\"Enquiry Status\", \"Nature Of Business\", \"Industry\", \"Ownership\", \"Source\"];\r\n    const [allUdo, setAllUdo] = useState([]);\r\n    const getUdo = async () => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.POST({\r\n            url: 'Platform/UserDefined/AllUDOs',\r\n            data: UdoData\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            setLoading(false);\r\n            let getCustomerDetails = result.result.data;\r\n            let getOptions = getCustomerDetails[1].Options;\r\n            setAllUdo(getOptions);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            setLoading(false);\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n    useEffect(() => {\r\n        getUdo();\r\n        // await getCities();\r\n        // await getCountry();\r\n        // await getZipCodes();\r\n        // await getStates();\r\n    }, []);\r\n\r\n\r\n\r\n    const [onboarding, setOnboarding] = useState({\r\n        entityID: 0,\r\n        entityCode: \"\",\r\n        entityName: \"\",\r\n        partnerID: 0,\r\n        enquiryID: 0,\r\n        ownership: 0,\r\n        industry: 0,\r\n        natureOfBusiness: 0,\r\n        noOfEmployees: 0,\r\n        annualRevenue: \"\",\r\n        additionalDetails: \"\",\r\n        officialWebSite: \"\",\r\n        fullName: \"\",\r\n        companyName: \"\",\r\n        email: \"\",\r\n        phone: \"\",\r\n        sourcedBy: \"\",\r\n        timeToBuy: \"\",\r\n        role: \"\",\r\n        status: 0,\r\n        feedback: \"\",\r\n        administrativeContactID: 0,\r\n        administrativeContact: {\r\n            entityContactID: 0,\r\n            entityID: 0,\r\n            firstName: \"\",\r\n            lastName: \"\",\r\n            displayName: \"\",\r\n            designation: \"\",\r\n            department: \"\",\r\n            phoneNo: \"\",\r\n            emailID: \"\"\r\n        },\r\n        technicalContactID: 0,\r\n        technicalContact: {\r\n            entityContactID: 0,\r\n            entityID: 0,\r\n            firstName: \"\",\r\n            lastName: \"\",\r\n            displayName: \"\",\r\n            designation: \"\",\r\n            department: \"\",\r\n            phoneNo: \"\",\r\n            emailID: \"\"\r\n        },\r\n        billingContactID: 0,\r\n        billingContact: {\r\n            entityContactID: 0,\r\n            entityID: 0,\r\n            firstName: \"\",\r\n            lastName: \"\",\r\n            displayName: \"\",\r\n            designation: \"\",\r\n            department: \"\",\r\n            phoneNo: \"\",\r\n            emailID: \"\"\r\n        },\r\n        isSameContact: false,\r\n        entityBoardingID: 0,\r\n        entityBoarding: {\r\n            entityBoardingID: 0,\r\n            entityID: 0,\r\n            agreement: \"\",\r\n            ncnda: \"\",\r\n            termsOfUse: \"\",\r\n            customerType: \"\",\r\n            hostingType: \"\",\r\n            isActive: true\r\n        },\r\n        isOnboardingCompleted: true,\r\n        isActive: true\r\n    })\r\n\r\n\r\n    let history = useHistory();\r\n    const [handel, setHandel] = useState(false);\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <div className=\"customer-dynamic-pages pt-4 \">\r\n                <NxTitleTab className=\"title-tab page-title\" title='Onboard Customer' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} />\r\n                <NxCustomTab\r\n                    data={[\r\n                        {\r\n                            name: \"Enquiry Details\",\r\n                            Components: () => {\r\n                                return (\r\n                                    <div className=\"container-form\">\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                                <div className=\"row\">\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                        <label >Full Name</label>\r\n                                                        <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={onboarding.fullName}\r\n                                                            onChange={(e) => setOnboarding({ ...onboarding, fullName: e.target.value })} enterKeyHint=\"search\" />\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                        <label htmlFor=\"lastName\">Company Name</label>\r\n                                                        <input className=\"form-control form-control-sm\" id=\"lastName\" type=\"text\" value={onboarding.companyName}\r\n                                                            onChange={(e) => setOnboarding({ ...onboarding, companyName: e.target.value })} />\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                        <label htmlFor=\"Email\">Email</label>\r\n                                                        <input className=\"form-control form-control-sm\" id=\"Email\" type=\"text\" value={onboarding.email}\r\n                                                            onChange={(e) => setOnboarding({ ...onboarding, email: e.target.value })} />\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                        <label htmlFor=\"Phone\">Phone</label>\r\n                                                        <input className=\"form-control form-control-sm\" id=\"Phone\" type=\"text\" value={onboarding.phone}\r\n                                                            onChange={(e) => setOnboarding({ ...onboarding, phone: e.target.value })} />\r\n                                                    </div>\r\n\r\n                                                    {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"aboutus\">Where did you hear about us?</label>\r\n                                                    <select class=\"form-select form-select-sm\" id=\"aboutus\">\r\n                                                        <option value=\"\" selected hidden></option>\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        <option value=\"Google\" >Google</option>\r\n                                                        <option value=\"Events\" >Events</option>\r\n                                                        <option value=\"Conferance\" >Conferance</option>\r\n                                                        <option value=\"Blog\" >Blog</option>\r\n                                                        <option value=\"Referance\" >Referance</option>\r\n                                                    </select>\r\n                                                </div> */}\r\n\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                        <label >Source</label>\r\n                                                        <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={onboarding.sourcedBy}\r\n                                                            onChange={(e) => setOnboarding({ ...onboarding, sourcedBy: e.target.value })}>\r\n                                                            <option value=\"\" selected hidden></option>\r\n                                                            <option disabled>--Please-select--</option>\r\n                                                            <option value=\"Advertisement\" >Advertisement</option>\r\n                                                            <option value=\"Cold Call\" >Cold Call</option>\r\n                                                            <option value=\"Employee Referal\" >Employee Referal</option>\r\n                                                            <option value=\"External Referal\" >External Referal</option>\r\n                                                            <option value=\"Online\" >Online</option>\r\n                                                            <option value=\"Partner\" >Partner</option>\r\n                                                            <option value=\"Public Relations\" >Public Relations</option>\r\n                                                            <option value=\"Sales Mail\" >Sales Mail</option>\r\n                                                            <option value=\"Seminar Partner\" >Seminar Partner</option>\r\n                                                            <option value=\"Seminar Internal\" >Seminar Internal</option>\r\n                                                            <option value=\"Trade Show\" >Trade Show</option>\r\n                                                            <option value=\"Database\" >Database</option>\r\n                                                        </select>\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                        <label htmlFor=\"timeToBuy\">Time to Buy</label>\r\n                                                        <select class=\"form-select form-select-sm\" id=\"timeToBuy\" value={onboarding.timeToBuy}\r\n                                                            onChange={(e) => setOnboarding({ ...onboarding, timeToBuy: e.target.value })}>\r\n                                                            <option value=\"\" selected hidden></option>\r\n                                                            <option disabled>--Please-select--</option>\r\n                                                            <option value=\"Immediately\" >Immediately</option>\r\n                                                            <option value=\"Within 30 days\" >Within 30 days</option>\r\n                                                            <option value=\"Within 60 days\" >Within 60 days</option>\r\n                                                            <option value=\"Within 90 days\" >Within 90 days</option>\r\n                                                            <option value=\"Just enquiring\" >Just Enquiring</option>\r\n                                                        </select>\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                        <label htmlFor=\"role\">Role</label>\r\n                                                        <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" id=\"role\" value={onboarding.role}\r\n                                                            onChange={(e) => setOnboarding({ ...onboarding, role: e.target.value })}>\r\n                                                            <option value=\"\" selected hidden></option>\r\n                                                            <option disabled>--Please-select--</option>\r\n                                                            <option value=\"Consultant\" >Consultant</option>\r\n                                                            <option value=\"Influencer\" >Influencer</option>\r\n                                                            <option value=\"Decision maker\" >Decision maker</option>\r\n                                                            <option value=\"Approver\" >Approver</option>\r\n                                                            <option value=\"Sponser\" >Sponser</option>\r\n                                                        </select>\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                        <label >Status</label>\r\n                                                        <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={onboarding.status}\r\n                                                            onChange={(e) => setOnboarding({ ...onboarding, status: e.target.value })}>\r\n                                                            <option value=\"\" selected hidden></option>\r\n                                                            <option disabled>--Please-select--</option>\r\n                                                            {allUdo && allUdo.map((data, index) => {\r\n                                                                return <option key={index} value={data.UDOptionName}> {data.UDOptionName} </option>\r\n                                                            })}\r\n                                                        </select>\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                        <label htmlFor=\"feedback\">Feedback</label>\r\n                                                        <textarea className=\"form-control\" id=\"feedback\" value={onboarding.feedback}\r\n                                                            onChange={(e) => setOnboarding({ ...onboarding, feedback: e.target.value })} />\r\n                                                    </div>\r\n                                                    <div>\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        <Buttons />\r\n                                    </div>\r\n                                )\r\n                            }\r\n                        },\r\n                        {\r\n                            name: \"Company\",\r\n                            Components: () => <div className=\"container-form\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"Account-Name\">Company Name</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"Account-Name\" type=\"text\" value={onboarding.companyName}\r\n                                                    onChange={(e) => setOnboarding({ ...onboarding, companyName: e.target.value })} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"Account-Name\">Website</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"Account-Name\" type=\"text\" value={onboarding.officialWebSite}\r\n                                                    onChange={(e) => setOnboarding({ ...onboarding, officialWebSite: e.target.value })} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label >Parent Account</label>\r\n                                                <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" >\r\n                                                    <option value=\"\" >--Please-select--</option>\r\n                                                    {customers && customers.map((data, index) => {\r\n                                                        return <option key={index} value={data.entityCode}> {data.entityName} </option>\r\n                                                    })}\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label >Ownership Type</label>\r\n                                                <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={onboarding.ownership}\r\n                                                    onChange={(e) => setOnboarding({ ...onboarding, ownership: e.target.value })}>\r\n                                                    <option value=\"\" selected hidden></option>\r\n                                                    <option value=\"\" >--Please-select--</option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label >Industry</label>\r\n                                                <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={onboarding.industry}\r\n                                                    onChange={(e) => setOnboarding({ ...onboarding, industry: e.target.value })}>\r\n                                                    <option value=\"\" selected hidden></option>\r\n                                                    <option value=\"\" >--Please-select--</option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label >Nature Of Business</label>\r\n                                                <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={onboarding.natureOfBusiness}\r\n                                                    onChange={(e) => setOnboarding({ ...onboarding, natureOfBusiness: e.target.value })}>\r\n                                                    <option value=\"\" selected hidden></option>\r\n                                                    <option disabled>--Please-select--</option>\r\n                                                    <option value=\"Business 01\" >Business 01</option>\r\n                                                    <option value=\"Business 02\" >Business 02</option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label >No Of Employees</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={onboarding.noOfEmployees}\r\n                                                    onChange={(e) => setOnboarding({ ...onboarding, noOfEmployees: e.target.value })} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label >Annual Revenue</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={onboarding.annualRevenue}\r\n                                                    onChange={(e) => setOnboarding({ ...onboarding, annualRevenue: e.target.value })} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                <label >Additional Details</label>\r\n                                                <textarea className=\"form-control\" id=\"firstName\" value={onboarding.additionalDetails}\r\n                                                    onChange={(e) => setOnboarding({ ...onboarding, additionalDetails: e.target.value })} />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                            <label htmlFor=\"address1\" className='f-badge-title'>Address Line 1</label>\r\n                                            <textarea className=\"form-control form-control-sm mt-1\" id='address1' rows=\"1\"\r\n                                            // value={datas.addressLine1} onChange={(e) => {\r\n                                            //     setDatas({ ...datas, addressLine1: e.target.value })\r\n                                            // }} \r\n                                            />\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                            <label htmlFor=\"address2\" className='f-badge-title'>Address Line 2</label>\r\n                                            <textarea className=\"form-control form-control-sm mt-1\" id='address2' rows=\"1\"\r\n                                            //  value={datas.addressLine2} onChange={(e) => {\r\n                                            //     setDatas({ ...datas, addressLine2: e.target.value })\r\n                                            // }} \r\n                                            />\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                            <div className='row'>\r\n                                                <div className='col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6'>\r\n                                                    <label htmlFor=\"state\" className='f-badge-title'>State</label>\r\n                                                    <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='state'\r\n                                                    // value={datas.state} onChange={(e) => {\r\n                                                    //     setDatas({ ...datas, state: e.target.value })\r\n                                                    // }} \r\n                                                    />\r\n                                                </div>\r\n\r\n                                                <div className='col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6'>\r\n                                                    <label htmlFor=\"zip\" className='f-badge-title'>Zip</label>\r\n                                                    <input className=\"form-control form-control-sm mt-1\" type='tel' id='zip'\r\n                                                    //  value={datas.pinCode} onChange={(e) => {\r\n                                                    //     setDatas({ ...datas, pinCode: e.target.value })\r\n                                                    // }} \r\n                                                    />\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                            <label htmlFor=\"state\" className='f-badge-title'>City</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='city'\r\n                                            // value={datas.city} onChange={(e) => {\r\n                                            //     setDatas({ ...datas, city: e.target.value })\r\n                                            // }} \r\n                                            />\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                            <label htmlFor=\"country\" className='f-badge-title'>Country</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='country'\r\n                                            // value={datas.country} onChange={(e) => {\r\n                                            //     setDatas({ ...datas, country: e.target.value })\r\n                                            // }} \r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                        <label >City</label>\r\n                                        <select class=\"form-select mt-1\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                            <option value=\"\" selected hidden></option>\r\n                                            <option value=\"\" >--Please-select--</option>\r\n                                            {allCities && allCities.map((data,index) => {\r\n                                                return <option key={index} value={data.cityName}> {data.cityName} </option> \r\n                                            })}\r\n                                        </select>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                        <label >State</label>\r\n                                        <select class=\"form-select mt-1\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                            <option value=\"\" selected hidden></option>\r\n                                            <option value=\"\" >--Please-select--</option>\r\n                                            {allStates && allStates.map((data,index) => {\r\n                                                return <option key={index} value={data.stateName}> {data.stateName} </option> \r\n                                            })}\r\n                                        </select>\r\n                                    </div>\r\n                                </div>\r\n                            </div> */}\r\n\r\n\r\n\r\n                                    {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                        <label >Country</label>\r\n                                        <select class=\"form-select mt-1\" aria-label=\"Default select example\">\r\n                                            <option value=\"\" selected hidden></option>\r\n                                            <option value=\"\" >--Please-select--</option>\r\n                                            {allCountries && allCountries.map((data,index) => {\r\n                                                return <option key={index} value={data.countryName}> {data.countryName} </option> \r\n                                            })}\r\n                                        </select>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                        <label >Pin Code</label>\r\n                                        <select class=\"form-select mt-1\" aria-label=\"Default select example\">\r\n                                            <option value=\"\" selected hidden></option>\r\n                                            <option value=\"\" >--Please-select--</option>\r\n                                            {allPinCode && allPinCode.map((data,index) => {\r\n                                                return <option key={index} value={data.zipcode}> {data.zipcode} </option> \r\n                                            })}\r\n                                        </select>\r\n                                    </div>\r\n                                </div>\r\n                            </div> */}\r\n                                </div>\r\n                                <Buttons />\r\n                            </div>\r\n\r\n                        },\r\n                        {\r\n                            name: \"Tax Information\",\r\n                            Components: () => <div className=\"container-form\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-8 mt-2\">\r\n                                                <label htmlFor=\"Account-Name\">Company identification number (CIN)</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"Account-Name\" type=\"text\" />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-8 mt-2\">\r\n                                                <label >Business PAN (Permanent Account Number)</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"Account-Name\" type=\"text\" />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-8 mt-2\">\r\n                                                <label >Goods & Services Tax (GST) Identification number</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"Account-Name\" type=\"text\" />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-8 mt-2\">\r\n                                                <label >Tax deduction account number (TAN)</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"Account-Name\" type=\"text\" />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n\r\n                                    </div>\r\n\r\n                                    {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                    <label >City</label>\r\n                                    <select class=\"form-select mt-1\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                        <option value=\"\" selected hidden></option>\r\n                                        <option value=\"\" >--Please-select--</option>\r\n                                        {allCities && allCities.map((data,index) => {\r\n                                            return <option key={index} value={data.cityName}> {data.cityName} </option> \r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n\r\n                                <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                    <label >State</label>\r\n                                    <select class=\"form-select mt-1\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                        <option value=\"\" selected hidden></option>\r\n                                        <option value=\"\" >--Please-select--</option>\r\n                                        {allStates && allStates.map((data,index) => {\r\n                                            return <option key={index} value={data.stateName}> {data.stateName} </option> \r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n                            </div>\r\n                        </div> */}\r\n\r\n\r\n\r\n                                    {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                    <label >Country</label>\r\n                                    <select class=\"form-select mt-1\" aria-label=\"Default select example\">\r\n                                        <option value=\"\" selected hidden></option>\r\n                                        <option value=\"\" >--Please-select--</option>\r\n                                        {allCountries && allCountries.map((data,index) => {\r\n                                            return <option key={index} value={data.countryName}> {data.countryName} </option> \r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n\r\n                                <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                    <label >Pin Code</label>\r\n                                    <select class=\"form-select mt-1\" aria-label=\"Default select example\">\r\n                                        <option value=\"\" selected hidden></option>\r\n                                        <option value=\"\" >--Please-select--</option>\r\n                                        {allPinCode && allPinCode.map((data,index) => {\r\n                                            return <option key={index} value={data.zipcode}> {data.zipcode} </option> \r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n                            </div>\r\n                        </div> */}\r\n                                </div>\r\n                                <Buttons />\r\n                            </div>\r\n\r\n                        },\r\n\r\n                        {\r\n                            name: \"Contacts\",\r\n                            Components: () => <div className=\"container-form enquiry-contacts\">\r\n                                <div className=\"mt-3\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                            <div className=\"d-flex justify-content-between align-content-center\">\r\n                                                <label className=\"contacts1 contacts\">Administrative Contact</label>\r\n                                                <div className=\"d-flex align-items-center copy-content\">\r\n                                                    <span style={{ fontSize: '11px' }} className=\"text-primary\">Copy to All</span>\r\n                                                    <input type=\"checkbox\" className=\"mx-1 chx form-check-input\" onChange={(e) => { setOnboarding({ ...onboarding, isSameContact: e.target.checked }) }} />\r\n                                                </div>\r\n                                            </div>\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label >First Name</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={onboarding.administrativeContact.firstName}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, administrativeContact: { ...onboarding.administrativeContact, firstName: e.target.value } })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label htmlFor=\"lastName\">Last Name</label>\r\n                                                    <input className=\"form-control form-control-sm \" id=\"lastName\" type=\"text\" value={onboarding.administrativeContact.lastName}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, administrativeContact: { ...onboarding.administrativeContact, lastName: e.target.value } })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label >Designation</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={onboarding.administrativeContact.designation}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, administrativeContact: { ...onboarding.administrativeContact, designation: e.target.value } })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label >Department</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={onboarding.administrativeContact.department}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, administrativeContact: { ...onboarding.administrativeContact, department: e.target.value } })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-lg-12 col-xl-12 col-md-12 mt-2\">\r\n                                                    <label >Phone</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={onboarding.administrativeContact.phoneNo}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, administrativeContact: { ...onboarding.administrativeContact, phoneNo: e.target.value } })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label >Email</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={onboarding.administrativeContact.emailID}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, administrativeContact: { ...onboarding.administrativeContact, emailID: e.target.value } })} />\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                            <label className=\"contacts1 contacts\">Technical Contact</label>\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label >First Name</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={onboarding.technicalContact.firstName}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, technicalContact: { ...onboarding.technicalContact, firstName: e.target.value } })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label htmlFor=\"lastName\">Last Name</label>\r\n                                                    <input className=\"form-control form-control-sm \" id=\"lastName\" type=\"text\" value={onboarding.technicalContact.lastName}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, technicalContact: { ...onboarding.technicalContact, lastName: e.target.value } })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label >Designation</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={onboarding.technicalContact.designation}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, technicalContact: { ...onboarding.technicalContact, designation: e.target.value } })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label >Department</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={onboarding.technicalContact.department}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, technicalContact: { ...onboarding.technicalContact, department: e.target.value } })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-lg-12 col-xl-12 col-md-12 mt-2\">\r\n                                                    <label >Phone</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={onboarding.technicalContact.phoneNo}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, technicalContact: { ...onboarding.technicalContact, phoneNo: e.target.value } })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label >Email</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={onboarding.technicalContact.emailID}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, technicalContact: { ...onboarding.technicalContact, emailID: e.target.value } })} />\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                            <label className=\"contacts1 contacts\">Billing Contact</label>\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label >First Name</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={onboarding.billingContact.firstName}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, billingContact: { ...onboarding.billingContact, firstName: e.target.value } })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label htmlFor=\"lastName\">Last Name</label>\r\n                                                    <input className=\"form-control form-control-sm \" id=\"lastName\" type=\"text\" value={onboarding.billingContact.lastName}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, billingContact: { ...onboarding.billingContact, lastName: e.target.value } })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label >Designation</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={onboarding.billingContact.designation}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, billingContact: { ...onboarding.billingContact, designation: e.target.value } })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label >Department</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={onboarding.billingContact.department}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, billingContact: { ...onboarding.billingContact, department: e.target.value } })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-lg-12 col-xl-12 col-md-12 mt-2\">\r\n                                                    <label >Phone</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={onboarding.technicalContact.phoneNo}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, technicalContact: { ...onboarding.technicalContact, phoneNo: e.target.value } })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label >Email</label>\r\n                                                    <input className=\"form-control form-control-sm\" type=\"text\" value={onboarding.technicalContact.emailID}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, technicalContact: { ...onboarding.technicalContact, emailID: e.target.value } })} />\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                {/* buttons */}\r\n                                <Buttons />\r\n                            </div>\r\n                        },\r\n                        {\r\n                            name: \"Onboarding\",\r\n                            Components: () => <div className=\"container-form enquiry-contacts\">\r\n                                <div className=\"mt-3\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label >Agreement</label>\r\n                                                    <input className=\"form-control form-control-sm\" type=\"file\"\r\n                                                        onChange={(e) => {\r\n                                                            let img = e.target.files[0];\r\n                                                            const fileReader = new FileReader();\r\n                                                            fileReader.readAsDataURL(img)\r\n                                                            fileReader.onload = async () => {\r\n                                                                setOnboarding({ ...onboarding, entityBoarding: { ...onboarding.entityBoarding, agreement: fileReader.result } })\r\n                                                            }\r\n                                                            fileReader.onerror = async () => {\r\n                                                                return false\r\n                                                            }\r\n                                                        }} />\r\n                                                    {/* onChange={(e) => setOnboarding({ ...onboarding,technicalContact: {...onboarding.technicalContact, agreement:  e.target.value} })} */}\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label >NCNDA</label>\r\n                                                    <input className=\"form-control form-control-sm\" type=\"file\"\r\n                                                        onChange={(e) => {\r\n                                                            let img = e.target.files[0];\r\n                                                            const fileReader = new FileReader();\r\n                                                            fileReader.readAsDataURL(img)\r\n                                                            fileReader.onload = async () => {\r\n                                                                setOnboarding({ ...onboarding, entityBoarding: { ...onboarding.entityBoarding, ncnda: fileReader.result } })\r\n                                                            }\r\n                                                            fileReader.onerror = async () => {\r\n                                                                return false\r\n                                                            }\r\n                                                        }}\r\n                                                    />\r\n                                                    {/* // onChange={(e) => setOnboarding({ ...onboarding, entityBoarding: { ...onboarding.entityBoarding, ncnda: e.target.value } })} /> */}\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-lg-12 col-xl-12 col-md-12 mt-2\">\r\n                                                    <label>Terms of use</label>\r\n                                                    <input className=\"form-control form-control-sm\" type=\"file\"\r\n                                                        onChange={(e) => {\r\n                                                            let img = e.target.files[0];\r\n                                                            const fileReader = new FileReader();\r\n                                                            fileReader.readAsDataURL(img)\r\n                                                            fileReader.onload = async () => {\r\n                                                                setOnboarding({ ...onboarding, entityBoarding: { ...onboarding.entityBoarding, termsOfUse: fileReader.result } })\r\n                                                            }\r\n                                                            fileReader.onerror = async () => {\r\n                                                                return false\r\n                                                            }\r\n                                                        }} />\r\n                                                    {/* onChange={(e) => setOnboarding({ ...onboarding, entityBoarding: { ...onboarding.entityBoarding, termsOfUse: e.target.value } })} /> */}\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label className=\"contacts1 contacts\">Customer Type</label>\r\n                                                    <select class=\"form-select form-select-sm\" value={onboarding.entityBoarding.customerType}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, entityBoarding: { ...onboarding.entityBoarding, customerType: e.target.value } })}>\r\n                                                        <option value=\"\" selected hidden></option>\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        <option value=\"Paid Customer\" >Paid Customer</option>\r\n                                                        <option value=\"30 Days Trail\" >30 Days Trail</option>\r\n                                                        <option value=\"Demo Access\" > Demo Access </option>\r\n                                                    </select>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label >Hosting Type</label>\r\n                                                    <select class=\"form-select form-select-sm\" value={onboarding.entityBoarding.hostingType}\r\n                                                        onChange={(e) => setOnboarding({ ...onboarding, entityBoarding: { ...onboarding.entityBoarding, hostingType: e.target.value } })}>\r\n                                                        <option value=\"\" selected hidden></option>\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        <option value=\"Public Cloud\" >Public Cloud</option>\r\n                                                        <option value=\"Private Cloud\" >Private Cloud</option>\r\n                                                    </select>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                {/* buttons */}\r\n                                <Buttons />\r\n                            </div>\r\n                        },\r\n                    ]}\r\n                />\r\n            </div>\r\n            <NxFooter className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport { NxLoader, NxTitleTab, } from '@afiplfeed/itr-app';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\n\r\nfunction AddSupport(props) {\r\n    const [load, setLoad] = useState(false);\r\n    const [addSupport, setAddSupport] = useState({\r\n        subject: '',\r\n        apps: '',\r\n        priority: '',\r\n        supportType: '',\r\n        status: '',\r\n        feedback: '',\r\n        Attachments: ''\r\n    });\r\n\r\n    const [userApps, setUserApps] = useState([])\r\n\r\n    let history = useHistory();\r\n    useEffect(() => {\r\n        ItrApiService.GET({ url: 'DevOps/Enrollment/ListAllApp' }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setUserApps(res.result.data)\r\n                    }\r\n                }\r\n            }\r\n        })\r\n    }, []);\r\n\r\n    return (\r\n        <div >\r\n            <NxLoader state={load} />\r\n            <Headers />\r\n            <div>\r\n                <NxTitleTab title='New Support' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} />\r\n                <div className=\"px-5\">\r\n                    <div className=\"row\" style={{ display: 'flex' }}>\r\n                        <div className=\"left-form\" style={{ width: '50%' }}>\r\n                            <div className=\"mt-2\">\r\n                                <label htmlFor=\"subject\">Subject</label>\r\n                                <input type=\"text\" className=\"form-control\" id=\"subject\"\r\n                                    onChange={(e) => setAddSupport({ ...addSupport, subject: e.target.value })} />\r\n                            </div>\r\n\r\n                            <div className=\"mt-2\">\r\n                                <label htmlFor=\"apps\">Apps</label>\r\n                                <select className=\"form-select\" id=\"prority\"\r\n                                    onChange={(e) => setAddSupport({ ...addSupport, apps: e.target.value })}>\r\n                                    <option value=\"\" disabled selected>--please select--</option>\r\n                                    {userApps.map((item, index) => {\r\n                                        return <option key={index} value={item.serviceName}>{item.serviceName}</option>\r\n                                    })}\r\n                                </select>\r\n                            </div>\r\n\r\n                            <div className=\"mt-2\">\r\n                                <label htmlFor=\"prority\">Prority</label>\r\n                                <select className=\"form-select\" id=\"prority\"\r\n                                    onChange={(e) => setAddSupport({ ...addSupport, priority: e.target.value })}>\r\n                                    <option value=\"\" disabled selected>--please select--</option>\r\n                                    <option value=\"Critical\">Critical</option>\r\n                                    <option value=\"High\">High</option>\r\n                                    <option value=\"Low\">Low</option>\r\n                                    <option value=\"Medium\">Medium</option>\r\n                                </select>\r\n                            </div>\r\n\r\n                            <div className=\"mt-2\">\r\n                                <label htmlFor=\"support-type\">Support Type</label>\r\n                                <select className=\"form-select\" id=\"support-type\"\r\n                                    onChange={(e) => setAddSupport({ ...addSupport, supportType: e.target.value })}>\r\n                                    <option value=\"\" disabled selected>--please select--</option>\r\n                                    <option value=\"Bug\">Bug</option>\r\n                                    <option value=\"Change Request\">Change Request</option>\r\n                                    <option value=\"Enhancement\">Enhancement</option>\r\n                                    <option value=\"New Requirement\">New Requirement</option>\r\n                                    <option value=\"Service Request\">Service Request</option>\r\n                                    <option value=\"Story\">Story</option>\r\n                                    <option value=\"Task\">Task</option>\r\n                                </select>\r\n                            </div>\r\n\r\n                            <div className=\"mt-2\">\r\n                                <label htmlFor=\"status\">Status</label>\r\n                                <select className=\"form-select\" id=\"status\"\r\n                                    onChange={(e) => setAddSupport({ ...addSupport, status: e.target.value })}>\r\n                                    <option value=\"\" disabled selected>--please select--</option>\r\n                                    <option value=\"Open\">Open</option>\r\n                                    <option value=\"InProgress\">InProgress</option>\r\n                                    <option value=\"Close\">Close</option>\r\n                                </select>\r\n                            </div>\r\n\r\n                            <div className=\"mt-2\">\r\n                                <label htmlFor=\"feedback\">Feedback</label>\r\n                                <textarea rows=\"3\" className=\"form-control\" id=\"feedback\"\r\n                                    onChange={(e) => setAddSupport({ ...addSupport, feedback: e.target.value })} />\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"right-form\" style={{ width: '50%' }}>\r\n                            <div className=\"mt-2\">\r\n                                <label htmlFor=\"attachments\">Attachments</label>\r\n                                <input type=\"file\" className=\"form-control\" id=\"attachments\" />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <hr />\r\n                </div>\r\n                <div style={{ display: 'flex' }} className=\"px-5\">\r\n                    <button className=\"btn btn-primary buttons\" onClick={() => {\r\n                        setLoad(true);\r\n                        ItrAuthService.GetUserInfo().then(data => {\r\n                            let send = {\r\n                                \"supportID\": 0,\r\n                                \"raisedDate\": \"2021-10-20T10:08:05.586Z\",\r\n                                \"entityUserCode\": data.result.entityCode,\r\n                                \"isActive\": true,\r\n                                \"subject\": addSupport.subject,\r\n                                \"priority\": addSupport.priority,\r\n                                \"appCode\": addSupport.apps,\r\n                                \"status\": addSupport.status,\r\n                                \"supportType\": addSupport.supportType,\r\n                                \"assignee\": \"String\",\r\n                                \"reporterTo\": \"String\",\r\n                                \"feedback\": addSupport.feedback,\r\n                                \"supportAttachments\": [],\r\n                                \"supportComments\": []\r\n                            }\r\n                            // \"{  \\\"isActive\\\": true,  \\\"supportID\\\": 0,  \\\"raisedDate\\\": \\\"2021-10-20T10:08:05.586Z\\\",  \\\"entityUserCode\\\": \\\"string\\\",  \\\"subject\\\": \\\"string\\\",  \\\"priority\\\": \\\"string\\\",  \\\"appID\\\": 0,  \\\"status\\\": \\\"string\\\",  \\\"supportType\\\": \\\"string\\\",  \\\"assignee\\\": \\\"string\\\",  \\\"reporterTo\\\": \\\"string\\\",  \\\"dueDate\\\": \\\"2021-10-20T10:08:05.586Z\\\",  \\\"feedback\\\": \\\"string\\\" }\"\r\n                            ItrApiService.POST({ data: send, url: \"ITOps/Support/SaveSupport\" }).then(resp => {\r\n                                setAddSupport({\r\n                                    subject: '',\r\n                                    apps: '',\r\n                                    priority: '',\r\n                                    supportType: '',\r\n                                    status: '',\r\n                                    feedback: '',\r\n                                    Attachments: ''\r\n                                });\r\n                                setLoad(false);\r\n                                history.goBack();\r\n                            })\r\n                        })\r\n                    }}> Save</button>\r\n                    <button className=\"btn close btn-outline-light\" style={{ marginLeft: '20px' }} > close</button>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default AddSupport;","import { NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport { useHistory } from 'react-router-dom'\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { Tabs } from 'antd';\r\nimport LicenseManagement from \"../../LicenseManagement/licenseManagement\";\r\n\r\nfunction BillerInformation() {\r\n    const { TabPane } = Tabs;\r\n\r\n    // country\r\n    const [allCountries, setAllCountries] = useState([]);\r\n    const getCountry = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/Country/GetCountries'\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let getCustomerDetails = result.result.data;\r\n                if (result.result.data) {\r\n                    setAllCountries(getCustomerDetails);\r\n                }\r\n            }\r\n            else if (result.result.isSuccess == false) {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n    }\r\n\r\n\r\n\r\n    // currency\r\n    const [allCurrency, setAllCurrency] = useState([]);\r\n    const getCurrency = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/Currency/GetCurrencies'\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let getCustomerDetails = result.result.data;\r\n                if (result.result.data) {\r\n                    setAllCurrency(getCustomerDetails);\r\n                }\r\n            }\r\n            else if (result.result.isSuccess == false) {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n    }\r\n\r\n\r\n\r\n    const history = useHistory();\r\n    const [loader, setLoader] = useState(false);\r\n    const [datas, setDatas] = useState({\r\n        \"billerInfoID\": 0,\r\n        \"businessName\": \"\",\r\n        \"supportEmail\": \"\",\r\n        \"supportPhone\": \"\",\r\n        \"businessWebsite\": \"\",\r\n        \"businessLogo\": \"\",\r\n        \"addressLine1\": \"\",\r\n        \"addressLine2\": \"\",\r\n        \"city\": \"\",\r\n        \"state\": \"\",\r\n        \"pinCode\": \"\",\r\n        \"country\": 0,\r\n        \"cin\": \"\",\r\n        \"pan\": \"\",\r\n        \"gst\": \"\",\r\n        \"tan\": \"\",\r\n        \"currency\": 0,\r\n        \"currencyName\": \"\"\r\n    });\r\n    const [activeString, setActiveString] = useState('1')\r\n\r\n    useEffect(() => {\r\n        let s = sessionStorage.getItem('rc');\r\n        if (s) {\r\n            setActiveString(s)\r\n        }\r\n        setLoader(true);\r\n        ItrApiService.GET({ url: 'RevOps/BillerInformation' }).then(res => {\r\n            setLoader(false);\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setDatas(res.result.data);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n        getCountry();\r\n        getCurrency();\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxLoader state={loader} />\r\n            <NxTitleTab className=\"title-tab\" title=\"Organization\" onCloseClick={() => history.goBack()} />\r\n            <div className=\"billing-tabs billing-main\">\r\n                <Tabs defaultActiveKey=\"1\" type=\"card\" activeKey={activeString} onChange={(e) => {\r\n                    setActiveString(e);\r\n                    sessionStorage.setItem('rc', e)\r\n                }}>\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }}>Primary Information</span>\r\n                    </div>} key=\"1\">\r\n                        <div className=\"card w-100 mt-0\">\r\n                            <div className=\"card-body p-0 mb-5\" >\r\n                                <div className=\"row p-3 mx-1\">\r\n                                    <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                            <label htmlFor=\"billerName\" className='f-badge-title'>Organization Name</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='billerName' value={datas.businessName} onChange={(e) => {\r\n                                                setDatas({ ...datas, businessName: e.target.value })\r\n                                            }} />\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                            <label htmlFor=\"email\" className='f-badge-title'>Email</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type=\"email\" id='email' value={datas.supportEmail} onChange={(e) => {\r\n                                                setDatas({ ...datas, supportEmail: e.target.value })\r\n                                            }} />\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                            <label htmlFor=\"phNo\" className='f-badge-title' >Phone Number</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type=\"tel\" id='phNo' value={datas.supportPhone} onChange={(e) => {\r\n                                                setDatas({ ...datas, supportPhone: e.target.value })\r\n                                            }} />\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                            <label htmlFor=\"website\" className='f-badge-title'>Website</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type=\"url\" id='website' value={datas.businessWebsite} onChange={(e) => {\r\n                                                setDatas({ ...datas, businessWebsite: e.target.value })\r\n                                            }} />\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                            <label htmlFor=\"logo\" className='f-badge-title'>Upload Logo</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type=\"file\" id='logo' onChange={(e) => {\r\n                                                let img = e.target.files[0];\r\n                                                const fileReader = new FileReader();\r\n                                                fileReader.readAsDataURL(img)\r\n                                                fileReader.onload = async () => {\r\n                                                    setDatas({ ...datas, businessLogo: fileReader.result })\r\n                                                }\r\n                                                fileReader.onerror = async () => {\r\n                                                    return false\r\n                                                }\r\n                                            }} />\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                            <label htmlFor=\"address1\" className='f-badge-title'>Address Line 1</label>\r\n                                            <textarea className=\"form-control form-control-sm mt-1\" id='address1' rows=\"1\" value={datas.addressLine1} onChange={(e) => {\r\n                                                setDatas({ ...datas, addressLine1: e.target.value })\r\n                                            }} />\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                            <label htmlFor=\"address2\" className='f-badge-title'>Address Line 2</label>\r\n                                            <textarea className=\"form-control form-control-sm mt-1\" id='address2' rows=\"1\" value={datas.addressLine2} onChange={(e) => {\r\n                                                setDatas({ ...datas, addressLine2: e.target.value })\r\n                                            }} />\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                            <div className='row'>\r\n                                                <div className='col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6'>\r\n                                                    <label htmlFor=\"state\" className='f-badge-title'>State</label>\r\n                                                    <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='state' value={datas.state} onChange={(e) => {\r\n                                                        setDatas({ ...datas, state: e.target.value })\r\n                                                    }} />\r\n                                                </div>\r\n\r\n                                                <div className='col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6'>\r\n                                                    <label htmlFor=\"zip\" className='f-badge-title'>Zip</label>\r\n                                                    <input className=\"form-control form-control-sm mt-1\" type='tel' id='zip' value={datas.pinCode} onChange={(e) => {\r\n                                                        setDatas({ ...datas, pinCode: e.target.value })\r\n                                                    }} />\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                            <label htmlFor=\"state\" className='f-badge-title'>City</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='city' value={datas.city} onChange={(e) => {\r\n                                                setDatas({ ...datas, city: e.target.value })\r\n                                            }} />\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                            <label htmlFor=\"country\" className='f-badge-title'>Country</label>\r\n                                            <select className=\"form-select form-select-sm mt-1\"\r\n                                                value={datas.country} onChange={(e) => {\r\n                                                    setDatas({ ...datas, country: e.target.value })\r\n                                                }}\r\n                                            >\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                {allCountries.map((country, index) => {\r\n                                                    return <option key={index} value={country.countryID}> {country.countryName} </option>\r\n                                                })}\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className='text-end'>\r\n                                        <button className='btn btn-primary mt-4 mb-5' onClick={() => {\r\n                                            setLoader(true);\r\n                                            ItrApiService.POST({ data: datas, url: 'RevOps/BillerInformation' }).then(res => {\r\n                                                if (res.Success == true) {\r\n                                                    if (res.result.isSuccess == true) {\r\n                                                        NotificationManager.success('Updated!');\r\n                                                        setLoader(false);\r\n                                                    }\r\n                                                    else {\r\n                                                        setLoader(false);\r\n                                                        NotificationManager.error(res.result.message);\r\n                                                    }\r\n                                                }\r\n                                                else {\r\n                                                    setLoader(false);\r\n                                                    NotificationManager.error(res.message);\r\n                                                }\r\n                                            })\r\n                                        }}>Save</button>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </TabPane>\r\n\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }}>Billing Information</span>\r\n                    </div>} key=\"2\">\r\n                        <div className=\"card password-policy-main mt-0\">\r\n                            <div className=\"card-body p-0 mb-5\">\r\n                                <div className=\"row p-3 mx-1\">\r\n                                    <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                            <label htmlFor=\"cin\" className='f-badge-title'>Company identification number (CIN)</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='cin' value={datas.cin} onChange={(e) => {\r\n                                                setDatas({ ...datas, cin: e.target.value })\r\n                                            }} />\r\n                                        </div>\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                            <label htmlFor=\"cin\" className='f-badge-title'>Business PAN (Permanent Account Number)</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='cin' value={datas.pan} onChange={(e) => {\r\n                                                setDatas({ ...datas, pan: e.target.value })\r\n                                            }} />\r\n                                        </div>\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                            <label htmlFor=\"gst\" className='f-badge-title'>Goods & Services Tax (GST) Identification number</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='gst' value={datas.gst} onChange={(e) => {\r\n                                                setDatas({ ...datas, gst: e.target.value })\r\n                                            }} />\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                            <label htmlFor=\"tan\" className='f-badge-title'>Tax deduction account number (TAN)</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='tan' value={datas.tan} onChange={(e) => {\r\n                                                setDatas({ ...datas, tan: e.target.value })\r\n                                            }} />\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                            <label htmlFor=\"tan\" className='f-badge-title'>Base Currency</label>\r\n                                            <select className=\"form-select form-select-sm mt-1\"\r\n                                                value={datas.currency}\r\n                                                onChange={(e) => {\r\n                                                    setDatas({ ...datas, currency: e.target.value })\r\n                                                }}\r\n                                            >\r\n                                                {allCurrency && allCurrency.map((data, index) => {\r\n                                                    return <option key={index} value={data.currencyID}> {data.currencyName} </option>\r\n                                                })}\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </TabPane>\r\n\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }}>License Information</span>\r\n                    </div>} key=\"3\">\r\n                        <div className=\"card password-policy-main mt-0\">\r\n                            <div className=\"card-body p-0 mb-5\">\r\n                                <div className=\"row p-3 mx-1\">\r\n                                    <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                            <label htmlFor=\"cin\" className='f-badge-title'>Environment (Runtime) Licenses</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='cin' value={datas.cin} onChange={(e) => {\r\n                                                setDatas({ ...datas, cin: e.target.value })\r\n                                            }} />\r\n                                        </div>\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                            <label htmlFor=\"cin\" className='f-badge-title'>Developer Seat Licenses</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='cin' value={datas.pan} onChange={(e) => {\r\n                                                setDatas({ ...datas, pan: e.target.value })\r\n                                            }} />\r\n                                        </div>\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                            <label htmlFor=\"gst\" className='f-badge-title'>End User Licenses</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='gst' value={datas.gst} onChange={(e) => {\r\n                                                setDatas({ ...datas, gst: e.target.value })\r\n                                            }} />\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                            <label htmlFor=\"tan\" className='f-badge-title'>Apps Enrollment</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='tan' value={datas.tan} onChange={(e) => {\r\n                                                setDatas({ ...datas, tan: e.target.value })\r\n                                            }} />\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                            <label htmlFor=\"tan\" className='f-badge-title'>Support</label>\r\n                                            <select className=\"form-select form-select-sm mt-1\"\r\n                                                value={datas.currency}\r\n                                                onChange={(e) => {\r\n                                                    setDatas({ ...datas, currency: e.target.value })\r\n                                                }}\r\n                                            >\r\n                                                <option key={1} value=\"Basic\"> Basic </option>\r\n                                                <option key={2} value=\"Enterprise\"> Enterprise </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </TabPane>\r\n\r\n                    {/* <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }}>License Vault</span>\r\n                    </div>} key=\"4\">\r\n                        <LicenseManagement />\r\n                    </TabPane> */}\r\n                </Tabs>\r\n                {/* <div className=\"card password-policy-main mt-0\">\r\n                    <div className=\"card-body p-0 mb-5\">\r\n                        <div className=\"row p-3 mx-1\">\r\n                            <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <label htmlFor=\"billerName\" className='f-badge-title'>Organization Name</label>\r\n                                    <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='billerName'\r\n                                        value={datas.businessName} onChange={(e) => {\r\n                                            setDatas({ ...datas, businessName: e.target.value })\r\n                                        }} />\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                    <label htmlFor=\"email\" className='f-badge-title'>Email</label>\r\n                                    <input className=\"form-control form-control-sm mt-1\" type=\"email\" id='email'\r\n                                        value={datas.supportEmail} onChange={(e) => {\r\n                                            setDatas({ ...datas, supportEmail: e.target.value })\r\n                                        }} />\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                    <label htmlFor=\"phNo\" className='f-badge-title'>Phone Number</label>\r\n                                    <input className=\"form-control form-control-sm mt-1\" type=\"tel\" id='phNo' value={datas.supportPhone}\r\n                                        onChange={(e) => {\r\n                                            setDatas({ ...datas, supportPhone: e.target.value })\r\n                                        }} />\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                    <label htmlFor=\"website\" className='f-badge-title'>Website</label>\r\n                                    <input className=\"form-control form-control-sm mt-1\" type=\"url\" id='website'\r\n                                        value={datas.businessWebsite} onChange={(e) => {\r\n                                            setDatas({ ...datas, businessWebsite: e.target.value })\r\n                                        }} />\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                    <label htmlFor=\"logo\" className='f-badge-title'>Upload Logo</label>\r\n                                    <input className=\"form-control form-control-sm mt-1\" type=\"file\" id='logo' onChange={(e) => {\r\n                                        let img = e.target.files[0];\r\n                                        const fileReader = new FileReader();\r\n                                        fileReader.readAsDataURL(img)\r\n                                        fileReader.onload = async () => {\r\n                                            setDatas({ ...datas, businessLogo: fileReader.result })\r\n                                        }\r\n                                        fileReader.onerror = async () => {\r\n                                            return false\r\n                                        }\r\n                                    }} />\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                    <label htmlFor=\"address1\" className='f-badge-title'>Address Line 1</label>\r\n                                    <textarea className=\"form-control form-control-sm mt-1\" id='address1' rows=\"1\"\r\n                                        value={datas.addressLine1} onChange={(e) => {\r\n                                            setDatas({ ...datas, addressLine1: e.target.value })\r\n                                        }} />\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                    <label htmlFor=\"address2\" className='f-badge-title'>Address Line 2</label>\r\n                                    <textarea className=\"form-control form-control-sm mt-1\" id='address2' rows=\"1\" value={datas.addressLine2} onChange={(e) => {\r\n                                        setDatas({ ...datas, addressLine2: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <label htmlFor=\"state\" className='f-badge-title'>State</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='state' value={datas.state} onChange={(e) => {\r\n                                                setDatas({ ...datas, state: e.target.value })\r\n                                            }} />\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <label htmlFor=\"zip\" className='f-badge-title'>Zip</label>\r\n                                            <input className=\"form-control form-control-sm mt-1\" type='tel' id='zip' value={datas.pinCode} onChange={(e) => {\r\n                                                setDatas({ ...datas, pinCode: e.target.value })\r\n                                            }} />\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <label htmlFor=\"state\" className='f-badge-title'>City</label>\r\n                                    <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='city' value={datas.city} onChange={(e) => {\r\n                                        setDatas({ ...datas, city: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <label htmlFor=\"country\" className='f-badge-title'>Country</label>\r\n                                    <select className=\"form-select form-select-sm mt-1\"\r\n                                        value={datas.country} onChange={(e) => {\r\n                                            setDatas({ ...datas, country: e.target.value })\r\n                                        }}\r\n                                    >\r\n                                        <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                        {allCountries.map((country, index) => {\r\n                                            return <option key={index} value={country.countryID}> {country.countryName} </option>\r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n\r\n\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <label htmlFor=\"cin\" className='f-badge-title'>Company identification number (CIN)</label>\r\n                                    <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='cin' value={datas.cin} onChange={(e) => {\r\n                                        setDatas({ ...datas, cin: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <label htmlFor=\"cin\" className='f-badge-title'>Business PAN (Permanent Account Number)</label>\r\n                                    <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='cin' value={datas.pan} onChange={(e) => {\r\n                                        setDatas({ ...datas, pan: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <label htmlFor=\"gst\" className='f-badge-title'>Goods & Services Tax (GST) Identification number</label>\r\n                                    <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='gst' value={datas.gst} onChange={(e) => {\r\n                                        setDatas({ ...datas, gst: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <label htmlFor=\"tan\" className='f-badge-title'>Tax deduction account number (TAN)</label>\r\n                                    <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='tan' value={datas.tan} onChange={(e) => {\r\n                                        setDatas({ ...datas, tan: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <label htmlFor=\"tan\" className='f-badge-title'>Base Currency</label>\r\n                                    <select className=\"form-select form-select-sm mt-1\"\r\n                                        value={datas.currency}\r\n                                        onChange={(e) => {\r\n                                            setDatas({ ...datas, currency: e.target.value })\r\n                                        }}\r\n                                    >\r\n                                        {allCurrency && allCurrency.map((data, index) => {\r\n                                            return <option key={index} value={data.currencyID}> {data.currencyName} </option>\r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className='text-end'>\r\n                                <button className='btn btn-primary mt-4 mb-5' onClick={() => {\r\n                                    setLoader(true);\r\n                                    ItrApiService.POST({ data: datas, url: 'RevOps/BillerInformation' }).then(res => {\r\n                                        if (res.Success == true) {\r\n                                            if (res.result.isSuccess == true) {\r\n                                                NotificationManager.success('Updated!');\r\n                                                setLoader(false);\r\n                                            }\r\n                                            else {\r\n                                                setLoader(false);\r\n                                                NotificationManager.error(res.result.message);\r\n                                            }\r\n                                        }\r\n                                        else {\r\n                                            setLoader(false);\r\n                                            NotificationManager.error(res.message);\r\n                                        }\r\n                                    })\r\n                                }}>Save</button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div> */}\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default BillerInformation;","import React, { useState, useEffect } from 'react';\r\nimport './Taxation.css';\r\nimport { useHistory } from 'react-router';\r\nimport { NxTitleTab, NxLoader, NxFooter, NxGridList, NxActionTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { Countries } from '../../../general/general';\r\nimport { Switch } from 'antd';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport moment from 'moment';\r\nimport { NotificationManager } from 'react-notifications';\r\n\r\n\r\n\r\nconst splits = async (dests, setData, setExport) => {\r\n    let arr = [];\r\n    let arr2 = [];\r\n    for (let value of dests) {\r\n        let data = [value.billOriginCountryName, moment(value.recordedDate).format('DD/MM/YYYY'), moment(value.modifiedDate).format('DD/MM/YYYY'), value.recordedBy];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Billing Origination Country': value.billOriginCountryName,\r\n            'Created Date': moment(value.recordedDate).format('DD/MM/YYYY'),\r\n            'Updated date': moment(value.modifiedDate).format('DD/MM/YYYY'),\r\n            'Updated By': value.recordedBy\r\n        }\r\n        arr2 = [...arr2, obj2];\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\n\r\nconst splits2 = async (dests, setData) => {\r\n    let arr = [];\r\n    // for (let value of dests) {\r\n    let data = [dests.billOriginCountryName, dests.pat];\r\n    let obj = { sendItem: dests, data: data };\r\n    arr = [...arr, obj]\r\n    // }\r\n    setData(arr)\r\n}\r\n\r\n\r\nexport default function Taxation() {\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n    const [exportVal, setExport] = useState([]);\r\n    const [data, setData] = useState([])\r\n    useEffect(() => {\r\n        setLoading(true);\r\n        ItrApiService.GET({ url: 'RevOps/Taxation/GetTaxations' }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        splits(res.result.data, setData, setExport)\r\n                    }\r\n                } else {\r\n                    NotificationManager.error(res.result.message);\r\n                }\r\n            } else {\r\n                NotificationManager.error(res.message);\r\n            }\r\n            setLoading(false);\r\n        })\r\n    }, [])\r\n    return (\r\n        <div>\r\n            {/* <Headers /> */}\r\n            <NxLoader state={loading} />\r\n            {/* <NxTitleTab className=\"title-tab\" title='3D Taxation' onCloseClick={() => history.goBack()} /> */}\r\n            <>\r\n                <div className=\"card1 mt-0\">\r\n                    <div className=\"card-body1\">\r\n                        <div className=\"container-form mb-5\">\r\n                            <div className='d-flex justify-content-between align-items-center'>\r\n                                {/* <NxActionTab className=\"resource-groups-list-action-tab px-0\"\r\n                                    exportValue={exportVal}\r\n                                    fileName='Taxation'\r\n                                    onRefreshClick={() => {\r\n                                        \r\n                                    }}\r\n                                    onNewEntryClick={() => {\r\n                                        \r\n                                    }}\r\n                                    enableNewEntry={false}\r\n                                /> */}\r\n                                {/* <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/taxation/add')}>New Tax Matrix </button> */}\r\n                            </div>\r\n                            <div className=\"row mt-0 mx-0\">\r\n                                <NxGridList\r\n                                    enableSearch={false}\r\n                                    autoSearch={false}\r\n                                    enableAutoPagination={false}\r\n                                    showShowing={false}\r\n                                    header={[\r\n                                        {\r\n                                            name: 'Billing Origination Country',\r\n                                            search: true,\r\n                                            sort: true,\r\n                                        },\r\n                                        {\r\n                                            name: 'Created Date',\r\n                                            sort: true,\r\n                                        },\r\n                                        {\r\n                                            name: 'Updated Date',\r\n                                            sort: true,\r\n                                        },\r\n                                        {\r\n                                            name: 'Updated By',\r\n                                            search: true,\r\n                                        },\r\n                                    ]}\r\n                                    data={data}\r\n                                    rowClick={(e) => {\r\n                                        history.push({\r\n                                            pathname: '/taxation/edit',\r\n                                            state: e\r\n                                        });\r\n                                    }}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </>\r\n            {/* <NxFooter className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} /> */}\r\n        </div >\r\n    )\r\n}\r\n","import { NxFooter, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { Countries } from '../../../general/general';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\n\r\nfunction AddTaxation() {\r\n    const [cityData, setCityData] = useState(Countries);\r\n    const [loading, setLoading] = useState(false);\r\n    const history = useHistory();\r\n    const [cked, setCked] = useState(false);\r\n    const [cityVal, setCityVal] = useState([]);\r\n    const [data, setData] = useState([]);\r\n    const [orginCity, setOrginCity] = useState(0);\r\n\r\n\r\n    useEffect(() => {\r\n        setLoading(true)\r\n        ItrApiService.GET({ url: \"RevOps/Country/GetCountries\" }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data && res.result.data.length > 0) {\r\n                        setData(res.result.data);\r\n                        let arr = res.result.data;\r\n                        const arrWithValue = arr.map(object => {\r\n                            return { taxationID: 0, taxationMapID: 0, billDestinationCountryID: object.countryID, countryName: object.countryName, tax: 0 };\r\n                        });\r\n                        setCityVal(arrWithValue);\r\n                    }\r\n                }\r\n            }\r\n            setLoading(false)\r\n        })\r\n    }, [])\r\n\r\n    return (\r\n        <div className=\"mb-5\" style={{ backgroundColor: '#fff' }}>\r\n            <Headers />\r\n            <NxLoader state={loading} />\r\n            <NxFooter />\r\n\r\n            <div className=\"card1 mx-1 mt-0 taxation-main\">\r\n\r\n                <div className=\"card-body1\" >\r\n                    <div className=\"container-form mb-5\">\r\n                        <div>\r\n                            <NxTitleTab title=\"Add 3D Taxation\" className=\"title-tab px-0\" onCloseClick={() => { history.goBack() }} />\r\n                            <div className=\"col-12 col-sm-4 col-md-6 col-lg-6 col-xl-6 mt-4 px-4\">\r\n                                <label className='fw-bold f-badge-title' style={{ fontSize: '16px' }}>Billing Origination</label>\r\n                                <select className=\"form-select form-select-sm\" value={orginCity} onChange={(e) => {\r\n                                    setOrginCity(parseInt(e.target.value));\r\n                                }}>\r\n                                    <option value={0} selected disabled> -- Please Select -- </option>\r\n                                    {data.map((item, index) => {\r\n                                        return <option value={item.countryID}>{item.countryName}</option>\r\n                                    })}\r\n                                </select>\r\n                            </div>\r\n\r\n                            <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-5 px-4\">\r\n                                <div className='table-hover table-wrapper-scroll-y table-responsive my-custom-scrollbar'>\r\n                                    <table class=\"table table-bordered  mb-0 w-75\">\r\n                                        <thead>\r\n                                            <tr>\r\n                                                <th scope=\"col\" style={{ fontSize: '16px' }}>Billing Destination</th>\r\n                                                <th scope=\"col\" style={{ fontSize: '16px' }}>\r\n                                                    <div className='d-flex justify-content-between align-items-center'>\r\n                                                        <span> Tax % </span>\r\n                                                        <div className='d-flex align-items-center'>\r\n                                                            <span className='text-primary' style={{ fontSize: '14px' }}> Copy to All </span>\r\n                                                            <input type=\"checkbox\" className='form-checkbox mx-2' checked={cked} onChange={(e) => {\r\n                                                                setCked(e.target.checked);\r\n                                                                let vals = cityVal[0].tax;\r\n                                                                if (e.target.checked == true) {\r\n                                                                    let newArrs = cityVal.map(obj => {\r\n                                                                        return { ...obj, tax: vals };\r\n                                                                    });\r\n                                                                    setCityVal(newArrs);\r\n                                                                }\r\n                                                            }} />\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </th>\r\n                                            </tr>\r\n                                        </thead>\r\n                                        <tbody>\r\n                                            {cityVal.map((data, index) => <tr className=''>\r\n                                                <td style={{ fontSize: '14px' }}>{data.countryName}</td>\r\n                                                <td>\r\n                                                    <input value={data.tax} style={{ fontSize: '14px' }} type='tel' className='form-control form-control-sm' onChange={(e) => {\r\n                                                        if (cked == false) {\r\n                                                            let newArr = [...cityVal];\r\n                                                            newArr[index].tax = e.target.value != '' ? parseFloat(e.target.value) : null;\r\n                                                            setCityVal(newArr);\r\n                                                        } else {\r\n                                                            let newArrs = cityVal.map(obj => {\r\n                                                                return { ...obj, tax: e.target.value != '' ? parseFloat(e.target.value) : null };\r\n                                                            });\r\n                                                            setCityVal(newArrs);\r\n                                                        }\r\n\r\n                                                    }} />\r\n                                                </td>\r\n                                            </tr>)}\r\n                                        </tbody>\r\n                                    </table>\r\n                                </div>\r\n                                <div className='mt-2 mb-5 text-end'>\r\n                                    <button className='btn btn-primary btn-sm' onClick={() => {\r\n                                        let arr = cityVal;\r\n                                        const newArr = arr.map(object => {\r\n                                            delete object.countryName\r\n                                            return object;\r\n                                        });\r\n                                        setLoading(true);\r\n                                        ItrApiService.POST({\r\n                                            url: 'RevOps/Taxation/SaveTaxation',\r\n                                            data: {\r\n                                                \"taxationID\": 0,\r\n                                                \"billOriginCountryID\": orginCity,\r\n                                                \"taxationMaps\": newArr\r\n                                            }\r\n                                        }).then(rest => {\r\n                                            setLoading(false);\r\n                                            if (rest.Success == true) {\r\n                                                if (rest.result.isSuccess == true) {\r\n                                                    history.goBack()\r\n                                                }\r\n                                            }\r\n                                        })\r\n                                    }}> Save </button>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className='container'>\r\n                            <div className=\"row mt-4\">\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default AddTaxation;","import React, { useState, useEffect, useRef } from \"react\";\r\nimport './OnBoardingEdit.css';\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\nimport { ItrApiService, NxApiService } from '@afiplfeed/itr-ui';\r\nimport { NxBreadcrumb, NxTitleTab, NxCustomTab, NxLoader, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport { message, Steps, Button } from 'antd';\r\nimport { NotificationManager } from \"react-notifications\";\r\nimport { emailValid } from '../../config/Validation';\r\n\r\nexport default function OnBoardingEdit() {\r\n    const fileRef = useRef();\r\n\r\n    const [copyTo, setCopyTo] = useState(false);\r\n\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons mt-3 mb-5\">\r\n            <button className=\"btn btn-sm btn-primary buttons\" > Save</button>\r\n            <button className=\"btn btn-sm btn-primary buttons\"> Onboard</button>\r\n            <button className=\"btn btn-sm btn-primary buttons\"> Previous</button>\r\n            <button className=\"btn btn-sm btn-primary buttons\"> Next</button>\r\n            <button className=\"btn btn-sm close btn-outline-primary\" onClick={() => history.goBack()}> Cancel</button>\r\n        </div>\r\n    }\r\n\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    // cities\r\n    const [allCities, setAllCities] = useState([]);\r\n    const getCities = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/City/GetAllCities'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setAllCities(getCustomerDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n    // states\r\n    const [allStates, setAllStates] = useState([]);\r\n    const getStates = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/State/GetAllStates'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setAllStates(getCustomerDetails);\r\n            }\r\n\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    const [currencyData, setCurrencyData] = useState([]);\r\n\r\n    const getCurrency = () => {\r\n        ItrApiService.GET({\r\n            url: 'RevOps/CurrencyExchangeRate/GetAllCurrencyExchangeRate'\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setCurrencyData(res.result.data);\r\n                    }\r\n                } else {\r\n                    NotificationManager.error(res.result.message);\r\n                }\r\n            } else {\r\n                NotificationManager.error(res.message);\r\n            }\r\n            setLoading(false);\r\n        });\r\n    }\r\n\r\n    // country\r\n    const [allCountries, setAllCountries] = useState([]);\r\n    const getCountry = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/Country/GetCountries'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setAllCountries(getCustomerDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    // pincode\r\n    const [allPinCode, setAllPinCode] = useState([]);\r\n    const getZipCodes = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/ZipCode/GetAllZipCodes'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setAllPinCode(getCustomerDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    const [billingTemplate, setBillingTemplate] = useState([]);\r\n    const getTemplate = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/BillingRule/GetBillingRules'\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setBillingTemplate(res.result.data);\r\n                    }\r\n                }\r\n            }\r\n            setLoading(false);\r\n        })\r\n    }\r\n\r\n    // AllUDo`s\r\n    let UdoData = [\"Enquiry Status\", \"Nature Of Business\", \"Industry\", \"Ownership\", \"Source\"];\r\n    const [allUdo, setAllUdo] = useState([]);\r\n    const [allUdoIndustry, setAllUdoIndustry] = useState([]);\r\n    const [allUdoOwnership, setAllUdoOwnership] = useState([]);\r\n    const getUdo = async () => {\r\n        let result = await ItrApiService.POST({\r\n            url: 'Platform/UserDefined/AllUDOs',\r\n            data: UdoData\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            let getOptions = getCustomerDetails[1].Options;\r\n            for (let val of getCustomerDetails) {\r\n                if (val.CategoryName == 'Industry') setAllUdoIndustry(val.Options);\r\n                if (val.CategoryName == 'Ownership') setAllUdoOwnership(val.Options);\r\n            }\r\n            setAllUdo(getOptions);\r\n\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    const [customers, setCustomers] = useState([]);\r\n    const getparent = async () => {\r\n        await ItrApiService.GET({ url: 'RevOps/Entity/GetEntities/true' }).then((resCustomers) => {\r\n            if (resCustomers.Success == true) {\r\n                if (resCustomers.result.isSuccess == true) {\r\n                    if (resCustomers.result.data) {\r\n                        setCustomers(resCustomers.result.data);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n\r\n    };\r\n    // Partners\r\n    const [allPartners, setAllPartners] = useState([]);\r\n    const getPartners = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/PartnerInformation'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getPartnerDetails = result.result.data;\r\n            setAllPartners(getPartnerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n        }\r\n    }\r\n\r\n    const [currency, setCurrency] = useState({\r\n        currency: 0,\r\n        currencyName: \"\"\r\n    });\r\n\r\n    const [editOnboarding, setEditOnboarding] = useState({});\r\n    const [editEntityId, setEditEntityId] = useState();\r\n    const [editEntityCode, setEditEntityCode] = useState();\r\n    const [editEnquiryCode, setEditEnquiryCode] = useState();\r\n    const [editEntityBoardingID, setEditEntityBoardingID] = useState();\r\n\r\n    const initiate = async () => {\r\n        setEditEntityId(location.state.passData.entityID);\r\n        setEditEntityCode(location.state.passData.entityCode);\r\n        setEditEnquiryCode(location.state.passData.enquiryID);\r\n        setEditEntityBoardingID(location.state.passData.entityBoardingID);\r\n        setLoading(true);\r\n        await getUdo();\r\n        await getPartners();\r\n        await getparent();\r\n        await getCities();\r\n        await getCountry();\r\n        await getZipCodes();\r\n        await getStates();\r\n        await getTemplate();\r\n        await getCurrency();\r\n        let obj = location.state.passData\r\n        if (!location.state.passData.administrativeContact) {\r\n            obj.administrativeContact = {\r\n                entityContactID: 0,\r\n                entityID: editEntityId,\r\n                firstName: \"\",\r\n                lastName: \"\",\r\n                displayName: \"\",\r\n                designation: \"\",\r\n                department: \"\",\r\n                phoneNo: \"\",\r\n                emailID: \"\"\r\n            }\r\n        }\r\n        if (!location.state.passData.technicalContact) {\r\n            obj.technicalContact = {\r\n                entityContactID: 0,\r\n                entityID: editEntityId,\r\n                firstName: \"\",\r\n                lastName: \"\",\r\n                displayName: \"\",\r\n                designation: \"\",\r\n                department: \"\",\r\n                phoneNo: \"\",\r\n                emailID: \"\"\r\n            }\r\n        }\r\n        if (!location.state.passData.billingContact) {\r\n            obj.billingContact = {\r\n                entityContactID: 0,\r\n                entityID: 0,\r\n                firstName: \"\",\r\n                lastName: \"\",\r\n                displayName: \"\",\r\n                designation: \"\",\r\n                department: \"\",\r\n                phoneNo: \"\",\r\n                emailID: \"\"\r\n            }\r\n        }\r\n        if (!location.state.passData.entityBoarding) {\r\n            obj.entityBoarding = {\r\n                entityBoardingID: editEntityBoardingID,\r\n                entityID: editEntityId,\r\n                agreement: \"\",\r\n                ncnda: \"\",\r\n                termsofuse: \"\",\r\n                customerType: \"\",\r\n                hostingType: \"\",\r\n                isActive: true\r\n            }\r\n        }\r\n        setEditOnboarding(obj);\r\n        setLoading(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        initiate();\r\n    }, []);\r\n\r\n\r\n    const { Step } = Steps;\r\n    const [current, setCurrent] = useState(0);\r\n\r\n    const next = () => {\r\n        if (current == 0) {\r\n            if (editOnboarding.email == '' || vald1.email1 == false || editOnboarding.companyName == '' || editOnboarding.companyName == false || !editOnboarding.phone || editOnboarding.phone == '' || !editOnboarding.fullName || editOnboarding.fullName == '') {\r\n                let obj = {\r\n                    email: true,\r\n                    companyName: true,\r\n                    phone: true,\r\n                    fullName: true\r\n                }\r\n                if (editOnboarding.email == '' || vald1.email1 == false) {\r\n                    obj = { ...obj, email: false };\r\n                }\r\n                if (editOnboarding.companyName == '' || editOnboarding.companyName == false) {\r\n                    obj = { ...obj, companyName: false };\r\n                }\r\n                if (!editOnboarding.phone || editOnboarding.phone == '') {\r\n                    obj = { ...obj, phone: false };\r\n                }\r\n                if (!editOnboarding.fullName || editOnboarding.fullName == '') {\r\n                    obj = { ...obj, fullName: false }\r\n                }\r\n                setVald({ ...vald1, ...obj });\r\n            } else {\r\n                let obj = {\r\n                    email: true,\r\n                    companyName: true,\r\n                    phone: true,\r\n                    fullName: true\r\n                }\r\n                setCurrent(current + 1);\r\n                setVald({ ...vald1, ...obj })\r\n            }\r\n        } else if (current == 1) {\r\n            if (editOnboarding.companyName == '' || editOnboarding.companyName == false || !editOnboarding.country || editOnboarding.country == '') {\r\n                let obj = {\r\n                    companyName: true,\r\n                    country: true\r\n                }\r\n                if (editOnboarding.companyName == '' || editOnboarding.companyName == false) {\r\n                    obj = { ...obj, companyName: false }\r\n                }\r\n                if (editOnboarding.country == '' || editOnboarding.country == false) {\r\n                    obj = { ...obj, country: false }\r\n                }\r\n                setVald({ ...vald1, ...obj })\r\n            } else {\r\n                let obj = {\r\n                    companyName: true,\r\n                    country: true\r\n                }\r\n                setCurrent(current + 1);\r\n                setVald({ ...vald1, ...obj })\r\n            }\r\n        } else if (current == 3) {\r\n            let obj = {\r\n                tcFirstName: true,\r\n                tcLastName: true,\r\n                tcDesignation: true,\r\n                tcDepartment: true,\r\n                tcPhone: true,\r\n                tcEmail: true,\r\n\r\n                acFirstName: true,\r\n                acLastName: true,\r\n                acDesignation: true,\r\n                acDepartment: true,\r\n                acPhone: true,\r\n                acEmail: true,\r\n\r\n                bcFirstName: true,\r\n                bcLastName: true,\r\n                bcDesignation: true,\r\n                bcDepartment: true,\r\n                bcPhone: true,\r\n                bcEmail: true,\r\n\r\n            }\r\n            if (!editOnboarding.technicalContact) {\r\n                obj = {\r\n                    tcFirstName: false,\r\n                    tcLastName: false,\r\n                    tcDesignation: false,\r\n                    tcDepartment: false,\r\n                    tcPhone: false,\r\n                    tcEmail: false,\r\n\r\n                    acFirstName: false,\r\n                    acLastName: false,\r\n                    acDesignation: false,\r\n                    acDepartment: false,\r\n                    acPhone: false,\r\n                    acEmail: false,\r\n\r\n                    bcFirstName: false,\r\n                    bcLastName: false,\r\n                    bcDesignation: false,\r\n                    bcDepartment: false,\r\n                    bcPhone: false,\r\n                    bcEmail: false\r\n                }\r\n                setVald({ ...vald1, ...obj })\r\n            } else {\r\n                if (!editOnboarding.technicalContact.firstName\r\n                    || editOnboarding.technicalContact.firstName == ''\r\n                    || !editOnboarding.technicalContact.lastName\r\n                    || editOnboarding.technicalContact.lastName == ''\r\n                    || !editOnboarding.administrativeContact.designation\r\n                    || editOnboarding.administrativeContact.designation == ''\r\n                    || !editOnboarding.administrativeContact.department\r\n                    || editOnboarding.administrativeContact.department == ''\r\n                    || !editOnboarding.technicalContact.phoneNo\r\n                    || editOnboarding.technicalContact.phoneNo == ''\r\n                    || !editOnboarding.technicalContact.emailID\r\n                    || editOnboarding.technicalContact.emailID == ''\r\n                    || !editOnboarding.administrativeContact.firstName\r\n                    || editOnboarding.administrativeContact.firstName == ''\r\n                    || !editOnboarding.administrativeContact.lastName\r\n                    || editOnboarding.administrativeContact.lastName == ''\r\n                    || !editOnboarding.administrativeContact.designation\r\n                    || editOnboarding.administrativeContact.designation == ''\r\n                    || !editOnboarding.administrativeContact.department\r\n                    || editOnboarding.administrativeContact.department == ''\r\n                    || !editOnboarding.administrativeContact.phoneNo\r\n                    || editOnboarding.administrativeContact.phoneNo == ''\r\n                    || !editOnboarding.administrativeContact.emailID\r\n                    || editOnboarding.administrativeContact.emailID == ''\r\n\r\n                    || !editOnboarding.billingContact.firstName\r\n                    || editOnboarding.billingContact.firstName == ''\r\n                    || !editOnboarding.billingContact.lastName\r\n                    || editOnboarding.billingContact.lastName == ''\r\n                    || !editOnboarding.billingContact.designation\r\n                    || editOnboarding.billingContact.designation == ''\r\n                    || !editOnboarding.billingContact.department\r\n                    || editOnboarding.billingContact.department == ''\r\n                    || !editOnboarding.billingContact.phoneNo\r\n                    || editOnboarding.billingContact.phoneNo == ''\r\n                    || !editOnboarding.billingContact.emailID\r\n                    || editOnboarding.billingContact.emailID == ''\r\n                ) {\r\n                    if (!editOnboarding.technicalContact.firstName || editOnboarding.technicalContact.firstName == '') obj = { ...obj, tcFirstName: false }\r\n                    if (!editOnboarding.technicalContact.lastName || editOnboarding.technicalContact.lastName == '') obj = { ...obj, tcLastName: false }\r\n                    if (!editOnboarding.technicalContact.designation || editOnboarding.technicalContact.designation == '') obj = { ...obj, tcDesignation: false }\r\n                    if (!editOnboarding.technicalContact.department || editOnboarding.technicalContact.department == '') obj = { ...obj, tcDepartment: false }\r\n                    if (!editOnboarding.technicalContact.phoneNo || editOnboarding.technicalContact.phoneNo == '') obj = { ...obj, tcPhone: false }\r\n                    if (!editOnboarding.technicalContact.emailID || editOnboarding.technicalContact.emailID == '') obj = { ...obj, tcEmail: false }\r\n\r\n                    if (!editOnboarding.administrativeContact.firstName || editOnboarding.administrativeContact.firstName == '') obj = { ...obj, acFirstName: false }\r\n                    if (!editOnboarding.administrativeContact.lastName || editOnboarding.administrativeContact.lastName == '') obj = { ...obj, acLastName: false }\r\n                    if (!editOnboarding.administrativeContact.designation || editOnboarding.administrativeContact.designation == '') obj = { ...obj, acDesignation: false }\r\n                    if (!editOnboarding.administrativeContact.department || editOnboarding.administrativeContact.department == '') obj = { ...obj, acDepartment: false }\r\n                    if (!editOnboarding.administrativeContact.phoneNo || editOnboarding.administrativeContact.phoneNo == '') obj = { ...obj, acPhone: false }\r\n                    if (!editOnboarding.administrativeContact.emailID || editOnboarding.administrativeContact.emailID == '') obj = { ...obj, acEmail: false }\r\n\r\n                    if (!editOnboarding.billingContact.firstName || editOnboarding.billingContact.firstName == '') obj = { ...obj, bcFirstName: false }\r\n                    if (!editOnboarding.billingContact.lastName || editOnboarding.billingContact.lastName == '') obj = { ...obj, bcLastName: false }\r\n                    if (!editOnboarding.billingContact.designation || editOnboarding.billingContact.designation == '') obj = { ...obj, bcDesignation: false }\r\n                    if (!editOnboarding.billingContact.department || editOnboarding.billingContact.department == '') obj = { ...obj, bcDepartment: false }\r\n                    if (!editOnboarding.billingContact.phoneNo || editOnboarding.billingContact.phoneNo == '') obj = { ...obj, bcPhone: false }\r\n                    if (!editOnboarding.billingContact.emailID || editOnboarding.billingContact.emailID == '') obj = { ...obj, bcEmail: false }\r\n                    setVald({ ...vald1, ...obj });\r\n                } else {\r\n                    setCurrent(current + 1);\r\n                    setVald({ ...vald1, ...obj });\r\n                }\r\n            }\r\n        } else if (current == 3) {\r\n\r\n        } else {\r\n            setCurrent(current + 1);\r\n        }\r\n    };\r\n\r\n    const prev = () => {\r\n        setCurrent(current - 1);\r\n    };\r\n\r\n    const titles = [\r\n        { title: \"Enquriy\" },\r\n        { title: \"Company\" },\r\n        { title: \"Billing\" },\r\n        { title: \"Contacts\" },\r\n        { title: \"Onboarding\" },\r\n    ]\r\n\r\n    const [vald1, setVald] = useState({\r\n        email1: true,\r\n        companyName: true,\r\n        phone: true,\r\n        fullName: true,\r\n        country: true,\r\n        tcFirstName: true,\r\n        tcLastName: true,\r\n        tcPhone: true,\r\n        tcDesignation: true,\r\n        tcDepartment: true,\r\n        tcEmail: true,\r\n\r\n        acFirstName: true,\r\n        acLastName: true,\r\n        acPhone: true,\r\n        acDesignation: true,\r\n        acDepartment: true,\r\n        acEmail: true,\r\n\r\n        bcFirstName: true,\r\n        bcLastName: true,\r\n        bcPhone: true,\r\n        bcDesignation: true,\r\n        bcDepartment: true,\r\n        bcEmail: true,\r\n\r\n\r\n        cType: true,\r\n        bTemp: true,\r\n        trailAccess: true,\r\n        isDiscountApply: true,\r\n        discount: true\r\n    })\r\n\r\n    let history = useHistory();\r\n    let location = useLocation();\r\n    const [handel, setHandel] = useState(false);\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <div className=\"customer-dynamic-pages pt-4 \">\r\n                <NxTitleTab className=\"title-tab page-title\" title='Edit Onboarding' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} />\r\n                <div className=\"card mx-4 mt-0 newenrolemententry-global\">\r\n                    <div className=\"card-body p-0\">\r\n                        <Steps labelPlacement='vertical' current={current} responsive={true} size=\"small\" >\r\n                            {titles.map((item, index) => {\r\n                                return <Step\r\n                                    icon={current == index ? <div style={{ backgroundColor: '#1890ff', padding: 5, borderRadius: '24px', height: '24px', width: '24px', fontSize: '12px', display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'white' }}>{index + 1}</div>\r\n                                        : current > index && <div style={{ backgroundColor: '#73b504', padding: 5, borderRadius: '24px', height: '24px', width: '24px', fontSize: '12px', display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'white' }}>{index + 1}</div>\r\n                                        // : current < index && <div style={{ borderColor: 'rgba(0,o,0,0.25)', border: '1px solid', backgroundColor: 'white', padding: 5, borderRadius: 29, height: 29, width: 29, fontSize: 15, display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'rgba(0,o,0,0.25)' }}>{index + 1}</div>\r\n                                    }\r\n                                    key={index}\r\n                                    title={item.title} />\r\n                            })}\r\n                        </Steps>\r\n                        {current == 0 ?\r\n                            <div className=\"container-form mx-3\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"firstName\">Full Name</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={editOnboarding.fullName}\r\n                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, fullName: e.target.value })} />\r\n                                                <div class={vald1.fullName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                    Please Enter Full Name.\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"lastName\">Company Name</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"lastName\" type=\"text\" value={editOnboarding.companyName}\r\n                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, companyName: e.target.value })} />\r\n                                                <div class={vald1.companyName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                    Please Enter Company Name.\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"Email\">Email</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"Email\" type=\"text\" value={editOnboarding.email}\r\n                                                    onChange={(e) => {\r\n                                                        setEditOnboarding({ ...editOnboarding, email: e.target.value });\r\n                                                        emailValid(e.target.value).then(res => {\r\n                                                            if (!res) {\r\n                                                                setVald({\r\n                                                                    ...vald1, email1: false\r\n                                                                })\r\n                                                            } else {\r\n                                                                setVald({\r\n                                                                    ...vald1, email1: true\r\n                                                                })\r\n                                                            }\r\n                                                        });\r\n                                                    }} />\r\n                                                <div class={vald1.email1 == false ? \"invalid-data\" : 'd-none'}>\r\n                                                    Enter the correct Email Formate.\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"Phone\">Phone</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"Phone\" type='number' value={editOnboarding.phone}\r\n                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, phone: e.target.value })} />\r\n                                                <div class={vald1.phone == false ? \"invalid-data\" : 'd-none'}>\r\n                                                    Please Enter Phone Name.\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                    <label htmlFor=\"aboutus\">Where did you hear about us?</label>\r\n                                    <select class=\"form-select form-select-sm\" id=\"aboutus\">\r\n                                        <option value=\"\" selected hidden></option>\r\n                                        <option disabled>--Please-select--</option>\r\n                                        <option value=\"Google\" >Google</option>\r\n                                        <option value=\"Events\" >Events</option>\r\n                                        <option value=\"Conferance\" >Conferance</option>\r\n                                        <option value=\"Blog\" >Blog</option>\r\n                                        <option value=\"Referance\" >Referance</option>\r\n                                    </select>\r\n                                </div> */}\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"role\">Role</label>\r\n                                                <select class=\"form-select form-select-{allUdo && allUdo.map((data, index) => {\r\n                                                        return <option key={index} value={data.UDOptionName}> {data.UDOptionName} </option>\r\n                                                    })}sm\" aria-label=\"Default select example\" id=\"role\" value={editOnboarding.role}\r\n                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, role: e.target.value })}>\r\n                                                    <option disabled>--Please-select--</option>\r\n                                                    <option value=\"Consultant\" >Consultant</option>\r\n                                                    <option value=\"Influencer\" >Influencer</option>\r\n                                                    <option value=\"Decision maker\" >Decision maker</option>\r\n                                                    <option value=\"Approver\" >Approver</option>\r\n                                                    <option value=\"Sponser\" >Sponser</option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"timeToBuy\">Time to Buy</label>\r\n                                                <select class=\"form-select form-select-sm\" id=\"timeToBuy\" value={editOnboarding.timeToBuy}\r\n                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, timeToBuy: e.target.value })}>\r\n                                                    <option disabled>--Please-select--</option>\r\n                                                    <option value=\"Immediately\" >Immediately</option>\r\n                                                    <option value=\"Within 30 days\" >Within 30 days</option>\r\n                                                    <option value=\"Within 60 days\" >Within 60 days</option>\r\n                                                    <option value=\"Within 90 days\" >Within 90 days</option>\r\n                                                    <option value=\"Just enquiring\" >Just Enquiring</option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"firstName\">Source</label>\r\n                                                <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={editOnboarding.sourcedBy}\r\n                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, sourcedBy: e.target.value })}>\r\n                                                    <option disabled>--Please-select--</option>\r\n                                                    <option value=\"Advertisement\" >Advertisement</option>\r\n                                                    <option value=\"Cold Call\" >Cold Call</option>\r\n                                                    <option value=\"Employee Referal\" >Employee Referal</option>\r\n                                                    <option value=\"External Referal\" >External Referal</option>\r\n                                                    <option value=\"Online\" >Online</option>\r\n                                                    <option value=\"Partner\" >Partner</option>\r\n                                                    <option value=\"Public Relations\" >Public Relations</option>\r\n                                                    <option value=\"Sales Mail\" >Sales Mail</option>\r\n                                                    <option value=\"Seminar Partner\" >Seminar Partner</option>\r\n                                                    <option value=\"Seminar Internal\" >Seminar Internal</option>\r\n                                                    <option value=\"Trade Show\" >Trade Show</option>\r\n                                                    <option value=\"Database\" >Database</option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"firstName\">Status</label>\r\n                                                <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={editOnboarding.status}\r\n                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, status: e.target.value })}>\r\n                                                    <option disabled>--Please-select--</option>\r\n                                                    {allUdo && allUdo.map((data, index) => {\r\n                                                        return <option key={index} value={data.UDOptionName}> {data.UDOptionName} </option>\r\n                                                    })}\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\" hidden={editOnboarding.sourcedBy == 'Partner' ? false : true}>\r\n                                                <label htmlFor=\"partner\">Partner</label>\r\n                                                <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={editOnboarding.partnerID}\r\n                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, partnerID: e.target.value })}>\r\n                                                    <option value=\"0\">--Please-select--</option>\r\n                                                    {allPartners && allPartners.map((data, index) => {\r\n                                                        return <option key={index} value={data.partnerInformationID}> {data.partnerName} </option>\r\n                                                    })}\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                <label htmlFor=\"feedback\">Feedback</label>\r\n                                                <textarea className=\"form-control form-select-sm\" id=\"feedback\" value={editOnboarding.feedback}\r\n                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, feedback: e.target.value })} />\r\n                                            </div>\r\n                                            <div>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                {/* <Buttons /> */}\r\n                            </div>\r\n                            :\r\n                            current == 1 ?\r\n                                <div className=\"container-form mx-3\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label htmlFor=\"Account-Name\">Company Name</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"Account-Name\" type=\"text\" value={editOnboarding.companyName}\r\n                                                        onChange={(e) => setEditOnboarding({ ...editOnboarding, companyName: e.target.value })} />\r\n                                                    <div class={vald1.companyName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                        Please Enter Company Name.\r\n                                                    </div>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Parent Account</label>\r\n                                                    <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={editOnboarding.parentID}\r\n                                                        onChange={(e) => setEditOnboarding({ ...editOnboarding, parentID: parseInt(e.target.value) })}>\r\n                                                        <option value=\"0\" selected>--Please-select--</option>\r\n                                                        {customers && customers.map((data, index) => {\r\n                                                            return <option key={index} value={data.entityID}> {data.entityName} </option>\r\n                                                        })}\r\n                                                    </select>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Ownership</label>\r\n                                                    <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={editOnboarding.ownership}\r\n                                                        onChange={(e) => setEditOnboarding({ ...editOnboarding, ownership: parseInt(e.target.value) })}>\r\n                                                        <option value=\"\" selected disabled>--Please-select--</option>\r\n                                                        {/* <option value=\"Government\">Government</option>\r\n                                                        <option value=\"Public\">Public</option>\r\n                                                        <option value=\"Private\">Private</option>\r\n                                                        <option value=\"Partnership\">Partnership</option>\r\n                                                        <option value=\"Proprietary\">Proprietary</option>\r\n                                                        <option value=\"Subsidiary\">Subsidiary</option> */}\r\n                                                        {allUdoOwnership && allUdoOwnership.map((data, index) => {\r\n                                                            return <option key={index} value={data.UDOptionID}> {data.UDOptionName} </option>\r\n                                                        })}\r\n                                                    </select>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Industry</label>\r\n                                                    <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={editOnboarding.industry}\r\n                                                        onChange={(e) => setEditOnboarding({ ...editOnboarding, industry: parseInt(e.target.value) })}>\r\n                                                        <option value=\"\" selected disabled>--Please-select--</option>\r\n                                                        {allUdoIndustry && allUdoIndustry.map((data, index) => {\r\n                                                            return <option key={index} value={data.UDOptionID}> {data.UDOptionName} </option>\r\n                                                        })}\r\n                                                        {/* <option value=\"Education\">Education</option>\r\n                                                        <option value=\"Engineering\">Engineering</option>\r\n                                                        <option value=\"Facilities Management\">Facilities Management</option>\r\n                                                        <option value=\"Finance\">Finance</option>\r\n                                                        <option value=\"FMCG\">FMCG</option>\r\n                                                        <option value=\"Government\">Government</option>\r\n                                                        <option value=\"Healthcare\">Healthcare</option>\r\n                                                        <option value=\"Hospitality /Travel\">Hospitality /Travel</option>\r\n                                                        <option value=\"Infrastructure\">Infrastructure</option>\r\n                                                        <option value=\"Large Corporations\">Large Corporations</option>\r\n                                                        <option value=\"Logistics\">Logistics</option>\r\n                                                        <option value=\"Manufacturing\">Manufacturing</option>\r\n                                                        <option value=\"Media / Advertising / PR\">Media / Advertising / PR</option>\r\n                                                        <option value=\"Professional Services\">Professional Services</option>\r\n                                                        <option value=\"Real Estate\">Real Estate</option>\r\n                                                        <option value=\"Services\">Services</option>\r\n                                                        <option value=\"Small/Medium Enterprise\">Small/Medium Enterprise</option>\r\n                                                        <option value=\"Software\">Software</option>\r\n                                                        <option value=\"Telecom\">Telecom</option> */}\r\n                                                    </select>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"Account-Name\">Website</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"Account-Name\" type=\"text\" value={editOnboarding.officialWebSite}\r\n                                                        onChange={(e) => setEditOnboarding({ ...editOnboarding, officialWebSite: e.target.value })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">No Of Employees</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={editOnboarding.noOfEmployees}\r\n                                                        onChange={(e) => setEditOnboarding({ ...editOnboarding, noOfEmployees: e.target.value })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Annual Revenue</label>\r\n                                                    <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={editOnboarding.annualRevenue}\r\n                                                        onChange={(e) => setEditOnboarding({ ...editOnboarding, annualRevenue: e.target.value })} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Additional Details</label>\r\n                                                    <textarea className=\"form-control\" id=\"firstName\" value={editOnboarding.additionalDetails}\r\n                                                        onChange={(e) => setEditOnboarding({ ...editOnboarding, additionalDetails: e.target.value })} />\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                                <label htmlFor=\"address1\" >Address Line 1</label>\r\n                                                <textarea className=\"form-control form-control-sm \" id='address1' rows=\"1\"\r\n                                                    value={editOnboarding?.addressLine1}\r\n                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, addressLine1: e.target.value })}\r\n                                                />\r\n                                            </div>\r\n\r\n                                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                                <label htmlFor=\"address2\" >Address Line 2</label>\r\n                                                <textarea className=\"form-control form-control-sm \" id='address2' rows=\"1\"\r\n                                                    value={editOnboarding?.addressLine2}\r\n                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, addressLine2: e.target.value })}\r\n                                                />\r\n                                            </div>\r\n\r\n                                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                                <div className='row'>\r\n                                                    <div className='col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6'>\r\n                                                        <label htmlFor=\"state\" >State</label>\r\n                                                        <input className=\"form-control form-control-sm \" type=\"text\" id='state'\r\n                                                            value={editOnboarding?.state}\r\n                                                            onChange={(e) => setEditOnboarding({ ...editOnboarding, state: e.target.value })}\r\n                                                        />\r\n                                                    </div>\r\n\r\n                                                    <div className='col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6'>\r\n                                                        <label htmlFor=\"zip\" >Zip</label>\r\n                                                        <input className=\"form-control form-control-sm \" type='tel' id='zip'\r\n                                                        // value={editOnboarding?.state}\r\n                                                        // onChange={(e) => setEditOnboarding({ ...editOnboarding, state: e.target.value })}\r\n                                                        />\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                                <label htmlFor=\"state\" >City</label>\r\n                                                <input className=\"form-control form-control-sm \" type=\"text\" id='city'\r\n                                                    value={editOnboarding?.city}\r\n                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, city: e.target.value })}\r\n                                                />\r\n                                            </div>\r\n\r\n                                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                                <label htmlFor=\"country\" >Country</label>\r\n                                                <select className=\"form-select form-select-sm\"\r\n                                                    value={editOnboarding.country ? editOnboarding.country : ''}\r\n                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, country: e.target.value })}\r\n                                                >\r\n                                                    <option value='' selected disabled> -- Please Select -- </option>\r\n                                                    {allCountries.map((country, index) => {\r\n                                                        return <option key={index} value={country.countryID}> {country.countryName} </option>\r\n                                                    })}\r\n                                                </select>\r\n                                                <div class={vald1.country == false ? \"invalid-data\" : 'd-none'}>\r\n                                                    Please Choose The Country.\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName\">City</label>\r\n                                    <select class=\"form-select mt-1\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                        <option value=\"\" selected hidden></option>\r\n                                        <option value=\"\" >--Please-select--</option>\r\n                                        {allCities && allCities.map((data,index) => {\r\n                                            return <option key={index} value={data.cityName}> {data.cityName} </option> \r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n\r\n                                <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName\">State</label>\r\n                                    <select class=\"form-select mt-1\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                        <option value=\"\" selected hidden></option>\r\n                                        <option value=\"\" >--Please-select--</option>\r\n                                        {allStates && allStates.map((data,index) => {\r\n                                            return <option key={index} value={data.stateName}> {data.stateName} </option> \r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n                            </div>\r\n                        </div> */}\r\n\r\n\r\n\r\n                                        {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName\">Country</label>\r\n                                    <select class=\"form-select mt-1\" aria-label=\"Default select example\">\r\n                                        <option value=\"\" selected hidden></option>\r\n                                        <option value=\"\" >--Please-select--</option>\r\n                                        {allCountries && allCountries.map((data,index) => {\r\n                                            return <option key={index} value={data.countryName}> {data.countryName} </option> \r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n\r\n                                <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName\">Pin Code</label>\r\n                                    <select class=\"form-select mt-1\" aria-label=\"Default select example\">\r\n                                        <option value=\"\" selected hidden></option>\r\n                                        <option value=\"\" >--Please-select--</option>\r\n                                        {allPinCode && allPinCode.map((data,index) => {\r\n                                            return <option key={index} value={data.zipcode}> {data.zipcode} </option> \r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n                            </div>\r\n                        </div> */}\r\n                                    </div>\r\n                                    {/* <Buttons /> */}\r\n                                </div>\r\n                                : current == 2 ?\r\n                                    <div className=\"container-form mx-3\">\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                                <div className=\"row\">\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                        <label htmlFor=\"Account-Name\">Company identification number (CIN)</label>\r\n                                                        <input className=\"form-control form-control-sm\" id=\"Account-Name\" type=\"text\" value={editOnboarding?.cin}\r\n                                                            onChange={(e) => setEditOnboarding({ ...editOnboarding, cin: e.target.value })} />\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                        <label htmlFor=\"pan\">Business PAN (Permanent Account Number)</label>\r\n                                                        <input className=\"form-control form-control-sm\" id=\"pan\" type=\"text\" value={editOnboarding?.pan}\r\n                                                            onChange={(e) => setEditOnboarding({ ...editOnboarding, pan: e.target.value })} />\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                        <label htmlFor=\"gst\">Goods & Services Tax (GST) Identification number</label>\r\n                                                        <input className=\"form-control form-control-sm\" id=\"gst\" type=\"text\" value={editOnboarding.gst || ''}\r\n                                                            onChange={(e) => setEditOnboarding({ ...editOnboarding, gst: e.target.value })} />\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                        <label htmlFor=\"tan\">Tax deduction account number (TAN)</label>\r\n                                                        <input className=\"form-control form-control-sm\" id=\"tan\" type=\"text\" value={editOnboarding.tan || ''}\r\n                                                            onChange={(e) => setEditOnboarding({ ...editOnboarding, tan: e.target.value })} />\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                        <label htmlFor=\"tan\">Billing Currency</label>\r\n                                                        <select className=\"form-select form-select-sm\"\r\n                                                            value={editOnboarding.currency}\r\n                                                            onChange={(e) => setEditOnboarding({ ...editOnboarding, currency: e.target.value })}\r\n                                                        >\r\n                                                            <option value=\"0\" selected>--Please-select--</option>\r\n                                                            {currencyData && currencyData.map((data, index) => {\r\n                                                                return <option key={index} value={data.currency.currencyID}> {data.currency.currencyName} </option>\r\n                                                            })}\r\n                                                        </select>\r\n                                                        {/* <input className=\"form-control form-control-sm\" id=\"tan\" type=\"text\"\r\n                                                            value={editOnboarding.tan || ''}\r\n                                                            onChange={(e) => setEditOnboarding({ ...editOnboarding, tan: e.target.value })} /> */}\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n\r\n                                            </div>\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName\">City</label>\r\n                                    <select class=\"form-select mt-1\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                        <option value=\"\" selected hidden></option>\r\n                                        <option value=\"\" >--Please-select--</option>\r\n                                        {allCities && allCities.map((data,index) => {\r\n                                            return <option key={index} value={data.cityName}> {data.cityName} </option> \r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n\r\n                                <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName\">State</label>\r\n                                    <select class=\"form-select mt-1\" aria-label=\"Default select example\" placeholder=\"\">\r\n                                        <option value=\"\" selected hidden></option>\r\n                                        <option value=\"\" >--Please-select--</option>\r\n                                        {allStates && allStates.map((data,index) => {\r\n                                            return <option key={index} value={data.stateName}> {data.stateName} </option> \r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n                            </div>\r\n                        </div> */}\r\n\r\n\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-4 mt-2\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName\">Country</label>\r\n                                    <select class=\"form-select mt-1\" aria-label=\"Default select example\">\r\n                                        <option value=\"\" selected hidden></option>\r\n                                        <option value=\"\" >--Please-select--</option>\r\n                                        {allCountries && allCountries.map((data,index) => {\r\n                                            return <option key={index} value={data.countryName}> {data.countryName} </option> \r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n\r\n                                <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-md-6\">\r\n                                    <label htmlFor=\"firstName\">Pin Code</label>\r\n                                    <select class=\"form-select mt-1\" aria-label=\"Default select example\">\r\n                                        <option value=\"\" selected hidden></option>\r\n                                        <option value=\"\" >--Please-select--</option>\r\n                                        {allPinCode && allPinCode.map((data,index) => {\r\n                                            return <option key={index} value={data.zipcode}> {data.zipcode} </option> \r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n                            </div>\r\n                        </div> */}\r\n                                        </div>\r\n                                        {/* <Buttons /> */}\r\n                                    </div>\r\n                                    : current == 3 ?\r\n                                        <div className=\"container-form enquiry-contacts mx-3\">\r\n                                            <div className=\"mt-3\">\r\n                                                <div className=\"row\">\r\n                                                    <div className=\"col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                                        <div className=\"d-flex justify-content-between align-content-center\">\r\n                                                            <label className=\"contacts1 contacts\">Technical Contact <span style={{ color: 'red' }}> * </span></label>\r\n                                                            <div className=\"d-flex align-items-center copy-content\">\r\n                                                                <span style={{ fontSize: '11px' }} className=\"text-primary\">Copy to All</span>\r\n                                                                <input type=\"checkbox\" className=\"mx-1 chx form-check-input\" checked={copyTo}\r\n                                                                    onChange={(e) => {\r\n                                                                        setCopyTo(e.target.checked);\r\n                                                                        let vals = editOnboarding.technicalContact;\r\n                                                                        if (e.target.checked == true) {\r\n                                                                            setEditOnboarding({\r\n                                                                                ...editOnboarding, administrativeContact: {\r\n                                                                                    ...editOnboarding.administrativeContact, firstName: editOnboarding.technicalContact.firstName,\r\n                                                                                    lastName: editOnboarding.technicalContact.lastName, designation: editOnboarding.technicalContact.designation, department: editOnboarding.technicalContact.department,\r\n                                                                                    phoneNo: editOnboarding.technicalContact.phoneNo, emailID: editOnboarding.technicalContact.emailID\r\n                                                                                }, billingContact: {\r\n                                                                                    ...editOnboarding.billingContact, firstName: editOnboarding.technicalContact.firstName,\r\n                                                                                    lastName: editOnboarding.technicalContact.lastName, designation: editOnboarding.technicalContact.designation, department: editOnboarding.technicalContact.department,\r\n                                                                                    phoneNo: editOnboarding.technicalContact.phoneNo, emailID: editOnboarding.technicalContact.emailID\r\n                                                                                }\r\n\r\n                                                                            })\r\n\r\n                                                                        }\r\n                                                                    }}\r\n                                                                />\r\n                                                            </div>\r\n                                                        </div>\r\n                                                        <div className=\"row\">\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">First Name</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={editOnboarding?.technicalContact?.firstName}\r\n                                                                    onChange={(e) => {\r\n                                                                        if (copyTo == true) {\r\n                                                                            setEditOnboarding({ ...editOnboarding, technicalContact: { ...editOnboarding.technicalContact, firstName: e.target.value }, administrativeContact: { ...editOnboarding.administrativeContact, firstName: e.target.value }, billingContact: { ...editOnboarding.billingContact, firstName: e.target.value } })\r\n                                                                        } else {\r\n                                                                            setEditOnboarding({ ...editOnboarding, technicalContact: { ...editOnboarding.technicalContact, firstName: e.target.value } })\r\n                                                                        }\r\n                                                                    }\r\n                                                                    } />\r\n                                                                <div className={vald1.tcFirstName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter First Name.\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"lastName\">Last Name</label>\r\n                                                                <input className=\"form-control form-control-sm \" id=\"lastName\" type=\"text\" value={editOnboarding?.technicalContact?.lastName}\r\n                                                                    onChange={(e) => {\r\n                                                                        if (copyTo == true) {\r\n                                                                            setEditOnboarding({ ...editOnboarding, technicalContact: { ...editOnboarding.technicalContact, lastName: e.target.value }, administrativeContact: { ...editOnboarding.administrativeContact, lastName: e.target.value }, billingContact: { ...editOnboarding.billingContact, lastName: e.target.value } })\r\n                                                                        } else {\r\n                                                                            setEditOnboarding({ ...editOnboarding, technicalContact: { ...editOnboarding.technicalContact, lastName: e.target.value } })\r\n                                                                        }\r\n                                                                    }\r\n                                                                    } />\r\n                                                                <div className={vald1.tcLastName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter Last Name.\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Designation</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={editOnboarding?.technicalContact?.designation}\r\n                                                                    onChange={(e) => {\r\n                                                                        if (copyTo == true) {\r\n                                                                            setEditOnboarding({ ...editOnboarding, technicalContact: { ...editOnboarding.technicalContact, designation: e.target.value }, administrativeContact: { ...editOnboarding.administrativeContact, designation: e.target.value }, billingContact: { ...editOnboarding.billingContact, designation: e.target.value } })\r\n                                                                        } else {\r\n                                                                            setEditOnboarding({ ...editOnboarding, technicalContact: { ...editOnboarding.technicalContact, designation: e.target.value } })\r\n                                                                        }\r\n                                                                    }\r\n                                                                    } />\r\n                                                                <div className={vald1.tcDesignation == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter Designation.\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Department</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={editOnboarding?.technicalContact?.department}\r\n                                                                    onChange={(e) => {\r\n                                                                        if (copyTo == true) {\r\n                                                                            setEditOnboarding({ ...editOnboarding, technicalContact: { ...editOnboarding.technicalContact, department: e.target.value }, administrativeContact: { ...editOnboarding.administrativeContact, department: e.target.value }, billingContact: { ...editOnboarding.billingContact, department: e.target.value } })\r\n                                                                        } else {\r\n                                                                            setEditOnboarding({ ...editOnboarding, technicalContact: { ...editOnboarding.technicalContact, department: e.target.value } })\r\n                                                                        }\r\n                                                                    }\r\n                                                                    } />\r\n                                                                <div className={vald1.tcDepartment == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter Department.\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-lg-12 col-xl-12 col-md-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Phone</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type='number' value={editOnboarding?.technicalContact?.phoneNo}\r\n                                                                    onChange={(e) => {\r\n                                                                        if (copyTo == true) {\r\n                                                                            setEditOnboarding({ ...editOnboarding, technicalContact: { ...editOnboarding.technicalContact, phoneNo: e.target.value }, administrativeContact: { ...editOnboarding.administrativeContact, phoneNo: e.target.value }, billingContact: { ...editOnboarding.billingContact, phoneNo: e.target.value } })\r\n                                                                        } else {\r\n                                                                            setEditOnboarding({ ...editOnboarding, technicalContact: { ...editOnboarding.technicalContact, phoneNo: e.target.value } })\r\n                                                                        }\r\n                                                                    }\r\n                                                                    } />\r\n                                                                <div className={vald1.tcPhone == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter Phone.\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Email</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={editOnboarding?.technicalContact?.emailID}\r\n                                                                    onChange={(e) => {\r\n                                                                        if (copyTo == true) {\r\n                                                                            setEditOnboarding({ ...editOnboarding, technicalContact: { ...editOnboarding.technicalContact, emailID: e.target.value }, administrativeContact: { ...editOnboarding.administrativeContact, emailID: e.target.value }, billingContact: { ...editOnboarding.billingContact, emailID: e.target.value } })\r\n                                                                        } else {\r\n                                                                            setEditOnboarding({ ...editOnboarding, technicalContact: { ...editOnboarding.technicalContact, emailID: e.target.value } })\r\n                                                                        }\r\n                                                                    }\r\n                                                                    } />\r\n                                                                <div className={vald1.tcEmail == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter Email.\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                                        <div className=\"d-flex justify-content-between align-content-center\">\r\n                                                            <label className=\"contacts1 contacts\">Administrative Contact</label>\r\n                                                        </div>\r\n                                                        <div className=\"row\">\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">First Name</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={editOnboarding?.administrativeContact?.firstName}\r\n                                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, administrativeContact: { ...editOnboarding.administrativeContact, firstName: e.target.value } })} />\r\n                                                                <div className={vald1.acFirstName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter First Name.\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"lastName\">Last Name</label>\r\n                                                                <input className=\"form-control form-control-sm \" id=\"lastName\" type=\"text\" value={editOnboarding?.administrativeContact?.lastName}\r\n                                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, administrativeContact: { ...editOnboarding.administrativeContact, lastName: e.target.value } })} />\r\n                                                                <div className={vald1.acLastName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter Last Name.\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Designation</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={editOnboarding?.administrativeContact?.designation}\r\n                                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, administrativeContact: { ...editOnboarding.administrativeContact, designation: e.target.value } })} />\r\n                                                                <div className={vald1.acDesignation == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter Designation.\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Department</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={editOnboarding?.administrativeContact?.department}\r\n                                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, administrativeContact: { ...editOnboarding.administrativeContact, department: e.target.value } })} />\r\n                                                                <div className={vald1.tcDepartment == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter Department.\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-lg-12 col-xl-12 col-md-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Phone</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"number\" value={editOnboarding?.administrativeContact?.phoneNo}\r\n                                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, administrativeContact: { ...editOnboarding.administrativeContact, phoneNo: e.target.value } })} />\r\n                                                                <div className={vald1.tcPhone == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter phoneNo.\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Email</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={editOnboarding?.administrativeContact?.emailID}\r\n                                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, administrativeContact: { ...editOnboarding.administrativeContact, emailID: e.target.value } })} />\r\n                                                                <div className={vald1.acEmail == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter Email.\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n\r\n                                                    <div className=\"col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                                        <label className=\"contacts1 contacts\">Billing Contact</label>\r\n                                                        <div className=\"row\">\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">First Name</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={editOnboarding?.billingContact?.firstName}\r\n                                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, billingContact: { ...editOnboarding.billingContact, firstName: e.target.value } })} />\r\n                                                                <div className={vald1.bcFirstName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter First Name.\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"lastName\">Last Name</label>\r\n                                                                <input className=\"form-control form-control-sm \" id=\"lastName\" type=\"text\" value={editOnboarding?.billingContact?.lastName}\r\n                                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, billingContact: { ...editOnboarding.billingContact, lastName: e.target.value } })} />\r\n                                                                <div className={vald1.bcLastName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter Last Name.\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Designation</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={editOnboarding?.billingContact?.designation}\r\n                                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, billingContact: { ...editOnboarding.billingContact, designation: e.target.value } })} />\r\n                                                                <div className={vald1.bcDesignation == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter Designation.\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Department</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={editOnboarding?.billingContact?.department}\r\n                                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, billingContact: { ...editOnboarding.billingContact, department: e.target.value } })} />\r\n                                                                <div className={vald1.bcDepartment == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter Department.\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-lg-12 col-xl-12 col-md-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Phone</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"number\" value={editOnboarding?.billingContact?.phoneNo}\r\n                                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, billingContact: { ...editOnboarding.billingContact, phoneNo: e.target.value } })} />\r\n                                                                <div className={vald1.bcPhone == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter Phone.\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Email</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"text\" value={editOnboarding?.billingContact?.emailID}\r\n                                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, billingContact: { ...editOnboarding.billingContact, emailID: e.target.value } })} />\r\n                                                                <div className={vald1.bcEmail == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Enter Email.\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                            {/* buttons */}\r\n                                            {/* <Buttons /> */}\r\n                                        </div> :\r\n                                        <div className=\"container-form enquiry-contacts mx-3\">\r\n                                            <div className=\"mt-3\">\r\n                                                <div className=\"row\">\r\n                                                    <div className=\"col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                                        <div className=\"row\">\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Agreement</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"file\"\r\n                                                                    onChange={(e) => {\r\n                                                                        let img = e.target.files[0];\r\n                                                                        const fileReader = new FileReader();\r\n                                                                        fileReader.readAsDataURL(img)\r\n                                                                        fileReader.onload = async () => {\r\n                                                                            setEditOnboarding({ ...editOnboarding, entityBoarding: { ...editOnboarding.entityBoarding, agreement: fileReader.result } })\r\n                                                                            return fileReader.result\r\n                                                                        }\r\n                                                                        fileReader.onerror = async () => {\r\n                                                                            return false\r\n                                                                        }\r\n                                                                    }}\r\n                                                                />\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">NCNDA</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"file\"\r\n                                                                    onChange={(e) => {\r\n                                                                        let img = e.target.files[0];\r\n                                                                        const fileReader = new FileReader();\r\n                                                                        fileReader.readAsDataURL(img)\r\n                                                                        fileReader.onload = async () => {\r\n                                                                            setEditOnboarding({ ...editOnboarding, entityBoarding: { ...editOnboarding.entityBoarding, ncnda: fileReader.result } })\r\n                                                                            return fileReader.result\r\n                                                                        }\r\n                                                                        fileReader.onerror = async () => {\r\n                                                                            return false\r\n                                                                        }\r\n                                                                    }}\r\n                                                                />\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-lg-12 col-xl-12 col-md-6 mt-2\">\r\n                                                                <label htmlFor=\"firstName\">Terms of use</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"file\"\r\n                                                                    onChange={(e) => {\r\n                                                                        let img = e.target.files[0];\r\n                                                                        const fileReader = new FileReader();\r\n                                                                        fileReader.readAsDataURL(img)\r\n                                                                        fileReader.onload = async () => {\r\n                                                                            setEditOnboarding({ ...editOnboarding, entityBoarding: { ...editOnboarding.entityBoarding, termsofuse: fileReader.result } })\r\n                                                                            return fileReader.result\r\n                                                                        }\r\n                                                                        fileReader.onerror = async () => {\r\n                                                                            return false\r\n                                                                        }\r\n                                                                    }}\r\n                                                                />\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <label className=\"contacts1 contacts\">Customer Type</label>\r\n                                                                <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={editOnboarding.entityBoarding && editOnboarding.entityBoarding.customerType ? editOnboarding.entityBoarding.customerType : ''}\r\n                                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, entityBoarding: { ...editOnboarding.entityBoarding, customerType: e.target.value } })}>\r\n                                                                    <option value=\"\" selected hidden></option>\r\n                                                                    <option disabled>--Please-select--</option>\r\n                                                                    <option value=\"Paid Customer\" >Paid Customer</option>\r\n                                                                    <option value=\"Trail Access\" >Trail Access</option>\r\n                                                                    <option value=\"Demo Access\" > Demo Access </option>\r\n                                                                </select>\r\n                                                                <div className={vald1.cType == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Chose Customer Type.\r\n                                                                </div>\r\n                                                            </div>\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\" hidden={editOnboarding?.entityBoarding?.customerType == 'Trail Access' ? false : true}>\r\n                                                                <label className=\"contacts1 contacts\">Trail Access Period</label>\r\n                                                                <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={editOnboarding?.trailAccess}\r\n                                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, trailAccess: e.target.value })}>\r\n                                                                    <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                                    <option value=\"15\"> 15 Days </option>\r\n                                                                    <option value=\"30\"> 30 Days  </option>\r\n                                                                    <option value=\"45\"> 45 Days </option>\r\n                                                                    <option value=\"60\"> 60 Days  </option>\r\n                                                                    <option value=\"75\"> 75 Days </option>\r\n                                                                    <option value=\"90\"> 90 Days  </option>\r\n                                                                </select>\r\n                                                                <div className={vald1.trailAccess == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Choose Trail Access Period.\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\" hidden={editOnboarding?.entityBoarding?.customerType == 'Paid Customer' ? false : true}>\r\n                                                                <label className=\"contacts1 contacts\">Billing Template</label>\r\n                                                                <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={editOnboarding?.billingTemplateId}\r\n                                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, billingTemplateId: e.target.value })}>\r\n                                                                    <option value='0' selected> --Please Select --  </option>\r\n                                                                    {billingTemplate.map((data, index) => {\r\n                                                                        return <option key={index} value={data.billingRuleID}> {data.billingTemplateName} </option>\r\n                                                                    })}\r\n                                                                </select>\r\n                                                                <div className={vald1.bTemp == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Please Choose Billing Template.\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\" hidden={editOnboarding?.entityBoarding?.customerType == 'Paid Customer' ? false : true}>\r\n                                                                <label className=\"contacts1 contacts\">Discount Apply</label>\r\n                                                                <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={editOnboarding?.isDiscountApply}\r\n                                                                    onChange={(e) => {if (e.target.value == 'true') {\r\n                                                                        setEditOnboarding({ ...editOnboarding, isDiscountApply: true })\r\n                                                                    }\r\n                                                                    else {\r\n                                                                        setEditOnboarding({ ...editOnboarding, isDiscountApply: false })\r\n                                                                    }\r\n                                                                    }}>\r\n                                                                    // <option value=\"\" selected > -- Please Select -- </option>\r\n                                                                    <option value={true}> Yes </option>\r\n                                                                    <option value={false} selected> No  </option>\r\n                                                                </select>\r\n                                                            </div>\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\" hidden={editOnboarding?.entityBoarding?.customerType == 'Paid Customer' ? false : true}>\r\n                                                                <label className=\"contacts1 contacts\">Discount</label>\r\n                                                                <input className=\"form-control form-control-sm\" id=\"discount\" type=\"number\" value={editOnboarding?.discount}\r\n                                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, discount: e.target.value })} /> %\r\n                                                                <div className={vald1.discount == false ? \"invalid-data\" : 'd-none'}>\r\n                                                                    Enter Discount .\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n\r\n                                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                                <Button type=\"primary\" onClick={() => {\r\n                                                                    let obj = {\r\n                                                                        cType: true,\r\n                                                                        bTemp: true,\r\n                                                                        trailAccess: true,\r\n                                                                        discount: true\r\n                                                                    }\r\n                                                                    if (!editOnboarding.entityBoarding) {\r\n                                                                        obj = {\r\n                                                                            cType: false,\r\n                                                                            bTemp: true,\r\n                                                                            trailAccess: true,\r\n                                                                            discount: true\r\n                                                                        };\r\n                                                                        setVald({ ...vald1, ...obj });\r\n                                                                    } else if (!editOnboarding.entityBoarding.customerType || editOnboarding.entityBoarding.customerType == '') {\r\n                                                                        obj = {\r\n                                                                            cType: false,\r\n                                                                            bTemp: true,\r\n                                                                            trailAccess: true,\r\n                                                                            discount: true\r\n                                                                        };\r\n                                                                        setVald({ ...vald1, ...obj });\r\n                                                                    } else if ((editOnboarding.entityBoarding.customerType == \"Paid Customer\") && (!editOnboarding.billingTemplateId || editOnboarding.billingTemplateId == '0')) {\r\n                                                                        obj = {\r\n                                                                            cType: true,\r\n                                                                            bTemp: false,\r\n                                                                            trailAccess: true,\r\n                                                                            discount: true\r\n                                                                        };\r\n                                                                        setVald({ ...vald1, ...obj });\r\n                                                                    } else if ((editOnboarding.entityBoarding.customerType == \"Paid Customer\") && editOnboarding.isDiscountApply && (!editOnboarding.discount || editOnboarding.discount == '' || editOnboarding.discount == '0')) {\r\n                                                                        obj = {\r\n                                                                            cType: true,\r\n                                                                            bTemp: true,\r\n                                                                            trailAccess: true,\r\n                                                                            discount: false\r\n                                                                        };\r\n                                                                        setVald({ ...vald1, ...obj });\r\n                                                                    } else if ((editOnboarding.entityBoarding.customerType == \"Trail Access\") && (!editOnboarding.trailAccess || editOnboarding.trailAccess == '')) {\r\n                                                                        obj = {\r\n                                                                            cType: true,\r\n                                                                            bTemp: true,\r\n                                                                            trailAccess: false,\r\n                                                                            discount: true\r\n                                                                        };\r\n                                                                        setVald({ ...vald1, ...obj });\r\n                                                                    } else {\r\n                                                                        setVald({ ...vald1, ...obj });\r\n                                                                        // alert('Done!')\r\n                                                                        setLoading(true);\r\n                                                                        let saveEditOnboarding = {\r\n                                                                            ...editOnboarding, entityID: editEntityId, enquiryID: editEnquiryCode, entityCode: editEntityCode, isOnboardingCompleted: true, currency: 0, currencyName: \"\"\r\n                                                                        }\r\n                                                                        ItrApiService.POST({\r\n                                                                            url: 'RevOps/Entity/CustomerOnboarded',\r\n                                                                            data: saveEditOnboarding\r\n                                                                        }).then((res) => {\r\n                                                                            if (res.Success == true) {\r\n                                                                                if (res.result.isSuccess == true) {\r\n                                                                                    message.success('Successfully Updated');\r\n                                                                                    history.push('/customers');\r\n                                                                                }\r\n                                                                            }\r\n                                                                            setLoading(false);\r\n                                                                        })\r\n                                                                    }\r\n                                                                }}>\r\n                                                                    Onboard\r\n                                                                </Button>\r\n                                                            </div>\r\n\r\n                                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                                <label htmlFor=\"firstName\">Hosting Type</label>\r\n                                                <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={editOnboarding?.entityBoarding?.hostingType}\r\n                                                    onChange={(e) => setEditOnboarding({ ...editOnboarding, entityBoarding: { ...editOnboarding.entityBoarding, hostingType: e.target.value } })}>\r\n                                                    <option value=\"\" selected hidden></option>\r\n                                                    <option disabled>--Please-select--</option>\r\n                                                    <option value=\"Public Cloud\" >Public Cloud</option>\r\n                                                    <option value=\"Private Cloud\" >Private Cloud</option>\r\n                                                </select>\r\n                                            </div> */}\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n\r\n\r\n                                            </div>\r\n                                            {/* buttons */}\r\n                                            {/* <Buttons /> */}\r\n                                        </div>\r\n\r\n                        }\r\n\r\n                        <div className=\"steps-action container\" style={{ textAlign: 'right' }}>\r\n                            {current > 0 && (\r\n                                <Button className=\"mb-5\" style={{ margin: '0 8px' }} onClick={() => prev()}>\r\n                                    Previous\r\n                                </Button>\r\n                            )}\r\n                            {current > 0 && (\r\n                                <Button style={{ margin: '0 8px' }} onClick={() => history.push('/customers')}>\r\n                                    Close\r\n                                </Button>\r\n                            )}\r\n                            {current >= 0 && current != 4 && (<Button className=\"mb-5\" style={{ marginLeft: 10 }} type=\"primary\"\r\n                                onClick={() => next()}>\r\n                                {'Next'}\r\n                            </Button>)}\r\n\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n                {/* <NxCustomTab\r\n                    data={[\r\n                        {\r\n                            name: \"Basic Information\",\r\n                            Components: () => {\r\n                                return (\r\n                                    \r\n                                )\r\n                            }\r\n                        },\r\n                        {\r\n                            name: \"Company\",\r\n                            Components: () => \r\n                           \r\n\r\n                        },\r\n                        {\r\n                            name: \"Tax Information\",\r\n                            Components: () => \r\n                            \r\n\r\n                        },\r\n\r\n                        {\r\n                            name: \"Contacts\",\r\n                            Components: () => \r\n                            \r\n                        },\r\n                        {\r\n                            name: \"Onboarding\",\r\n                            Components: () => \r\n                            \r\n                        },\r\n                    ]}\r\n                /> */}\r\n            </div>\r\n            <NxFooter className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import { NxGridList } from '@afiplfeed/itr-app';\r\nimport moment from 'moment';\r\nimport React, { useEffect, useState } from 'react';\r\nimport './Style.css'\r\nfunction PricingHistory({ vh }) {\r\n    const splits = async (dests, setEnquiry) => {\r\n        let arr = [];\r\n        if (dests && dests.pricingHistories && dests.pricingHistories.length > 0) {\r\n            for (let value of dests.pricingHistories) {\r\n                let data = [ moment(value.revisionDate).format('MM/DD/YYYY'),value.pricingModule,value.amount,value.from,value.to,value.userCount];\r\n                let obj = { sendItem: value, data: data };\r\n                arr = [...arr, obj]\r\n            }\r\n            setEnquiry(arr)\r\n        } else {\r\n            setEnquiry([{ sendItem: '0', data: ['-', '-', '-', '-', '-', '-'] }])\r\n        }\r\n    }\r\n    const [data, setData] = useState([])\r\n    useEffect(() => {\r\n        splits(vh, setData);\r\n    }, [vh]);\r\n    return (\r\n        <NxGridList\r\n            enableSearch={false}\r\n            enableAutoPagination={false}\r\n            showShowing={false}\r\n            className='gr-pad p-0'\r\n            header={[\r\n                {\r\n                    name: 'Revision Date',\r\n                    sort: true,\r\n                },\r\n                {\r\n                    name: 'Pricing Model',\r\n                },\r\n                {\r\n                    name: 'Amount',\r\n                },\r\n\t\t\t\t{\r\n                    name: 'From',\r\n                },\r\n\t\t\t\t{\r\n                    name: 'To',\r\n                },\r\n\t\t\t\t{\r\n                    name: 'UserCount',\r\n                },\r\n            ]}\r\n            data={data}\r\n        />\r\n    );\r\n}\r\n\r\nexport default PricingHistory;","import { NxGridList } from '@afiplfeed/itr-app';\r\nimport moment from 'moment';\r\nimport React, { useEffect, useState } from 'react';\r\nimport './Style.css'\r\nfunction VersionHistory({ vh }) {\r\n    const splits = async (dests, setEnquiry) => {\r\n        let arr = [];\r\n        if (dests && dests.versionHistories && dests.versionHistories.length > 0) {\r\n            for (let value of dests.versionHistories) {\r\n                let data = [value.appVersion, moment(value.publishedDate).format('MM/DD/YYYY')];\r\n                let obj = { sendItem: value, data: data };\r\n                arr = [...arr, obj]\r\n            }\r\n            setEnquiry(arr)\r\n        } else {\r\n            setEnquiry([{ sendItem: '0', data: ['-', '-'] }])\r\n        }\r\n    }\r\n    const [data, setData] = useState([])\r\n    useEffect(() => {\r\n        splits(vh, setData);\r\n    }, [vh]);\r\n    return (\r\n        <NxGridList\r\n            enableSearch={false}\r\n            enableAutoPagination={false}\r\n            showShowing={false}\r\n            className='gr-pad p-0'\r\n            header={[\r\n                {\r\n                    name: 'Version',\r\n                },\r\n                {\r\n                    name: 'Published Date',\r\n                    sort: true,\r\n                },\r\n            ]}\r\n            data={data}\r\n        />\r\n    );\r\n}\r\n\r\nexport default VersionHistory;","import { faInfo, faInfoCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { NxLoader } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { Button, Popover, Progress } from 'antd';\r\nimport React, { useEffect, useState } from 'react';\r\nimport PricingHistory from './PricingHistory';\r\nimport './Style.css'\r\nimport VersionHistory from './VersionHistory';\r\n\r\nfunction Versioning({ datas, setdatas, onRetireClick = () => { }, onCloseClick = () => { }, onPublishClick = () => { }, onEditClick = () => { } }) {\r\n    const [show, setShow] = useState(true);\r\n    const [entity, setEntity] = useState({});\r\n    const [vh, setVh] = useState({});\r\n    const [st, setSt] = useState('');\r\n\r\n    const [organisation, setOrganisation] = useState({\r\n        Organizations: '',\r\n        Subscriptions: '',\r\n        Assigned: ''\r\n    });\r\n    useEffect(() => {\r\n        setLoader(true);\r\n        // RevOps/StoreConnect/StoreConnectReviewByCode/{serviceCode}\r\n        ItrApiService.GET({\r\n            url: `DevOps/Enrollment/GetByEnrollmentID/${datas.EnrollmentId}`,\r\n        }).then(resp => {\r\n            if (resp.Success == true) {\r\n                if (resp.result.isSuccess == true) {\r\n                    setEntity(resp.result.data);\r\n                    ItrApiService.POST({\r\n                        url: 'Platform/UserDefined/AllUDOs',\r\n                        data: [\"APP Type\"]\r\n                    }).then(rest => {\r\n                        if (rest.Success == true) {\r\n                            if (rest.result.isSuccess) {\r\n                                if (rest.result.data && rest.result.data.length > 0) {\r\n                                    let arr = [];\r\n                                    arr = rest.result.data[0].Options;\r\n                                    let stype = resp.result.data.serviceType\r\n                                    for (let val of rest.result.data[0].Options) {\r\n                                        if (val.UDOptionID == parseInt(stype)) {\r\n                                            setSt(val.UDOptionName)\r\n                                        }\r\n                                    }\r\n                                }\r\n                            }\r\n                        }\r\n                    })\r\n                }\r\n            }\r\n            ItrApiService.GET({\r\n                url: `RevOps/StoreConnect/StoreConnectReviewByCode/${datas.ServiceCode}`\r\n            }).then(res => {\r\n                if (res.Success == true) {\r\n                    if (res.result.isSuccess == true) {\r\n                        if (res.result.data) {\r\n                            setVh(res.result.data);\r\n                        }\r\n                    }\r\n\r\n                }\r\n                setLoader(false)\r\n            })\r\n\r\n\r\n            // dashboard-count\r\n            ItrApiService.GET({\r\n                url: `RevOps/StoreConnect/GetStoreConnectAppDashBoard/${datas.ServiceCode}`\r\n            }).then(res => {\r\n                if (res.Success == true) {\r\n                    if (res.result.isSuccess == true) {\r\n                        let obj = { ...organisation }\r\n                        for (let data of res.result.data) {\r\n                            if (data.categoryName == 'Organizations') {\r\n                                obj = { ...obj, Organizations: data.categoryCount }\r\n                            }\r\n                            else if (data.categoryName == 'Subscriptions') {\r\n                                obj = { ...obj, Subscriptions: data.categoryCount }\r\n                            }\r\n                            else if (data.categoryName == 'Assigned Users') {\r\n                                obj = { ...obj, Assigned: data.categoryCount }\r\n                            }\r\n\r\n                        }\r\n                        setOrganisation(obj)\r\n                    }\r\n\r\n                }\r\n                setLoader(false)\r\n            })\r\n        })\r\n    }, [datas]);\r\n    const [loader, setLoader] = useState(false)\r\n    return (\r\n        <div className='p-3 f.top.class'>\r\n            <NxLoader state={loader} />\r\n            <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2\">\r\n                <div className='mx-5'>\r\n                    <div className='row'>\r\n                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4  mt-2\">\r\n                            <h5>{entity.serviceName}</h5>\r\n                            <div className='f-virision-pad2'>\r\n                                <img src={entity.appIcon} style={{ height: 100, width: 100 }} />\r\n                            </div>\r\n                            <table className='mt-4'>\r\n                                {/* <tr>\r\n                            <td>\r\n                                <div className='f-virision-pad2'>\r\n                                    <label htmlFor=\"ServiceName\">Service Name </label>\r\n                                </div>\r\n                            </td>\r\n                            <td>\r\n                                <div className='f-virision-pad'>\r\n                                    <label htmlFor=\"ServiceName\">{datas.serviceName}</label>\r\n                                </div>\r\n                            </td>\r\n\r\n                            </tr> */}\r\n                                <tr>\r\n                                    <td>\r\n                                        <div className='f-virision-pad2'>\r\n                                            <label className='f-badge-title' htmlFor=\"ServiceName\">Service Type </label>\r\n                                        </div>\r\n                                    </td>\r\n                                    <td>\r\n                                        <div className='f-virision-pad'>\r\n                                            <label className='f-badge-value' htmlFor=\"ServiceName\">{st}</label>\r\n                                        </div>\r\n                                    </td>\r\n                                </tr>\r\n                                <tr>\r\n                                    <td>\r\n                                        <div className='f-virision-pad2'>\r\n                                            <label className='f-badge-title' htmlFor=\"ServiceName\">Description </label>\r\n                                        </div>\r\n                                    </td>\r\n                                    <td>\r\n                                        <div className='f-virision-pad'>\r\n                                            <label className='f-badge-value' htmlFor=\"ServiceName\">{entity.serviceDescription}</label>\r\n                                        </div>\r\n                                    </td>\r\n                                </tr>\r\n                                <tr>\r\n                                    <td>\r\n                                        <div className='f-virision-pad2'>\r\n                                            <label className='f-badge-title' htmlFor=\"ServiceName\">Version </label>\r\n                                        </div>\r\n                                    </td>\r\n                                    <td>\r\n                                        <div className='f-virision-pad'>\r\n                                            <label className='f-badge-value' htmlFor=\"ServiceName\">{entity.version}</label>\r\n                                        </div>\r\n                                    </td>\r\n\r\n                                </tr>\r\n                                <tr>\r\n                                    <td>\r\n                                        <div className='f-virision-pad2'>\r\n                                            <label className='f-badge-title' htmlFor=\"ServiceName\">Build No </label>\r\n                                        </div>\r\n                                    </td>\r\n                                    <td>\r\n                                        <div className='f-virision-pad'>\r\n                                            <label className='f-badge-value' htmlFor=\"ServiceName\">{entity.buildNo}</label>\r\n                                        </div>\r\n                                    </td>\r\n                                </tr>\r\n                                <tr>\r\n                                    <td>\r\n                                        <div className='f-virision-pad2'>\r\n                                            <label className='f-badge-title' htmlFor=\"ServiceName\">Developer </label>\r\n                                        </div>\r\n                                    </td>\r\n                                    <td>\r\n                                        <div className='f-virision-pad'>\r\n                                            <label className='f-badge-value' htmlFor=\"ServiceName\">{entity.developerName}</label>\r\n                                        </div>\r\n                                    </td>\r\n                                </tr>\r\n                                {/* <tr>\r\n                                <td>\r\n                                    <div className='f-virision-pad2'>\r\n                                        <label htmlFor=\"AppStoreVersion\">App Store Version</label>\r\n                                    </div>\r\n                                </td>\r\n                                <td>\r\n                                    <div className='f-virision-pad'>\r\n                                        <input className=\"form-control form-control-sm  mt-1\" value={datas.apstoreVersion || ''} id=\"AppStoreVersion\" type=\"text\" disabled={false} onChange={(e) => {\r\n                                            setdatas({ ...datas, apstoreVersion: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n                                </td>\r\n                                <td>\r\n                                    <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100%', paddingLeft: 10 }} className='f-virision-pad'>\r\n                                        <Popover content={<div className='p-2'>Pls enter a unique / incremental version number</div>} >\r\n                                            <FontAwesomeIcon icon={faInfoCircle} size='lg' color='#1890ff' style={{ cursor: 'pointer' }} onClick={() => {\r\n\r\n                                            }} />\r\n                                        </Popover>\r\n                                    </div>\r\n                                </td>\r\n                            </tr> */}\r\n                            </table>\r\n                        </div>\r\n                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 mt-2\">\r\n                            <h5>Version History</h5>\r\n                            <VersionHistory vh={vh} />\r\n                            <div className='mt-2'>\r\n                                <h5>Pricing History</h5>\r\n                                <PricingHistory vh={vh} />\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 mt-2\">\r\n                            <div className=\"mt-0\">\r\n                                <h5>App Status</h5>\r\n                                <div className=\"container1\">\r\n                                    <div className=\"nx-body nx-billing\">\r\n                                        <div className=\"row\">\r\n                                            <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 counts count-two\">\r\n                                                <div className=\"card\">\r\n                                                    <div className=\"card-body\">\r\n                                                        <label className=\"nx-badge-title\">Organizations</label>\r\n                                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                                            {datas.StoreStatus == 'Published' ? <h6> {organisation.Organizations} </h6> : <h6>N/A</h6>}\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 counts count-two\">\r\n                                                <div className=\"card\">\r\n                                                    <div className=\"card-body\">\r\n                                                        <label className=\"nx-badge-title\">Subscriptions</label>\r\n                                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                                            {datas.StoreStatus == 'Published' ? <h6> {organisation.Subscriptions} </h6> : <h6>N/A</h6>}\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 mt-1 counts count-two\">\r\n                                                <div className=\"card\">\r\n                                                    <div className=\"card-body\">\r\n                                                        <label className=\"nx-badge-title\">Active Users</label>\r\n                                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                                            {datas.StoreStatus == 'Published' ? <h6> {organisation.Assigned} </h6> : <h6>N/A</h6>}\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            {/* <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 mt-1 counts count-two\">\r\n                                                <div className=\"card\">\r\n                                                    <div className=\"card-body\">\r\n                                                        <label className=\"nx-badge-title\">Last 30 Days Login</label>\r\n                                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                                            {datas.StoreStatus == 'Published' ? <h6>$ 83.40</h6> : <h6>N/A</h6>}\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 mt-1 counts count-two\">\r\n                                                <div className=\"card\">\r\n                                                    <div className=\"card-body\">\r\n                                                        <label className=\"nx-badge-title\">Last 30 Days Sessions</label>\r\n                                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                                            {datas.StoreStatus == 'Published' ? <h6>$ 83.40</h6> : <h6>N/A</h6>}\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 mt-1 counts count-two\">\r\n                                                <div className=\"card\">\r\n                                                    <div className=\"card-body\">\r\n                                                        <label className=\"nx-badge-title\">Last Active Session</label>\r\n                                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                                            {datas.StoreStatus == 'Published' ? <h6>$ 83.40</h6> : <h6>N/A</h6>}\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div> */}\r\n\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    {/* Only For Publish */}\r\n                    {datas.StoreStatus == 'Published' ? <div className=\"steps-action container\" style={{ textAlign: 'right' }}>\r\n                        {/* <label style={{ fontSize: 15, marginBottom: 10, marginLeft: 10 }}>This Service has been published, if you wish to retire the service</label><br /> */}\r\n                        <Button style={{ marginLeft: 10 }} type=\"primary\"\r\n                            onClick={onRetireClick}>\r\n                            Retire\r\n                        </Button>\r\n                        <Button style={{ marginLeft: 10 }} type=\"primary\"\r\n                            onClick={onEditClick}>\r\n                            Edit\r\n                        </Button>\r\n                    </div> : <div className=\"steps-action container\" style={{ textAlign: 'right' }}>\r\n                        {/* {datas.serviceName == '' ? <div><label style={{ fontSize: 15, marginBottom: 10, marginLeft: 10 }}>This Service has not been published yet, if you wish to publish the service</label><br /></div> // Available\r\n                            : <div><label style={{ fontSize: 15, marginBottom: 10, marginLeft: 10 }}>This Service has been retired, if you wish to re-publish the service</label><br /></div> // Retired\r\n                        } */}\r\n                        <Button style={{ marginLeft: 10 }} type=\"primary\"\r\n                            onClick={onPublishClick}>\r\n                            Publish\r\n                        </Button>\r\n                    </div>}\r\n\r\n                </div>\r\n                {/* <label htmlFor=\"ServiceName\">Service Name : {datas.serviceName} </label>\r\n                <input className=\"form-control form-control-sm  mt-1 bg-white\" value={datas.serviceName} id=\"ServiceName\" type=\"text\" disabled={true} /> */}\r\n            </div>\r\n            {/* <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2\">\r\n                <label htmlFor=\"Version\">Version: {datas.version}</label>\r\n                <input className=\"form-control form-control-sm  mt-1 bg-white\" value={datas.version} id=\"Version\" type=\"text\" disabled={true} />\r\n            </div>\r\n            <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2\">\r\n                <label htmlFor=\"BuildNo\">Build No: {datas.buildNo}</label>\r\n                <input className=\"form-control form-control-sm  mt-1 bg-white\" value={datas.buildNo} id=\"BuildNo\" type=\"text\" disabled={true} />\r\n            </div>\r\n            <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2\">\r\n                <label htmlFor=\"Developer\">Developer: {datas.developerName}</label>\r\n                <input className=\"form-control form-control-sm  mt-1 bg-white\" value={datas.developerName} id=\"Developer\" type=\"text\" disabled={true} />\r\n            </div> */}\r\n            {/* <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2 f-virision-pad2\">\r\n                <label htmlFor=\"AppStoreVersion\">App Store Version</label>\r\n                <input className=\"form-control form-control-sm  mt-1\" value={datas.apstoreVersion || ''} id=\"AppStoreVersion\" type=\"text\" disabled={false} onChange={(e) => {\r\n                    setdatas({ ...datas, apstoreVersion: e.target.value })\r\n                }} />\r\n            </div> */}\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default Versioning;","import React, { useEffect, useState } from 'react';\r\nimport { Upload } from 'antd';\r\nimport './Style.css'\r\n\r\nfunction FeaturedApps({ isFeaturedApp, setFeaturedApp, spfiles, setspfiles }) {\r\n    const [data, setData] = useState('');\r\n\r\n\r\n    const Fad = [\r\n        {\r\n            value: true,\r\n            data: 'Yes'\r\n        },\r\n        {\r\n            value: false,\r\n            data: 'No'\r\n        }\r\n    ]\r\n\r\n    useEffect(() => {\r\n        setData(isFeaturedApp)\r\n    }, [isFeaturedApp])\r\n\r\n    return (\r\n        <div className='p-3'>\r\n            <div className='f-virision-pad-static'>\r\n                <div className='w-100 f-app-div-box-main'>\r\n                    <div className=\"f-app-div-box\" style={{}}>\r\n                        <label htmlFor=\"FeaturedApp\" className='f-badge-title'>Featured App</label>\r\n                        <select className=\"form-select form-select-sm mt-1\" value={data} onChange={(e) => {\r\n                            setData(e.target.value);\r\n                            if (e.target.value == 'true') {\r\n                                setFeaturedApp(true)\r\n                            } else {\r\n                                setFeaturedApp(false)\r\n                            }\r\n                        }} id=\"FeaturedApp\">\r\n                            <option value='' selected disabled>--Please select--</option>\r\n                            {Fad.map((item, index) => {\r\n                                return <option value={item.value} >{item.data}</option>\r\n\r\n                            })}\r\n                            {/* // <option value={false} >No</option> */}\r\n                        </select>\r\n                    </div>\r\n                    <div className=\"mt-2 f-app-div-box\">\r\n                    </div>\r\n                </div>\r\n                {isFeaturedApp == true && <div className='w-100 mt-4'>\r\n                    <label className='f-badge-title'>Splash Screen</label>\r\n                    <Upload\r\n                        listType=\"picture-card\"\r\n                        maxCount={15}\r\n                        className='Upload-data'\r\n                        fileList={spfiles}\r\n                        onChange={({ fileList }) => {\r\n                            setspfiles(fileList)\r\n                        }}\r\n                    >\r\n                        + upload\r\n                    </Upload>\r\n                </div>}\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default FeaturedApps;","import { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { faMinusCircle, faPlusCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport moment from 'moment';\r\nimport React, { useState,useEffect } from 'react';\r\nimport './Style.css'\r\nfunction Pricing({ pricingModule, setPricingModule, storeConnectPricings, setStoreConnectPricings }) {\r\n    const [priceTabs, setPriceTabs] = useState({\r\n        userFrom: '',\r\n        userTo: \"\",\r\n        amount: ''\r\n    });\r\n\r\n    const [datas, setDatas] = useState({});\r\n\r\n    useEffect(() => {\r\n        ItrApiService.GET({ url: 'RevOps/BillerInformation' }).then(res => {\r\n            // setLoader(false);\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setDatas(res.result.data);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n    }, [])\r\n\r\n\r\n\r\n    return (\r\n        <div className='p-3'>\r\n            <div className='f-virision-pad-static'>\r\n                <div className='f-app-div-box-main'>\r\n                    <div className=\"f-app-div-box\">\r\n                        <label htmlFor=\"pricingModule\" className='f-badge-title'>Pricing Module (All Pricing in {datas.currencyName && datas.currencyName.split(\"-\")[0]}) </label>\r\n                        <select className=\"form-select form-select-sm mt-1\" id=\"pricingModule\" value={pricingModule} onChange={(e) => {\r\n                            setPricingModule(e.target.value);\r\n                            setStoreConnectPricings([]);\r\n                        }}>\r\n                            <option value='' selected disabled>--Please select--</option>\r\n                            <option value='Quantity' >Quantity</option>\r\n                            <option value='Volume' >Volume</option>\r\n                            <option value='Tiered' >Tiered</option>\r\n                            <option value='Step-Up' >Step-Up</option>\r\n                        </select>\r\n                    </div>\r\n                </div>\r\n                {/* <div className=\"card mt-3\">\r\n                <div className=\"card-body\">\r\n                    <div class=\"table-wrapper-scroll-y my-custom-scrollbar rtbl\">\r\n                        <table class=\"table table-bordered mb-0\">\r\n                            <thead>\r\n                                <tr>\r\n                                    <th scope=\"col\">Role Code</th>\r\n                                    <th scope=\"col\">Role Name</th>\r\n                                </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                            </tbody>\r\n                        </table>\r\n                    </div>\r\n                </div>\r\n            </div> */}\r\n                <div className='f-app-div-box mt-4'>\r\n                    {pricingModule != '' && <label className='f-badge-title'>Pricing Structure</label>}\r\n                    {pricingModule == 'Quantity' ? <div>\r\n                        <label className='mt-3'>Cost per user <input type='number' value={(storeConnectPricings && storeConnectPricings.length > 0) ? storeConnectPricings[0].amount : ''} onChange={(e) => {\r\n                            if (storeConnectPricings.length == 0) {\r\n                                setStoreConnectPricings([\r\n                                    {\r\n                                        \"storeConnectPricingID\": 0,\r\n                                        \"storeConnectID\": 0,\r\n                                        \"pricingModule\": pricingModule,\r\n                                        \"amount\": parseInt(e.target.value),\r\n                                        \"from\": 0,\r\n                                        \"to\": 0,\r\n                                        \"userCount\": 0,\r\n                                        \"isExpiry\": false,\r\n                                        \"revisionDate\": moment().format(),\r\n                                        \"expiryDate\": null,\r\n                                        \"isActive\": true\r\n                                    }\r\n                                ])\r\n                            } else {\r\n                                let arr = [...storeConnectPricings];\r\n                                arr[0].amount = parseInt(e.target.value);\r\n                                setStoreConnectPricings(arr)\r\n                            }\r\n                        }} /> INR</label>\r\n                    </div> : (pricingModule == 'Volume' || pricingModule == 'Tiered') ? <div class=\"table-wrapper-scroll-y my-custom-scrollbar mt-2\">\r\n                        <table class=\"table table-bordered mb-0\">\r\n                            <thead>\r\n                                <tr>\r\n                                    <th scope=\"col\">From</th>\r\n                                    <th scope=\"col\">To</th>\r\n                                    <th scope=\"col\">Amount</th>\r\n                                    <th scope=\"col\">Action</th>\r\n                                </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                                {storeConnectPricings.map((item, index) => {\r\n                                    return <tr key={index}>\r\n                                        <td> {item.from} </td>\r\n                                        <td> {item.to} </td>\r\n                                        <td> {item.amount} </td>\r\n                                        <td align=\"center\">\r\n                                            <button className=\"btn\" onClick={() => {\r\n                                                // let arr = []\r\n                                                // let arr = [...storeConnectPricings]\r\n                                                // arr = storeConnectPricings.splice(index, index + 1);\r\n                                                // setStoreConnectPricings(arr);\r\n                                                let newArray = [...storeConnectPricings]\r\n                                                newArray.splice(index, 1)\r\n                                                setStoreConnectPricings(newArray)\r\n                                            }} >\r\n                                                <FontAwesomeIcon size=\"sm\" icon={faMinusCircle} color=\"red\" className=\"d-flex align-items-center justify-content-center\" />\r\n                                            </button>\r\n                                        </td>\r\n                                    </tr>\r\n                                })}\r\n                                <tr>\r\n                                    <td>\r\n                                        <input className=\"form-control form-control-sm\" value={priceTabs.userFrom} id=\"roleName\" type='number'\r\n                                            onChange={(e) => setPriceTabs({ ...priceTabs, userFrom: e.target.value })}\r\n                                        />\r\n                                    </td>\r\n\r\n                                    <td>\r\n                                        <input className=\"form-control form-control-sm\" value={priceTabs.userTo} id=\"roleCode\" type='number'\r\n                                            onChange={(e) => setPriceTabs({ ...priceTabs, userTo: e.target.value })}\r\n                                        />\r\n                                    </td>\r\n                                    <td>\r\n                                        <input className=\"form-control form-control-sm\" value={priceTabs.amount} id=\"roleCode\" type='number'\r\n                                            onChange={(e) => setPriceTabs({ ...priceTabs, amount: e.target.value })}\r\n                                        />\r\n                                    </td>\r\n                                    <td align=\"center\" className=\"d-flex align-items-center justify-content-center\">\r\n                                        <button className=\"btn\" onClick={() => {\r\n                                            if (priceTabs.userTo == '' || priceTabs.userFrom == '' || priceTabs.amount == '') {\r\n                                            } else {\r\n                                                setStoreConnectPricings([...storeConnectPricings,\r\n                                                {\r\n                                                    \"storeConnectPricingID\": 0,\r\n                                                    \"storeConnectID\": 0,\r\n                                                    \"pricingModule\": pricingModule,\r\n                                                    \"amount\": parseInt(priceTabs.amount),\r\n                                                    \"from\": parseInt(priceTabs.userFrom),\r\n                                                    \"to\": parseInt(priceTabs.userTo),\r\n                                                    \"userCount\": 0,\r\n                                                    \"isExpiry\": false,\r\n                                                    \"revisionDate\": moment().format(),\r\n                                                    \"expiryDate\": null,\r\n                                                    \"isActive\": true\r\n                                                }\r\n                                                ])\r\n                                                setPriceTabs({\r\n                                                    userFrom: parseInt(priceTabs.userTo) + 1,\r\n                                                    userTo: 0,\r\n                                                    amount: 0\r\n                                                })\r\n                                            }\r\n                                        }}>\r\n                                            <FontAwesomeIcon icon={faPlusCircle} size=\"sm\" color=\"green\" />\r\n                                        </button>\r\n                                    </td>\r\n                                </tr>\r\n                            </tbody>\r\n                        </table>\r\n                    </div> : (pricingModule == 'Step-Up') && <div class=\"table-wrapper-scroll-y my-custom-scrollbar mt-2\">\r\n                        <table class=\"table table-bordered mb-0\">\r\n                            <thead>\r\n                                <tr>\r\n                                    <th scope=\"col\">User</th>\r\n                                    <th scope=\"col\">Amount</th>\r\n                                    <th scope=\"col\">Action</th>\r\n                                </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                                {storeConnectPricings.map((item, index) => {\r\n                                    return <tr>\r\n                                        <td> {item.userCount} </td>\r\n                                        <td> {item.amount} </td>\r\n                                        <td align=\"center\">\r\n                                            <button className=\"btn\" onClick={() => {\r\n                                                // let arr = [...storeConnectPricings]\r\n                                                // arr = storeConnectPricings.splice(index, 1);\r\n                                                let newArray1 = [...storeConnectPricings]\r\n                                                newArray1.splice(index, 1)\r\n                                                setStoreConnectPricings(newArray1)\r\n                                                // setStoreConnectPricings(arr.splice(index, 1))\r\n                                            }}>\r\n                                                <FontAwesomeIcon size=\"sm\" icon={faMinusCircle} color=\"red\" className=\"d-flex align-items-center justify-content-center\" />\r\n                                            </button>\r\n                                        </td>\r\n                                    </tr>\r\n                                })}\r\n                                <tr>\r\n                                    <td>\r\n                                        <input className=\"form-control form-control-sm\" value={priceTabs.userTo} id=\"roleCode\" type='number'\r\n                                            onChange={(e) => setPriceTabs({ ...priceTabs, userTo: e.target.value })}\r\n                                        />\r\n                                    </td>\r\n                                    <td>\r\n                                        <input className=\"form-control form-control-sm\" value={priceTabs.amount} id=\"roleCode\" type='number'\r\n                                            onChange={(e) => setPriceTabs({ ...priceTabs, amount: e.target.value })}\r\n                                        />\r\n                                    </td>\r\n                                    <td align=\"center\" className=\"d-flex align-items-center justify-content-center\">\r\n                                        <button className=\"btn\" onClick={() => {\r\n                                            if (priceTabs.userTo == '' || priceTabs.amount == '') {\r\n                                            } else {\r\n                                                setStoreConnectPricings([...storeConnectPricings,\r\n                                                {\r\n                                                    \"storeConnectPricingID\": 0,\r\n                                                    \"storeConnectID\": 0,\r\n                                                    \"pricingModule\": pricingModule,\r\n                                                    \"amount\": parseInt(priceTabs.amount),\r\n                                                    \"from\": 0,\r\n                                                    \"to\": 0,\r\n                                                    \"userCount\": parseInt(priceTabs.userTo),\r\n                                                    \"isExpiry\": false,\r\n                                                    \"revisionDate\": moment().format(),\r\n                                                    \"expiryDate\": null,\r\n                                                    \"isActive\": true\r\n                                                }\r\n                                                ])\r\n                                                setPriceTabs({\r\n                                                    userFrom: 0,\r\n                                                    userTo: parseInt(priceTabs.userTo) + 1,\r\n                                                    amount: 0\r\n                                                })\r\n                                            }\r\n                                        }}>\r\n                                            <FontAwesomeIcon icon={faPlusCircle} size=\"sm\" color=\"green\" />\r\n                                        </button>\r\n                                    </td>\r\n                                </tr>\r\n                            </tbody>\r\n                        </table>\r\n                    </div>}\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default Pricing;","import { faInfoCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { Button, Popover } from 'antd';\r\nimport moment from 'moment';\r\nimport React, { useState } from 'react';\r\nimport './Style.css'\r\n\r\nfunction Version({ datas1, setDatas1, onPublishClick = () => { } }) {\r\n    return (\r\n        <div className='p-3'>\r\n            <div className='f-virision-pad-static'>\r\n                <label className='f-badge-title'>Looks Good!</label><br /><br />\r\n                <label>You are now ready to publish the service in to App Store.\r\n\r\n                    Pls add a Version number</label><br />\r\n                <tr>\r\n                    <td>\r\n                        <div className='f-virision-pad3'>\r\n                            <label htmlFor=\"AppStoreVersion\">App Store Version</label>\r\n                        </div>\r\n                    </td>\r\n                    <td>\r\n                        <div className='f-virision-pad'>\r\n                            <input className=\"form-control form-control-sm  mt-1\" value={datas1.storeVersion} id=\"AppStoreVersion\" type=\"text\" disabled={false} onChange={(e) => {\r\n                                setDatas1({ ...datas1, storeVersion: e.target.value })\r\n                            }} />\r\n                        </div>\r\n                    </td>\r\n                    <td>\r\n                        <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'center', height: '100%', paddingLeft: 10 }} className='f-virision-pad'>\r\n                            <Popover content={<div className='p-2'>Pls enter a unique / incremental version number</div>} >\r\n                                <FontAwesomeIcon icon={faInfoCircle} size='lg' color='#1890ff' style={{ cursor: 'pointer' }} onClick={() => {\r\n\r\n                                }} />\r\n                            </Popover>\r\n                        </div>\r\n                    </td>\r\n                </tr>\r\n                <Button type='primary' style={{ marginLeft: 0, marginTop: 40 }} onClick={onPublishClick}>\r\n                    Publish\r\n                </Button>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default Version;","import React, { useState, useEffect } from 'react';\r\nimport { Tabs, Switch, Rate, Modal, PageHeader, Tag, Button, Tooltip, Alert, Space } from 'antd';\r\nimport OtpInput from 'react-otp-input';\r\nimport './Style.css'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faCross, faTimes } from '@fortawesome/free-solid-svg-icons';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport { NotificationManager } from 'react-notifications';\r\nfunction CancelModal({ onCanceled = () => { }, cancelVisible, onOk = () => { }, title = '' }) {\r\n\r\n    const [user, setUser] = useState({})\r\n    useEffect(() => {\r\n        ItrAuthService.GetUserInfo().then(res => {\r\n            if (res.Success == true) {\r\n                let getUserDetails = res.result;\r\n                setUser(getUserDetails);\r\n                // setUserName(getUserDetails.userName);\r\n            }\r\n            else if (res.Success == false) {\r\n                NotificationManager.error(res.message);\r\n                // sessionStorage.clear();\r\n            }\r\n        });\r\n    }, [])\r\n    const [pin, setPin] = useState('');\r\n    return (\r\n        <div>\r\n            <Modal footer={[\r\n                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', flexDirection: 'row' }}>\r\n                    <button className='btn btn-primary' style={{ width: '48%', borderRadius: 0 }} onClick={() => {\r\n                        ItrApiService.POST({\r\n                            url: 'PAM/AdminPinVerification',\r\n                            data: {\r\n                                userCode: user.userCode,\r\n                                userName: user.userName,\r\n                                phonenumbers: \"\",\r\n                                otpKey: \"\",\r\n                                isEnable2FA: true,\r\n                                adminPin: pin\r\n                            }\r\n                        }).then(res => {\r\n                            if (res.Success == true) {\r\n                                if (res.result.isSuccess == true) {\r\n                                    onOk();\r\n                                } else {\r\n                                    NotificationManager.error(res.result.message)\r\n                                }\r\n                            } else {\r\n                                NotificationManager.error(res.message)\r\n                            }\r\n                        })\r\n                    }}>Authorize</button>\r\n                    <button className='btn btn-primary' style={{ width: '48%', borderRadius: 0 }} onClick={onCanceled}>Close</button>\r\n                </div>\r\n            ]}\r\n                className='modClass'\r\n                title={<div style={{ padding: 20, width: '100%', backgroundColor: '#ADD8E6' }}>\r\n                    {/* <div style={{ position: 'absolute', right: 20, top: 20 }}>\r\n                        <FontAwesomeIcon icon={faTimes} style={{ cursor: 'pointer' }} onClick={onCanceled} />\r\n                    </div> */}\r\n                    <div>\r\n                        <label style={{ fontSize: 14 }}>Admin Action Control</label><br />\r\n                        <label style={{ fontSize: 17, marginTop: 10, fontWeight: 'bold' }}>Some of the actions will be irrevocable! <br />Do you want to continue with this operation?</label>\r\n                    </div>\r\n\r\n                </div>} width='400px' visible={cancelVisible} centered={true}\r\n                onCancel={onCanceled}\r\n            >\r\n                <div style={{ display: 'flex', justifyContent: 'center', flexDirection: 'column', alignItems: 'center' }}>\r\n                    <label className='f-badge-title' style={{ textAlign: 'center' }}>To continue, enter the admin pin.</label>\r\n                    {/* <div style={{ height: 80, width: '100%', backgroundColor: 'blue' }}>\r\n\r\n                    </div> */}\r\n                    <div className=\"feilds2 mt-5\" style={{}}>\r\n                        <div>\r\n                            {/* <input type='number' /> */}\r\n                            <OtpInput\r\n                                containerStyle={{ borderColor: '#666666' }}\r\n                                className='otpinp'\r\n                                inputStyle={{ width: 40, height: 40, borderColor: '#666666', shadow: 'none' }}\r\n                                value={pin}\r\n                                onChange={(ot) => { setPin(ot) }}\r\n                                numInputs={6}\r\n                                separator={<span> - </span>}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </Modal>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default CancelModal;","import React, { useEffect, useState } from \"react\";\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\nimport { NxHeader, NxBreadcrumb, NxTitleTab, NxCustomTab, NxFooter, NxLoader } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui'\r\nimport { Switch, Steps, Button, Upload, DatePicker } from 'antd';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport { img2base64 } from \"../../config/ImageFunction\";\r\nimport Versioning from \"./Versioning\";\r\nimport FeaturedApps from \"./FeaturedApps\";\r\nimport Pricing from \"./Pricing\";\r\nimport VersionHistory from \"./VersionHistory\";\r\nimport PriceRevision from \"./PriceRevision\";\r\nimport './Style.css'\r\nimport Version from \"./Version\";\r\nimport CancelModal from \"./CancelModal\";\r\nimport moment from \"moment\";\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\n\r\n\r\nexport default function StoreConnectEntry() {\r\n\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons mb-5\">\r\n            <button className=\"btn btn-primary rounded-pill buttons\"> Save Draft</button>\r\n            <button className=\"btn btn-primary rounded-pill\"> Review</button>\r\n            <button className=\"btn close btn-outline-primary rounded-pill\"> Publish</button>\r\n        </div>\r\n    }\r\n\r\n    const [showMod, setShowMod] = useState(false);\r\n\r\n    const location = useLocation();\r\n    const [datas, setdatas] = useState({})\r\n    useEffect(() => {\r\n        setLoading(true);\r\n        if (!location.state) {\r\n            history.push('/apps-store')\r\n        } else if (!location.state.editVal) {\r\n            history.push('/apps-store')\r\n        } else {\r\n            // setDatas1(location.state.editVal);\r\n            ItrApiService.GET({\r\n                url: `RevOps/StoreConnect/StoreConnectReviewByCode/${location.state.editVal.ServiceCode}`\r\n            }).then(res => {\r\n                if (res.Success == true) {\r\n                    if (res.result.isSuccess == true) {\r\n                        setDatas1({ ...datas1, ...res.result.data });\r\n                        if (res.result.data) {\r\n                            if (res.result.data.pricingModule) {\r\n                                setPricingModule(res.result.data.pricingModule)\r\n                            }\r\n                            if (res.result.data.storeConnectPricings) {\r\n                                setStoreConnectFeatureApps(res.result.data.storeConnectPricings);\r\n                            }\r\n                            if (res.result.data.isFeaturedApp == false || res.result.data.isFeaturedApp == true) {\r\n                                setFeaturedApp(res.result.data.isFeaturedApp);\r\n                            }\r\n                        }\r\n                    }\r\n                }\r\n            })\r\n        }\r\n        setLoading(false);\r\n    }, []);\r\n\r\n    const { Step } = Steps;\r\n    const [current, setCurrent] = useState(0);\r\n\r\n    const next = () => {\r\n        if (current == 2) {\r\n\r\n        } else {\r\n            setCurrent(current + 1);\r\n        }\r\n    };\r\n\r\n    const prev = () => {\r\n        setCurrent(current - 1);\r\n    };\r\n\r\n\r\n    const titles = [\r\n        { title: \"Pricing\" },\r\n        { title: \"Featured Apps\" },\r\n        { title: \"Version\" },\r\n    ]\r\n\r\n    const [pricingModule, setPricingModule] = useState('');\r\n    const [storeConnectPricings, setStoreConnectPricings] = useState([])\r\n\r\n    const [isFeaturedApp, setFeaturedApp] = useState(false);\r\n    const [storeConnectFeatureApps, setStoreConnectFeatureApps] = useState([])\r\n\r\n\r\n    const [datas1, setDatas1] = useState(\r\n        {\r\n            storeConnectID: 0,\r\n            storeConnectCode: \"\",\r\n            serviceCode: \"\",\r\n            serviceName: \"\",\r\n            publishedDate: moment().format(),\r\n            serviceStatus: \"\",\r\n            storeVersion: \"\",\r\n            isFeaturedApp: true,\r\n            pricingModule: \"\",\r\n            storeConnectPricings: [],\r\n            storeConnectVersions: null,\r\n            storeConnectFeatureApps: [],\r\n            isActive: true\r\n        }\r\n    )\r\n\r\n    const [spfiles, setspfiles] = useState([]);\r\n\r\n    const [loading, setLoading] = useState(true);\r\n    let history = useHistory();\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title='App Store Connect' onCloseClick={() => {\r\n                history.goBack();\r\n            }} />\r\n            <div className=\"card mx-4 mt-0 newenrolemententry-global\">\r\n                <div className=\"card-body p-0\">\r\n                    <Steps labelPlacement='vertical' current={current} responsive={true} size=\"small\" >\r\n                        {titles.map((item, index) => {\r\n                            return <Step\r\n                                icon={current == index ? <div style={{ backgroundColor: '#1890ff', padding: 5, borderRadius: '24px', height: '24px', width: '24px', fontSize: '12px', display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'white' }}>{index + 1}</div>\r\n                                    : current > index && <div style={{ backgroundColor: '#73b504', padding: 5, borderRadius: '24px', height: '24px', width: '24px', fontSize: '12px', display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'white' }}>{index + 1}</div>\r\n                                    // : current < index && <div style={{ borderColor: 'rgba(0,o,0,0.25)', border: '1px solid', backgroundColor: 'white', padding: 5, borderRadius: 29, height: 29, width: 29, fontSize: 15, display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'rgba(0,o,0,0.25)' }}>{index + 1}</div>\r\n                                }\r\n                                key={index}\r\n                                title={item.title} />\r\n                        })}\r\n                    </Steps>\r\n                    {current == 0 ?\r\n                        <div className=\"storeconnectentry-tab-body\">\r\n                            <Pricing pricingModule={pricingModule} setPricingModule={setPricingModule} storeConnectPricings={storeConnectPricings} setStoreConnectPricings={setStoreConnectPricings} />\r\n                        </div> :\r\n                        current == 1 ?\r\n                            <div className=\"storeconnectentry-tab-body\">\r\n                                <FeaturedApps isFeaturedApp={isFeaturedApp} setFeaturedApp={setFeaturedApp} storeConnectFeatureApps={storeConnectFeatureApps} setStoreConnectFeatureApps={setStoreConnectFeatureApps} spfiles={spfiles} setspfiles={setspfiles} />\r\n                            </div> :\r\n                            <div className=\"storeconnectentry-tab-body\">\r\n                                <Version datas1={datas1} setDatas1={setDatas1} onPublishClick={() => {\r\n                                    ItrApiService.GET({\r\n                                        url: 'PAM/IsRequiredAdminPinVerification',\r\n                                    }).then(res => {\r\n                                        if (res.Success == true) {\r\n                                            if (res.result.isSuccess == true) {\r\n                                                if (res.result.data.isRequiredAdminPinVerification == true) {\r\n                                                    setShowMod(true);\r\n                                                }\r\n                                                else {\r\n                                                    let arr = [];\r\n                                                    for (let val of spfiles) {\r\n                                                        let obj = {\r\n                                                            splashScreen: val.thumbUrl,\r\n                                                        }\r\n                                                        arr = [...arr, obj]\r\n                                                    }\r\n                                                    let body = {\r\n                                                        ...datas1,\r\n                                                        pricingModule: pricingModule,\r\n                                                        storeConnectPricings: [...storeConnectPricings],\r\n                                                        isFeaturedApp: isFeaturedApp,\r\n                                                        storeConnectFeatureApps: arr,\r\n                                                        serviceCode: datas1.serviceCode,\r\n                                                        serviceName: datas1.serviceName,\r\n                                                        storeConnectID: datas1.storeConnectID,\r\n                                                        storeConnectCode: datas1.storeConnectCode,\r\n                                                    }\r\n                                                    // body = { ...body, storeConnectFeatureApps: arr };\r\n                                                    \r\n                                                    setLoading(true);\r\n                                                    ItrApiService.POST({\r\n                                                        url: 'RevOps/StoreConnect/SaveStoreConnect',\r\n                                                        data: body\r\n                                                    }).then(res => {\r\n                                                        setLoading(false)\r\n                                                        if (res.Success == true) {\r\n                                                            if (res.result.isSuccess == true) {\r\n                                                                history.push('/apps-store');\r\n                                                                NotificationManager.success('Updated successfully');\r\n                                                            } else {\r\n                                                                NotificationManager.error(res.result.message);\r\n                                                            }\r\n                                                        } else {\r\n                                                            NotificationManager.error(res.message)\r\n                                                        }\r\n                                                    })\r\n                                                }\r\n                                            }\r\n                                        }\r\n                                    })\r\n                                }} />\r\n                            </div>\r\n                    }\r\n                    <CancelModal title=\"\" cancelVisible={showMod} onOk={() => {\r\n                        setShowMod(false);\r\n\r\n                        let arr = [];\r\n                        for (let val of spfiles) {\r\n                            let obj = {\r\n                                splashScreen: val.thumbUrl,\r\n                            }\r\n                            arr = [...arr, obj]\r\n                        }\r\n                        let body = {\r\n                            ...datas1,\r\n                            pricingModule: pricingModule,\r\n                            storeConnectPricings: [...storeConnectPricings],\r\n                            isFeaturedApp: isFeaturedApp,\r\n                            storeConnectFeatureApps: arr,\r\n                            serviceCode: datas1.serviceCode,\r\n                            serviceName: datas1.serviceName,\r\n                            storeConnectID: datas1.storeConnectID,\r\n                            storeConnectCode: datas1.storeConnectCode,\r\n                        }\r\n                        // body = { ...body, storeConnectFeatureApps: arr };\r\n                        \r\n                        setLoading(true);\r\n                        ItrApiService.POST({\r\n                            url: 'RevOps/StoreConnect/SaveStoreConnect',\r\n                            data: body\r\n                        }).then(res => {\r\n                            setLoading(false)\r\n                            if (res.Success == true) {\r\n                                if (res.result.isSuccess == true) {\r\n                                    history.push('/apps-store');\r\n                                    NotificationManager.success('Secret Key Verification successfully');\r\n                                } else {\r\n                                    NotificationManager.error(res.result.message);\r\n                                }\r\n                            } else {\r\n                                NotificationManager.error(res.message)\r\n                            }\r\n                        })\r\n\r\n                        // history.push('/apps-store')\r\n                    }}\r\n                        onCanceled={() => {\r\n                            setShowMod(false)\r\n                        }}\r\n                    />\r\n                    <div className=\"steps-action container\" style={{ textAlign: 'right' }}>\r\n                        {current > 0 && (\r\n                            <Button style={{ margin: '0 8px' }} onClick={() => prev()}>\r\n                                Previous\r\n                            </Button>\r\n                        )}\r\n\r\n                        {current >= 0 && current != 2 ? <Button style={{ marginLeft: 10 }} type=\"primary\"\r\n                            onClick={() => next()}>\r\n                            {'Next'}\r\n                        </Button> : ''}\r\n                        <Button style={{ marginLeft: 10 }} onClick={() => history.goBack()}>\r\n                            Close\r\n                        </Button>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <div style={{ height: 30 }} />\r\n            {/* <div className=\"container enroll-button text-start\">\r\n                <Buttons />\r\n            </div> */}\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\nimport { NxHeader, NxBreadcrumb, NxTitleTab, NxCustomTab, NxFooter, NxLoader } from '@afiplfeed/itr-app';\r\nimport Versioning from '../StoreConnectEntry/Versioning';\r\nimport Headers from '../../Screens/Headers/Headers';\r\nimport CancelModal from '../StoreConnectEntry/CancelModal';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nfunction ServiceDetails({ }) {\r\n    const [loading, setLoading] = useState(false);\r\n    const [datas, setdatas] = useState({});\r\n    let history = useHistory();\r\n    const location = useLocation();\r\n    useEffect(() => {\r\n        setLoading(true);\r\n        if (!location.state) {\r\n            history.push('/enrollment')\r\n        } else if (!location.state.editVal) {\r\n            history.push('/enrollment')\r\n        } else {\r\n            setdatas(location.state.editVal);\r\n        }\r\n        setLoading(false);\r\n    }, []);\r\n    const [mod, setMod] = useState(false);\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title='Service Detail' onCloseClick={() => {\r\n                history.goBack();\r\n            }} />\r\n            <div className='newenrolemententry-global px-5'>\r\n                <Versioning datas={datas} setdatas={setdatas} onCloseClick={() => { history.goBack() }}\r\n                    onRetireClick={() => {\r\n                        setMod(true);\r\n                        ItrApiService.GET({\r\n                            url: 'PAM/IsRequiredAdminPinVerification',\r\n                        }).then(res => {\r\n                            if (res.Success == true) {\r\n                                if (res.result.isSuccess == true) {\r\n                                    if (res.result.data.isRequiredAdminPinVerification == true) {\r\n                                        setMod(true);\r\n                                    }\r\n                                    else {\r\n                                        setLoading(true)\r\n                                        ItrApiService.GET({ url: `RevOps/StoreConnect/UpdateRetiredStatus/${datas.StoreConnectId}` }).then(res2 => {\r\n                                            if (res2.Success == true) {\r\n                                                if (res2.result.isSuccess == true) {\r\n                                                    history.goBack();\r\n                                                }\r\n                                            }\r\n                                            setLoading(false)\r\n                                        })\r\n                                    }\r\n                                }\r\n                            }\r\n                        })\r\n\r\n\r\n                    }}\r\n                    onEditClick={() => {\r\n                        history.push({\r\n                            pathname: '/apps-store/store-connect/add',\r\n                            state: { editVal: datas }\r\n                        });\r\n                    }}\r\n                    onPublishClick={() => {\r\n                        history.push({\r\n                            pathname: '/apps-store/store-connect/add',\r\n                            state: { editVal: datas }\r\n                        });\r\n                    }} />\r\n            </div>\r\n            <CancelModal\r\n                cancelVisible={mod}\r\n                onCanceled={() => {\r\n                    setMod(false)\r\n                }} onOk={() => {\r\n                    // RevOps/StoreConnect/UpdateRetiredStatus/{storeConnectId}\r\n                    setMod(false);\r\n                    setLoading(true)\r\n                    ItrApiService.GET({ url: `RevOps/StoreConnect/UpdateRetiredStatus/${datas.StoreConnectId}` }).then(res => {\r\n                        if (res.Success == true) {\r\n                            if (res.result.isSuccess == true) {\r\n                                history.goBack();\r\n                            }\r\n                        }\r\n                        setLoading(false)\r\n                    })\r\n                }} />\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default ServiceDetails;","import React, { useState } from 'react';\r\nimport './CommsGateway.css';\r\nimport { useHistory } from 'react-router';\r\nimport Headers from '../../../../Screens/Headers/Headers';\r\nimport { NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport { DatePicker, Progress, Tabs } from 'antd';\r\nimport { DashboardOutlined, FormOutlined, DollarOutlined } from '@ant-design/icons';\r\nimport SmsGateway from '../../notification/smsGateway/smsGateway';\r\nimport EmailSetup from '../../notification/emailSetup/emailSetup';\r\n\r\nconst { RangePicker } = DatePicker;\r\n\r\n\r\nexport default function CommsGateway() {\r\n\r\n    const { TabPane } = Tabs;\r\n\r\n    let history = useHistory();\r\n\r\n    const [keyPeriods, setKeyPeriods] = useState();\r\n\r\n    return (\r\n        <>\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"Comms Gateway\" onCloseClick={() => history.goBack()} />\r\n\r\n            <div className=\"billing-tabs billing-main\">\r\n                <Tabs defaultActiveKey=\"1\" type=\"card\">\r\n                    <TabPane tab={\r\n                        <div className=\"d-flex justify-content-center\">\r\n                            {/* <span ><DashboardOutlined /></span> */}\r\n                            <span style={{ fontSize: '16px',paddingLeft:\"12px\",paddingRight:\"12px\" }} >Email Config.</span>\r\n                        </div>\r\n                    } key=\"1\">\r\n                        <EmailSetup />\r\n                    </TabPane>\r\n\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                        {/* <span ><FormOutlined /></span> */}\r\n                        <span style={{ fontSize: '16px',paddingLeft:\"12px\",paddingRight:\"12px\" }}>SMS Config.</span>\r\n                    </div>} key=\"2\">\r\n                        <SmsGateway />\r\n                    </TabPane>\r\n\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                        {/* <span ><FormOutlined /></span> */}\r\n                        <span style={{ fontSize: '16px',paddingLeft:\"12px\",paddingRight:\"12px\" }}>WhatsApp Config.</span>\r\n                    </div>} key=\"3\">\r\n                        {/* <SmsGateway /> */}\r\n                    </TabPane>\r\n                    \r\n                    <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                        {/* <span ><FormOutlined /></span> */}\r\n                        <span style={{ fontSize: '16px',paddingLeft:\"12px\",paddingRight:\"12px\" }}>SignalR Config.</span>\r\n                    </div>} key=\"3\">\r\n                        {/* <SmsGateway /> */}\r\n                    </TabPane>\r\n                </Tabs>\r\n            </div>\r\n\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useHistory } from 'react-router';\r\nimport './IdleTimeout.css';\r\nimport { NxLoader, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { Switch, message } from 'antd';\r\nimport { NotificationManager } from 'react-notifications';\r\n\r\nexport default function IdleTimeout() {\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const [gateway, setGateway] = useState({});\r\n    const getIdleApi = async () => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/Configuration/IdleSessionSignOut',\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let vals = result.result.data;\r\n                if (result.result.data) {\r\n                    setData(vals);\r\n                }\r\n            } else {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n    const [data, setData] = useState({\r\n        idleSessionSignOutID: 0,\r\n        isIdleSessionSignOut: false,\r\n        userSignOutTime: 0,\r\n        userNoticeTime: 0\r\n    });\r\n\r\n\r\n    useEffect(() => {\r\n        getIdleApi();\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title='Session Management' onCloseClick={() => history.goBack()} />\r\n            <div className=\"card mt-0 sms-gateway-main\">\r\n                <div className=\"card-body\">\r\n                    <div className=\"container-form mb-5\">\r\n                        <div>\r\n                            <div className=\"row mt-4\">\r\n                                <span className='f-badge-title'>Idle Session Sign-Out.</span>\r\n                                <span style={{ fontSize: 15, marginTop: 9 }}>Warn and then sign out users on unmanaged device after a period of inactivity. this setting applies when users don't select to stay signed in.</span><br />\r\n                                <span style={{ fontWeight: 'bold', marginTop: 20, fontSize: 15 }} >Sign Out inactive users automatically</span>\r\n                                <div className=\"col-12 col-sm-4 col-md-6 col-lg-6 col-xl-6  \">\r\n                                    <div className='row'>\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-4\">\r\n                                            <Switch checked={data.isIdleSessionSignOut} onChange={(e) => setData({ ...data, isIdleSessionSignOut: e })} /> &nbsp; <label> On </label>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-4\">\r\n                                            <label htmlFor=\"Organization\"> Sign Out users after</label>\r\n                                            {/* <input className=\"form-control mt-1\" id=\"Organization\" type=\"text\" /> */}\r\n                                            <select className=\"form-select form-select-sm\" value={data.userSignOutTime} onChange={(e) => { setData({ ...data, userSignOutTime: e.target.value }) }} >\r\n                                                <option value={0} selected disabled> -- Please Select -- </option>\r\n                                                <option value={60}>1 hour</option>\r\n                                                <option value={120}>2 hour</option>\r\n                                                <option value={240}>4 hour</option>\r\n                                            </select>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-4\">\r\n                                            <label htmlFor=\"Organization\">Give Users this much notice before signing them out</label>\r\n                                            {/* <input className=\"form-control mt-1\" id=\"Organization\" value={gateway?.apiKey} type=\"text\" /> */}\r\n                                            <select className=\"form-select form-select-sm\" value={data.userNoticeTime} onChange={(e) => { setData({ ...data, userNoticeTime: e.target.value }) }}>\r\n                                                <option value={0} selected disabled> -- Please Select -- </option>\r\n                                                <option value={5}>5 minutes</option>\r\n                                                <option value={15}>15 minutes</option>\r\n                                                <option value={30}>30 minutes</option>\r\n                                                <option value={45}>45 minutes</option>\r\n                                                <option value={60}>60 minutes</option>\r\n                                            </select>\r\n                                        </div>\r\n\r\n                                        {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <label htmlFor=\"Organization\">Url</label>\r\n                                        <input className=\"form-control mt-1\" id=\"Organization\" type=\"text\" value={gateway?.url} />\r\n                                    </div> */}\r\n\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n\r\n                            <div className=\"form-button nx-enquiry-buttons mt-3 mb-5\">\r\n                                <button className=\"btn btn-primary btn-sm buttons\" onClick={() => {\r\n                                    let body = { ...data, userNoticeTime: parseInt(data.userNoticeTime), userSignOutTime: parseInt(data.userSignOutTime) };\r\n                                    setLoading(true);\r\n                                    ItrApiService.POST({ url: 'Platform/Configuration/IdleSessionSignOut', data: body }).then(res => {\r\n                                        if (res.Success == true) {\r\n                                            if (res.result.isSuccess == true) {\r\n                                                message.success('Updated Successfully!')\r\n                                            }\r\n                                        }\r\n                                        setLoading(false);\r\n                                    })\r\n                                }}>Save</button>\r\n                                <button className=\"btn btn-primary btn-sm buttons mx-1\" onClick={() => { history.goBack() }} >Cancel</button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport './BillingRule.css';\r\nimport { useHistory } from 'react-router';\r\nimport { NxTitleTab, NxLoader, NxFooter, NxGridList, NxActionTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { Countries } from '../../../general/general';\r\nimport { Switch } from 'antd';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport moment from 'moment';\r\nimport { NotificationManager } from 'react-notifications';\r\n\r\n\r\nconst splits = async (dests, setData, setExport) => {\r\n    let arr2 = [];\r\n    let arr = [];\r\n    for (let value of dests) {\r\n        let data = [value.billingTemplateName, moment(value.dataCreated).format('DD/MM/YYYY'), value.author || '', value.noOfCustomer];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Billing Template': value.billingTemplateName,\r\n            'Saved Date': moment(value.dataCreated).format('DD/MM/YYYY'),\r\n            'Author': value.author || '',\r\n            'No of Customers applied': value.noOfCustomer\r\n        }\r\n        arr2 = [...arr2, obj2];\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\n\r\nexport default function BillingRule() {\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    useEffect( () => {\r\n        setLoading(true);\r\n        ItrApiService.GET({ url: 'RevOps/BillingRule/GetBillingRules' }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        splits(res.result.data, setData, setExport)\r\n                    }\r\n                } else {\r\n                    NotificationManager.error(res.result.message);\r\n                }\r\n            } else {\r\n                NotificationManager.error(res.message);\r\n            }\r\n            setLoading(false);\r\n        })\r\n    }, []);\r\n\r\n    const [data, setData] = useState([]);\r\n    const [exportVal, setExport] = useState([]);\r\n\r\n    return (\r\n        <div>\r\n            {/* <Headers /> */}\r\n            <NxLoader state={loading} />\r\n            {/* <NxTitleTab className=\"title-tab\" title='Billing Rule' onCloseClick={() => history.goBack()} /> */}\r\n            <>\r\n                <div className=\"card1 mt-0\">\r\n                    <div className=\"card-body1\">\r\n                        <div className=\"container-form mb-5\">\r\n\r\n                            <div className='d-flex justify-content-end align-items-center'>\r\n                                {/* <NxActionTab className=\"resource-groups-list-action-tab px-0\"\r\n                                    // onColumnsClick={() => { setHandel(true) }}\r\n                                    exportValue={exportVal}\r\n                                    fileName='Billing Template'\r\n                                    onRefreshClick={() => {\r\n                                        setLoading(true)\r\n                                        ItrApiService.GET({ url: 'RevOps/BillingRule/GetBillingRules' }).then(res => {\r\n                                            if (res.Success == true) {\r\n                                                if (res.result.isSuccess == true) {\r\n                                                    if (res.result.data) {\r\n                                                        \r\n                                                    }\r\n                                                }\r\n                                            }\r\n                                            setLoading(false)\r\n                                        })\r\n                                    }}\r\n                                    onNewEntryClick={() => {\r\n                                        history.push('/billing-rules/add')\r\n                                        // setNewTaxation(true)\r\n                                    }}\r\n                                    enableNewEntry={false}\r\n                                /> */}\r\n                                <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/billing-rules/add')}>New Billing Template </button>\r\n                            </div>\r\n                            <div className=\"row mt-0 mx-0 mt-2\">\r\n                                <NxGridList\r\n                                    header={[\r\n                                        {\r\n                                            name: 'Billing Template',\r\n                                            search: true,\r\n                                        },\r\n                                        {\r\n                                            name: 'Saved Date',\r\n                                            sort: true,\r\n                                        },\r\n                                        {\r\n                                            name: 'Author',\r\n                                            search: true,\r\n                                        },\r\n                                        {\r\n                                            name: 'No of Customers applied',\r\n                                            sort: true,\r\n                                        }\r\n                                    ]}\r\n                                    data={data}\r\n                                    enableSearch={true}\r\n                                    autoSearch={true}\r\n                                    enableAutoPagination={true}\r\n                                    showShowing={true}\r\n                                    rowClick={(data) => {\r\n                                        history.push({\r\n                                            pathname: '/billing-rules/edit',\r\n                                            state: data\r\n                                        });\r\n                                    }}\r\n                                />\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </>\r\n            {/* <NxFooter className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} /> */}\r\n        </div >\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport './CurrencyConv.css';\r\nimport { useHistory } from 'react-router';\r\nimport { NxTitleTab, NxLoader, NxFooter, NxGridList, NxActionTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { Countries } from '../../../general/general';\r\nimport { Switch } from 'antd';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport moment from 'moment';\r\nimport { NotificationManager } from 'react-notifications';\r\n\r\n\r\nconst splits = async (dests, setData, setExport) => {\r\n    let arr2 = [];\r\n    let arr = [];\r\n    for (let value of dests) {\r\n        let data = [value.currency.currencyName, value.currency.currencySymbol, value.exchangeRate, moment(value.modifiedDate == '' ? value.createdDate : value.modifiedDate).format('DD/MM/YYYY'), value.modifiedBy == '' ? value.createdBy : value.modifiedBy];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Billing Template': value.billingTemplateName,\r\n            'Saved Date': moment(value.dataCreated).format('DD/MM/YYYY'),\r\n            'Author': value.author || '',\r\n            'No of Customers applied': value.noOfCustomer\r\n        }\r\n        arr2 = [...arr2, obj2];\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\n\r\nexport default function CurrencyConv() {\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const [datas, setDatas] = useState({});\r\n\r\n    useEffect( () => {\r\n        setLoading(true);\r\n        ItrApiService.GET({ url: 'RevOps/CurrencyExchangeRate/GetAllCurrencyExchangeRate' }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        splits(res.result.data, setData, setExport)\r\n                    }\r\n                } else {\r\n                    NotificationManager.error(res.result.message);\r\n                }\r\n            } else {\r\n                NotificationManager.error(res.message);\r\n            }\r\n            setLoading(false);\r\n        });\r\n        ItrApiService.GET({ url: 'RevOps/BillerInformation' }).then(res => {\r\n            setLoading(false);\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setDatas(res.result.data);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n    }, []);\r\n\r\n    const [data, setData] = useState([])\r\n    const [exportVal, setExport] = useState([]);\r\n\r\n    return (\r\n        <div>\r\n            {/* <Headers /> */}\r\n            <NxLoader state={loading} />\r\n            {/* <NxTitleTab className=\"title-tab\" title='Billing Rule' onCloseClick={() => history.goBack()} /> */}\r\n            <>\r\n                <div className=\"card1 mt-0\">\r\n                    <div className=\"card-body1\">\r\n                        <div className=\"container-form mb-5\">\r\n\r\n                            <div className='d-flex justify-content-between align-items-center'>\r\n                                <div>\r\n                                    <p style={{ fontSize: '16px', margin: '0' }}>Base Currency : <span style={{color:'black',fontWeight:'bold'}}>  {datas.currencyName && datas.currencyName} </span> </p>\r\n                                </div>\r\n                                {/* <NxActionTab className=\"resource-groups-list-action-tab px-0\"\r\n                                    // onColumnsClick={() => { setHandel(true) }}\r\n                                    exportValue={exportVal}\r\n                                    fileName='Billing Template'\r\n                                    onRefreshClick={() => {\r\n                                        setLoading(true)\r\n                                        ItrApiService.GET({ url: 'RevOps/BillingRule/GetBillingRules' }).then(res => {\r\n                                            if (res.Success == true) {\r\n                                                if (res.result.isSuccess == true) {\r\n                                                    if (res.result.data) {\r\n                                                        \r\n                                                    }\r\n                                                }\r\n                                            }\r\n                                            setLoading(false)\r\n                                        })\r\n                                    }}\r\n                                    onNewEntryClick={() => {\r\n                                        \r\n                                    }}\r\n                                    enableNewEntry={false}\r\n                                /> */}\r\n                                <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/currency-conversion/add')}>New Currency Conversion </button>\r\n                            </div>\r\n                            <div className=\"row mt-0 mx-0 mt-2\">\r\n                                <NxGridList\r\n                                    header={[\r\n                                        {\r\n                                            name: 'Currency',\r\n                                            search: true,\r\n                                        },\r\n                                        {\r\n                                            name: 'Symbol',\r\n                                            search: true,\r\n                                        },\r\n                                        {\r\n                                            name: 'Conversion Rate',\r\n                                            sort: true,\r\n                                        },\r\n                                        {\r\n                                            name: 'Updated On',\r\n                                            sort: true,\r\n                                        },\r\n                                        {\r\n                                            name: 'Updated By',\r\n                                            search: true,\r\n                                        },\r\n                                    ]}\r\n                                    data={data}\r\n                                    enableSearch={true}\r\n                                    autoSearch={true}\r\n                                    enableAutoPagination={true}\r\n                                    showShowing={true}\r\n                                    rowClick={(data) => {\r\n                                        history.push({\r\n                                            pathname: '/currency-conversion/edit',\r\n                                            state: data\r\n                                        });\r\n                                    }}\r\n                                />\r\n                            </div>\r\n\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </>\r\n            {/* <NxFooter className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} /> */}\r\n        </div >\r\n    )\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport './BillngConfiguration.css';\r\nimport { useHistory } from 'react-router';\r\nimport Headers from '../../../../Screens/Headers/Headers';\r\nimport { NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport { DatePicker, Progress, Tabs } from 'antd';\r\nimport { DashboardOutlined, FormOutlined, DollarOutlined } from '@ant-design/icons';\r\nimport SmsGateway from '../../notification/smsGateway/smsGateway';\r\nimport EmailSetup from '../../notification/emailSetup/emailSetup';\r\nimport Taxation from '../../Taxation/Taxation';\r\nimport BillingRule from '../../BillingRule/BillingRule';\r\nimport CurrencyConv from '../../CurrencyConv/CurrencyConv';\r\n\r\nconst { RangePicker } = DatePicker;\r\n\r\n\r\nexport default function BillngConfiguration() {\r\n\r\n    const { TabPane } = Tabs;\r\n\r\n    let history = useHistory();\r\n\r\n    const [keyPeriods, setKeyPeriods] = useState();\r\n\r\n    const [activeString, setActiveString] = useState('1')\r\n    useEffect(() => {\r\n        let s = sessionStorage.getItem('bc');\r\n        if (s) {\r\n            setActiveString(s)\r\n        }\r\n    }, []);\r\n\r\n    return (\r\n        <>\r\n\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"Billing Configuration\" onCloseClick={() => {\r\n                sessionStorage.removeItem('bc');\r\n                history.goBack()\r\n            }} />\r\n\r\n            <div className=\"billing-tabs billing-main\">\r\n                <Tabs type=\"card\" activeKey={activeString} onChange={(e) => {\r\n                    setActiveString(e);\r\n                    sessionStorage.setItem('bc', e)\r\n                }}>\r\n\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                        <span ><FormOutlined /></span>\r\n                        <span style={{ fontSize: '16px' }}>Currency Conversion</span>\r\n                    </div>} key=\"1\">\r\n                        <CurrencyConv />\r\n                    </TabPane>\r\n\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                        <span ><FormOutlined /></span>\r\n                        <span style={{ fontSize: '16px' }}>Taxation</span>\r\n                    </div>} key=\"2\">\r\n                        <Taxation />\r\n                    </TabPane>\r\n\r\n                    <TabPane tab={\r\n                        <div className=\"d-flex justify-content-center\">\r\n                            <span ><DashboardOutlined /></span>\r\n                            <span style={{ fontSize: '16px' }} >Billing Template</span>\r\n                        </div>\r\n                    } key=\"3\">\r\n                        <BillingRule />\r\n                    </TabPane>\r\n\r\n                </Tabs>\r\n            </div>\r\n\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import { NxFooter, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport moment from 'moment';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport { useHistory } from 'react-router-dom'\r\nimport Headers from '../../../Screens/Headers/Headers';\r\n\r\nfunction AddBillingRules() {\r\n    const history = useHistory();\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    const [newBillingRules, setNewBillingRules] = useState({\r\n        billingTemplateName: '',\r\n        monthlyDate: '',\r\n        selectDay: '',\r\n        isRecurringJob: '',\r\n        cancellationCustomer: '',\r\n        invoiceReminders: '',\r\n\t\tcreditPeriod: '',\r\n        dunningPeriod: '',\r\n        dataErasePeriod: '',\r\n        dataCreated: moment().format(),\r\n        author: \"\",\r\n        noOfCustomer: 0,\r\n    })\r\n\r\n\r\n    useEffect(() => {\r\n\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxLoader state={loader} />\r\n            <NxTitleTab className=\"title-tab\" title=\"Add Billing Template\" onCloseClick={() => history.goBack()} />\r\n            <div className=\"card password-policy-main mt-0\">\r\n                <div className=\"card-body p-0 mb-5\" >\r\n                    <div className=\"row p-3 mx-1\">\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-6'>\r\n                            <div className=\"row\">\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Billing Template</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input className=\"form-control form-control-sm\" type=\"text\" value={newBillingRules.billingTemplateName}\r\n                                                onChange={(e) => setNewBillingRules({ ...newBillingRules, billingTemplateName: e.target.value })} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Monthly Billing Date</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newBillingRules.monthlyDate}\r\n                                                onChange={(e) => setNewBillingRules({ ...newBillingRules, monthlyDate: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value=\"Select Date\"> Select Date </option>\r\n                                                <option value=\"firstDay\"> First day of the Month  </option>\r\n                                                <option value=\"lastDay\"> Last day of the Month </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2' hidden={newBillingRules.monthlyDate == 'Select Date' ? false : true}>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Select Date</label>\r\n\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newBillingRules.selectDay}\r\n                                                onChange={(e) => setNewBillingRules({ ...newBillingRules, selectDay: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value='1'>1</option>\r\n                                                <option value='2'>2</option>\r\n                                                <option value='3'>3</option>\r\n                                                <option value='4'>4</option>\r\n                                                <option value='5'>5</option>\r\n                                                <option value='6'>6</option>\r\n                                                <option value='7'>7</option>\r\n                                                <option value='8'>8</option>\r\n                                                <option value='9'>9</option>\r\n                                                <option value='10'>10</option>\r\n                                                <option value='11'>11</option>\r\n                                                <option value='12'>12</option>\r\n                                                <option value='13'>13</option>\r\n                                                <option value='14'>14</option>\r\n                                                <option value='15'>15</option>\r\n                                                <option value='16'>16</option>\r\n                                                <option value='17'>17</option>\r\n                                                <option value='18'>18</option>\r\n                                                <option value='19'>19</option>\r\n                                                <option value='20'>20</option>\r\n                                                <option value='21'>21</option>\r\n                                                <option value='22'>22</option>\r\n                                                <option value='23'>23</option>\r\n                                                <option value='24'>24</option>\r\n                                                <option value='25'>25</option>\r\n                                                <option value='26'>26</option>\r\n                                                <option value='27'>27</option>\r\n                                                <option value='28'>28</option>\r\n                                                <option value='29'>29</option>\r\n                                                <option value='30'>30</option>\r\n                                                <option value='31'>31</option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Recurring Job</label>\r\n\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newBillingRules.isRecurringJob}\r\n                                                onChange={(e) => {\r\n                                                    if (e.target.value == 'true') {\r\n                                                        setNewBillingRules({ ...newBillingRules, isRecurringJob: true })\r\n                                                    }\r\n                                                    else {\r\n                                                        setNewBillingRules({ ...newBillingRules, isRecurringJob: false })\r\n                                                    }\r\n                                                }}\r\n                                                >\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value={true}> Yes </option>\r\n                                                <option value={false}> No  </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Cancellation Customers</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newBillingRules.cancellationCustomer}\r\n                                                onChange={(e) => setNewBillingRules({ ...newBillingRules, cancellationCustomer: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value=\"Bill as per Monthly date\"> Bill as per Monthly date </option>\r\n                                                <option value=\"Bill on subscription cancellation date\"> Bill on subscription cancellation date  </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Invoice Reminders - Every</label>\r\n\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newBillingRules.invoiceReminders}\r\n                                                onChange={(e) => setNewBillingRules({ ...newBillingRules, invoiceReminders: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value=\"5\"> 5 Days </option>\r\n                                                <option value=\"10\"> 10 Days  </option>\r\n                                                <option value=\"15\"> 15 Days </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Credit Period</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newBillingRules.creditPeriod}\r\n                                                onChange={(e) => setNewBillingRules({ ...newBillingRules, creditPeriod: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value=\"5\"> 5 Days </option>\r\n                                                <option value=\"10\"> 10 Days  </option>\r\n                                                <option value=\"15\"> 15 Days </option>\r\n                                                <option value=\"20\"> 20 Days  </option>\r\n                                                <option value=\"25\"> 25 Days </option>\r\n                                                <option value=\"30\"> 30 Days  </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Dunning Period</label>\r\n\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newBillingRules.dunningPeriod}\r\n                                                onChange={(e) => setNewBillingRules({ ...newBillingRules, dunningPeriod: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value=\"15\"> 15 Days </option>\r\n                                                <option value=\"30\"> 30 Days  </option>\r\n                                                <option value=\"45\"> 45 Days </option>\r\n                                                <option value=\"60\"> 60 Days  </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Data Erase Period</label>\r\n\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newBillingRules.dataErasePeriod}\r\n                                                onChange={(e) => setNewBillingRules({ ...newBillingRules, dataErasePeriod: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value=\"30\"> 30 Days </option>\r\n                                                <option value=\"60\"> 60 Days  </option>\r\n                                                <option value=\"90\"> 90 Days </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4'>\r\n                            <div className=\"row\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4'>\r\n                            <div className=\"row\">\r\n                            </div>\r\n                        </div>\r\n\r\n\r\n\r\n\r\n                        <div className='text-end'>\r\n                            <button className='btn btn-primary btn-sm mt-4 mb-1' onClick={() => {\r\n                                let dataVal = { ...newBillingRules, selectDay: newBillingRules.selectDay == '' ? 0 : parseInt(newBillingRules.selectDay), isRecurringJob: newBillingRules.isRecurringJob};\r\n                                setLoader(true);\r\n                                ItrApiService.POST({ url: 'RevOps/BillingRule/SaveBillingRule', data: dataVal }).then(res => {\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            setLoader(false);\r\n                                            history.goBack();\r\n                                        } else {\r\n                                            NotificationManager.error(res.result.message);\r\n                                        }\r\n                                    } else {\r\n                                        NotificationManager.error(res.message);\r\n                                    }\r\n                                })\r\n                            }}>Save</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter\r\n                className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                    { name: 'Terms of Service' },\r\n                    { name: 'Privacy' },\r\n                ]} />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default AddBillingRules;","import React, { useEffect, useState } from \"react\";\r\nimport './CloudConnect.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab, NxActionTab, NxGridList, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport CustomerSidebar from \"../../Screens/CustomerSidebar/CustomerSidebar\";\r\n\r\n\r\nconst splits = async (dests, setData, setExport) => {\r\n    let arr = [];\r\n    let arr2 = [];\r\n    for (let value of dests) {\r\n        let data = [value.name, value.clientID, value.azureID, value.isActive == true ? 'Active' : 'inActive'];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Subscription Name': value.name,\r\n            'Client ID': value.clientID,\r\n            'Subscription ID': value.azureID,\r\n            'Status': value.isActive == true ? 'Active' : 'inActive'\r\n        }\r\n        arr2 = [...arr2, obj2]\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\nconst splits1 = async (dests, setData, setExport) => {\r\n    let arr = [];\r\n    let arr2 = []\r\n    // for (let value of dests) {\r\n    let data = [dests.name, dests.clientID, dests.azureID, dests.isActive == true ? 'Active' : 'inActive'];\r\n    let obj = { sendItem: dests, data: data };\r\n    let obj2 = {\r\n        'Subscription Name': dests.name,\r\n        'Client ID': dests.clientID,\r\n        'Subscription ID': dests.azureID,\r\n        'Status': dests.isActive == true ? 'Active' : 'inActive'\r\n    }\r\n    arr2 = [...arr2, obj2];\r\n    arr = [...arr, obj]\r\n    // }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\n\r\nexport default function CloudConnect() {\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [exportVal, setExport] = useState([]);\r\n    const [handel, setHandel] = useState(false);\r\n    useEffect(() => {\r\n        setLoad(true)\r\n        ItrApiService.GET({\r\n            url: 'CloudConnect/Configuration/AzureSubscription'\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setVale(res.result.data);\r\n                        splits1(res.result.data, setData, setExport)\r\n                    }\r\n                }\r\n            }\r\n            setLoad(false)\r\n        })\r\n    }, []);\r\n\r\n\r\n\r\n    const [vals, setVale] = useState([])\r\n    const [data, setData] = useState([]);\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"Providers\" onCloseClick={() => {\r\n                sessionStorage.removeItem('rc');\r\n                history.goBack()\r\n            }} />\r\n            <div className=\"billing-tabs billing-main\">\r\n                <NxLoader state={load} />\r\n                {/* <Headers /> */}\r\n                {/* <VxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                }\r\n            ]} /> */}\r\n                <div className=\"customer-dynamic-pages pt-0\">\r\n                    {/* <NxTitleTab className=\"title-tab page-title\" title='Azure Connect' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} /> */}\r\n\r\n                    <div className=\"onboarding-main mt-1\">\r\n                        <div className=\"d-flex justify-content-between align-items-center\">\r\n                            <NxActionTab className=\"px-0\"\r\n                                exportValue={exportVal}\r\n                                fileName='Azure Cloud'\r\n                                // onColumnsClick={() => { setHandel(true) }}\r\n                                onRefreshClick={() => {\r\n                                    setLoad(true)\r\n                                    setTimeout(function () {\r\n                                        setLoad(false)\r\n                                    }, 2000);\r\n                                }}\r\n                                onNewEntryClick={() => {\r\n                                    history.push('/cloud-connect/add')\r\n                                }}\r\n                                enableNewEntry={false}\r\n                            />\r\n                            <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/cloud-connect/add')}>Add Azure Cloud </button>\r\n                        </div>\r\n                        <div className=\"mb-5\">\r\n                            <NxGridList\r\n                                enableSearch={true}\r\n                                autoSearch={true}\r\n                                enableAutoPagination={true}\r\n                                showShowing={true}\r\n                                header={[\r\n                                    {\r\n                                        name: 'Subscription Name',\r\n                                        sort: false,\r\n                                        search: true\r\n                                    },\r\n                                    {\r\n                                        name: 'Client ID',\r\n                                        sort: false,\r\n                                        search: true\r\n                                    },\r\n                                    {\r\n                                        name: 'Subscription ID',\r\n                                        sort: false,\r\n                                    },\r\n                                    {\r\n                                        name: 'Status',\r\n                                        sort: false,\r\n                                    },\r\n\r\n                                ]}\r\n                                rowClick={(data) => {\r\n                                    history.push({\r\n                                        pathname: '/cloud-connect/edit',\r\n                                        state: data\r\n                                    })\r\n                                }}\r\n                                data={data}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            {/* <NxFooter className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} /> */}\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport './CloudConnectAdd.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\n\r\nexport default function CloudConnectAdd() {\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons mt-4 mb-4\">\r\n            <button className=\"btn btn-sm btn-primary buttons\" onClick={async () => {\r\n                let pin = await loginUser();\r\n                let aP = 0\r\n                if (pin.pin != '') {\r\n                    aP = parseInt(pin.pin)\r\n                }\r\n                ItrApiService.POST({\r\n                    data: { ...data, adminPIN: aP },\r\n                    url: 'AzureConnect/TestConnection'\r\n                }).then(res => {\r\n                })\r\n            }}> Test Connection</button>\r\n            <button className=\"btn btn-sm btn-primary buttons\" onClick={async () => {\r\n                let pin = await loginUser();\r\n                let aP = 0\r\n                if (pin.pin != '') {\r\n                    aP = parseInt(pin.pin)\r\n                }\r\n                ItrApiService.POST({\r\n                    data: { ...data, adminPIN: aP },\r\n                    url: 'CloudConnect/Configuration/AzureSubscription'\r\n                }).then(res => {\r\n                    if (res.Success == true) {\r\n                        if (res.result.isSuccess == true) {\r\n                            history.goBack()\r\n                        } else {\r\n                            NotificationManager.error(res.result.message);\r\n                        }\r\n                    } else {\r\n                        NotificationManager.error(res.message);\r\n                    }\r\n                })\r\n            }} > Save</button>\r\n            <button className=\"btn btn-sm close btn-outline-primary\" onClick={() => history.goBack()}> Close</button>\r\n        </div>\r\n    }\r\n\r\n    var loginUser = () => {\r\n        return {\r\n            pin: document.getElementById('adminPin').value\r\n        }\r\n    }\r\n\r\n    const [data, setData] = useState({\r\n        azureSubscriptionID: 0,\r\n        clientID: \"\",\r\n        clientSecret: \"\",\r\n        adminPIN: 0,\r\n        tenantID: \"\",\r\n        azureID: \"\",\r\n        name: \"\",\r\n        customerCode: '',\r\n        // customerID: 0,\r\n        workSpaces: []\r\n    })\r\n\r\n    const blockChar = () => {\r\n        $(\"input[name='numonly']\").on('input', function (e) {\r\n            $(this).val($(this).val().replace(/[^0-9]/g, ''));\r\n        });\r\n    }\r\n\r\n    const getUser = async () => {\r\n        let result = await ItrAuthService.GetUserInfo();\r\n        if (result.Success == true) {\r\n            setData({ ...data, customerID: result.customerCode });\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        getUser()\r\n    }, [])\r\n\r\n\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false)\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <div className=\"customer-dynamic-pages pt-4 \">\r\n                <NxTitleTab className=\"title-tab page-title\" title='Add Azure Connect' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} />\r\n                <div className=\"resource-groups-add-main-form mt-2\">\r\n                    <div className=\"card resource-groups-add-card-form\">\r\n                        <div className=\"card-body\">\r\n                            <div className=\"container-form\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <div className=\"row\">\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"name\" className='f-badge-title'>Subscription Name</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"name\" type=\"text\" value={data.name} onChange={(e) => {\r\n                                                    setData({ ...data, name: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"adminPin\" className='f-badge-title'>Admin Pin</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"adminPin\" name=\"numonly\" type=\"password\" onKeyPress={blockChar} value={data.adminPIN} onChange={(e) => {\r\n                                                    setData({ ...data, adminPIN: e.target.value })\r\n                                                }} maxLength={6} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"SubscriptionId\" className='f-badge-title'>Subscription ID</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"SubscriptionId\" type=\"text\" value={data.azureID} onChange={(e) => {\r\n                                                    setData({ ...data, azureID: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"ClientId\" className='f-badge-title'>Client ID</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"ClientId\" type=\"text\" value={data.clientID} onChange={(e) => {\r\n                                                    setData({ ...data, clientID: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"clientSecret\" className='f-badge-title'>Client Secret</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"clientSecret\" type='password' value={data.clientSecret} onChange={(e) => {\r\n                                                    setData({ ...data, clientSecret: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"TenantId\" className='f-badge-title'>Tenant ID</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"TenantId\" type=\"text\" value={data.tenantID} onChange={(e) => {\r\n                                                    setData({ ...data, tenantID: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n\r\n\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"></div>\r\n                                    <hr />\r\n                                    <Buttons />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport './DockerHub.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab, NxActionTab, NxGridList, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\n\r\nconst splits = async (dests, setData, setExport) => {\r\n    let arr = [];\r\n    let arr2 = [];\r\n    for (let value of dests) {\r\n        let data = [value.dockerServerAccountName, value.userName, value.storageAccountName, value.containerRegistryName];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Docker Server Account Name': value.dockerServerAccountName,\r\n            'Username / email': value.userName,\r\n            'Storage Account Name': value.storageAccountName,\r\n            'Container Registry Name': value.containerRegistryName\r\n        }\r\n        arr2 = [...arr2, obj2]\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\nexport default function DockerHub() {\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [handel, setHandel] = useState(false);\r\n    const [exportVal, setExport] = useState([])\r\n    useEffect(() => {\r\n        setLoad(true)\r\n        ItrApiService.GET({ url: 'CloudConnect/Configuration/DockerServer' }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    // splits2(res.result.data, setData);\r\n                    if (res.result.data) {\r\n                        splits(res.result.data, setData, setExport);\r\n                    }\r\n                }\r\n            }\r\n            setLoad(false)\r\n        })\r\n    }, []);\r\n    const [vals, setVale] = useState([])\r\n    const [data, setData] = useState([]);\r\n    return (\r\n        <div>\r\n            <NxLoader state={load} />\r\n            {/* <Headers /> */}\r\n            {/* <VxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            <div className=\"customer-dynamic-pages pt-0\">\r\n                {/* <NxTitleTab className=\"title-tab page-title\" title='Azure Connect' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} /> */}\r\n\r\n                <div className=\"onboarding-main mt-1\">\r\n                    <div className=\"d-flex justify-content-between align-items-center\">\r\n                        <NxActionTab className=\"px-0\"\r\n                            exportValue={exportVal}\r\n                            fileName='Docker Hub'\r\n                            // onColumnsClick={() => { setHandel(true) }}\r\n                            onRefreshClick={() => {\r\n                                setLoad(true)\r\n                                ItrApiService.GET({ url: 'CloudConnect/Configuration/DockerServer' }).then(res => {\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            // splits2(res.result.data, setData);\r\n                                            if (res.result.data) {\r\n                                                splits(res.result.data, setData, setExport);\r\n                                            } else {\r\n                                                setData([]);\r\n                                            }\r\n                                        }\r\n                                    }\r\n                                    setLoad(false)\r\n                                })\r\n                            }}\r\n                            onNewEntryClick={() => {\r\n                                history.push('/docker-hub/add')\r\n                            }}\r\n                            enableNewEntry={false}\r\n                        />\r\n                        <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/docker-hub/add')}>Add Docker Server </button>\r\n                    </div>\r\n\r\n\r\n                    <div className=\"mb-5\">\r\n                        <NxGridList\r\n                            enableSearch={true}\r\n                            autoSearch={true}\r\n                            enableAutoPagination={true}\r\n                            showShowing={true}\r\n                            header={[\r\n                                {\r\n                                    name: 'Docker Server Account Name',\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'Username / email',\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'Storage Account Name',\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'Container Registry Name',\r\n                                    search: true\r\n                                }\r\n\r\n\r\n                            ]}\r\n                            rowClick={(data) => {\r\n                                history.push({\r\n                                    pathname: '/docker-hub/edit',\r\n                                    state: data\r\n                                })\r\n                            }}\r\n                            data={data}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            {/* <NxFooter className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} /> */}\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport './DatabaseServer.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab, NxActionTab, NxGridList, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\n\r\n\r\nconst splits = async (dests, setData, setExport) => {\r\n    let arr = [];\r\n    let arr2 = [];\r\n    for (let value of dests) {\r\n        let data = [value.databaseServerName, value.userName, value.trusted_Connection, value.isActive == true ? 'Active' : 'inActive'];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Subscription Name': value.name,\r\n            'Client ID': value.clientID,\r\n            'Subscription ID': value.azureID,\r\n            'Status': value.isActive == true ? 'Active' : 'inActive'\r\n        }\r\n        arr2 = [...arr2, data]\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\nconst splits1 = async (dests, setData, setExport,history) => {\r\n    let arr = [];\r\n    let arr2 = []\r\n    for (let value of dests) {\r\n        let data = [value.databaseServerName, value.userName, value.databaseServerDescription, value.isActive == true ? 'Active' : 'inActive',\r\n        <button className=\"btn btn-sm btn-primary\" style={{ fontSize: '14px', borderRadius: '0' }}\r\n            onClick={(e) => {\r\n                sessionStorage.setItem('editSupportId', value.databaseServerID);\r\n                e.stopPropagation();\r\n                history.push({\r\n                    pathname : '/databaseserver/edit',\r\n                    state: value\r\n                });\r\n            }}>Edit</button>];\r\n        let obj = { sendItem: dests, data: data };\r\n        // let obj2 = {\r\n        //     'Subscription Name': dests.name,\r\n        //     'Client ID': dests.clientID,\r\n        //     'Subscription ID': dests.azureID,\r\n        //     'Status': dests.isActive == true ? 'Active' : 'inActive'\r\n        // }\r\n        // arr2 = [...arr2, obj2];\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\n\r\nexport default function DatabaseServer() {\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [exportVal, setExport] = useState([]);\r\n    const [handel, setHandel] = useState(false);\r\n    useEffect(() => {\r\n        setLoad(true)\r\n        ItrApiService.GET({\r\n            url: 'CloudConnect/Configuration/DatabaseServer/GetAllConfidentialDatabaseServer'\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setVale(res.result.data);\r\n                        splits1(res.result.data, setData, setExport,history)\r\n                    }\r\n                }\r\n            }\r\n            setLoad(false)\r\n        })\r\n    }, []);\r\n\r\n\r\n\r\n    const [vals, setVale] = useState([])\r\n    const [data, setData] = useState([]);\r\n    return (\r\n        <div>\r\n            <NxLoader state={load} />\r\n            {/* <Headers /> */}\r\n            {/* <VxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            <div className=\"customer-dynamic-pages pt-0\">\r\n                {/* <NxTitleTab className=\"title-tab page-title\" title='Azure Connect' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} /> */}\r\n\r\n                <div className=\"onboarding-main mt-1\">\r\n                    <div className=\"d-flex justify-content-between align-items-center\">\r\n                        <NxActionTab className=\"px-0\"\r\n                            exportValue={exportVal}\r\n                            fileName='Azure Cloud'\r\n                            // onColumnsClick={() => { setHandel(true) }}\r\n                            onRefreshClick={() => {\r\n                                setLoad(true)\r\n                                setTimeout(function () {\r\n                                    setLoad(false)\r\n                                }, 2000);\r\n                            }}\r\n                            onNewEntryClick={() => {\r\n                                history.push('/databaseserver/add')\r\n                            }}\r\n                            enableNewEntry={false}\r\n                        />\r\n                        <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/databaseserver/add')}>Add DataBase Server </button>\r\n                    </div>\r\n                    <div className=\"mb-5\">\r\n                        <NxGridList\r\n                            enableSearch={true}\r\n                            autoSearch={true}\r\n                            enableAutoPagination={true}\r\n                            showShowing={true}\r\n                            header={[\r\n                                {\r\n                                    name: 'Database Server Name',\r\n                                    sort: false,\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'Username',\r\n                                    sort: false,\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'Database Server Description',\r\n                                    sort: false,\r\n                                },\r\n                                {\r\n                                    name: 'Status',\r\n                                    sort: false,\r\n                                },\r\n\r\n                            ]}\r\n                            // rowClick={(data) => {\r\n                            //     history.push({\r\n                            //         pathname: '/databaseserver/edit',\r\n                            //         state: data\r\n                            //     })\r\n                            // }}\r\n                            data={data}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            {/* <NxFooter className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} /> */}\r\n        </div>\r\n    )\r\n}","import React, { useState } from 'react';\r\nimport './DockerConnect.css';\r\nimport { useHistory } from 'react-router';\r\nimport { NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport { DatePicker, Tabs } from 'antd';\r\nimport { DashboardOutlined, FormOutlined } from '@ant-design/icons';\r\nimport CloudConnect from '../../../CloudConnect/CloudConnect';\r\nimport DockerHub from '../../../DockerHub/DockerHub';\r\nimport Headers from '../../../../Screens/Headers/Headers';\r\nimport DatabaseServer from '../../../DatabaseServer/DatabaseServer';\r\n\r\nconst { RangePicker } = DatePicker;\r\n\r\n\r\nexport default function DockerConnect() {\r\n    const { TabPane } = Tabs;\r\n    let history = useHistory();\r\n    return (\r\n        <>\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"Cloud Connect\" onCloseClick={() => history.goBack()} />\r\n            <div className=\"billing-tabs billing-main\">\r\n                <Tabs defaultActiveKey=\"1\" type=\"card\">\r\n                    <TabPane tab={\r\n                        <div className=\"d-flex justify-content-center px-2\">\r\n                            <span ><DashboardOutlined /></span>\r\n                            <span style={{ fontSize: '16px' }} >Azure Cloud</span>\r\n                        </div>\r\n                    } key=\"1\">\r\n                        <CloudConnect />\r\n                    </TabPane>\r\n\r\n                    {/* <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        <span ><FormOutlined /></span>\r\n                        <span style={{ fontSize: '16px' }}>Database Server</span>\r\n                    </div>} key=\"2\">\r\n                        <DatabaseServer/>\r\n                    </TabPane> */}\r\n                </Tabs>\r\n            </div>\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport './AzureRepo.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab, NxActionTab, NxGridList, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\n\r\n\r\nconst splits = async (dests, setData, setExport) => {\r\n    let arr = [];\r\n    let arr2 = [];\r\n    for (let value of dests) {\r\n        let data = [value.azureRepoName, value.pat];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Repo identifier name': value.azureRepoName,\r\n            'Access Token': value.pat\r\n        }\r\n        arr2 = [...arr2, obj2]\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2)\r\n    setData(arr)\r\n}\r\n\r\nconst splits2 = async (dests, setData) => {\r\n    let arr = [];\r\n    // for (let value of dests) {\r\n    let data = [dests.azureRepoName, dests.pat];\r\n    let obj = { sendItem: dests, data: data };\r\n    arr = [...arr, obj]\r\n    // }\r\n    setData(arr)\r\n}\r\n\r\nexport default function AzureRepo() {\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [handel, setHandel] = useState(false);\r\n    const [data, setData] = useState([]);\r\n    const [exportVal, setExport] = useState([])\r\n    useEffect(() => {\r\n        setLoad(true)\r\n        ItrApiService.GET({ url: 'CloudConnect/Configuration/AzureRepo' }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    // splits2(res.result.data, setData);\r\n                    if (res.result.data) {\r\n                        splits(res.result.data, setData, setExport);\r\n                    }\r\n                }\r\n            }\r\n            setLoad(false)\r\n        })\r\n    }, []);\r\n    const [vals, setVale] = useState([])\r\n    return (\r\n        <div>\r\n            <NxLoader state={load} />\r\n            {/* <Headers /> */}\r\n            {/* <VxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            <div className=\"customer-dynamic-pages pt-0\">\r\n                {/* <NxTitleTab className=\"title-tab page-title\" title='Azure Connect' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} /> */}\r\n\r\n                <div className=\"onboarding-main mt-1\">\r\n                    <div className=\"d-flex justify-content-between align-items-center\">\r\n                        <NxActionTab className=\"px-0\"\r\n                            exportValue={exportVal}\r\n                            fileName='Azure repo'\r\n                            // onColumnsClick={() => { setHandel(true) }}\r\n                            onRefreshClick={() => {\r\n                                setLoad(true)\r\n                                ItrApiService.GET({ url: 'CloudConnect/Configuration/AzureRepo' }).then(res => {\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            // splits2(res.result.data, setData);\r\n                                            if (res.result.data) {\r\n                                                splits(res.result.data, setData, setExport);\r\n                                            }\r\n                                            else {\r\n                                                setData([])\r\n                                            }\r\n                                        }\r\n                                    }\r\n                                    setLoad(false)\r\n                                })\r\n                            }}\r\n                            onNewEntryClick={() => {\r\n                                history.push('/azure-repo/add')\r\n                            }}\r\n                            enableNewEntry={false}\r\n                        />\r\n                        <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/azure-repo/add')}>Add Azure Repo </button>\r\n                    </div>\r\n\r\n                    <div className=\"mb-5\">\r\n                        <NxGridList\r\n                            enableSearch={true}\r\n                            autoSearch={true}\r\n                            enableAutoPagination={true}\r\n                            showShowing={true}\r\n                            header={[\r\n                                {\r\n                                    name: 'Repo identifier name',\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'Access Token',\r\n                                },\r\n\r\n                            ]}\r\n                            rowClick={(data) => {\r\n                                history.push({\r\n                                    pathname: '/azure-repo/edit',\r\n                                    state: data\r\n                                })\r\n                            }}\r\n                            data={data}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            {/* <NxFooter className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} /> */}\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport './GitRepo.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab, NxActionTab, NxGridList, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\n\r\n\r\nconst splits = async (dests, setData, setExport) => {\r\n    let arr = [];\r\n    let arr2 = [];\r\n    for (let value of dests) {\r\n        let data = [value.gitRepoAccountName, value.pat];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Repo identifier name': value.gitRepoAccountName,\r\n            'Access Token': value.pat\r\n        }\r\n        arr2 = [...arr2, obj2];\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr);\r\n}\r\n\r\n\r\nconst splits2 = async (dests, setData) => {\r\n    let arr = [];\r\n    let arr2 = []\r\n    // for (let value of dests) {\r\n    let data = [dests.gitRepoAccountName, dests.pat];\r\n    let obj = { sendItem: dests, data: data };\r\n    let obj2 = {\r\n        'Repo identifier name': dests.gitRepoAccountName,\r\n        'Access Token': dests.pat\r\n    }\r\n    arr = [...arr, obj]\r\n    // }\r\n    setData(arr)\r\n}\r\n\r\nexport default function GitRepo() {\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [exportVal, setExport] = useState([]);\r\n    const [handel, setHandel] = useState(false);\r\n    useEffect(() => {\r\n        setLoad(true)\r\n        ItrApiService.GET({ url: 'CloudConnect/Configuration/GitRepo' }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    // splits2(res.result.data, setData);\r\n                    if (res.result.data) {\r\n                        splits(res.result.data, setData, setExport);\r\n                    }\r\n                }\r\n            }\r\n            setLoad(false)\r\n        })\r\n    }, []);\r\n\r\n\r\n\r\n    const [vals, setVale] = useState([])\r\n    const [data, setData] = useState([]);\r\n    return (\r\n        <div>\r\n            <NxLoader state={load} />\r\n            {/* <Headers /> */}\r\n            {/* <VxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            <div className=\"customer-dynamic-pages pt-0\">\r\n                {/* <NxTitleTab className=\"title-tab page-title\" title='Azure Connect' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} /> */}\r\n\r\n                <div className=\"onboarding-main mt-1\">\r\n                    <div className=\"d-flex justify-content-between align-items-center\">\r\n                        <NxActionTab className=\"resource-groups-list-action-tab px-0\"\r\n                            exportValue={exportVal}\r\n                            fileName='Git repo'\r\n                            onRefreshClick={() => {\r\n                                setLoad(true)\r\n                                ItrApiService.GET({ url: 'CloudConnect/Configuration/GitRepo' }).then(res => {\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            // splits2(res.result.data, setData);\r\n                                            if (res.result.data) {\r\n                                                splits(res.result.data, setData, setExport);\r\n                                            }\r\n                                            else {\r\n                                                setData([])\r\n                                            }\r\n                                        }\r\n                                    }\r\n                                    setLoad(false)\r\n                                })\r\n                            }}\r\n                            onNewEntryClick={() => {\r\n                                history.push('/git-repo/add')\r\n                            }}\r\n                            enableNewEntry={false}\r\n                        />\r\n                        <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/git-repo/add')}>Add GIT Repo </button>\r\n                    </div>\r\n\r\n                    <div className=\"mb-5\">\r\n                        <NxGridList\r\n                            enableSearch={true}\r\n                            autoSearch={true}\r\n                            enableAutoPagination={true}\r\n                            showShowing={true}\r\n                            header={[\r\n                                {\r\n                                    name: 'Repo identifier name',\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'Access Token',\r\n                                },\r\n\r\n                            ]}\r\n                            rowClick={(data) => {\r\n                                history.push({\r\n                                    pathname: '/git-repo/edit',\r\n                                    state: data\r\n                                })\r\n                            }}\r\n                            data={data}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            {/* <NxFooter className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} /> */}\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport './AzureContainerRegister.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab, NxActionTab, NxGridList, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\n\r\n\r\nconst splits = async (dests, setData, setExport) => {\r\n    let arr = [];\r\n    let arr2 = [];\r\n    for (let value of dests) {\r\n        let data = [value.acrName, value.osType, value.sku, value.crType];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'ACR Name': value.acrName,\r\n            'OS Type': value.osType,\r\n            'SKU': value.sku,\r\n            'CR Type': value.crType,\r\n        }\r\n        arr2 = [...arr2, obj2];\r\n        arr = [...arr, obj];\r\n    }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\n\r\nexport default function AzureContainerRegister() {\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [exportVal, setExport] = useState([]);\r\n    const [handel, setHandel] = useState(false);\r\n    useEffect(() => {\r\n        setLoad(true)\r\n        ItrApiService.GET({\r\n            url: 'CloudConnect/Configuration/AzureContainerRegistry'\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    // setVale(res.result.data);\r\n                    if (res.result.data) {\r\n                        splits(res.result.data, setData, setExport)\r\n                    }\r\n                }\r\n            }\r\n            setLoad(false)\r\n        })\r\n    }, []);\r\n\r\n    const [vals, setVale] = useState([])\r\n    const [data, setData] = useState([]);\r\n    return (\r\n        <div>\r\n            <NxLoader state={load} />\r\n            {/* <Headers /> */}\r\n            {/* <VxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            <div className=\"customer-dynamic-pages pt-0\">\r\n                {/* <NxTitleTab className=\"title-tab page-title\" title='Azure Connect' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} /> */}\r\n\r\n                <div className=\"onboarding-main mt-1\">\r\n                    <div className=\"d-flex justify-content-between align-items-center\">\r\n                        <NxActionTab className=\"px-0\"\r\n                            exportValue={exportVal}\r\n                            fileName='Azure Container Registry'\r\n                            // onColumnsClick={() => { setHandel(true) }}\r\n                            onRefreshClick={() => {\r\n                                setLoad(true)\r\n                                ItrApiService.GET({\r\n                                    url: 'CloudConnect/Configuration/AzureContainerRegistry'\r\n                                }).then(res => {\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            // setVale(res.result.data);\r\n                                            if (res.result.data) {\r\n                                                splits(res.result.data, setData, setExport)\r\n                                            } else {\r\n                                                setData([]);\r\n                                            }\r\n                                        }\r\n                                    }\r\n                                    setLoad(false)\r\n                                })\r\n                            }}\r\n                            onNewEntryClick={() => {\r\n                                history.push('/azure-container-register/add')\r\n                            }}\r\n                            enableNewEntry={false}\r\n                        />\r\n                        <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/azure-container-register/add')}>Add ACR </button>\r\n                    </div>\r\n\r\n                    <div className=\"mb-5\">\r\n                        <NxGridList\r\n                            enableSearch={true}\r\n                            autoSearch={true}\r\n                            enableAutoPagination={true}\r\n                            showShowing={true}\r\n                            header={[\r\n                                {\r\n                                    name: 'ACR Name',\r\n                                    sort: false,\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'OS Type',\r\n                                    sort: true,\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'SKU',\r\n                                    sort: false,\r\n                                },\r\n                                {\r\n                                    name: 'CR Type',\r\n                                    sort: false,\r\n                                },\r\n\r\n                            ]}\r\n                            rowClick={(data) => {\r\n                                history.push({\r\n                                    pathname: '/azure-container-register/edit',\r\n                                    state: data\r\n                                })\r\n                            }}\r\n                            data={data}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            {/* <NxFooter className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} /> */}\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\n// import './DatabaseServer.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab, NxActionTab, NxGridList, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\n// import Headers from \"../../Screens/Headers/Headers\";\r\n\r\n\r\nconst splits = async (dests, setData, setExport) => {\r\n    let arr = [];\r\n    let arr2 = [];\r\n    for (let value of dests) {\r\n        let data = [value.databaseServerName, value.userName, value.trusted_Connection, value.isActive == true ? 'Active' : 'inActive'];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Subscription Name': value.name,\r\n            'Client ID': value.clientID,\r\n            'Subscription ID': value.azureID,\r\n            'Status': value.isActive == true ? 'Active' : 'inActive'\r\n        }\r\n        arr2 = [...arr2, data]\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\nconst splits1 = async (dests, setData, setExport,history) => {\r\n    let arr = [];\r\n    let arr2 = []\r\n    for (let value of dests) {\r\n        let data = [value.databaseServerName, value.userName, value.databaseServerDescription, value.isActive == true ? 'Active' : 'inActive',\r\n        <button className=\"btn btn-sm btn-primary\" style={{ fontSize: '14px', borderRadius: '0' }}\r\n            onClick={(e) => {\r\n                sessionStorage.setItem('editSupportId', value.databaseServerID);\r\n                e.stopPropagation();\r\n                history.push({\r\n                    pathname : '/databaseserver/edit',\r\n                    state: value\r\n                });\r\n            }}>Edit</button>];\r\n        let obj = { sendItem: dests, data: data };\r\n        // let obj2 = {\r\n        //     'Subscription Name': dests.name,\r\n        //     'Client ID': dests.clientID,\r\n        //     'Subscription ID': dests.azureID,\r\n        //     'Status': dests.isActive == true ? 'Active' : 'inActive'\r\n        // }\r\n        // arr2 = [...arr2, obj2];\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\n\r\nexport default function VirtualMachine() {\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [exportVal, setExport] = useState([]);\r\n    const [handel, setHandel] = useState(false);\r\n    useEffect(() => {\r\n        setLoad(true)\r\n        ItrApiService.GET({\r\n            url: 'CloudConnect/Configuration/DatabaseServer/GetAllConfidentialDatabaseServer'\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setVale(res.result.data);\r\n                        splits1(res.result.data, setData, setExport,history)\r\n                    }\r\n                }\r\n            }\r\n            setLoad(false)\r\n        })\r\n    }, []);\r\n\r\n\r\n\r\n    const [vals, setVale] = useState([])\r\n    const [data, setData] = useState([]);\r\n    return (\r\n        <div>\r\n            <NxLoader state={load} />\r\n            {/* <Headers /> */}\r\n            {/* <VxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            <div className=\"customer-dynamic-pages pt-0\">\r\n                {/* <NxTitleTab className=\"title-tab page-title\" title='Azure Connect' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} /> */}\r\n\r\n                <div className=\"onboarding-main mt-1\">\r\n                    <div className=\"d-flex justify-content-between align-items-center\">\r\n                        <NxActionTab className=\"px-0\"\r\n                            exportValue={exportVal}\r\n                            fileName='Azure Cloud'\r\n                            // onColumnsClick={() => { setHandel(true) }}\r\n                            onRefreshClick={() => {\r\n                                setLoad(true)\r\n                                setTimeout(function () {\r\n                                    setLoad(false)\r\n                                }, 2000);\r\n                            }}\r\n                            onNewEntryClick={() => {\r\n                                history.push('/databaseserver/add')\r\n                            }}\r\n                            enableNewEntry={false}\r\n                        />\r\n                        <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/virtual-machine/add')}>Add </button>\r\n                    </div>\r\n                    <div className=\"mb-5\">\r\n                        <NxGridList\r\n                            enableSearch={true}\r\n                            autoSearch={true}\r\n                            enableAutoPagination={true}\r\n                            showShowing={true}\r\n                            header={[\r\n                                {\r\n                                    name: 'VM Name',\r\n                                    sort: false,\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'DNS Name',\r\n                                    sort: false,\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'PrivatePublic IP',\r\n                                    sort: false,\r\n                                },\r\n                                {\r\n                                    name: 'Operating System',\r\n                                    sort: false,\r\n                                },\r\n\r\n                            ]}\r\n                            // rowClick={(data) => {\r\n                            //     history.push({\r\n                            //         pathname: '/databaseserver/edit',\r\n                            //         state: data\r\n                            //     })\r\n                            // }}\r\n                            data={[]}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            {/* <NxFooter className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} /> */}\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\n// import './DatabaseServer.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab, NxActionTab, NxGridList, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\n// import Headers from \"../../Screens/Headers/Headers\";\r\n\r\n\r\nconst splits = async (dests, setData, setExport) => {\r\n    let arr = [];\r\n    let arr2 = [];\r\n    for (let value of dests) {\r\n        let data = [value.databaseServerName, value.userName, value.trusted_Connection, value.isActive == true ? 'Active' : 'inActive'];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Subscription Name': value.name,\r\n            'Client ID': value.clientID,\r\n            'Subscription ID': value.azureID,\r\n            'Status': value.isActive == true ? 'Active' : 'inActive'\r\n        }\r\n        arr2 = [...arr2, data]\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\nconst splits1 = async (dests, setData, setExport, history) => {\r\n    let arr = [];\r\n    let arr2 = []\r\n    for (let value of dests) {\r\n        let data = [value.databaseServerName, value.userName, value.databaseServerDescription, value.isActive == true ? 'Active' : 'inActive',\r\n        <button className=\"btn btn-sm btn-primary\" style={{ fontSize: '14px', borderRadius: '0' }}\r\n            onClick={(e) => {\r\n                sessionStorage.setItem('editSupportId', value.databaseServerID);\r\n                e.stopPropagation();\r\n                history.push({\r\n                    pathname: '/databaseserver/edit',\r\n                    state: value\r\n                });\r\n            }}>Edit</button>];\r\n        let obj = { sendItem: dests, data: data };\r\n        // let obj2 = {\r\n        //     'Subscription Name': dests.name,\r\n        //     'Client ID': dests.clientID,\r\n        //     'Subscription ID': dests.azureID,\r\n        //     'Status': dests.isActive == true ? 'Active' : 'inActive'\r\n        // }\r\n        // arr2 = [...arr2, obj2];\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\n\r\nexport default function Storage() {\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [exportVal, setExport] = useState([]);\r\n    const [handel, setHandel] = useState(false);\r\n    useEffect(() => {\r\n        setLoad(true)\r\n        ItrApiService.GET({\r\n            url: 'CloudConnect/Configuration/DatabaseServer/GetAllConfidentialDatabaseServer'\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setVale(res.result.data);\r\n                        splits1(res.result.data, setData, setExport, history)\r\n                    }\r\n                }\r\n            }\r\n            setLoad(false)\r\n        })\r\n    }, []);\r\n\r\n\r\n\r\n    const [vals, setVale] = useState([])\r\n    const [data, setData] = useState([]);\r\n    return (\r\n        <div>\r\n            <NxLoader state={load} />\r\n            {/* <Headers /> */}\r\n            {/* <VxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            <div className=\"customer-dynamic-pages pt-0\">\r\n                {/* <NxTitleTab className=\"title-tab page-title\" title='Azure Connect' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} /> */}\r\n\r\n                <div className=\"onboarding-main mt-1\">\r\n                    <div className=\"d-flex justify-content-between align-items-center\">\r\n                        <NxActionTab className=\"px-0\"\r\n                            exportValue={exportVal}\r\n                            fileName='Azure Cloud'\r\n                            // onColumnsClick={() => { setHandel(true) }}\r\n                            onRefreshClick={() => {\r\n                                setLoad(true)\r\n                                setTimeout(function () {\r\n                                    setLoad(false)\r\n                                }, 2000);\r\n                            }}\r\n                            onNewEntryClick={() => {\r\n                                history.push('/databaseserver/add')\r\n                            }}\r\n                            enableNewEntry={false}\r\n                        />\r\n                        <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/storage/add')}>Add </button>\r\n                    </div>\r\n                    <div className=\"mb-5\">\r\n                        <NxGridList\r\n                            enableSearch={true}\r\n                            autoSearch={true}\r\n                            enableAutoPagination={true}\r\n                            showShowing={true}\r\n                            header={[\r\n                                {\r\n                                    name: 'Storage Name',\r\n                                    sort: false,\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'Container URL',\r\n                                    sort: false,\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'Access Key',\r\n                                    sort: false,\r\n                                },\r\n                            ]}\r\n                            // rowClick={(data) => {\r\n                            //     history.push({\r\n                            //         pathname: '/databaseserver/edit',\r\n                            //         state: data\r\n                            //     })\r\n                            // }}\r\n                            data={[]}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            {/* <NxFooter className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} /> */}\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport './RepoConnect.css';\r\nimport { useHistory } from 'react-router';\r\nimport { NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport { DatePicker, Tabs } from 'antd';\r\nimport { DashboardOutlined, FormOutlined } from '@ant-design/icons';\r\nimport AzureRepo from './AzureRepo/AzureRepo';\r\nimport GitRepo from './GitRepo/GitRepo';\r\nimport Headers from '../../../../Screens/Headers/Headers';\r\nimport DockerHub from '../../../DockerHub/DockerHub';\r\nimport AzureContainerRegister from '../../../AzureContainerRegister/AzureContainerRegister';\r\nimport DatabaseServer from '../../../DatabaseServer/DatabaseServer';\r\nimport VirtualMachine from '../ManageResources/VirtualMachine/VirtualMachine';\r\nimport Storage from '../ManageResources/Storage/Storage';\r\n\r\nconst { RangePicker } = DatePicker;\r\n\r\n\r\n\r\nexport default function RepoConnect() {\r\n    const { TabPane } = Tabs;\r\n    let history = useHistory();\r\n\r\n    const [activeString, setActiveString] = useState('1')\r\n    useEffect(() => {\r\n        let s = sessionStorage.getItem('rc');\r\n        if (s) {\r\n            setActiveString(s)\r\n        }\r\n    }, []);\r\n    return (\r\n        <>\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"Resources\" onCloseClick={() => {\r\n                sessionStorage.removeItem('rc');\r\n                history.goBack()\r\n            }} />\r\n            <div className=\"billing-tabs billing-main\">\r\n                <Tabs defaultActiveKey=\"1\" type=\"card\" activeKey={activeString} onChange={(e) => {\r\n                    setActiveString(e);\r\n                    sessionStorage.setItem('rc', e)\r\n                }}>\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        {/* <span ><FormOutlined /></span> */}\r\n                        <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }}>Virtual Machines</span>\r\n                    </div>} key=\"1\">\r\n                        <VirtualMachine />\r\n                    </TabPane>\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        {/* <span ><FormOutlined /></span> */}\r\n                        <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }}>Storage Resources</span>\r\n                    </div>} key=\"2\">\r\n                        <Storage />\r\n                    </TabPane>\r\n                    {/* <TabPane tab={\r\n                        <div className=\"d-flex justify-content-center px-2\">\r\n                            <span ><DashboardOutlined /></span>\r\n                            <span style={{ fontSize: '16px' }} >Azure Repo</span>\r\n                        </div>\r\n                    } key=\"1\">\r\n                        <AzureRepo />\r\n                    </TabPane>\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        <span ><FormOutlined /></span>\r\n                        <span style={{ fontSize: '16px',paddingLeft:\"12px\",paddingRight:\"12px\" }}>GIT Repo</span>\r\n                    </div>} key=\"2\">\r\n                        <GitRepo />\r\n                    </TabPane>\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        <span ><FormOutlined /></span>\r\n                        <span style={{ fontSize: '16px',paddingLeft:\"12px\",paddingRight:\"12px\" }}>Azure Container Registry</span>\r\n                    </div>} key=\"4\">\r\n                        <AzureContainerRegister />docker-connect\r\n                    </TabPane>\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        <span ><FormOutlined /></span>\r\n                        <span style={{ fontSize: '16px' }}>Database Server</span>\r\n                    </div>} key=\"5\">\r\n                        <DatabaseServer />\r\n                    </TabPane> */}\r\n                </Tabs>\r\n            </div>\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useHistory } from 'react-router';\r\nimport './GitRepoAdd.css';\r\nimport { NxLoader, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from '../../../../../Screens/Headers/Headers';\r\n\r\nexport default function GitRepoAdd() {\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    // const [gateway, setGateway] = useState({});\r\n    const [data, setData] = useState({\r\n        gitRepoID: 0,\r\n        gitRepoAccountName: '',\r\n        pat: ''\r\n    });\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title='Add Git Repo' onCloseClick={() => history.goBack()} />\r\n            <div className=\"card mt-0 sms-gateway-main\">\r\n                <div className=\"card-body\">\r\n                    <div className=\"container-form mb-3\">\r\n                        <div>\r\n                            <div className=\"row mt-2\">\r\n                                {/* <h6>Payment Gateway API to send DLT Approved Mobile Verification Code for 2-Factor Authentication & Notifications. Contact software administrator for API End-Points & Notification Options.</h6> */}\r\n                                <div className=\"col-12 col-sm-4 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label className='f-badge-title'>Repo Identifier</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.gitRepoAccountName} type=\"text\" onChange={(e) => {\r\n                                        setData({ ...data, gitRepoAccountName: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                    {/* <label htmlFor=\"Organization\"> User Name</label>\r\n                                        <input className=\"form-control mt-1\" id=\"Organization\" type=\"text\" /> */}\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label htmlFor=\"Organization\" className='f-badge-title'>Access Token</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.pat} type=\"text\" onChange={(e) => {\r\n                                        setData({ ...data, pat: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <label htmlFor=\"Organization\">Url</label>\r\n                                        <input className=\"form-control mt-1\" id=\"Organization\" type=\"text\" value={gateway?.url} />\r\n                                    </div> */}\r\n                            </div>\r\n\r\n                            <div className=\"form-button nx-enquiry-buttons mt-5 mb-3\">\r\n                                <button className=\"btn btn-primary buttons\" onClick={() => {\r\n                                    setLoading(true);\r\n                                    ItrApiService.POST({ url: 'CloudConnect/Configuration/GitRepo', data: data }).then(res => {\r\n                                        if (res.Success == true) {\r\n                                            if (res.result.isSuccess == true) {\r\n                                                history.goBack();\r\n                                            }\r\n                                        }\r\n                                        setLoading(false);\r\n                                    })\r\n                                }}>Save</button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useHistory } from 'react-router';\r\nimport './DockerHubAdd.css';\r\nimport { NxLoader, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from '../../Screens/Headers/Headers';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\n\r\nexport default function DockerHubAdd() {\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    // const [gateway, setGateway] = useState({});\r\n    const [data, setData] = useState({\r\n        dockerServerID: 0,\r\n        dockerServerAccountName: \"\",\r\n        userName: \"\",\r\n        password: \"\",\r\n        storageAccountName: \"\",\r\n        containerRegistryName: \"\"\r\n    });\r\n\r\n    useEffect( () => {\r\n\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title='Add Docker Server' onCloseClick={() => history.goBack()} />\r\n            <div className=\"card mt-0 sms-gateway-main\">\r\n                <div className=\"card-body\">\r\n                    <div className=\"container-form mb-3\">\r\n                        <div>\r\n                            <div className=\"row mt-2\">\r\n                                {/* <h6>Payment Gateway API to send DLT Approved Mobile Verification Code for 2-Factor Authentication & Notifications. Contact software administrator for API End-Points & Notification Options.</h6> */}\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label htmlFor=\"Organization\">Docker Server Account Name</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.dockerServerAccountName} type=\"text\" onChange={(e) => {\r\n                                        setData({ ...data, dockerServerAccountName: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-4 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label>User Name</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.userName} type=\"text\" onChange={(e) => {\r\n                                        setData({ ...data, userName: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label htmlFor=\"Organization\">Password</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.password} type='password' onChange={(e) => {\r\n                                        setData({ ...data, password: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n\r\n\r\n                                <div className=\"col-12 col-sm-4 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label>Storage Account Name</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.storageAccountName} type=\"text\" onChange={(e) => {\r\n                                        setData({ ...data, storageAccountName: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label htmlFor=\"Organization\"> Container Registry Name</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.containerRegistryName} type=\"text\" onChange={(e) => {\r\n                                        setData({ ...data, containerRegistryName: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n\r\n                            </div>\r\n\r\n                            <div className=\"form-button nx-enquiry-buttons mt-5 mb-3\">\r\n                                <button className=\"btn btn-primary buttons\" onClick={() => {\r\n                                    setLoading(true);\r\n                                    ItrApiService.POST({ url: 'CloudConnect/Configuration/DockerServer', data: data }).then(res => {\r\n                                        if (res.Success == true) {\r\n                                            if (res.result.isSuccess == true) {\r\n                                                history.goBack();\r\n                                            }\r\n                                        }\r\n                                        setLoading(false);\r\n                                    })\r\n                                }}>Save</button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useHistory } from 'react-router';\r\nimport './AzureRepoAdd.css';\r\nimport { NxLoader, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from '../../../../../Screens/Headers/Headers';\r\n\r\nexport default function AzureRepoAdd() {\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    // const [gateway, setGateway] = useState({});\r\n    const [data, setData] = useState({\r\n        azureRepoID: 0,\r\n        azureRepoName: '',\r\n        pat: ''\r\n    })\r\n\r\n    useEffect( () => {\r\n\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title='Add Azure Repo' onCloseClick={() => history.goBack()} />\r\n            <div className=\"card mt-0 sms-gateway-main\">\r\n                <div className=\"card-body\">\r\n                    <div className=\"container-form mb-3\">\r\n                        <div>\r\n                            <div className=\"row mt-2\">\r\n                                {/* <h6>Payment Gateway API to send DLT Approved Mobile Verification Code for 2-Factor Authentication & Notifications. Contact software administrator for API End-Points & Notification Options.</h6> */}\r\n                                <div className=\"col-12 col-sm-4 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label className='f-badge-title'>Repo Identifier</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.azureRepoName} type=\"text\" onChange={(e) => {\r\n                                        setData({ ...data, azureRepoName: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                    {/* <label htmlFor=\"Organization\"> User Name</label>\r\n                                        <input className=\"form-control mt-1\" id=\"Organization\" type=\"text\" /> */}\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label htmlFor=\"Organization\" className='f-badge-title'>Access Token</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.pat} type=\"text\" onChange={(e) => {\r\n                                        setData({ ...data, pat: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <label htmlFor=\"Organization\">Url</label>\r\n                                        <input className=\"form-control mt-1\" id=\"Organization\" type=\"text\" value={gateway?.url} />\r\n                                    </div> */}\r\n                            </div>\r\n\r\n                            <div className=\"form-button nx-enquiry-buttons mt-5 mb-3\">\r\n                                <button className=\"btn btn-primary buttons\" onClick={() => {\r\n                                    setLoading(true)\r\n                                    ItrApiService.POST({\r\n                                        url: 'CloudConnect/Configuration/AzureRepo',\r\n                                        data: data\r\n                                    }).then(res => {\r\n                                        if (res.Success == true) {\r\n                                            if (res.result.isSuccess == true) {\r\n                                                history.goBack();\r\n                                            }\r\n                                        }\r\n                                        setLoading(false);\r\n                                    })\r\n                                }}>Save</button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport './AzureContainerRegisterAdd.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\n\r\n\r\nexport default function AzureContainerRegisterAdd() {\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons mt-4 mb-4\">\r\n            <button className=\"btn btn-sm btn-primary buttons\" onClick={async () => {\r\n                setLoading(true)\r\n                ItrApiService.POST({\r\n                    url: 'CloudConnect/Configuration/AzureContainerRegistry',\r\n                    data: data\r\n                }).then(res => {\r\n                    if (res.Success == true) {\r\n                        if (res.result.isSuccess == true) {\r\n                            history.goBack();\r\n                        }\r\n                    }\r\n                    setLoading(false);\r\n                })\r\n            }} > Save</button>\r\n            <button className=\"btn btn-sm close btn-outline-primary\" onClick={() => history.goBack()}> Close</button>\r\n        </div>\r\n    }\r\n\r\n    const [data, setData] = useState({\r\n        acrName: '',\r\n        osType: '',\r\n        sku: '',\r\n        crType: ''\r\n    })\r\n\r\n    useEffect(() => {\r\n\r\n    }, [])\r\n\r\n\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false)\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <div className=\"customer-dynamic-pages pt-4 \">\r\n                <NxTitleTab className=\"title-tab page-title\" title='Add Azure Container Registry' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} />\r\n                <div className=\"resource-groups-add-main-form mt-2\">\r\n                    <div className=\"card resource-groups-add-card-form\">\r\n                        <div className=\"card-body\">\r\n                            <div className=\"container-form\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <div className=\"row\">\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"name\" className='f-badge-title'>ACR Name</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"name\" type=\"text\" value={data.acrName} onChange={(e) => {\r\n                                                    setData({ ...data, acrName: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"adminPin\" className='f-badge-title'>OS Type</label>\r\n                                                <select className='form-select form-select-sm' value={data.osType}\r\n                                                    onChange={(e) => setData({ ...data, osType: e.target.value })}>\r\n                                                    <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                    <option value=\"Windows\"> Windows </option>\r\n                                                    <option value=\"Linux\"> Linux  </option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-3 mb-4\">\r\n                                                <label htmlFor=\"SubscriptionId\" className='f-badge-title'>SKU</label>\r\n                                                <select className='form-select form-select-sm' value={data.sku}\r\n                                                    onChange={(e) => setData({ ...data, sku: e.target.value })}>\r\n                                                    <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                    <option value=\"Basic\"> Basic </option>\r\n                                                    <option value=\"Standard\"> Standard  </option>\r\n                                                    <option value=\"Premium\"> Premium  </option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-3 mb-4\">\r\n                                                <label htmlFor=\"ClientId\" className='f-badge-title'>CR Type</label>\r\n                                                <select className='form-select form-select-sm' value={data.crType}\r\n                                                    onChange={(e) => setData({ ...data, crType: e.target.value })}>\r\n                                                    <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                    <option value=\"Public\"> Public </option>\r\n                                                    <option value=\"Private\"> Private  </option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"clientSecret\" className='f-badge-title'>Client Secret</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"clientSecret\" type='password' value={data.clientSecret} onChange={(e) => {\r\n                                                    setData({ ...data, clientSecret: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"TenantId\" className='f-badge-title'>Tenant ID</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"TenantId\" type=\"text\" value={data.tenantID} onChange={(e) => {\r\n                                                    setData({ ...data, tenantID: e.target.value })\r\n                                                }} />\r\n                                            </div> */}\r\n\r\n\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"></div>\r\n                                    <hr />\r\n                                    <Buttons />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport './Performance.css';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faCheckCircle, faExclamationCircle, faExclamationTriangle, faTimesCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport NxDoughnutCharts from '../../../components/nxCharts/nxDoughnutCharts';\r\nimport NxLineCharts from '../../../components/nxCharts/nxLineCharts';\r\nimport { NxLoader, NxTitleTab, NxFooter, NxGridList } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui'\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { useHistory } from 'react-router';\r\nimport NxLineChartCom from '../../../components/nxCharts/dashboardCharts/nxLineChartCom';\r\nimport NxSpeedometer from '../../../components/nxCharts/dashboardCharts/nxSpeedometer';\r\nimport moment from 'moment';\r\nimport NxCustomLineChart from '../../../components/nxCharts/CustomCharts/NxCustomLineChart';\r\nimport CustomerSidebar from '../../../Screens/CustomerSidebar/CustomerSidebar';\r\n\r\n\r\nexport default function Performance() {\r\n    let history = useHistory();\r\n    const [loader, setLoader] = useState(false);\r\n    const [memRes, setMemres] = useState([]);\r\n    const [memUtilization, setMemUtilization] = useState([]);\r\n    const [cpuChartData, setCpuChartData] = useState([]);\r\n    const [cpuChartLabel, setCpuChartLabe] = useState([]);\r\n    const [cpuChartDataSet, setCpuChartDataSet] = useState([]);\r\n    const [memChartDataSet, setMemChartDataSet] = useState([]);\r\n    const [serviceUtilization, setServiceUtilization] = useState([]);\r\n    const [dbInstanceMetric, setDBInstanceMetric] = useState([]);\r\n    const [dbQryExecutionMetric, setDBExecutionMetric] = useState([]);\r\n    const [dbChartData, setDBChartData] = useState([]);\r\n    const [dbChartLabel, setDBChartLabel] = useState([]);\r\n    const [customers, setCustomers] = useState([]);\r\n\r\n    function getRandomColor() {\r\n        var letters = '0123456789ABCDEF'.split('');\r\n        var color = '#';\r\n        for (var i = 0; i < 6; i++) {\r\n            color += letters[Math.round(Math.random() * 15)];\r\n        }\r\n        return color;\r\n    }\r\n    function dateUTCtoLocal(dt, format){\r\n        const loadUTC = moment(dt).utc().format();\r\n        return moment(dt).utc(loadUTC).local().format(format);\r\n    }\r\n\r\n    const getRecentSystemMetics = async () => {\r\n        await ItrApiService.GET({ url: 'ITOps/PerfAgent/GetRecentSystemMetrics' }).then((resMe) => {\r\n            if (resMe.Success == true) {\r\n                if (resMe.result.isSuccess == true) {\r\n                    if (resMe.result.data) {\r\n                        setMemres(resMe.result.data);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n    };\r\n\r\n    const getRecentServiceMetics = async () => {\r\n        await ItrApiService.GET({ url: 'ITOps/PerfAgent/GetRecentServiceMetrics' }).then((resMeu) => {\r\n            if (resMeu.Success == true) {\r\n                if (resMeu.result.isSuccess == true) {\r\n                    if (resMeu.result.data) {\r\n                        setMemUtilization(resMeu.result.data);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n\r\n    };\r\n\r\n    const getLastOneMinSystemMetrics = async () => {\r\n        await ItrApiService.GET({ url: 'ITOps/PerfAgent/GetLastOneMinSystemMetrics' }).then((resCpu) => {\r\n            if (resCpu.Success == true) {\r\n                if (resCpu.result.isSuccess == true) {\r\n                    setCpuChartData(resCpu.result.data);\r\n                    let datasets = [];\r\n                    let memdatasets = [];\r\n                    let label = [];\r\n                    if (resCpu.result.data) {\r\n                        for (let val of resCpu.result.data) {\r\n                            let rand = getRandomColor();\r\n                            let rand2 = getRandomColor();\r\n                            let obj = {\r\n                                type: 'line',\r\n                                label: val.hostName,\r\n                                backgroundColor: rand,\r\n                            }\r\n                            let obj2 = {\r\n                                type: 'line',\r\n                                label: val.hostName,\r\n                                backgroundColor: rand2,\r\n                            }\r\n                            let data = [];\r\n                            let data2 = []\r\n                            for (let val2 of val.perfSystemMetrics) {\r\n                                label.push(dateUTCtoLocal(val2.lastReadedDateTime,'h:mm:ss'));\r\n                                data.push(val2.cpu);\r\n                                data2.push(val2.mem);\r\n                            }\r\n                            obj.data = data;\r\n                            obj2.data = data2;\r\n                            datasets.push(obj);\r\n                            memdatasets.push(obj2);\r\n                        }\r\n                    }\r\n                    setCpuChartDataSet(datasets);\r\n                    setMemChartDataSet(memdatasets)\r\n                    setCpuChartLabe(label);\r\n                }\r\n            }\r\n        });\r\n\r\n    };\r\n\r\n    const getRecentAPIMetrics = async () => {\r\n        await ItrApiService.GET({ url: 'ITOps/PerfAgent/GetRecentAPIMetrics' }).then((resAPIMetric) => {\r\n            if(resAPIMetric.Success == true){\r\n                if(resAPIMetric.result.isSuccess == true){\r\n                    if(resAPIMetric.result.data){\r\n                        setServiceUtilization(resAPIMetric.result.data);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n\r\n    };\r\n\r\n    const recentDBInstanceMetrics = async () => {\r\n        await ItrApiService.GET({ url: 'ITOps/PerfAgent/RecentDBInstanceMetrics' }).then((resDBInstance) => {\r\n            if (resDBInstance.Success == true) {\r\n                if (resDBInstance.result.isSuccess == true) {\r\n                    if (resDBInstance.result.data) {\r\n                        const finalData = resDBInstance.result.data;\r\n                        setDBInstanceMetric(finalData);\r\n                        let datasets = [];\r\n                        let label = [];\r\n                        let obj = {\r\n                            type: 'line',\r\n                            label: finalData[0].instanceName,\r\n                            backgroundColor: getRandomColor(),\r\n                        }\r\n                        let data = [];\r\n                        for (let v of resDBInstance.result.data) {\r\n                            label.push(dateUTCtoLocal(v.lastReadedDateTime,'h:mm:ss'));\r\n                            data.push(v.totalCPU);\r\n                        }\r\n                        obj.data = data;\r\n                        datasets.push(obj);\r\n                        setDBChartData(datasets);\r\n                        setDBChartLabel(label);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n\r\n    };\r\n\r\n    const RecentDBQueryExecutionMetric = async () => {\r\n        await ItrApiService.GET({ url: 'ITOps/PerfAgent/RecentDBQueryExecutionMetric' }).then((resDBQryExecution) => {\r\n            if (resDBQryExecution.Success == true) {\r\n                if (resDBQryExecution.result.isSuccess == true) {\r\n                    if (resDBQryExecution.result.data) {\r\n                        setDBExecutionMetric(resDBQryExecution.result.data);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n\r\n    };\r\n    const getEntity = async () => {\r\n        await ItrApiService.GET({ url: 'RevOps/Entity/GetEntities/true' }).then((resCustomers) => {\r\n            if (resCustomers.Success == true) {\r\n                if (resCustomers.result.isSuccess == true) {\r\n                    if (resCustomers.result.data) {\r\n                        setCustomers(resCustomers.result.data);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n    };\r\n\r\n\r\n    const getAllOnLoad = async () => {\r\n        getRecentServiceMetics();\r\n        getRecentSystemMetics();\r\n        getLastOneMinSystemMetrics();\r\n        getRecentAPIMetrics();\r\n        recentDBInstanceMetrics();\r\n        RecentDBQueryExecutionMetric();\r\n        getEntity();\r\n        setLoader(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        setLoader(true);\r\n        getAllOnLoad();\r\n    }, [])\r\n    return (\r\n        <>\r\n            <NxLoader state={loader} />\r\n            <Headers />\r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true}  />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                    <NxTitleTab className=\"title-tab\" title=\"Performance\" onCloseClick={() => history.push('/dashboard')} />\r\n\r\n                    <div className=\"my-0 performance-main\">\r\n\r\n                        <div className=\"container1\">\r\n                            {/* <div className='row'>\r\n                                <div className='col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3'>\r\n                                    <select className='form-select form-select-sm' onChange={(e) => getAllOnLoad()}>\r\n                                        <option value=''> All Customer</option>\r\n                                        {customers && customers.map((data, index) => {\r\n                                            return <option key={index} value={data.entityCode}> {data.entityName} </option>\r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n                            </div> */}\r\n                            <div className=\"counters\">\r\n                            </div>\r\n                            <div className='row'>\r\n                                <div className='col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 mt-2'>\r\n                                    <div className='card w-100 h-100'>\r\n                                        <div className='card-body'>\r\n                                            <div style={{ padding: 10, backgroundColor: 'rgb(204 204 204 / 46%)' }}>\r\n                                                <span style={{ fontSize: 16 }}> Resource Utilization</span>\r\n                                            </div>\r\n                                            <div className='my-2'>\r\n                                                <NxCustomLineChart label={cpuChartLabel} datasets={cpuChartDataSet} />\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                    </div>\r\n                                </div>\r\n                                <div className='col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 mt-2'>\r\n                                    <div className='card w-100 h-100'>\r\n                                        <div className='card-body'>\r\n                                            <div style={{ padding: 10, backgroundColor: 'rgb(204 204 204 / 46%)' }}>\r\n                                                <span style={{ fontSize: 16 }}>Mem. Utilization by Resource</span>\r\n                                            </div>\r\n                                            <div className='mt-3 table-responsive'>\r\n                                                <table class=\"table table-wrapper-scroll\">\r\n                                                    <thead>\r\n                                                        <tr>\r\n                                                            <th style={{ fontSize: 15 }}>Host Name</th>\r\n                                                            <th style={{ fontSize: 15 }}>Cur</th>\r\n                                                            <th style={{ fontSize: 15 }}>Min</th>\r\n                                                            <th style={{ fontSize: 15 }}>Max</th>\r\n                                                            <th style={{ fontSize: 15 }}>Avg</th>\r\n                                                        </tr>\r\n                                                    </thead>\r\n                                                    <tbody>\r\n                                                        {memRes.map((item, index) => {\r\n                                                            return <tr>\r\n                                                                <td style={{ fontSize: 12 }}>{item.hostName}</td>\r\n                                                                <td style={{ fontSize: 12 }}>{item.mem ? parseFloat(item.mem).toFixed(2) : '-'}</td>\r\n                                                                <td style={{ fontSize: 12, color: 'green' }}>{item.minMem ? parseFloat(item.minMem).toFixed(2) : '-'}</td>\r\n                                                                <td style={{ fontSize: 12, color: 'red' }}>{item.maxMem ? parseFloat(item.maxMem).toFixed(2) : '-'}</td>\r\n                                                                <td style={{ fontSize: 12, color: 'blue' }}>\r\n                                                                    <div style={{ display: 'flex', }}>\r\n                                                                        <div style={{ fontSize: '12px' }}>\r\n                                                                            {item.avgMem ? parseFloat(item.avgMem).toFixed(2) : '-'}\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                </td>\r\n                                                            </tr>\r\n                                                        })}\r\n                                                    </tbody>\r\n                                                </table>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                {/* Tab 2 */}\r\n                                <div className='col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 mt-2'>\r\n                                    <div className='card w-100 h-100'>\r\n                                        <div className='card-body'>\r\n                                            <div style={{ padding: 10, backgroundColor: 'rgb(204 204 204 / 46%)' }}>\r\n                                                <span style={{ fontSize: 16 }}>Memory Utilization</span>\r\n                                            </div>\r\n                                            <div className='my-2'>\r\n                                                <NxCustomLineChart label={cpuChartLabel} datasets={memChartDataSet} />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className='col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 mt-2'>\r\n                                    <div className='card w-100 h-100    '>\r\n                                        <div className='card-body'>\r\n                                            <div style={{ padding: 10, backgroundColor: 'rgb(204 204 204 / 46%)' }}>\r\n                                                <span style={{ fontSize: 16 }}> Data Server Utilization</span>\r\n                                            </div>\r\n                                            <div className='my-2'>\r\n                                                <NxCustomLineChart label={dbChartLabel} datasets={dbChartData} />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n\r\n\r\n                                {/* new */}\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-8 col-xl-8 mt-2'>\r\n                                    <div className='card w-100'>\r\n                                        <div className='card-body'>\r\n                                            <div style={{ padding: 10, backgroundColor: 'rgb(204 204 204 / 46%)' }}>\r\n                                                <span style={{ fontSize: 16 }}>Service Utilization</span>\r\n                                            </div>\r\n                                            <div className='mt-3 table-responsive'>\r\n                                                <table class=\"table table-wrapper-scroll\">\r\n                                                    <thead>\r\n                                                        {/* <tr>\r\n                                                            <th colSpan=\"3\" style={{ fontSize: 15 }}></th>\r\n                                                            <th colSpan=\"4\" style={{ fontSize: 15 }}>Mem. Utilization by Service</th>\r\n                                                            <th colSpan=\"8\" style={{ fontSize: 15 }}>Response Time</th>\r\n                                                        </tr> */}\r\n                                                        <tr>\r\n                                                            <th style={{ fontSize: 15 }}>Service Name</th>\r\n                                                            {/* <th style={{ fontSize: 15 }}>Status</th> */}\r\n                                                            <th style={{ fontSize: 15 }}>Updated</th>\r\n\r\n                                                            <th style={{ fontSize: 15 }}>No Of Request</th>\r\n                                                            <th style={{ fontSize: 15 }}>CPU</th>\r\n                                                            <th style={{ fontSize: 15 }}>Memory</th>\r\n                                                            <th style={{ fontSize: 15 }}>Response Time(ms)</th>\r\n                                                            {/* <th style={{ fontSize: 15 }}>Cur</th>\r\n                                                            <th style={{ fontSize: 15 }}>Min</th>\r\n                                                            <th style={{ fontSize: 15 }}>Max</th>\r\n                                                            <th style={{ fontSize: 15 }}>Avg</th> */}\r\n                                                        </tr>\r\n                                                    </thead>\r\n                                                    <tbody>\r\n                                                        {serviceUtilization.map((item, index) => {\r\n                                                            return <tr key={index}>\r\n                                                                <td style={{ fontSize: 13.5 }}>{item.serviceName}</td>\r\n                                                                {/* <td style={{ fontSize: 13.5 }}><FontAwesomeIcon icon={item.healthStatus == 'Healthy' ? faCheckCircle : faTimesCircle} color={item.healthStatus == 'Healthy' ? 'green' : 'red'} /> {item.healthStatus}</td> */}\r\n                                                                <td style={{ fontSize: 13.5 }}>{dateUTCtoLocal(item.lastReadedDateTime,'DD-MM-YYYY hh:mm:ss a')}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>{item.noOfRequests}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>{item.avgCPU}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>{item.avgMemory}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>{item.avgResponseTime}</td>\r\n                                                            </tr>\r\n                                                        })}\r\n                                                    </tbody>\r\n                                                </table>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 mt-2'>\r\n                                    <div className='card w-100'>\r\n                                        <div className='card-body'>\r\n                                            <div style={{ padding: 10, backgroundColor: 'rgb(204 204 204 / 46%)' }}>\r\n                                                <span style={{ fontSize: 16 }}>Resource Snapshot</span>\r\n                                            </div>\r\n                                            <div className='mt-3 table-responsive'>\r\n                                                <table class=\"table table-wrapper-scroll\">\r\n                                                    <thead>\r\n                                                        <tr>\r\n                                                            <th style={{ fontSize: 15 }}>Service Name</th>\r\n                                                            <th style={{ fontSize: 15 }}>Status</th>\r\n                                                            <th style={{ fontSize: 15 }}>Updated</th>\r\n                                                            {/* <th style={{ fontSize: 15 }}>Memory</th>\r\n                                                            <th style={{ fontSize: 15 }}>CPU</th> */}\r\n                                                        </tr>\r\n                                                    </thead>\r\n                                                    <tbody>\r\n                                                        {memUtilization.map((item, index) => {\r\n                                                            /*if (index <= 4) {*/\r\n                                                            return <tr key={index}>\r\n                                                                <td style={{ fontSize: 13.5 }}>{item.serviceName}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}><FontAwesomeIcon icon={item.healthStatus == 'Healthy' ? faCheckCircle : faTimesCircle} color={item.healthStatus == 'Healthy' ? 'green' : 'red'} /> {item.healthStatus}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>{dateUTCtoLocal(item.lastReadedDateTime,'DD-MM-YYYY hh:mm:ss a')}</td>\r\n                                                                {/* <td style={{ fontSize: 13.5 }}>{item.mem ? item.mem : '-'}</td>\r\n                                                                    <td style={{ fontSize: 13.5 }}>{item.cpu ? item.cpu : '-'}</td> */}\r\n                                                            </tr>\r\n                                                            /* }*/\r\n                                                        })}\r\n                                                    </tbody>\r\n                                                </table>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='card w-100'>\r\n                                        <div className='card-body'>\r\n                                            <div style={{ padding: 10, backgroundColor: 'rgb(204 204 204 / 46%)' }}>\r\n                                                <span style={{ fontSize: 16 }}>DB Query Execution</span>\r\n                                            </div>\r\n                                            <div className='mt-3 table-responsive'>\r\n                                                <table class=\"table table-wrapper-scroll\">\r\n                                                    <thead>\r\n                                                        <tr>\r\n                                                            <th style={{ fontSize: 15, width: '10%' }}>DB Name</th>\r\n                                                            <th style={{ fontSize: 15, width: '10%' }}>Updated</th>\r\n                                                            <th style={{ fontSize: 15, width: '10%' }}>No Of Executed</th>\r\n                                                            <th style={{ fontSize: 15, width: '10%' }}>CPU</th>\r\n                                                            <th style={{ fontSize: 15, width: '10%' }}>Memory</th>\r\n                                                            <th style={{ fontSize: 15, width: '10%' }}>Elapsed Time(ms)</th>\r\n                                                            <th style={{ fontSize: 15 }}>Query</th>\r\n                                                        </tr>\r\n                                                    </thead>\r\n                                                    <tbody>\r\n                                                        {dbQryExecutionMetric.map((item, index) => {\r\n                                                            return <tr key={index}>\r\n                                                                <td style={{ fontSize: 13.5 }}>{item.dbName}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>{dateUTCtoLocal(item.recordedDateTime,'DD-MM-YYYY hh:mm:ss a')}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>{item.executionCount}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>{item.avgCPU}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>{item.avgMemory}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>{item.avgElapsed}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>\r\n                                                                    <textarea className=\"form-control form-control-sm\" rows=\"3\" cols=\"100\">{item.queryText}</textarea>\r\n                                                                </td>\r\n                                                            </tr>\r\n                                                        })}\r\n                                                    </tbody>\r\n                                                </table>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                {/* old */}\r\n\r\n                                {/* <div className='col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 mt-2'>\r\n                                    <div className='card w-100'>\r\n                                        <div className='card-body'>\r\n                                            <div style={{ padding: 10, backgroundColor: 'rgb(204 204 204 / 46%)' }}>\r\n                                                <span style={{ fontSize: 16 }}>Service Snapshot</span>\r\n                                            </div>\r\n                                            <div className='mt-3 table-responsive'>\r\n                                                <table class=\"table table-wrapper-scroll\">\r\n                                                    <thead>\r\n                                                        <tr>\r\n                                                            <th style={{ fontSize: 15 }}>Ser. Name</th>\r\n                                                            <th style={{ fontSize: 15 }}>Status</th>\r\n                                                            <th style={{ fontSize: 15 }}>Updated</th>\r\n                                                        </tr>\r\n                                                    </thead>\r\n                                                    <tbody>\r\n                                                        {memUtilization.map((item, index) => {\r\n                                                            return <tr key={index}>\r\n                                                                <td style={{ fontSize: 13.5 }}>{item.serviceName}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}><FontAwesomeIcon icon={item.healthStatus == 'Healthy' ? faCheckCircle : faTimesCircle} color={item.healthStatus == 'Healthy' ? 'green' : 'red'} /> {item.healthStatus}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>{moment(item.lastReadedDateTime).format('hh:mm:ss')}</td>\r\n                                                            </tr>\r\n                                                        })}\r\n                                                    </tbody>\r\n                                                </table>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 mt-2'>\r\n                                    <div className='card w-100'>\r\n                                        <div className='card-body'>\r\n                                            <div style={{ padding: 10, backgroundColor: 'rgb(204 204 204 / 46%)' }}>\r\n                                                <span style={{ fontSize: 16 }}>Mem. Utilization by Service </span>\r\n                                            </div>\r\n                                            <div className='mt-3 table-responsive'>\r\n                                                <table class=\"table table-wrapper-scroll\">\r\n                                                    <thead>\r\n                                                        <tr>\r\n                                                            <th style={{ fontSize: 15 }}>Ser. Name</th>\r\n                                                            <th style={{ fontSize: 15 }}>Cur</th>\r\n                                                            <th style={{ fontSize: 15 }}>Min</th>\r\n                                                            <th style={{ fontSize: 15 }}>Max</th>\r\n                                                            <th style={{ fontSize: 15 }}>Avg</th>\r\n                                                        </tr>\r\n                                                    </thead>\r\n                                                    <tbody>\r\n                                                        {memUtilization.map((item, index) => {\r\n                                                            return <tr key={index}>\r\n                                                                <td style={{ fontSize: 13.5 }}>{item.serviceName}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>...</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>{item.mem ? parseFloat(item.mem).toFixed(2) : '-'}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>...</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>\r\n                                                                    <div style={{ display: 'flex' }}>\r\n                                                                        <div style={{}}>\r\n                                                                            {item.mem ? parseFloat(item.mem).toFixed(2) : '-'}\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                </td>\r\n                                                            </tr>\r\n                                                        })}\r\n                                                    </tbody>\r\n                                                </table>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 mt-2'>\r\n                                    <div className='card w-100'>\r\n                                        <div className='card-body'>\r\n                                            <div style={{ padding: 10, backgroundColor: 'rgb(204 204 204 / 46%)' }}>\r\n                                                <span style={{ fontSize: 16 }}>API Snapshot</span>\r\n                                            </div>\r\n                                            <div className='mt-3 table-responsive'>\r\n                                                <table class=\"table table-wrapper-scroll\">\r\n                                                    <thead>\r\n                                                        <tr>\r\n                                                            <th style={{ fontSize: 15 }}>Ser. Name</th>\r\n                                                            <th style={{ fontSize: 15 }}>Status</th>\r\n                                                            <th style={{ fontSize: 15 }}>Updated</th>\r\n                                                        </tr>\r\n                                                    </thead>\r\n                                                    <tbody>\r\n                                                        {memUtilization.map((item, index) => {\r\n                                                            return <tr key={index}>\r\n                                                                <td style={{ fontSize: 13.5 }}>{item.serviceName}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}><FontAwesomeIcon icon={item.healthStatus == 'Healthy' ? faCheckCircle : faTimesCircle} color={item.healthStatus == 'Healthy' ? 'green' : 'red'} /> {item.healthStatus}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>{moment(item.lastReadedDateTime).format('hh:mm:ss')}</td>\r\n                                                            </tr>\r\n                                                        })}\r\n                                                    </tbody>\r\n                                                </table>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 mt-2'>\r\n                                    <div className='card w-100'>\r\n                                        <div className='card-body'>\r\n                                            <div style={{ padding: 10, backgroundColor: 'rgb(204 204 204 / 46%)' }}>\r\n                                                <span style={{ fontSize: 16 }}>API Ping Time </span>\r\n                                            </div>\r\n                                            <div className='mt-3 table-responsive'>\r\n                                                <table class=\"table table-wrapper-scroll\">\r\n                                                    <thead>\r\n                                                        <tr>\r\n                                                            <th style={{ fontSize: 15 }}>Ser. Name</th>\r\n                                                            <th style={{ fontSize: 15 }}>Cur</th>\r\n                                                            <th style={{ fontSize: 15 }}>Min</th>\r\n                                                            <th style={{ fontSize: 15 }}>Max</th>\r\n                                                            <th style={{ fontSize: 15 }}>Avg</th>\r\n                                                        </tr>\r\n                                                    </thead>\r\n                                                    <tbody>\r\n                                                        {memUtilization.map((item, index) => {\r\n                                                            return <tr key={index}>\r\n                                                                <td style={{ fontSize: 13.5 }}>{item.serviceName}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>...</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>{item.mem ? parseFloat(item.mem).toFixed(2) : '-'}</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>...</td>\r\n                                                                <td style={{ fontSize: 13.5 }}>\r\n                                                                    <div style={{ display: 'flex' }}>\r\n                                                                        <div style={{}}>\r\n                                                                            {item.mem ? parseFloat(item.mem).toFixed(2) : '-'}\r\n                                                                        </div>\r\n                                                                    </div>\r\n                                                                </td>\r\n                                                            </tr>\r\n                                                        })}\r\n                                                    </tbody>\r\n                                                </table>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div> */}\r\n\r\n                                {/* <div className='col-12 col-sm-12 col-md-6 col-lg-3 col-xl-3 mt-2'>\r\n                                    <div className='card w-100'>\r\n                                        <div className='card-body'>\r\n                                            <div style={{ padding: 10, backgroundColor: 'rgb(204 204 204 / 46%)' }}>\r\n                                                <span style={{ fontSize: 16 }}>Database Performance</span>\r\n                                            </div>\r\n                                            <div className='mt-4'>\r\n                                                <NxSpeedometer />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                    <div className='card w-100'>\r\n                                        <div className='card-body'>\r\n                                            <div style={{ padding: 10, backgroundColor: 'rgb(204 204 204 / 46%)' }}>\r\n                                                <span style={{ fontSize: 16 }}>SQL Query Analytics</span>\r\n                                            </div>\r\n                                            <div className='mt-3 table-responsive'>\r\n                                                <table class=\"table table-wrapper-scroll\">\r\n                                                    <thead>\r\n                                                        <tr>\r\n                                                            <th style={{ fontSize: 15 }}>Query Name</th>\r\n                                                        </tr>\r\n                                                    </thead>\r\n                                                    <tbody>\r\n                                                        <tr>\r\n                                                            <td style={{ fontSize: 13.5 }}>\r\n                                                                <span className='sub-single-line-cls' style={{ fontWeight: 'bold' }}>\r\n                                                                    Realtek RTER+1227 + Fast Element NIC #3-Ncard Pack\r\n                                                                </span>\r\n                                                                <span className='sub-single-line-cls'>\r\n                                                                    OPM-123212\r\n                                                                </span>\r\n                                                                <span className='sub-single-line-cls'>\r\n                                                                    Error: 0 | Discards: 81.28G\r\n                                                                </span>\r\n                                                            </td>\r\n                                                        </tr>\r\n                                                        <tr>\r\n                                                            <td style={{ fontSize: 13.5 }}>\r\n                                                                <span className='sub-single-line-cls' style={{ fontWeight: 'bold' }}>\r\n                                                                    Realtek RTER+1227 + Fast Element NIC #3-Ncard Pack\r\n                                                                </span>\r\n                                                                <span className='sub-single-line-cls'>\r\n                                                                    OPM-123212\r\n                                                                </span>\r\n                                                                <span className='sub-single-line-cls'>\r\n                                                                    Error: 0 | Discards: 81.28G\r\n                                                                </span>\r\n                                                            </td>\r\n                                                        </tr>\r\n                                                        <tr>\r\n                                                            <td style={{ fontSize: 13.5 }}>\r\n                                                                <span className='sub-single-line-cls' style={{ fontWeight: 'bold' }}>\r\n                                                                    Realtek RTER+1227 + Fast Element NIC #3-Ncard Pack\r\n                                                                </span>\r\n                                                                <span className='sub-single-line-cls'>\r\n                                                                    OPM-123212\r\n                                                                </span>\r\n                                                                <span className='sub-single-line-cls'>\r\n                                                                    Error: 0 | Discards: 81.28G\r\n                                                                </span>\r\n                                                            </td>\r\n                                                        </tr>\r\n                                                    </tbody>\r\n                                                </table>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div> */}\r\n\r\n\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div style={{ height: '40px' }}>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useHistory, useLocation } from 'react-router';\r\nimport './DockerHubEdit.css';\r\nimport { NxLoader, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from '../../Screens/Headers/Headers';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\n\r\nexport default function DockerHubEdit() {\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n    const location = useLocation()\r\n    // const [gateway, setGateway] = useState({});\r\n    const [data, setData] = useState({\r\n        dockerServerID: 0,\r\n        dockerServerAccountName: \"\",\r\n        userName: \"\",\r\n        password: \"\",\r\n        storageAccountName: \"\",\r\n        containerRegistryName: \"\"\r\n    });\r\n\r\n    useEffect(() => {\r\n        if (!location.state || !location.state.dockerServerID) {\r\n            history.replace('/repo-connect')\r\n        } else {\r\n            setData(location.state);\r\n        }\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title='Edit Docker Server' onCloseClick={() => history.goBack()} />\r\n            <div className=\"card mt-0 sms-gateway-main\">\r\n                <div className=\"card-body\">\r\n                    <div className=\"container-form mb-3\">\r\n                        <div>\r\n                            <div className=\"row mt-2\">\r\n                                {/* <h6>Payment Gateway API to send DLT Approved Mobile Verification Code for 2-Factor Authentication & Notifications. Contact software administrator for API End-Points & Notification Options.</h6> */}\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label htmlFor=\"Organization\">Docker Server Account Name</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.dockerServerAccountName} type=\"text\" onChange={(e) => {\r\n                                        setData({ ...data, dockerServerAccountName: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-4 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label>Username</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.userName} type=\"text\" onChange={(e) => {\r\n                                        setData({ ...data, userName: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label htmlFor=\"Organization\">Password</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.password} type=\"text\" onChange={(e) => {\r\n                                        setData({ ...data, password: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n\r\n\r\n                                <div className=\"col-12 col-sm-4 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label>Storage Account Name</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.storageAccountName} type=\"text\" onChange={(e) => {\r\n                                        setData({ ...data, storageAccountName: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label htmlFor=\"Organization\"> Container Registry Name</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.containerRegistryName} type=\"text\" onChange={(e) => {\r\n                                        setData({ ...data, containerRegistryName: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n\r\n                            </div>\r\n\r\n\r\n                            <div className=\"form-button nx-enquiry-buttons mt-5 mb-3\">\r\n                                <button className=\"btn btn-primary buttons\" onClick={() => {\r\n                                    setLoading(true);\r\n                                    ItrApiService.POST({ url: 'CloudConnect/Configuration/DockerServer', data: data }).then(res => {\r\n                                        if (res.Success == true) {\r\n                                            if (res.result.isSuccess == true) {\r\n                                                history.goBack();\r\n                                            }\r\n                                        }\r\n                                        setLoading(false);\r\n                                    })\r\n                                }}>Save</button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport './AzureContainerRegisterEdit.css';\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\n\r\n\r\nexport default function AzureContainerRegisterEdit() {\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons mt-4 mb-4\">\r\n            <button className=\"btn btn-sm btn-primary buttons\" onClick={async () => {\r\n                setLoading(true)\r\n                ItrApiService.POST({\r\n                    url: 'CloudConnect/Configuration/AzureContainerRegistry',\r\n                    data: data\r\n                }).then(res => {\r\n                    if (res.Success == true) {\r\n                        if (res.result.isSuccess == true) {\r\n                            history.goBack();\r\n                        }\r\n                    }\r\n                    setLoading(false);\r\n                })\r\n            }} > Save</button>\r\n            <button className=\"btn btn-sm close btn-outline-primary\" onClick={() => history.goBack()}> Close</button>\r\n        </div>\r\n    }\r\n\r\n    const [data, setData] = useState({\r\n        azureContainerRegistryID: 0,\r\n        acrName: '',\r\n        osType: '',\r\n        sku: '',\r\n        crType: ''\r\n    })\r\n\r\n    const location = useLocation()\r\n\r\n    useEffect(() => {\r\n        if (!location.state || !location.state.azureContainerRegistryID) {\r\n            history.replace('/repo-connect')\r\n        } else {\r\n            setData(location.state);\r\n        }\r\n    }, [])\r\n\r\n\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false)\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <div className=\"customer-dynamic-pages pt-4 \">\r\n                <NxTitleTab className=\"title-tab page-title\" title='Add Azure Container Registry' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} />\r\n                <div className=\"resource-groups-add-main-form mt-2\">\r\n                    <div className=\"card resource-groups-add-card-form\">\r\n                        <div className=\"card-body\">\r\n                            <div className=\"container-form\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <div className=\"row\">\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"name\" className='f-badge-title'>ACR Name</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"name\" type=\"text\" value={data.acrName} onChange={(e) => {\r\n                                                    setData({ ...data, acrName: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"adminPin\" className='f-badge-title'>OS Type</label>\r\n                                                <select className='form-select form-select-sm' value={data.osType}\r\n                                                    onChange={(e) => setData({ ...data, osType: e.target.value })}>\r\n                                                    <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                    <option value=\"Windows\"> Windows </option>\r\n                                                    <option value=\"Linux\"> Linux  </option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-3 mb-4\">\r\n                                                <label htmlFor=\"SubscriptionId\" className='f-badge-title'>SKU</label>\r\n                                                <select className='form-select form-select-sm' value={data.sku}\r\n                                                    onChange={(e) => setData({ ...data, sku: e.target.value })}>\r\n                                                    <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                    <option value=\"Basic\"> Basic </option>\r\n                                                    <option value=\"Standard\"> Standard  </option>\r\n                                                    <option value=\"Premium\"> Premium  </option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-3 mb-4\">\r\n                                                <label htmlFor=\"ClientId\" className='f-badge-title'>CR Type</label>\r\n                                                <select className='form-select form-select-sm' value={data.crType}\r\n                                                    onChange={(e) => setData({ ...data, crType: e.target.value })}>\r\n                                                    <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                    <option value=\"Public\"> Public </option>\r\n                                                    <option value=\"Private\"> Private  </option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"clientSecret\" className='f-badge-title'>Client Secret</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"clientSecret\" type='password' value={data.clientSecret} onChange={(e) => {\r\n                                                    setData({ ...data, clientSecret: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"TenantId\" className='f-badge-title'>Tenant ID</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"TenantId\" type=\"text\" value={data.tenantID} onChange={(e) => {\r\n                                                    setData({ ...data, tenantID: e.target.value })\r\n                                                }} />\r\n                                            </div> */}\r\n\r\n\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"></div>\r\n                                    <hr />\r\n                                    <Buttons />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport { useHistory, useLocation } from 'react-router';\r\nimport './GitRepoEdit.css';\r\nimport { NxLoader, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from '../../../../../Screens/Headers/Headers';\r\n\r\nexport default function GitRepoEdit() {\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    // const [gateway, setGateway] = useState({});\r\n    const [data, setData] = useState({\r\n        gitRepoID: 0,\r\n        gitRepoAccountName: '',\r\n        pat: ''\r\n    });\r\n\r\n    const location = useLocation();\r\n    useEffect(() => {\r\n        if (!location.state || !location.state.gitRepoID) {\r\n            history.replace('/repo-connect')\r\n        } else {\r\n            setData(location.state);\r\n        }\r\n    }, [])\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title='Add Git Repo' onCloseClick={() => history.goBack()} />\r\n            <div className=\"card mt-0 sms-gateway-main\">\r\n                <div className=\"card-body\">\r\n                    <div className=\"container-form mb-3\">\r\n                        <div>\r\n                            <div className=\"row mt-2\">\r\n                                {/* <h6>Payment Gateway API to send DLT Approved Mobile Verification Code for 2-Factor Authentication & Notifications. Contact software administrator for API End-Points & Notification Options.</h6> */}\r\n                                <div className=\"col-12 col-sm-4 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label className='f-badge-title'>Repo Identifier</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.gitRepoAccountName} type=\"text\" onChange={(e) => {\r\n                                        setData({ ...data, gitRepoAccountName: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                    {/* <label htmlFor=\"Organization\"> User Name</label>\r\n                                        <input className=\"form-control mt-1\" id=\"Organization\" type=\"text\" /> */}\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label htmlFor=\"Organization\" className='f-badge-title'>Access Token</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.pat} type=\"text\" onChange={(e) => {\r\n                                        setData({ ...data, pat: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <label htmlFor=\"Organization\">Url</label>\r\n                                        <input className=\"form-control mt-1\" id=\"Organization\" type=\"text\" value={gateway?.url} />\r\n                                    </div> */}\r\n                            </div>\r\n\r\n                            <div className=\"form-button nx-enquiry-buttons mt-5 mb-3\">\r\n                                <button className=\"btn btn-primary buttons\" onClick={() => {\r\n                                    setLoading(true);\r\n                                    ItrApiService.POST({ url: 'CloudConnect/Configuration/GitRepo', data: data }).then(res => {\r\n                                        if (res.Success == true) {\r\n                                            if (res.result.isSuccess == true) {\r\n                                                history.goBack();\r\n                                            }\r\n                                        }\r\n                                        setLoading(false);\r\n                                    })\r\n                                }}>Save</button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useHistory, useLocation } from 'react-router';\r\nimport './AzureRepoEdit.css';\r\nimport { NxLoader, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from '../../../../../Screens/Headers/Headers';\r\n\r\nexport default function AzureRepoEdit() {\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    // const [gateway, setGateway] = useState({});\r\n    const [data, setData] = useState({\r\n        azureRepoID: 0,\r\n        azureRepoName: '',\r\n        pat: ''\r\n    })\r\n    const location = useLocation();\r\n\r\n    const initiate = async () => {\r\n        if (!location.state || !location.state.azureRepoID) {\r\n            history.replace('/repo-connect')\r\n        } else {\r\n            setData(location.state);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        initiate();\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title='Add Azure Repo' onCloseClick={() => history.goBack()} />\r\n            <div className=\"card mt-0 sms-gateway-main\">\r\n                <div className=\"card-body\">\r\n                    <div className=\"container-form mb-3\">\r\n                        <div>\r\n                            <div className=\"row mt-2\">\r\n                                {/* <h6>Payment Gateway API to send DLT Approved Mobile Verification Code for 2-Factor Authentication & Notifications. Contact software administrator for API End-Points & Notification Options.</h6> */}\r\n                                <div className=\"col-12 col-sm-4 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label className='f-badge-title'>Repo Identifier</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.azureRepoName} type=\"text\" onChange={(e) => {\r\n                                        setData({ ...data, azureRepoName: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                    {/* <label htmlFor=\"Organization\"> User Name</label>\r\n                                        <input className=\"form-control mt-1\" id=\"Organization\" type=\"text\" /> */}\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-4\">\r\n                                    <label htmlFor=\"Organization\" className='f-badge-title'>Access Token</label>\r\n                                    <input className=\"form-control mt-1\" id=\"Organization\" value={data.pat} type=\"text\" onChange={(e) => {\r\n                                        setData({ ...data, pat: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <label htmlFor=\"Organization\">Url</label>\r\n                                        <input className=\"form-control mt-1\" id=\"Organization\" type=\"text\" value={gateway?.url} />\r\n                                    </div> */}\r\n                            </div>\r\n\r\n                            <div className=\"form-button nx-enquiry-buttons mt-5 mb-3\">\r\n                                <button className=\"btn btn-primary buttons\" onClick={() => {\r\n                                    setLoading(true)\r\n                                    ItrApiService.POST({\r\n                                        url: 'CloudConnect/Configuration/AzureRepo',\r\n                                        data: data\r\n                                    }).then(res => {\r\n                                        if (res.Success == true) {\r\n                                            if (res.result.isSuccess == true) {\r\n                                                history.goBack();\r\n                                            }\r\n                                        }\r\n                                        setLoading(false);\r\n                                    })\r\n                                }}>Save</button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React from \"react\";\r\nimport { Redirect, Route } from \"react-router-dom\";\r\n\r\nfunction ProtectedRoute({ component: Component, ...restOfProps }) {\r\n    const isAuthenticated = sessionStorage.getItem(\"userInfo\");\r\n    return (\r\n        <Route\r\n            {...restOfProps}\r\n            render={(props) =>\r\n                isAuthenticated ? <Component {...props} /> : <Redirect to='/' />\r\n            }\r\n        />\r\n    );\r\n}\r\n\r\nexport default ProtectedRoute;","import { NxFooter, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport moment from 'moment';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { useHistory } from 'react-router-dom'\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport './BillingRulesEdit.css'\r\n\r\nfunction BillingRulesEdit() {\r\n    const history = useHistory();\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    const [newBillingRules, setNewBillingRules] = useState({\r\n        billingRuleID: 0,\r\n        billingTemplateName: '',\r\n        monthlyDate: '',\r\n        selectDay: '',\r\n        isRecurringJob: '',\r\n        cancellationCustomer: '',\r\n        invoiceReminders: '',\r\n\t\tcreditPeriod: '',\r\n        dunningPeriod: '',\r\n        dataErasePeriod: '',\r\n        dataCreated: moment().format(),\r\n        author: \"\",\r\n        noOfCustomer: 0,\r\n    });\r\n\r\n    const location = useLocation();\r\n    useEffect(() => {\r\n        if (!location.state || !location.state.billingRuleID) {\r\n            history.replace('/administrator/billing-configuration')\r\n        } else {\r\n            setNewBillingRules(location.state);\r\n        }\r\n    }, []);\r\n\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxLoader state={loader} />\r\n            <NxTitleTab className=\"title-tab\" title=\"Edit Billing Template\" onCloseClick={() => history.goBack()} />\r\n            <div className=\"card password-policy-main mt-0\">\r\n                <div className=\"card-body p-0 mb-5\" >\r\n                    <div className=\"row p-3 mx-1\">\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-6'>\r\n                            <div className=\"row\">\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Billing Template</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input className=\"form-control form-control-sm\" type=\"text\" value={newBillingRules.billingTemplateName}\r\n                                                onChange={(e) => setNewBillingRules({ ...newBillingRules, billingTemplateName: e.target.value })} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Monthly Billing Date</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newBillingRules.monthlyDate}\r\n                                                onChange={(e) => setNewBillingRules({ ...newBillingRules, monthlyDate: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value=\"Select Date\"> Select Date </option>\r\n                                                <option value=\"firstDay\"> First day of the Month  </option>\r\n                                                <option value=\"lastDay\"> Last day of the Month </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2' hidden={newBillingRules.monthlyDate == 'Select Date' ? false : true}>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Select Date</label>\r\n\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newBillingRules.selectDay}\r\n                                                onChange={(e) => setNewBillingRules({ ...newBillingRules, selectDay: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value='1'>1</option>\r\n                                                <option value='2'>2</option>\r\n                                                <option value='3'>3</option>\r\n                                                <option value='4'>4</option>\r\n                                                <option value='5'>5</option>\r\n                                                <option value='6'>6</option>\r\n                                                <option value='7'>7</option>\r\n                                                <option value='8'>8</option>\r\n                                                <option value='9'>9</option>\r\n                                                <option value='10'>10</option>\r\n                                                <option value='11'>11</option>\r\n                                                <option value='12'>12</option>\r\n                                                <option value='13'>13</option>\r\n                                                <option value='14'>14</option>\r\n                                                <option value='15'>15</option>\r\n                                                <option value='16'>16</option>\r\n                                                <option value='17'>17</option>\r\n                                                <option value='18'>18</option>\r\n                                                <option value='19'>19</option>\r\n                                                <option value='20'>20</option>\r\n                                                <option value='21'>21</option>\r\n                                                <option value='22'>22</option>\r\n                                                <option value='23'>23</option>\r\n                                                <option value='24'>24</option>\r\n                                                <option value='25'>25</option>\r\n                                                <option value='26'>26</option>\r\n                                                <option value='27'>27</option>\r\n                                                <option value='28'>28</option>\r\n                                                <option value='29'>29</option>\r\n                                                <option value='30'>30</option>\r\n                                                <option value='31'>31</option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Recurring Job</label>\r\n\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newBillingRules.isRecurringJob}\r\n                                                onChange={(e) => {\r\n                                                    if (e.target.value == 'true') {\r\n                                                        setNewBillingRules({ ...newBillingRules, isRecurringJob: true })\r\n                                                    }\r\n                                                    else {\r\n                                                        setNewBillingRules({ ...newBillingRules, isRecurringJob: false })\r\n                                                    }\r\n                                                }}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value={true}> Yes </option>\r\n                                                <option value={false}> No  </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Cancellation Customers</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newBillingRules.cancellationCustomer}\r\n                                                onChange={(e) => setNewBillingRules({ ...newBillingRules, cancellationCustomer: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value=\"Bill as per Monthly date\"> Bill as per Monthly date </option>\r\n                                                <option value=\"Bill on subscription cancellation date\"> Bill on subscription cancellation date  </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Invoice Reminders - Every</label>\r\n\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newBillingRules.invoiceReminders}\r\n                                                onChange={(e) => setNewBillingRules({ ...newBillingRules, invoiceReminders: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value=\"5\"> 5 Days </option>\r\n                                                <option value=\"10\"> 10 Days  </option>\r\n                                                <option value=\"15\"> 15 Days </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Credit Period</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newBillingRules.creditPeriod}\r\n                                                onChange={(e) => setNewBillingRules({ ...newBillingRules, creditPeriod: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value=\"5\"> 5 Days </option>\r\n                                                <option value=\"10\"> 10 Days  </option>\r\n                                                <option value=\"15\"> 15 Days </option>\r\n                                                <option value=\"20\"> 20 Days  </option>\r\n                                                <option value=\"25\"> 25 Days </option>\r\n                                                <option value=\"30\"> 30 Days  </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Dunning Period</label>\r\n\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newBillingRules.dunningPeriod}\r\n                                                onChange={(e) => setNewBillingRules({ ...newBillingRules, dunningPeriod: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value=\"15\"> 15 Days </option>\r\n                                                <option value=\"30\"> 30 Days  </option>\r\n                                                <option value=\"45\"> 45 Days </option>\r\n                                                <option value=\"60\"> 60 Days  </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Data Erase Period</label>\r\n\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newBillingRules.dataErasePeriod}\r\n                                                onChange={(e) => setNewBillingRules({ ...newBillingRules, dataErasePeriod: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value=\"30\"> 30 Days </option>\r\n                                                <option value=\"60\"> 60 Days  </option>\r\n                                                <option value=\"90\"> 90 Days </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4'>\r\n                            <div className=\"row\">\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4'>\r\n                            <div className=\"row\">\r\n                            </div>\r\n                        </div>\r\n\r\n\r\n\r\n\r\n                        <div className='text-end'>\r\n                            <button className='btn btn-primary btn-sm mt-4 mb-1' onClick={() => {\r\n                                let dataVal = { ...newBillingRules, selectDay: newBillingRules.selectDay == '' ? 0 : parseInt(newBillingRules.selectDay), isRecurringJob: newBillingRules.isRecurringJob};\r\n                                setLoader(true);\r\n                                ItrApiService.POST({ url: 'RevOps/BillingRule/SaveBillingRule', data: dataVal }).then(res => {\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            setLoader(false);\r\n                                            history.goBack();\r\n                                        } else {\r\n                                            NotificationManager.error(res.result.message);\r\n                                        }\r\n                                    } else {\r\n                                        NotificationManager.error(res.message);\r\n                                    }\r\n                                })\r\n                            }}>Save</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter\r\n                className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                    { name: 'Terms of Service' },\r\n                    { name: 'Privacy' },\r\n                ]} />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default BillingRulesEdit;","import { NxFooter, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { Countries } from '../../../general/general';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\n\r\nfunction TaxationEdit() {\r\n    const [cityData, setCityData] = useState(Countries);\r\n    const [loading, setLoading] = useState(false);\r\n    const history = useHistory();\r\n    const [cked, setCked] = useState(false);\r\n    const [cityVal, setCityVal] = useState([]);\r\n    const [data, setData] = useState([]);\r\n    const [orginCity, setOrginCity] = useState(0);\r\n    const [taxationID, setTaxationID] = useState(0);\r\n\r\n    const StartFunction = async (id) => {\r\n        let [res, response2] = await Promise.all([ItrApiService.GET({ url: \"RevOps/Country/GetCountries\" }), ItrApiService.GET({ url: `RevOps/Taxation/GetTaxationById/${id}` })]);\r\n        if (res.Success == true) {\r\n            if (res.result.isSuccess == true) {\r\n                if (res.result.data && res.result.data.length > 0) {\r\n                    setData(res.result.data);\r\n                    // let arr = res.result.data;\r\n                    // const arrWithValue = arr.map(object => {\r\n                    //     return { taxationID: 0, taxationMapID: 0, billDestinationCountryID: object.countryID, countryName: object.countryName, tax: 0 };\r\n                    // });\r\n                    // setCityVal(arrWithValue);\r\n                }\r\n            }\r\n        }\r\n        if (response2.Success == true) {\r\n            if (response2.result.isSuccess == true) {\r\n                if (response2.result.data) {\r\n                    setCityVal(response2.result.data.taxationMaps)\r\n                    // let arr = res.result.data;\r\n                    // const arrWithValue = arr.map(object => {\r\n                    //     return { taxationID: 0, taxationMapID: 0, billDestinationCountryID: object.countryID, countryName: object.countryName, tax: 0 };\r\n                    // });\r\n                    // setCityVal(arrWithValue);\r\n                }\r\n            }\r\n        }\r\n        setLoading(false)\r\n    }\r\n\r\n    const location = useLocation();\r\n    useEffect(() => {\r\n        if (!location.state || !location.state.taxationID) {\r\n            history.replace('/administrator/billing-configuration')\r\n        } else {\r\n            setLoading(true);\r\n            setTaxationID(location.state.taxationID)\r\n            setOrginCity(location.state.billOriginCountryID)\r\n            StartFunction(location.state.taxationID)\r\n        }\r\n    }, [])\r\n\r\n    return (\r\n        <div className=\"mb-5\" style={{ backgroundColor: '#fff' }}>\r\n            <Headers />\r\n            <NxLoader state={loading} />\r\n            <NxFooter />\r\n\r\n            <div className=\"card1 mx-1 mt-0 taxation-main\">\r\n\r\n                <div className=\"card-body1\" >\r\n                    <div className=\"container-form mb-5\">\r\n                        <div>\r\n                            <NxTitleTab title=\"Edit 3D Taxation\" className=\"title-tab px-0\" onCloseClick={() => { history.goBack() }} />\r\n                            {/* <div className=\"col-12 col-sm-4 col-md-6 col-lg-6 col-xl-6 mt-4 px-4\">\r\n                                <label className='fw-bold f-badge-title' style={{ fontSize: '16px' }}>Billing Origination</label>\r\n                                <select className=\"form-select form-select-sm\" value={orginCity} disabled onChange={(e) => {\r\n                                    setOrginCity(parseInt(e.target.value));\r\n                                }}>\r\n                                    <option value={0} selected disabled> -- Please Select -- </option>\r\n                                    {data.map((item, index) => {\r\n                                        return <option value={item.countryID}>{item.countryName}</option>\r\n                                    })}\r\n                                </select>\r\n                            </div> */}\r\n\r\n                            <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-5 px-4\">\r\n                                <div className='table-hover table-wrapper-scroll-y table-responsive my-custom-scrollbar'>\r\n                                    <table class=\"table table-bordered  mb-0 w-75\">\r\n                                        <thead>\r\n                                            <tr>\r\n                                                <th scope=\"col\" style={{ fontSize: '16px' }}>Billing Destination</th>\r\n                                                <th scope=\"col\" style={{ fontSize: '16px' }}>\r\n                                                    <div className='d-flex justify-content-between align-items-center'>\r\n                                                        <span> Tax % </span>\r\n                                                        <div className='d-flex align-items-center'>\r\n                                                            <span className='text-primary' style={{ fontSize: '14px' }}> Copy to All </span>\r\n                                                            <input type=\"checkbox\" className='form-checkbox mx-2' checked={cked} onChange={(e) => {\r\n                                                                setCked(e.target.checked);\r\n                                                                let vals = cityVal[0].tax;\r\n                                                                if (e.target.checked == true) {\r\n                                                                    let newArrs = cityVal.map(obj => {\r\n                                                                        return { ...obj, tax: vals };\r\n                                                                    });\r\n                                                                    setCityVal(newArrs);\r\n                                                                }\r\n                                                            }} />\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </th>\r\n                                            </tr>\r\n                                        </thead>\r\n                                        <tbody>\r\n                                            {cityVal.map((data, index) => <tr className=''>\r\n                                                <td style={{ fontSize: '14px' }}>{data.billDestinationCountryName}</td>\r\n                                                <td>\r\n                                                    <input value={data.tax} style={{ fontSize: '14px' }} type='tel' className='form-control form-control-sm' onChange={(e) => {\r\n\r\n                                                        if (cked == false) {\r\n                                                            let newArr = [...cityVal];\r\n                                                            newArr[index].tax = e.target.value != '' ? parseFloat(e.target.value) : null;\r\n                                                            setCityVal(newArr);\r\n                                                        } else {\r\n                                                            let newArrs = cityVal.map(obj => {\r\n                                                                return { ...obj, tax: e.target.value != '' ? parseFloat(e.target.value) : null };\r\n                                                            });\r\n                                                            setCityVal(newArrs);\r\n                                                        }\r\n                                                    }} />\r\n                                                </td>\r\n                                            </tr>)}\r\n                                        </tbody>\r\n                                    </table>\r\n                                </div>\r\n                                <div className='mt-2 mb-5 text-end'>\r\n                                    <button className='btn btn-primary btn-sm' onClick={() => {\r\n                                        let arr = cityVal;\r\n                                        const newArr = arr.map(object => {\r\n                                            delete object.countryName\r\n                                            return object;\r\n                                        });\r\n                                        setLoading(true);\r\n                                        ItrApiService.POST({\r\n                                            url: 'RevOps/Taxation/SaveTaxation',\r\n                                            data: {\r\n                                                \"taxationID\": taxationID,\r\n                                                \"billOriginCountryID\": orginCity,\r\n                                                \"taxationMaps\": newArr\r\n                                            }\r\n                                        }).then(rest => {\r\n                                            setLoading(false);\r\n                                            if (rest.Success == true) {\r\n                                                if (rest.result.isSuccess == true) {\r\n                                                    history.goBack()\r\n                                                } else {\r\n                                                    NotificationManager.error(rest.result.message);\r\n                                                }\r\n                                            } else {\r\n                                                NotificationManager.error(rest.message);\r\n                                            }\r\n                                        })\r\n                                    }}> Save </button>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div className='container'>\r\n                            <div className=\"row mt-4\">\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default TaxationEdit;","import React, { useEffect, useState } from \"react\";\r\nimport './CloudConnectEdit.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport { NotificationManager } from \"react-notifications\";\r\nimport { useLocation } from \"react-router-dom\";\r\n\r\n\r\nexport default function CloudConnectEdit() {\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons mt-4 mb-4\">\r\n            <button className=\"btn btn-sm btn-primary buttons\" onClick={async () => {\r\n                let pin = await loginUser();\r\n                let aP = 0\r\n                if (pin.pin != '') {\r\n                    aP = parseInt(pin.pin)\r\n                }\r\n                ItrApiService.POST({\r\n                    data: { ...data, adminPIN: aP },\r\n                    url: 'AzureConnect/TestConnection'\r\n                }).then(res => {\r\n                })\r\n            }}> Test Connection</button>\r\n            <button className=\"btn btn-sm btn-primary buttons\" onClick={async () => {\r\n                let pin = await loginUser();\r\n                let aP = 0\r\n                if (pin.pin != '') {\r\n                    aP = parseInt(pin.pin)\r\n                }\r\n                ItrApiService.POST({\r\n                    data: { ...data, adminPIN: aP },\r\n                    url: 'CloudConnect/Configuration/AzureSubscription'\r\n                }).then(res => {\r\n                    if (res.Success == true) {\r\n                        if (res.result.isSuccess == true) {\r\n                            history.goBack()\r\n                        } else {\r\n                            NotificationManager.error(res.result.message);\r\n                        }\r\n                    } else {\r\n                        NotificationManager.error(res.message);\r\n                    }\r\n                })\r\n            }} > Save</button>\r\n            <button className=\"btn btn-sm close btn-outline-primary\" onClick={() => history.goBack()}> Close</button>\r\n        </div>\r\n    }\r\n\r\n    var loginUser = () => {\r\n        return {\r\n            pin: document.getElementById('adminPin').value\r\n        }\r\n    }\r\n\r\n    const [data, setData] = useState({\r\n        azureSubscriptionID: 0,\r\n        clientID: \"\",\r\n        clientSecret: \"\",\r\n        adminPIN: 0,\r\n        tenantID: \"\",\r\n        azureID: \"\",\r\n        name: \"\",\r\n        customerCode: '',\r\n        // customerID: 0,\r\n        workSpaces: []\r\n    })\r\n\r\n    const location = useLocation()\r\n    useEffect(() => {\r\n        if (!location.state || !location.state.azureSubscriptionID) {\r\n            history.replace('/docker-connect')\r\n        } else {\r\n            setData({ ...data, ...location.state });\r\n        }\r\n    }, []);\r\n\r\n    const blockChar = () => {\r\n        $(\"input[name='numonly']\").on('input', function (e) {\r\n            $(this).val($(this).val().replace(/[^0-9]/g, ''));\r\n        });\r\n    }\r\n\r\n    const getUser = async () => {\r\n        let result = await ItrAuthService.GetUserInfo();\r\n        if (result.Success == true) {\r\n            // setData({ ...data, customerID: result.customerCode });\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        getUser()\r\n    }, [])\r\n\r\n\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false)\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <div className=\"customer-dynamic-pages pt-4 \">\r\n                <NxTitleTab className=\"title-tab page-title\" title='Edit Azure Connect' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} />\r\n                <div className=\"resource-groups-add-main-form mt-2\">\r\n                    <div className=\"card resource-groups-add-card-form\">\r\n                        <div className=\"card-body\">\r\n                            <div className=\"container-form\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <div className=\"row\">\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"name\" className='f-badge-title'>Subscription Name</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"name\" type=\"text\" value={data.name} onChange={(e) => {\r\n                                                    setData({ ...data, name: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"adminPin\" className='f-badge-title'>Admin Pin</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"adminPin\" name=\"numonly\" type=\"password\" onKeyPress={blockChar} value={data.adminPIN} onChange={(e) => {\r\n                                                    setData({ ...data, adminPIN: e.target.value })\r\n                                                }} maxLength={6} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"SubscriptionId\" className='f-badge-title'>Subscription ID</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"SubscriptionId\" type=\"text\" value={data.azureID} onChange={(e) => {\r\n                                                    setData({ ...data, azureID: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"ClientId\" className='f-badge-title'>Client ID</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"ClientId\" type=\"text\" value={data.clientID} onChange={(e) => {\r\n                                                    setData({ ...data, clientID: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"clientSecret\" className='f-badge-title'>Client Secret</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"clientSecret\" type='password' value={data.clientSecret} onChange={(e) => {\r\n                                                    setData({ ...data, clientSecret: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                <label htmlFor=\"TenantId\" className='f-badge-title'>Tenant ID</label>\r\n                                                <input className=\"form-control form-control-sm\" id=\"TenantId\" type=\"text\" value={data.tenantID} onChange={(e) => {\r\n                                                    setData({ ...data, tenantID: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n\r\n\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"></div>\r\n                                    <hr />\r\n                                    <Buttons />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport { NxLoader, NxTitleTab, NxActionTab, NxGridList } from '@afiplfeed/itr-app';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport moment from 'moment';\r\n\r\nfunction EditSupport(props) {\r\n\r\n    // edit-user-list\r\n    const getEditData = async (getSupportId) => {\r\n        if (!getSupportId) {\r\n            history.push('/support-tickets');\r\n            return false;\r\n        }\r\n        let result = await ItrApiService.GET({\r\n            url: `ITOps/Support/${getSupportId}`,\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let data = result.result.data;\r\n            if (data === null) {\r\n                // alert(result.result.message);\r\n            }\r\n            else {\r\n                setEditSupport(data);\r\n            }\r\n            // setCustomers(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            // alert(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n        return true;\r\n    }\r\n\r\n    const [load, setLoad] = useState(false);\r\n    const [EditSupport, setEditSupport] = useState({\r\n        subject: '',\r\n        apps: '',\r\n        priority: '',\r\n        supportType: '',\r\n        status: '',\r\n        feedback: '',\r\n        Attachments: ''\r\n    });\r\n\r\n    const [userApps, setUserApps] = useState([])\r\n\r\n    let history = useHistory();\r\n    useEffect(() => {\r\n        let getSupportId = sessionStorage.getItem('editSupportId');\r\n        getEditData(getSupportId);\r\n\r\n        ItrApiService.GET({ url: 'DevOps/Enrollment/ListAllApp' }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    setUserApps(res.result.data)\r\n                }\r\n            }\r\n        });\r\n\r\n    }, []);\r\n\r\n    return (\r\n        <div >\r\n            <NxLoader state={load} />\r\n            <Headers />\r\n            <div>\r\n                <NxTitleTab title='Edit Support' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} />\r\n                <div className=\"px-5\">\r\n                    <div className=\"row\" style={{ display: 'flex', width: '100%' }}>\r\n\r\n                        <div className='col-12 col-sm-12 col-md-8 col-lg-8 col-xl-8 mt-3'>\r\n                            <label>Details</label>\r\n                            <hr />\r\n                            <div className='row '>\r\n                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                    <div className='row  d-flex justify-content-between align-items-center'>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <h6 className='m-0'>Priority:</h6>\r\n                                        </div>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <select className=\"form-select\" id=\"prority\" value={EditSupport.priority}\r\n                                                onChange={(e) => setEditSupport({ ...EditSupport, priority: e.target.value })}>\r\n                                                <option value=\"\" disabled selected>--please select--</option>\r\n                                                <option value=\"Critical\">Critical</option>\r\n                                                <option value=\"High\">High</option>\r\n                                                <option value=\"Low\">Low</option>\r\n                                                <option value=\"Medium\">Medium</option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                    <div className='row  d-flex justify-content-between align-items-center'>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <h6 className='m-0'>Status:</h6>\r\n                                        </div>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <select className=\"form-select\" id=\"status\" value={EditSupport.status}\r\n                                                onChange={(e) => setEditSupport({ ...EditSupport, status: e.target.value })}>\r\n                                                <option value=\"\" disabled selected>--please select--</option>\r\n                                                <option value=\"Open\">Open</option>\r\n                                                <option value=\"InProgress\">InProgress</option>\r\n                                                <option value=\"Close\">Close</option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                    <div className='row  d-flex justify-content-between align-items-center'>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <h6 className='m-0'>Type:</h6>\r\n                                        </div>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <select className=\"form-select\" id=\"support-type\" value={EditSupport.supportType}\r\n                                                onChange={(e) => setEditSupport({ ...EditSupport, supportType: e.target.value })}>\r\n                                                <option value=\"\" disabled selected>--please select--</option>\r\n                                                <option value=\"Bug\">Bug</option>\r\n                                                <option value=\"Change Request\">Change Request</option>\r\n                                                <option value=\"Enhancement\">Enhancement</option>\r\n                                                <option value=\"New Requirement\">New Requirement</option>\r\n                                                <option value=\"Service Request\">Service Request</option>\r\n                                                <option value=\"Story\">Story</option>\r\n                                                <option value=\"Task\">Task</option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div className='col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 mt-3'>\r\n                            <label>People</label>\r\n                            <hr />\r\n                            <div className='row '>\r\n                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                    <div className='row  d-flex justify-content-between align-items-center'>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <h6 className='m-0'>Assignee:</h6>\r\n                                        </div>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <p className='m-0'>{EditSupport.assignee}</p>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n\r\n                                </div>\r\n                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                    <div className='row  d-flex justify-content-between align-items-center'>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <h6 className='m-0'>Reporter:</h6>\r\n                                        </div>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <p className='m-0'>{EditSupport.reporterTo ? EditSupport.reporterTo : '-'}</p>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                        </div>\r\n\r\n                        <div className='col-12 col-sm-12 col-md-8 col-lg-8 col-xl-8 mt-3'>\r\n                            <label>Feedback</label>\r\n                            <hr />\r\n                            <textarea rows=\"3\" className=\"form-control\" id=\"feedback\" value={EditSupport.feedback}\r\n                                onChange={(e) => setEditSupport({ ...EditSupport, feedback: e.target.value })} />\r\n                        </div>\r\n\r\n                        <div className='col-12 col-sm-12 col-md-4 col-lg-4 col-xl-4 mt-3'>\r\n                            <label>Dates</label>\r\n                            <hr />\r\n                            <div className='row '>\r\n                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                    <div className='row  d-flex justify-content-between align-items-center'>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <h6 className='m-0'>Created:</h6>\r\n                                        </div>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <p className='m-0'>{moment(EditSupport.createdDate).format('DD-MM-YYYY')}</p>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n\r\n                                </div>\r\n                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                    <div className='row  d-flex justify-content-between align-items-center'>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <h6 className='m-0'>Updated:</h6>\r\n                                        </div>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <p className='m-0'>{moment(EditSupport.raisedDate).format('DD-MM-YYYY')}</p>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n\r\n                                </div>\r\n                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                    <div className='row  d-flex justify-content-between align-items-center'>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <h6 className='m-0'>Due Date:</h6>\r\n                                        </div>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                            <p className='m-0'>{EditSupport.dueDate ? EditSupport.dueDate : '-' }</p>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='col-12 col-sm-12 col-md-8 col-lg-8 col-xl-8 mt-3'>\r\n                            <label>Attachments</label>\r\n                            <hr />\r\n\r\n                            <div className='row '>\r\n                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                    <div className='row  d-flex justify-content-between align-items-center'>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-12'>\r\n                                            <input type=\"file\" className=\"form-control form-control-sm\" id=\"attachments\" />\r\n\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-12 mt-3 mb-5'>\r\n                                    <div className='table-hover'>\r\n                                        <table className='table table-sm table-hover'>\r\n                                            <thead>\r\n                                                <tr>\r\n                                                    <th>File Name</th>\r\n                                                    <th>Date</th>\r\n                                                    <th>Size</th>\r\n                                                </tr>\r\n                                            </thead>\r\n                                            <tbody>\r\n                                                <tr>\r\n                                                    <td></td>\r\n                                                    <td></td>\r\n                                                    <td></td>\r\n                                                </tr>\r\n                                            </tbody>\r\n                                        </table>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n\r\n                        {/* <div className=\"left-form\" style={{ width: '50%' }}>\r\n                            <div className=\"mt-2\">\r\n                                <label htmlFor=\"subject\">Subject</label>\r\n                                <input type=\"text\" className=\"form-control\" id=\"subject\" value={EditSupport.subject}\r\n                                    onChange={(e) => setEditSupport({ ...EditSupport, subject: e.target.value })} />\r\n                            </div>\r\n\r\n                            <div className=\"mt-2\">\r\n                                <label htmlFor=\"apps\">Apps</label>\r\n                                <select className=\"form-select\" id=\"prority\" value={EditSupport.appCode}\r\n                                    onChange={(e) => setEditSupport({ ...EditSupport, appCode: e.target.value })}>\r\n                                    <option value=\"\" disabled selected>--please select--</option>\r\n                                    {userApps.map((item, index) => {\r\n                                        return <option key={index} value={item.serviceName}>{item.serviceName}</option>\r\n                                    })}\r\n                                </select>\r\n                            </div>\r\n\r\n                            <div className=\"mt-2\">\r\n                                <label htmlFor=\"prority\">Prority</label>\r\n                                <select className=\"form-select\" id=\"prority\" value={EditSupport.priority}\r\n                                    onChange={(e) => setEditSupport({ ...EditSupport, priority: e.target.value })}>\r\n                                    <option value=\"\" disabled selected>--please select--</option>\r\n                                    <option value=\"Critical\">Critical</option>\r\n                                    <option value=\"High\">High</option>\r\n                                    <option value=\"Low\">Low</option>\r\n                                    <option value=\"Medium\">Medium</option>\r\n                                </select>\r\n                            </div>\r\n\r\n                            <div className=\"mt-2\">\r\n                                <label htmlFor=\"support-type\">Support Type</label>\r\n                                <select className=\"form-select\" id=\"support-type\" value={EditSupport.supportType}\r\n                                    onChange={(e) => setEditSupport({ ...EditSupport, supportType: e.target.value })}>\r\n                                    <option value=\"\" disabled selected>--please select--</option>\r\n                                    <option value=\"Bug\">Bug</option>\r\n                                    <option value=\"Change Request\">Change Request</option>\r\n                                    <option value=\"Enhancement\">Enhancement</option>\r\n                                    <option value=\"New Requirement\">New Requirement</option>\r\n                                    <option value=\"Service Request\">Service Request</option>\r\n                                    <option value=\"Story\">Story</option>\r\n                                    <option value=\"Task\">Task</option>\r\n                                </select>\r\n                            </div>\r\n\r\n                            <div className=\"mt-2\">\r\n                                <label htmlFor=\"status\">Status</label>\r\n                                <select className=\"form-select\" id=\"status\" value={EditSupport.status}\r\n                                    onChange={(e) => setEditSupport({ ...EditSupport, status: e.target.value })}>\r\n                                    <option value=\"\" disabled selected>--please select--</option>\r\n                                    <option value=\"Open\">Open</option>\r\n                                    <option value=\"InProgress\">InProgress</option>\r\n                                    <option value=\"Close\">Close</option>\r\n                                </select>\r\n                            </div>\r\n\r\n                            <div className=\"mt-2\">\r\n                                <label htmlFor=\"feedback\">Feedback</label>\r\n                                <textarea rows=\"3\" className=\"form-control\" id=\"feedback\" value={EditSupport.feedback}\r\n                                    onChange={(e) => setEditSupport({ ...EditSupport, feedback: e.target.value })} />\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className=\"right-form\" style={{ width: '50%' }}>\r\n                            <div className=\"mt-2\">\r\n                                <label htmlFor=\"attachments\">Attachments</label>\r\n                                <input type=\"file\" className=\"form-control\" id=\"attachments\" />\r\n                            </div>\r\n                        </div> */}\r\n                    </div>\r\n                    {/* <hr /> */}\r\n                </div>\r\n                <div style={{ display: 'flex', justifyContent: 'flex-end' }} className=\"px-5 pb-5\">\r\n                    <button className=\"btn btn-primary buttons\" onClick={async () => {\r\n                        setLoad(true);\r\n                        let result = await ItrApiService.POST({\r\n                            data: EditSupport,\r\n                            url: \"ITOps/Support/SaveSupport\",\r\n                        })\r\n                        if (result.Success == true) {\r\n                            if (result.result.isSuccess == true) {\r\n                                setLoad(false);\r\n                                NotificationManager.success('Successfully Updated');\r\n                                sessionStorage.removeItem('editSupportId');\r\n                                history.goBack();\r\n                            } else {\r\n                                NotificationManager.error('Failed to update');\r\n                            }\r\n                        }\r\n                        else {\r\n                            NotificationManager.error('Failed to update');\r\n                        }\r\n                        setLoad(false)\r\n                    }}\r\n                    > Save</button>\r\n                    {/* <button className=\"btn close btn-outline-light\" style={{ marginLeft: '20px',backgroundColor:'gray' }} > close</button> */}\r\n                </div>\r\n            </div >\r\n        </div >\r\n    );\r\n}\r\n\r\nexport default EditSupport;","import React, { useEffect, useState } from \"react\";\r\nimport './DatabaseServerAdd.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\n\r\nexport default function DatabaseServerAdd() {\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons mt-4 mb-4\">\r\n            <button className=\"btn btn-sm btn-primary buttons\" onClick={async () => {\r\n\r\n                ItrApiService.POST({\r\n                    data: { ...data },\r\n                    url: 'CloudConnect/Configuration/DatabaseServer'\r\n                }).then(res => {\r\n                    if (res.Success == true) {\r\n                        if (res.result.isSuccess == true) {\r\n                            history.goBack()\r\n                        } else {\r\n                            NotificationManager.error(res.result.message);\r\n                        }\r\n                    } else {\r\n                        NotificationManager.error(res.message);\r\n                    }\r\n                })\r\n            }} > Save</button>\r\n            <button className=\"btn btn-sm close btn-outline-primary\" onClick={() => history.goBack()}> Close</button>\r\n        </div>\r\n    }\r\n\r\n    var loginUser = () => {\r\n        return {\r\n            pin: document.getElementById('adminPin').value\r\n        }\r\n    }\r\n\r\n    const [data, setData] = useState({\r\n        databaseServerID: 0,\r\n        databaseServerName: \"\",\r\n        userName: \"\",\r\n        password: \"\",\r\n        trusted_Connection: true,\r\n        databaseServerDescription: \"\"\r\n    })\r\n\r\n    const getUser = async () => {\r\n        let result = await ItrAuthService.GetUserInfo();\r\n        if (result.Success == true) {\r\n            setData({ ...data, customerID: result.customerCode });\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        getUser()\r\n    }, [])\r\n\r\n\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false)\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <div className=\"customer-dynamic-pages pt-4 \">\r\n                <NxTitleTab className=\"title-tab page-title\" title='Add Database Server' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} />\r\n                <div className=\"resource-groups-add-main-form mt-2\">\r\n                    <div className=\"card resource-groups-add-card-form\">\r\n                        <div className=\"card-body\">\r\n                            <div className=\"container-form\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <div className=\"row\">\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"> */}\r\n                                            <label htmlFor=\"name\" className='f-badge-title mt-2'>Database Server Name</label>\r\n                                            <div className=\"px-2\">\r\n\r\n                                                <input className=\"form-control form-control-sm\" id=\"name\" type=\"text\" value={data.databaseServerName} onChange={(e) => {\r\n                                                    setData({ ...data, databaseServerName: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n                                            {/* </div> */}\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"> */}\r\n                                            <label htmlFor=\"adminPin\" className='f-badge-title mt-2'>Username</label>\r\n                                            <div className=\"px-2\">\r\n                                                <input className=\"form-control form-control-sm\" type=\"text\" value={data.userName} onChange={(e) => {\r\n                                                    setData({ ...data, userName: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n                                            {/* </div> */}\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"> */}\r\n                                            <label htmlFor=\"SubscriptionId\" className='f-badge-title mt-2'>Password</label>\r\n                                            <div className=\"px-2\">\r\n\r\n                                                <input className=\"form-control form-control-sm\" id=\"SubscriptionId\" type=\"password\" value={data.password} onChange={(e) => {\r\n                                                    setData({ ...data, password: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n                                            {/* </div> */}\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"> */}\r\n                                            {/* <label htmlFor=\"ClientId\" className='f-badge-title mt-2'>Trusted Connection</label> */}\r\n                                            {/* </div> */}\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"> */}\r\n                                            <label htmlFor=\"clientSecret\" className='f-badge-title mt-2'>Database Server Discription</label>\r\n                                            <div className=\"px-2\">\r\n\r\n                                                <textarea className=\"form-control form-control-sm\" id=\"clientSecret\" value={data.databaseServerDescription} onChange={(e) => {\r\n                                                    setData({ ...data, databaseServerDescription: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n                                            <div className=\"px-2 mt-2\">\r\n                                                <input className=\"\" id=\"ClientId\" type=\"checkbox\"  checked={data.trusted_Connection} onChange={(e) => {\r\n                                                    setData({ ...data, trusted_Connection: e.target.checked })\r\n                                                }} />\r\n                                                <label htmlFor=\"ClientId\" className='f-badge-title mt-2 px-2'>Trusted Connection</label>\r\n\r\n                                            </div>\r\n                                            {/* </div> */}\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"></div>\r\n                                    {/* <hr /> */}\r\n                                    <Buttons />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport './DatabaseServerEdit.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport { NotificationManager } from \"react-notifications\";\r\nimport { useLocation } from \"react-router-dom\";\r\n\r\n\r\nexport default function DatabaseServerEdit() {\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons mt-4 mb-4\">\r\n            <button className=\"btn btn-sm btn-primary buttons\" onClick={async () => {\r\n                ItrApiService.POST({\r\n                    data: { ...data },\r\n                    url: 'CloudConnect/Configuration/DatabaseServer'\r\n                }).then(res => {\r\n                    if (res.Success == true) {\r\n                        if (res.result.isSuccess == true) {\r\n                            history.goBack()\r\n                        } else {\r\n                            NotificationManager.error(res.result.message);\r\n                        }\r\n                    } else {\r\n                        NotificationManager.error(res.message);\r\n                    }\r\n                })\r\n            }} > Save</button>\r\n            <button className=\"btn btn-sm close btn-outline-primary\" onClick={() => history.goBack()}> Close</button>\r\n        </div>\r\n    }\r\n\r\n    var loginUser = () => {\r\n        return {\r\n            pin: document.getElementById('adminPin').value\r\n        }\r\n    }\r\n\r\n    const [data, setData] = useState({\r\n        databaseServerID: 0,\r\n        databaseServerName: \"\",\r\n        userName: \"\",\r\n        password: \"\",\r\n        trusted_Connection: true,\r\n        databaseServerDescription: \"\"\r\n    })\r\n\r\n    const location = useLocation()\r\n    useEffect(() => {\r\n        if (!location.state || !location.state.databaseServerID) {\r\n            history.replace('/docker-connect')\r\n        } else {\r\n            setData({ ...data, ...location.state });\r\n        }\r\n    }, []);\r\n    const getUser = async () => {\r\n        let result = await ItrAuthService.GetUserInfo();\r\n        if (result.Success == true) {\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        getUser()\r\n    }, [])\r\n\r\n\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false)\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <div className=\"customer-dynamic-pages pt-4 \">\r\n                <NxTitleTab className=\"title-tab page-title\" title='Edit Database Server' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} />\r\n                <div className=\"resource-groups-add-main-form mt-2\">\r\n                    <div className=\"card resource-groups-add-card-form\">\r\n                        <div className=\"card-body\">\r\n                            <div className=\"container-form\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <div className=\"row\">\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"> */}\r\n                                            <label htmlFor=\"name\" className='f-badge-title mt-2'>Database Server Name</label>\r\n                                            <div className=\"px-2\">\r\n\r\n                                                <input className=\"form-control form-control-sm\" id=\"name\" type=\"text\" value={data.databaseServerName} onChange={(e) => {\r\n                                                    setData({ ...data, databaseServerName: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n                                            {/* </div> */}\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"> */}\r\n                                            <label htmlFor=\"adminPin\" className='f-badge-title mt-2'>Username</label>\r\n                                            <div className=\"px-2\">\r\n                                                <input className=\"form-control form-control-sm\" type=\"text\" value={data.userName} onChange={(e) => {\r\n                                                    setData({ ...data, userName: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n                                            {/* </div> */}\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"> */}\r\n                                            <label htmlFor=\"SubscriptionId\" className='f-badge-title mt-2'>Password</label>\r\n                                            <div className=\"px-2\">\r\n\r\n                                                <input className=\"form-control form-control-sm\" id=\"SubscriptionId\" type=\"password\" value={data.password} onChange={(e) => {\r\n                                                    setData({ ...data, password: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n                                            {/* </div> */}\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"> */}\r\n                                            {/* <label htmlFor=\"ClientId\" className='f-badge-title mt-2'>Trusted Connection</label> */}\r\n                                            {/* </div> */}\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"> */}\r\n                                            <label htmlFor=\"clientSecret\" className='f-badge-title mt-2'>Database Server Discription</label>\r\n                                            <div className=\"px-2\">\r\n\r\n                                                <textarea className=\"form-control form-control-sm\" id=\"clientSecret\" value={data.databaseServerDescription} onChange={(e) => {\r\n                                                    setData({ ...data, databaseServerDescription: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n                                            <div className=\"px-2 mt-2\">\r\n                                                <input className=\"\" id=\"ClientId\" type=\"checkbox\" checked={data.trusted_Connection} onChange={(e) => {\r\n                                                    setData({ ...data, trusted_Connection: e.target.checked })\r\n                                                }} />\r\n                                                <label htmlFor=\"ClientId\" className='f-badge-title mt-2 px-2'>Trusted Connection</label>\r\n\r\n                                            </div>\r\n                                            {/* </div> */}\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"></div>\r\n                                    {/* <hr /> */}\r\n                                    <Buttons />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}","import { faInfo, faInfoCircle, faStar } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { NxHeader, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport React, { useEffect, useState, useRef } from 'react';\r\nimport Headers from '../Headers/Headers';\r\nimport './Profile.css'\r\nimport AvtImg from '../../assets/profile.png';\r\nimport { ReactComponent as Star } from '../../assets/Star.svg';\r\nimport { ReactComponent as StarFill } from '../../assets/StarFill.svg';\r\nimport { Tabs } from 'antd';\r\nimport avatar from '../../assets/avatar.png';\r\nimport { useHistory } from 'react-router';\r\nimport ChangePassword from './ChangePassword';\r\nimport TwoFactor from './TwoFactor';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport AdminPinGenerator from './AdminPinGenerator';\r\nimport moment, { utc } from 'moment';\r\nimport { img2base64 } from '../../config/ImageFunction';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport defaultProfile from '../../assets/defaultProfile.png';\r\n\r\n\r\nfunction EditProfile() {\r\n\r\n    const fileRef = useRef();\r\n\r\n    const [profileData, setProfileData] = useState(\r\n        {\r\n            profileDetailsID: 0,\r\n            userCode: \"\",\r\n            dob: \"\",\r\n            gender: \"\",\r\n            phoneNumber: \"\",\r\n            photo: \"\",\r\n            addressLine1: \"\",\r\n            addressLine2: \"\",\r\n            city: \"\",\r\n            state: \"\",\r\n            zipCode: \"\",\r\n            country: \"\",\r\n            site: \"\",\r\n            lastPasswordUpdateOn: \"\",\r\n            portalAccess: {\r\n                portalAccessID: 0,\r\n                accessTypeID: 0,\r\n                entityCode: \"\",\r\n                userCode: \"\",\r\n                userName: \"\",\r\n                password: \"\",\r\n                displayName: \"\",\r\n                isAccess: true,\r\n                isFirstLogin: true,\r\n                tenantCode: \"\",\r\n                customerCode: \"\",\r\n                emailAddress: \"\",\r\n                isActive: true,\r\n                isEnable2FA: true\r\n            }\r\n        }\r\n    );\r\n\r\n    const getProfileDetails = async () => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'PAM/ProfileDetails',\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getPfofileDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setProfileData(getPfofileDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n\r\n    const saveProfile = async () => {\r\n        setLoading(true);\r\n        let res = await ItrApiService.POST({\r\n            url: 'PAM/ProfileDetails/SaveProfileDetails',\r\n            data: { ...profileData, dob: moment(profileData.dob).format() }\r\n        });\r\n        if (res.Success == true) {\r\n            if (res.result.isSuccess == true) {\r\n                NotificationManager.success('Profile Updated Successfully');\r\n                history.push('/profile');\r\n                setLoading(false);\r\n            }\r\n        }\r\n        else {\r\n            setLoading(false);\r\n            NotificationManager.success(res.result.message);\r\n        }\r\n    }\r\n\r\n    const [loading, setLoading] = useState(false);\r\n    const { TabPane } = Tabs;\r\n    const history = useHistory();\r\n\r\n    const [changer, setChanger] = useState(false);\r\n\r\n    const [isModalVisible, setIsModalVisible] = useState(false);\r\n    const showModal = () => {\r\n        setIsModalVisible(true);\r\n    };\r\n    const handleOk = () => {\r\n        setIsModalVisible(false);\r\n    };\r\n    const handleCancel = () => {\r\n        setIsModalVisible(false);\r\n    };\r\n\r\n    // ChangePassword\r\n    const [isChangePass, setIsChangePass] = useState(false);\r\n    const showModal1 = () => {\r\n        setIsChangePass(true);\r\n    };\r\n    const handleOk1 = () => {\r\n        setIsChangePass(false);\r\n    };\r\n    const handleCancel1 = () => {\r\n        setIsChangePass(false);\r\n    };\r\n    // ChangePassword\r\n\r\n\r\n    const [isAdminPin, setIsAdminPin] = useState(false);\r\n    const showModal2 = () => {\r\n        setIsAdminPin(true);\r\n        setChanger(!changer)\r\n    };\r\n    const handleOk2 = () => {\r\n        setIsAdminPin(false);\r\n    };\r\n    const handleCancel2 = () => {\r\n        setIsAdminPin(false);\r\n    };\r\n\r\n\r\n    useEffect(() => {\r\n        getProfileDetails();\r\n    }, [])\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <ChangePassword\r\n                isModalVisible={isChangePass}\r\n                handleCancel={handleCancel1}\r\n                handleOk={handleOk1}\r\n                getProfileDetails={getProfileDetails}\r\n            />\r\n\r\n            <TwoFactor\r\n                profileDetails={profileData}\r\n                isModalVisible={isModalVisible}\r\n                handleCancel={handleCancel}\r\n                handleOk={handleOk}\r\n                getProfileDetails={getProfileDetails}\r\n            />\r\n\r\n            <AdminPinGenerator\r\n                profileDetails={profileData}\r\n                isModalVisible={isAdminPin}\r\n                handleCancel={handleCancel2}\r\n                handleOk={handleOk2}\r\n                changer={changer}\r\n                getProfileDetails={getProfileDetails}\r\n            />\r\n\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title='Edit Profile' onCloseClick={() => {\r\n                history.push('/profile');\r\n            }} />\r\n            <div className='m-4 mt-0'>\r\n                <div className='row w-100'>\r\n                    <div className='col-6 col-sm-6 col-md-4 col-lg-3 col-xl-3 p-4'>\r\n                        <div className='row'>\r\n                            <div className='col-12 text-center'>\r\n                                <img src={profileData?.photo ? profileData?.photo : defaultProfile} width='80%' />\r\n                            </div>\r\n                        </div>\r\n                        <div className=\"row mt-2\">\r\n                            <div className=\"col-12 d-flex justify-content-between\">\r\n                                <button className='btn btn-sm upload-image-buttons' onClick={() => fileRef.current.click()}>\r\n                                    Choose Photo\r\n                                </button>\r\n                                <input\r\n                                    id='profile'\r\n                                    ref={fileRef}\r\n                                    onChange={(e) => {\r\n                                        let img = e.target.files[0];\r\n                                        const fileReader = new FileReader();\r\n                                        fileReader.readAsDataURL(img);\r\n                                        fileReader.onload = async () => {\r\n                                            setProfileData({ ...profileData, photo: fileReader.result })\r\n                                            return fileReader.result\r\n                                        }\r\n                                        fileReader.onerror = async () => {\r\n                                            return false\r\n                                        }\r\n                                    }}\r\n                                    multiple={false}\r\n                                    type=\"file\"\r\n                                    hidden\r\n                                />\r\n                                {/* <button className=\"btn btn-sm upload-image-buttons\"\r\n                                    onClick={() => {\r\n                                        let img = e.target.files[0];\r\n                                        const fileReader = new FileReader();\r\n                                        fileReader.readAsDataURL(img)\r\n                                        fileReader.onload = async () => {\r\n                                            setProfileData({ ...profileData, photo: fileReader.result })\r\n                                            return fileReader.result\r\n                                        }\r\n                                        fileReader.onerror = async () => {\r\n                                            return false\r\n                                        }\r\n                                    }}\r\n                                >Choose Photo</button> */}\r\n                                <button className=\"btn btn-sm upload-image-buttons\"\r\n                                    onClick={(e) => {\r\n                                        document.getElementById('profile').value = null;\r\n                                        setProfileData({ ...profileData, photo: \"\" })\r\n                                    }}\r\n                                >Remove Photo</button>\r\n                            </div>\r\n                        </div>\r\n                        <div className='row mt-4'>\r\n                            <div className='col-12'>\r\n                                <h5>\r\n                                    {profileData.portalAccess.userName}\r\n                                </h5>\r\n                                <span className='profile-sub-name'>\r\n                                    {profileData.portalAccess.displayName}\r\n                                </span>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <div className='col-12 col-sm-12 col-md-8 col-lg-9 col-xl-9 p-4 class-test-class'>\r\n                        <Tabs defaultActiveKey=\"1\">\r\n                            <TabPane tab={\r\n                                <span>Personal</span>\r\n                            } key=\"1\">\r\n                                <div>\r\n\r\n                                    <div className='pt-3'>\r\n                                        <span className='profile-hr-heading'>Contact Info</span>\r\n                                        <div className='mt-1 profile-contact-info'>\r\n                                            <div className='row'>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading'>Phone:</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-answer'>\r\n                                                        <input className='form-control-sm form-control'\r\n                                                            maxLength=\"15\"\r\n                                                            minLength=\"1\"\r\n                                                            value={profileData.phoneNumber}\r\n                                                            onChange={(e) => setProfileData({ ...profileData, phoneNumber: e.target.value })}\r\n                                                        />\r\n                                                    </span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading'>Address:</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-answer1'>\r\n                                                        <textarea className='form-control form-control-sm w-100'\r\n                                                            value={profileData.addressLine1}\r\n                                                            onChange={(e) => setProfileData({ ...profileData, addressLine1: e.target.value })}\r\n                                                        />\r\n                                                    </span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading'>Email:</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-answer' style={{ fontSize: '20px' }}>\r\n                                                        {profileData.portalAccess.emailAddress}\r\n                                                    </span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading'>Site:</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-answer'>\r\n                                                        <input className='form-control form-control-sm'\r\n                                                            value={profileData.site}\r\n                                                            onChange={(e) => setProfileData({ ...profileData, site: e.target.value })}\r\n                                                        />\r\n                                                    </span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                    </div>\r\n\r\n                                    <div className='pt-4'>\r\n                                        <span className='profile-hr-heading'>Basic info</span>\r\n                                        <div className='mt-1 profile-contact-info'>\r\n                                            <div className='row'>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading'>Birthday:</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-answer1'>\r\n                                                        <input type=\"date\" className='form-control form-control-sm'\r\n                                                            value={moment(profileData.dob).utc().format('YYYY-MM-DD')}\r\n                                                            onChange={(e) => {\r\n                                                                setProfileData({ ...profileData, dob: e.target.value })\r\n                                                            }\r\n                                                            }\r\n                                                        />\r\n                                                    </span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading'>Gender:</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-answer1'>\r\n                                                        <select className='form-select form-select-sm'\r\n                                                            value={profileData.gender}\r\n                                                            onChange={(e) => setProfileData({ ...profileData, gender: e.target.value })}\r\n                                                        >\r\n                                                            <option value=''>Select Gender</option>\r\n                                                            <option value=\"Male\">Male</option>\r\n                                                            <option value=\"Female\">Female</option>\r\n                                                        </select>\r\n                                                    </span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                    </div>\r\n                                </div>\r\n                            </TabPane>\r\n\r\n                            {/* <TabPane tab={\r\n                                <span>Security</span>\r\n                            } key=\"2\">\r\n                                <div>\r\n                                    <div className='pt-4'>\r\n                                        <span className='profile-hr-heading'>Password Updates</span>\r\n                                        <div className='mt-2 profile-contact-info'>\r\n                                            <div className='row'>\r\n                                                <div className='col-4 mt-1'>\r\n                                                    <span className='frm-profile-heading'>Last update on:</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-1'>\r\n                                                    <span className='frm-profile-answer1'> {moment(profileData.lastPasswordUpdateOn).format('DD-MM-YYY') === '01-01-010001' ? '-' : moment(profileData.lastPasswordUpdateOn).format('DD-MM-YYYY')}</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                    </div>\r\n\r\n                                    <div className='pt-4'>\r\n                                        <span className='profile-hr-heading'>Change Password</span>\r\n                                        <div className='mt-3 profile-contact-info'>\r\n                                            <button className='btn btn-primary btn-sm' onClick={() => {\r\n                                                showModal1();\r\n                                            }}> Change Password </button>\r\n                                        </div>\r\n\r\n                                    </div>\r\n\r\n\r\n                                    <div className='pt-3'>\r\n                                        <span className='profile-hr-heading'>Two-Factor Authentication <FontAwesomeIcon title=\"Two factor authentication adds an extra layer of security to your account\r\n                                            by requiring more than just a password to log in.\" icon={faInfoCircle} color=\"#007bff\" size=\"sm\" /></span>\r\n                                        <div className='mt-2 profile-contact-info'>\r\n                                            <span className='profile-form-twf'>\r\n                                            </span>\r\n                                            <div className='row'>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading'>2-FA Status</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2 '>\r\n                                                    <span className='frm-profile-heading1 d-flex align-items-center'>{profileData.portalAccess.isEnable2FA == true ? 'Set' : 'Not Set'} &nbsp;  <div style={{ height: 10, width: 10, borderRadius: 10, backgroundColor: profileData.portalAccess.isEnable2FA == true ? 'green' : 'red' }}  ></div> </span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n                                            </div>\r\n\r\n                                            {profileData.portalAccess.isEnable2FA == true ?\r\n                                                <button className='btn btn-primary btn-sm mt-3' onClick={() => {\r\n                                                    showModal();\r\n                                                }} >\r\n                                                    Disable Two-Factor Authentication\r\n                                                </button>\r\n                                                :\r\n                                                <button className='btn btn-primary btn-sm mt-3' onClick={() => {\r\n                                                    showModal();\r\n                                                }} >\r\n                                                    Enable Two-Factor Authentication\r\n                                                </button>\r\n                                            }\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className='pt-4'>\r\n                                        <span className='profile-hr-heading'>Set Admin Pin</span>\r\n                                        <div className='mt-3 profile-contact-info'>\r\n                                            <button className='btn btn-primary btn-sm' onClick={() => {\r\n                                                showModal2();\r\n                                            }}> Generate Pin </button>\r\n                                        </div>\r\n\r\n                                    </div>\r\n                                </div>\r\n                            </TabPane> */}\r\n\r\n                            {/* <TabPane tab={\r\n                                <span>Privileges</span>\r\n                            } key='3'>\r\n\r\n                            </TabPane>\r\n\r\n                            <TabPane tab={\r\n                                <span>Organization</span>\r\n                            } key='4'>\r\n\r\n                            </TabPane> */}\r\n\r\n                        </Tabs>\r\n\r\n                    </div>\r\n                    <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 p-4 mb-5'>\r\n                        <div className='d-flex justify-content-end align-items-center'>\r\n                            <div className='profile-work d-flex justify-content-end'>\r\n                                <button className=\"btn btn-primary btn-sm buttons\" onClick={saveProfile}>Update</button>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n\r\n                </div>\r\n            </div>\r\n\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default EditProfile;\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n{/* <div className='pt-4'>\r\n                                        <span className='profile-hr-heading'>Recent Activities</span>\r\n                                        <div className='mt-3 profile-contact-info'>\r\n                                            <div className='row'>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading'> {moment().format('MMM D, YYYY')} </span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading1'>Galaxy Tab A7</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n                                            </div>\r\n\r\n                                            <div className='row'>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading'>{moment().subtract(1,'days').format('MMM D, YYYY')}</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading1'>Chrome Browser</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n                                            </div>\r\n\r\n                                            <div className='row'>\r\n                                                <div className='col-4 mt-2'>\r\n                                                    <span className='frm-profile-heading'>{moment().subtract(2,'days').format('MMM D, YYYY')}</span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2 '>\r\n                                                    <span className='frm-profile-heading1 d-flex align-items-center'>Chrome Browser &nbsp;  <div style={{ height: 10, width: 10, borderRadius: 10, backgroundColor: 'greenyellow' }}  ></div> </span>\r\n                                                </div>\r\n                                                <div className='col-4 mt-2' />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> */}","import React, { useState, useEffect } from \"react\";\r\nimport './CustomerSummary.css';\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport { NxBreadcrumb, NxTitleTab, NxCustomTab, NxLoader, NxFooter, NxGridList } from '@afiplfeed/itr-app';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport { Switch } from 'antd';\r\nimport { NotificationManager } from \"react-notifications\";\r\nimport InvoiceData from \"../../customerBoard/nexTabs/InvoiceData/InvoiceData\";\r\nimport moment from \"moment\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faDownload, faEye } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\nconst splits = async (dests, setData, setIsModalVisible, setSelectedVal) => {\r\n    let arr = [];\r\n    for (let value of dests) {\r\n        value.status = 'New';\r\n        let data = [moment(value.invoicedDate).format('DD/MM/YYYY'), value.entityName, value.invoiceNumber, moment(value.dueDate).format('MM YYYY'), `${value.totalBillAmountWithGST} /-`, moment(value.dueDate).format('DD/MM/YYYY'), '-',\r\n        <div>\r\n            <button className='btn btn-sm' style={{ fontSize: '11px', borderRadius: '0px', color: value.status != 'Partially Paid' ? 'white' : 'black', backgroundColor: value.status == 'New' ? '#99ccff' : value.status == 'Pending' ? '#ff944d' : value.status == 'Paid' ? '#00e74d' : value.status == 'Partially Paid' ? '#ffff66' : value.status == 'Write-Off' ? 'red' : 'gray' }}>\r\n                {value.status.toUpperCase()}\r\n            </button>\r\n        </div>,\r\n        <div style={{ display: 'flex', alignItems: '' }}>\r\n            <span onClick={() => {\r\n                setSelectedVal(value)\r\n                setIsModalVisible(true)\r\n            }}>\r\n                <FontAwesomeIcon icon={faEye} color=\"black\" />\r\n            </span>\r\n        </div>\r\n        ];\r\n        let obj = { sendItem: value, data: data };\r\n        arr = [...arr, obj]\r\n    }\r\n    setData(arr);\r\n}\r\n\r\nexport default function CustomerSummary({ }) {\r\n    const [loading, setLoading] = useState(false);\r\n    const [isModalVisible, setIsModalVisible] = useState(false);\r\n    let location = useLocation();\r\n    const [selectedVal, setSelectedVal] = useState({})\r\n    const [summary, setSummary] = useState({});\r\n    const [loader, setLoader] = useState(false);\r\n    const [data, setData] = useState([]);\r\n    const [dataVal, setDataVal] = useState([]);\r\n    const [allUdo, setAllUdo] = useState([]);\r\n    //     const getUdo = async () => {\r\n    //         let result = await ItrApiService.POST({\r\n    //             url: 'Platform/UserDefined/AllUDOs',\r\n    //             data: UdoData\r\n    //         });\r\n    //         if (result.result.isSuccess == true) {\r\n    //             let getCustomerDetails = result.result.data;\r\n    //             let getOptions = getCustomerDetails[1].Options;\r\n    //             for (let val of getCustomerDetails) {\r\n    //                 if (val.CategoryName == 'Industry') setAllUdoIndustry(val.Options);\r\n    //                 if (val.CategoryName == 'Ownership') setAllUdoOwnership(val.Options);\r\n    //             }\r\n    //             setAllUdo(getOptions);\r\n    // \r\n    //         }\r\n    //         else if (result.result.isSuccess == false) {\r\n    //             NotificationManager.error(result.result.message);\r\n    //             // sessionStorage.clear();\r\n    //             // history.push('/')\r\n    //         }\r\n    //     }\r\n    const [datas, setDatas] = useState({\r\n        \"billerInfoID\": 0,\r\n        \"businessName\": \"\",\r\n        \"supportEmail\": \"\",\r\n        \"supportPhone\": \"\",\r\n        \"businessWebsite\": \"\",\r\n        \"businessLogo\": \"\",\r\n        \"addressLine1\": \"\",\r\n        \"addressLine2\": \"\",\r\n        \"city\": \"\",\r\n        \"state\": \"\",\r\n        \"pinCode\": \"\",\r\n        \"country\": \"\",\r\n        \"cin\": \"\",\r\n        \"pan\": \"\",\r\n        \"gst\": \"\",\r\n        \"tan\": \"\"\r\n    })\r\n\r\n    // const [userData, setuserData] = useState([]);\r\n    // const getCustomerData = async () => {\r\n    //     ItrAuthService.GetUserInfo().then(res => {\r\n    //         setuserData(res.result);\r\n    //     });\r\n    // }\r\n\r\n    useEffect(() => {\r\n        setLoading(true);\r\n        // await getUdo();\r\n        let params = null;\r\n        let value = localStorage.getItem('passData');\r\n        if (location.state && location.state.passData) {\r\n            params = location.state.passData\r\n            setSummary(location.state.passData);\r\n        }\r\n        else if (value) {\r\n            params = JSON.parse(value);\r\n            setSummary(JSON.parse(value));\r\n        }\r\n        else {\r\n            history.goBack();\r\n        }\r\n        // await getCustomerData();\r\n         ItrApiService.GET({ url: `RevOps/ServiceBilling/ListAllServiceBilling/${params?.entityCode}` }).then(res => {\r\n            setLoader(false);\r\n            ItrApiService.GET({ url: 'RevOps/BillerInformation' }).then(res1 => {\r\n                if (res1.Success == true) {\r\n                    if (res1.result.isSuccess == true) {\r\n                        if (res1.result.data) {\r\n                            setDatas(res1.result.data);\r\n                        }\r\n                    }\r\n                }\r\n            })\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setDataVal(res.result.data)\r\n                        splits(res.result.data, setData, setIsModalVisible, setSelectedVal);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n        // await getCities();\r\n        // await getCountry();\r\n        // await getZipCodes();\r\n        // await getStates();\r\n        setLoading(false);\r\n    }, []);\r\n\r\n\r\n    let history = useHistory();\r\n    const [handel, setHandel] = useState(false);\r\n\r\n    const [platformAcc, setPlatformAcc] = useState(false);\r\n\r\n    const platformAccess = (e) => {\r\n        setLoading(true);\r\n        ItrApiService.POST({\r\n            url: 'RevOps/Entity/PlatformAccess',\r\n            data: {\r\n                entityID: summary.entityID,\r\n                entityCode: summary.entityCode,\r\n                isAccess: e\r\n            }\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    setLoading(false);\r\n                    NotificationManager.success('Successfully Updated');\r\n                    history.push('/customers');\r\n                }\r\n                else {\r\n                    setPlatformAcc(false);\r\n                    setLoading(false);\r\n                    NotificationManager.error(res.result.message);\r\n                }\r\n            }\r\n            else {\r\n                setPlatformAcc(false);\r\n                setLoading(false);\r\n                NotificationManager.error(res.message);\r\n            }\r\n        })\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            {/* <NxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                },\r\n                {\r\n                    name: 'Enquiry List',\r\n                    onClick: () => {\r\n                        history.push('/enquiry');\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            <NxTitleTab className=\"title-tab\" title={summary?.companyName} onCloseClick={() => {\r\n                history.goBack();\r\n                localStorage.removeItem('passData');\r\n            }} />\r\n\r\n            <div className=\"mx-5 text-end d-flex justify-content-end align-items-center\">\r\n                <div className=\"mt-2 mx-3\" >\r\n                    <button className=\"btn btn-sm btn-primary\"\r\n                        onClick={() => history.push({\r\n                            pathname: '/customer/summary/edit',\r\n                            state: location.state && location.state.passData\r\n                        })\r\n                        }\r\n                    >Edit</button>\r\n                </div>\r\n                <div>\r\n                    <span> Platform Access :  </span>\r\n                    <Switch\r\n                        checked={summary?.isActive == true ? true : platformAcc}\r\n                        onChange={(e) => {\r\n                            setPlatformAcc(e);\r\n                            platformAccess(e);\r\n                        }}\r\n                    />\r\n                </div>\r\n            </div>\r\n\r\n            <NxCustomTab\r\n                className=\"mb-5\"\r\n                data={[\r\n                    {\r\n                        name: \"Company Information\",\r\n                        Components: () => {\r\n                            return (\r\n                                <div className=\"container-form\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-8 col-lg-7 col-xl-6\">\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"lastName\">Company Name</label>\r\n                                                    <p className=\"summary-data\">  {summary.companyName}</p>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Full Name</label>\r\n                                                    <p className=\"summary-data\">  {summary.fullName}</p>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-8 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"Email\">Email</label>\r\n                                                    <p className=\"summary-data\">  {summary.email}</p>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"Phone\">Phone</label>\r\n                                                    <p className=\"summary-data\">  {summary.phone}</p>\r\n                                                </div>\r\n\r\n                                                {/* role */}\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"Phone\">Role</label>\r\n                                                    <p className=\"summary-data\">  {summary.role}</p>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"Phone\">Time to Buy</label>\r\n                                                    <p className=\"summary-data\">  {summary.timeToBuy}</p>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"Phone\">Source</label>\r\n                                                    <p className=\"summary-data\">  {summary.sourcedBy}</p>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"Phone\">Status</label>\r\n                                                    {/* <select class=\"form-select form-select-sm\" aria-label=\"Default select example\" value={editOnboarding.status}\r\n                                                        onChange={(e) => setEditOnboarding({ ...editOnboarding, status: e.target.value })}>\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        {allUdo && allUdo.map((data, index) => {\r\n                                                            return <option key={index} value={data.UDOptionName}> {data.UDOptionName} </option>\r\n                                                        })}\r\n                                                    </select> */}\r\n                                                    {/* {allUdo && allUdo.map((data, index) => {\r\n                                                        return <p className=\"summary-data\">  {data.UDOptionName}</p>\r\n                                                    })} */}\r\n                                                    {/* <p className=\"summary-data\">  {summary.status}</p> */}\r\n                                                    <p className=\"summary-data\">  {summary.isActive == true ? \"Active\" : \"In-Active\"} </p>\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2 mb-5\" hidden={summary.sourcedBy == 'Partner' ? false : true}>\r\n                                                    <label htmlFor=\"partner\">Partner</label>\r\n                                                    <p className=\"summary-data\">  {summary.partnerName ? summary.partnerName : '-'} </p>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            )\r\n                        }\r\n                    },\r\n                    {\r\n                        name: \"Contact Information\",\r\n                        Components: () => <div className=\"container-form\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                    <div className=\"d-flex justify-content-between align-content-center\">\r\n                                        <label className=\"contacts1 contacts fw-bold\">Technical Contact</label>\r\n                                    </div>\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">First Name</label>\r\n                                            <p> {summary?.technicalContact?.firstName ? summary?.technicalContact?.firstName : '-'} </p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"lastName\">Last Name</label>\r\n                                            <p> {summary?.technicalContact?.lastName ? summary?.technicalContact?.lastName : '-'} </p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Designation</label>\r\n                                            <p> {summary?.technicalContact?.designation ? summary?.technicalContact?.designation : '-'} </p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Department</label>\r\n                                            <p> {summary?.technicalContact?.department ? summary?.technicalContact?.department : '-'} </p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-lg-12 col-xl-12 col-md-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Phone</label>\r\n                                            <p> {summary?.technicalContact?.phoneNo ? summary?.technicalContact?.phoneNo : '-'} </p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Email</label>\r\n                                            <p> {summary?.technicalContact?.emailID ? summary?.technicalContact?.emailID : '-'} </p>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                    <div className=\"d-flex justify-content-between align-content-center\">\r\n                                        <label className=\"contacts1 contacts fw-bold\">Administrative Contact</label>\r\n                                    </div>\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">First Name</label>\r\n                                            <p> {summary?.administrativeContact?.firstName ? summary?.administrativeContact?.firstName : '-'} </p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"lastName\">Last Name</label>\r\n                                            <p> {summary?.administrativeContact?.lastName ? summary?.administrativeContact?.lastName : '-'} </p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Designation</label>\r\n                                            <p> {summary?.administrativeContact?.designation ? summary?.administrativeContact?.designation : '-'} </p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Department</label>\r\n                                            <p> {summary?.administrativeContact?.department ? summary?.administrativeContact?.department : '-'} </p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-lg-12 col-xl-12 col-md-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Phone</label>\r\n                                            <p> {summary?.administrativeContact?.phoneNo ? summary?.administrativeContact?.phoneNo : '-'} </p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Email</label>\r\n                                            <p> {summary?.administrativeContact?.emailID ? summary?.administrativeContact?.emailID : '-'} </p>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                    <label className=\"contacts1 contacts fw-bold\">Billing Contact</label>\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">First Name</label>\r\n                                            <p> {summary?.billingContact?.firstName ? summary?.billingContact?.firstName : '-'} </p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"lastName\">Last Name</label>\r\n                                            <p> {summary?.billingContact?.lastName ? summary?.billingContact?.lastName : '-'} </p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Designation</label>\r\n                                            <p> {summary?.billingContact?.designation ? summary?.billingContact?.designation : '-'} </p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Department</label>\r\n                                            <p> {summary?.billingContact?.department ? summary?.billingContact?.department : '-'} </p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-lg-12 col-xl-12 col-md-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Phone</label>\r\n                                            <p> {summary?.billingContact?.phoneNo ? summary?.billingContact?.phoneNo : '-'} </p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2 mb-5\">\r\n                                            <label htmlFor=\"firstName\">Email</label>\r\n                                            <p> {summary?.billingContact?.emailID ? summary?.billingContact?.emailID : '-'} </p>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    },\r\n                    {\r\n                        name: \"Commercial Information\",\r\n                        Components: () => <div className=\"container-form\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label >Company identification number (CIN)</label>\r\n                                            <p className=\"summary-data\">  {summary.cin}</p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label >Business PAN (Permanent Account Number)</label>\r\n                                            <p className=\"summary-data\">  {summary.pan}</p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label >Goods & Services Tax (GST) Identification number</label>\r\n                                            <p className=\"summary-data\">  {summary.gst}</p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"Phone\">Tax deduction account number (TAN)</label>\r\n                                            <p className=\"summary-data\">  {summary.tan}</p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2 mb-5\">\r\n                                            <label htmlFor=\"Phone\">Currency</label>\r\n                                            <p className=\"summary-data\"> {summary.currencyName}</p>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label >Agreement</label>\r\n                                            <p className=\"summary-data\">\r\n                                                {summary?.entityBoarding?.agreement ? <a href={summary?.entityBoarding?.agreement ? summary?.entityBoarding?.agreement : '-'} download=\"agreement\" target=\"_blank\">\r\n                                                    Click to download <FontAwesomeIcon icon={faDownload} size='xs' />\r\n                                                </a> : '-'}\r\n                                            </p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label >NCNDA</label>\r\n                                            <p className=\"summary-data\">\r\n                                                {summary?.entityBoarding?.ncnda ? <a href={summary?.entityBoarding?.ncnda ? summary?.entityBoarding?.ncnda : '-'} download=\"ncnda\" target=\"_blank\">\r\n                                                    Click to download <FontAwesomeIcon icon={faDownload} size='xs' />\r\n                                                </a> : '-'}\r\n                                            </p>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2 mb-5\">\r\n                                            <label >Terms of use</label>\r\n                                            <p className=\"summary-data\">\r\n                                                {summary?.entityBoarding?.termsOfUse ? <a href={summary?.entityBoarding?.termsOfUse ? summary?.entityBoarding?.termsOfUse : '-'} download=\"terms of use\" target=\"_blank\">\r\n                                                    Click to download <FontAwesomeIcon icon={faDownload} size='xs' />\r\n                                                </a> : '-'}\r\n                                            </p>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    },\r\n                    {\r\n                        name: \"Invoices\",\r\n                        Components: () => <div className=\"container-form\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mb-5\">\r\n                                    <div className=\"invoice-table\">\r\n                                        <NxGridList\r\n                                            className='mt-3'\r\n                                            enableSearch={true}\r\n                                            autoSearch={true}\r\n                                            enableAutoPagination={true}\r\n                                            showShowing={true}\r\n                                            header={[\r\n                                                {\r\n                                                    name: 'DATE',\r\n                                                    sort: true,\r\n                                                },\r\n                                                {\r\n                                                    name: 'COMPANY NAME',\r\n                                                    sort: false,\r\n                                                },\r\n                                                {\r\n                                                    name: 'INV.NUMBER',\r\n                                                    sort: false,\r\n                                                },\r\n                                                {\r\n                                                    name: 'BILLING PERIOD',\r\n                                                    sort: false,\r\n                                                },\r\n                                                {\r\n                                                    name: 'AMOUNT',\r\n                                                    // sort: true,\r\n                                                },\r\n                                                {\r\n                                                    name: 'DUE BY',\r\n                                                    search: true,\r\n                                                },\r\n                                                {\r\n                                                    name: 'PAID ON',\r\n                                                    sort: false,\r\n                                                },\r\n                                                {\r\n                                                    name: 'STATUS',\r\n                                                    // sort: true,\r\n                                                },\r\n\r\n                                            ]}\r\n                                            rowClick={(e) => {\r\n                                            }}\r\n                                            data={data}\r\n                                        />\r\n                                        <InvoiceData companyData={datas} invoiceData={selectedVal} isModalVisible={isModalVisible}\r\n                                            handleOk={() => {\r\n                                                setIsModalVisible(false);\r\n                                            }}\r\n                                            handleCancel={() => {\r\n                                                setIsModalVisible(false);\r\n                                            }}\r\n                                        />\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    }\r\n                ]}\r\n            />\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import { NxFooter, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport moment from 'moment';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport { useHistory } from 'react-router-dom'\r\nimport Headers from '../../../Screens/Headers/Headers';\r\n\r\nfunction AddCurrencyConv() {\r\n    const history = useHistory();\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    const [saveCurrency, setSaveCurrency] = useState({\r\n        currencyExchangeRateID: 0,\r\n        currencyID: 0,\r\n        exchangeRate: 0,\r\n        currencyValue: \"\",\r\n        currency: {\r\n            currencyID: 0,\r\n            currencyCode: \"\",\r\n            currencyName: \"\",\r\n            currencyNamePlural: \"\",\r\n            currencySymbol: \"\",\r\n            currencySymbolNative: \"\",\r\n            currencyDecimalDigits: 0,\r\n            currencyRounding: 0\r\n        },\r\n    });\r\n\r\n    // currency\r\n    const [allCurrency, setAllCurrency] = useState([]);\r\n    const getCurrency = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/Currency/GetCurrencies'\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let getCustomerDetails = result.result.data;\r\n                if (result.result.data) {\r\n                    setAllCurrency(getCustomerDetails);\r\n                }\r\n                else {\r\n                }\r\n            }\r\n            else if (result.result.isSuccess == false) {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n    }\r\n\r\n    const [datas, setDatas] = useState({});\r\n\r\n\r\n    useEffect(() => {\r\n        getCurrency();\r\n         ItrApiService.GET({ url: 'RevOps/BillerInformation' }).then(res => {\r\n            setLoader(false);\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setDatas(res.result.data);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxLoader state={loader} />\r\n            <NxTitleTab className=\"title-tab\" title=\"Add Currency Conversion\" onCloseClick={() => history.goBack()} />\r\n            <div className=\"card password-policy-main mt-0\">\r\n                <div className=\"card-body p-0 mb-5\" >\r\n                    <div className=\"row p-3 mx-1\">\r\n                        <div className='col-12 col-sm-12 col-md-8 col-lg-8 col-xl-6'>\r\n                            <div className=\"row\">\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Choose Your Currency</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm'\r\n                                                value={saveCurrency.currencyValue}\r\n                                                onChange={(e) => setSaveCurrency({ ...saveCurrency, currencyValue: e.target.value, currencyID: JSON.parse(e.target.value).currencyID })}\r\n                                            >\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                {allCurrency && allCurrency.map((data, index) => {\r\n                                                    return <option key={index} value={JSON.stringify(data)}> {data.currencyName} </option>\r\n                                                })}\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row align-items-center'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Exchange Rate For Reporting</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-8 flex-start' >\r\n                                            <div className='row'>\r\n                                                <div className='col-4 col-sm-4 col-md-4 col-lg-3 col-xl-3' >\r\n                                                    <label style={{fontSize:'16px'}}>1 {datas.currencyName && datas.currencyName.split(\"-\")[0]} = </label>\r\n                                                </div>\r\n                                                <div className='col-3 col-sm-4 col-md-4 col-lg-6 col-xl-6 ' >\r\n                                                    <input className=\"form-control form-control-sm\" type=\"text\"\r\n                                                        value={saveCurrency.exchangeRate}\r\n                                                        onChange={(e) => setSaveCurrency({ ...saveCurrency, exchangeRate: e.target.value })} />\r\n                                                </div>\r\n                                                <div className='col-4 col-sm-4 col-md-4 col-lg-3 col-xl-3 flex-start' >\r\n                                                    <label style={{fontSize:'16px'}}>{saveCurrency.currencyValue && saveCurrency.currencyValue != '' ? JSON.parse(saveCurrency.currencyValue).currencyCode : ''}</label>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n\r\n                        <div className='text-end'>\r\n                            <button className='btn btn-primary btn-sm mt-4 mb-1' onClick={() => {\r\n                                // let dataVal = { ...newBillingRules, selectDay: newBillingRules.selectDay == '' ? 0 : parseInt(newBillingRules.selectDay), isRecurringJob: newBillingRules.isRecurringJob == '' ? false : newBillingRules.isRecurringJob == 'true' ? true : false };\r\n                                setLoader(true);\r\n                                let data = { ...saveCurrency, currencyID: parseInt(saveCurrency.currencyID), exchangeRate: parseFloat(saveCurrency.exchangeRate) };\r\n                                delete data.currencyValue;\r\n                                delete data.currency\r\n                                ItrApiService.POST({\r\n                                    url: 'RevOps/CurrencyExchangeRate/SaveCurrencyExchangeRate',\r\n                                    data: data\r\n                                }).then(res => {\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            setLoader(false);\r\n                                            history.goBack();\r\n                                            NotificationManager.success('Successfully Created');\r\n                                        } else {\r\n                                            setLoader(false);\r\n                                            NotificationManager.error(res.result.message);\r\n                                        }\r\n                                    } else {\r\n                                        setLoader(false);\r\n                                        NotificationManager.error(res.message);\r\n                                    }\r\n                                })\r\n                            }}>Save</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter\r\n                className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                    { name: 'Terms of Service' },\r\n                    { name: 'Privacy' },\r\n                ]} />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default AddCurrencyConv;","import { NxFooter, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport moment from 'moment';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\n\r\nfunction EditCurrencyConv() {\r\n    const history = useHistory();\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    const [saveCurrency, setSaveCurrency] = useState({\r\n        currencyExchangeRateID: 0,\r\n        currencyID: 0,\r\n        exchangeRate: 0,\r\n        currencyValue: \"\",\r\n        currency: {\r\n            currencyID: 0,\r\n            currencyCode: \"\",\r\n            currencyName: \"\",\r\n            currencyNamePlural: \"\",\r\n            currencySymbol: \"\",\r\n            currencySymbolNative: \"\",\r\n            currencyDecimalDigits: 0,\r\n            currencyRounding: 0\r\n        },\r\n    });\r\n\r\n\r\n    // currency\r\n    const [allCurrency, setAllCurrency] = useState([]);\r\n    const getCurrency = async (st) => {\r\n        let obj = st\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/Currency/GetCurrencies'\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let getCustomerDetails = result.result.data;\r\n                if (result.result.data) {\r\n                    setAllCurrency(getCustomerDetails);\r\n                    for (let val of result.result.data) {\r\n                        if (val.currencyID == st.currencyID) {\r\n                            obj.currencyValue = JSON.stringify(val);\r\n                        }\r\n                    }\r\n                    setSaveCurrency(obj);\r\n                } else {\r\n                    setSaveCurrency(obj);\r\n                }\r\n            }\r\n            else if (result.result.isSuccess == false) {\r\n                NotificationManager.error(result.result.message);\r\n                setSaveCurrency(obj);\r\n            }\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n            setSaveCurrency(obj);\r\n        }\r\n    }\r\n\r\n    const location = useLocation();\r\n    const [datas, setDatas] = useState({});\r\n\r\n\r\n    useEffect(() => {\r\n        if (!location.state || !location.state.currencyExchangeRateID) {\r\n            history.replace('/administrator/billing-configuration')\r\n        } else {\r\n            // setSaveCurrency(location.state);\r\n            getCurrency(location.state);\r\n        }\r\n        ItrApiService.GET({ url: 'RevOps/BillerInformation' }).then(res => {\r\n            setLoader(false);\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setDatas(res.result.data);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxLoader state={loader} />\r\n            <NxTitleTab className=\"title-tab\" title=\"Edit Currency Conversion\" onCloseClick={() => history.goBack()} />\r\n            <div className=\"card password-policy-main mt-0\">\r\n                <div className=\"card-body p-0 mb-5\" >\r\n                    <div className=\"row p-3 mx-1\">\r\n                        <div className='col-12 col-sm-12 col-md-8 col-lg-8 col-xl-6'>\r\n                            <div className=\"row\">\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Choose Your Currency</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={saveCurrency.currencyValue}\r\n                                                onChange={(e) => setSaveCurrency({ ...saveCurrency, currencyValue: e.target.value, currencyID: JSON.parse(e.target.value).currencyID })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                {allCurrency && allCurrency.map((data, index) => {\r\n                                                    return <option key={index} value={JSON.stringify(data)}> {data.currencyName} </option>\r\n                                                })}\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row align-items-center'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Exchange Rate For Reporting</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-8 flex-start' >\r\n                                            <div className='row'>\r\n                                                <div className='col-4 col-sm-4 col-md-4 col-lg-3 col-xl-3' >\r\n                                                    <label style={{ fontSize: '16px' }}>1 {datas.currencyName && datas.currencyName.split(\"-\")[0]} = </label>\r\n                                                </div>\r\n                                                <div className='col-3 col-sm-4 col-md-4 col-lg-6 col-xl-6 ' >\r\n                                                    <input className=\"form-control form-control-sm\" type=\"text\" value={saveCurrency.exchangeRate}\r\n                                                        onChange={(e) => setSaveCurrency({ ...saveCurrency, exchangeRate: e.target.value })} />\r\n                                                </div>\r\n                                                <div className='col-4 col-sm-4 col-md-4 col-lg-3 col-xl-3 flex-start' >\r\n                                                    <label style={{ fontSize: '16px' }}>{saveCurrency.currencyValue && saveCurrency.currencyValue != '' ? JSON.parse(saveCurrency.currencyValue).currencyCode : ''}</label>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='text-end'>\r\n                            <button className='btn btn-primary btn-sm mt-4 mb-1' onClick={() => {\r\n                                // let dataVal = { ...newBillingRules, selectDay: newBillingRules.selectDay == '' ? 0 : parseInt(newBillingRules.selectDay), isRecurringJob: newBillingRules.isRecurringJob == '' ? false : newBillingRules.isRecurringJob == 'true' ? true : false };\r\n                                setLoader(true);\r\n                                let data = { ...saveCurrency, currencyID: parseInt(saveCurrency.currencyID), exchangeRate: parseFloat(saveCurrency.exchangeRate) };\r\n                                delete data.currencyValue;\r\n                                delete data.currency\r\n                                // delete data.createdDate\r\n                                // delete data.modifiedDate\r\n                                // delete data.createdBy\r\n                                // delete data.isActive\r\n                                // delete data.modifiedBy\r\n                                ItrApiService.POST({\r\n                                    url: 'RevOps/CurrencyExchangeRate/SaveCurrencyExchangeRate',\r\n                                    data: data\r\n                                }).then(res => {\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            setLoader(false);\r\n                                            history.goBack();\r\n                                            NotificationManager.success('Successfully Updated');\r\n                                        } else {\r\n                                            setLoader(false);\r\n                                            NotificationManager.error(res.result.message);\r\n                                        }\r\n                                    } else {\r\n                                        setLoader(false);\r\n                                        NotificationManager.error(res.message);\r\n                                    }\r\n                                })\r\n                            }}>Update</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter\r\n                className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                    { name: 'Terms of Service' },\r\n                    { name: 'Privacy' },\r\n                ]} />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default EditCurrencyConv;","import React, { useState, useEffect } from 'react';\r\nimport './ManageAccess.css';\r\nimport { useHistory } from 'react-router';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { NxTitleTab, NxFooter, NxGridList, NxLoader } from '@afiplfeed/itr-app';\r\nimport { DatePicker, Progress, Tabs } from 'antd';\r\nimport { DashboardOutlined, FormOutlined, DollarOutlined } from '@ant-design/icons';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport moment from 'moment';\r\n\r\nconst splits = async (dests, setData) => {\r\n    let arr2 = [];\r\n    let arr = [];\r\n    for (let value of dests) {\r\n        let data = [value.accessTypeID == '1' ? 'PRINCIPAL' : 'PARTNER', value.userName, value.emailAddress, value.displayName];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Billing Template': value.billingTemplateName,\r\n            'Saved Date': moment(value.dataCreated).format('DD/MM/YYYY'),\r\n            'Author': value.author || '',\r\n            'No of Customers applied': value.noOfCustomer\r\n        }\r\n        arr2 = [...arr2, obj2];\r\n        arr = [...arr, obj]\r\n    }\r\n    setData(arr)\r\n}\r\n\r\nexport default function ManageAccess() {\r\n\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    useEffect( () => {\r\n        setLoading(false);\r\n        ItrApiService.GET({ url: 'PAM/GetAllPortalAccess' }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        splits(res.result.data, setData)\r\n                    }\r\n                } else {\r\n                    NotificationManager.error(res.result.message);\r\n                }\r\n            } else {\r\n                NotificationManager.error(res.message);\r\n            }\r\n            setLoading(false);\r\n        })\r\n    }, []);\r\n\r\n    const [data, setData] = useState([]);\r\n\r\n    return (\r\n        <>\r\n            <Headers />\r\n            <NxLoader state={loading} />\r\n            <NxTitleTab className=\"title-tab\" title=\"Privileged Access Management\" onCloseClick={() => history.goBack()} />\r\n\r\n            <div className=\"card1 mt-0 mx-3\">\r\n                <div className=\"card-body1\">\r\n                    <div className=\"container-form mb-5\">\r\n\r\n                        <div className='d-flex justify-content-end align-items-center'>\r\n                            {/* <NxActionTab className=\"resource-groups-list-action-tab px-0\"\r\n                                    // onColumnsClick={() => { setHandel(true) }}\r\n                                    exportValue={exportVal}\r\n                                    fileName='Billing Template'\r\n                                    onRefreshClick={() => {\r\n                                        setLoading(true)\r\n                                        ItrApiService.GET({ url: 'RevOps/BillingRule/GetBillingRules' }).then(res => {\r\n                                            if (res.Success == true) {\r\n                                                if (res.result.isSuccess == true) {\r\n                                                    if (res.result.data) {\r\n                                                        \r\n                                                    }\r\n                                                }\r\n                                            }\r\n                                            setLoading(false)\r\n                                        })\r\n                                    }}\r\n                                    onNewEntryClick={() => {\r\n                                        history.push('/billing-rules/add')\r\n                                        // setNewTaxation(true)\r\n                                    }}\r\n                                    enableNewEntry={false}\r\n                                /> */}\r\n                            <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/manage-access/add')}> + Add User </button>\r\n                        </div>\r\n                        <div className=\"row mt-0 mx-0 mt-2\">\r\n                            <NxGridList\r\n                                header={[\r\n                                    {\r\n                                        name: 'Access Type',\r\n                                        sort: true,\r\n                                    },\r\n                                    {\r\n                                        name: 'Username',\r\n                                        search: true,\r\n                                    },\r\n                                    {\r\n                                        name: 'Email',\r\n                                        sort: true,\r\n                                    },\r\n                                    {\r\n                                        name: 'Display Name',\r\n                                        search: true,\r\n                                    },\r\n                                ]}\r\n                                data={data}\r\n                                enableSearch={true}\r\n                                autoSearch={true}\r\n                                enableAutoPagination={true}\r\n                                showShowing={true}\r\n                                rowClick={(data) => {\r\n                                    history.push({\r\n                                        pathname: '/manage-access/edit',\r\n                                        state: data\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import { NxFooter, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport moment from 'moment';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport { useHistory } from 'react-router-dom'\r\nimport Headers from '../../../Screens/Headers/Headers';\r\n\r\nfunction AddManageAccess() {\r\n    const history = useHistory();\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    // Partners\r\n    const [allPartners, setAllPartners] = useState([]);\r\n    const getPartners = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/PartnerInformation'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getPartnerDetails = result.result.data;\r\n            setAllPartners(getPartnerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n        }\r\n    }\r\n\r\n    const [newManageAccess, setNewManageAccess] = useState({\r\n        portalAccessID: 0,\r\n        accessTypeID: \"\",\r\n        entityCode: \"\",\r\n        userCode: \"\",\r\n        userName: \"\",\r\n        password: \"\",\r\n        displayName: \"\",\r\n        isAccess: true,\r\n        isFirstLogin: true,\r\n        tenantCode: \"\",\r\n        customerCode: \"\",\r\n        emailAddress: \"\",\r\n        isActive: true,\r\n        isEnable2FA: true\r\n    })\r\n\r\n\r\n    useEffect(() => {\r\n        getPartners()\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxLoader state={loader} />\r\n            <NxTitleTab className=\"title-tab\" title=\"Add Privileged User\" onCloseClick={() => history.goBack()} />\r\n            <div className=\"card password-policy-main mt-0\">\r\n                <div className=\"card-body p-0 mb-5\" >\r\n                    <div className=\"row p-3 mx-1\">\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-6'>\r\n                            <div className=\"row\">\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Access Type</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newManageAccess.accessTypeID}\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, accessTypeID: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value=\"1\">Administrator  </option>\r\n                                                <option value=\"2\">Tech Support</option>\r\n                                                <option value=\"3\">DevOps Eng.</option>\r\n                                                <option value=\"4\">Finance</option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2' hidden={newManageAccess.accessTypeID != 2 ? true : false}>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Partner</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select class=\"form-select form-select-sm\" aria-label=\"Default select example\"\r\n                                                value={newManageAccess.tenantCode}\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, tenantCode: e.target.value })}>\r\n                                                <option value=\"\" selected hidden></option>\r\n                                                <option disabled>--Please-select--</option>\r\n                                                {allPartners && allPartners.map((data, index) => {\r\n                                                    return <option key={index} value={data.partnerCode}> {data.partnerName} </option>\r\n                                                })}\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                {/* <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>User Code</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input className='form-control form-control-sm' value={newManageAccess.userCode}\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, userCode: e.target.value })} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div> */}\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Username</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input className='form-control form-control-sm' value={newManageAccess.userName}\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, userName: e.target.value })} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Email</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input className='form-control form-control-sm' value={newManageAccess.emailAddress}\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, emailAddress: e.target.value })} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Password</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input className='form-control form-control-sm' value={newManageAccess.password}\r\n                                                type=\"password\"\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, password: e.target.value })} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Display Name</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input className='form-control form-control-sm' value={newManageAccess.displayName}\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, displayName: e.target.value })} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='text-end'>\r\n                            <button className='btn btn-primary btn-sm mt-4 mb-1' onClick={() => {\r\n                                // let dataVal = { ...newBillingRules, selectDay: newBillingRules.selectDay == '' ? 0 : parseInt(newBillingRules.selectDay), isRecurringJob: newBillingRules.isRecurringJob == '' ? false : newBillingRules.isRecurringJob == 'true' ? true : false };\r\n                                setLoader(true);\r\n                                ItrApiService.POST({ url: 'PAM/SavePortalAccess', data: newManageAccess }).then(res => {\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            setLoader(false);\r\n                                            history.goBack();\r\n                                            setNewManageAccess({ ...newManageAccess, accessTypeID: \"\", userCode: \"\", userName: \"\", emailAddress: \"\", displayName: \"\", tenantCode: \"\" })\r\n                                        } else {\r\n                                            NotificationManager.error(res.result.message);\r\n                                        }\r\n                                    } else {\r\n                                        NotificationManager.error(res.message);\r\n                                    }\r\n                                })\r\n                            }}>Save</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter\r\n                className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                    { name: 'Terms of Service' },\r\n                    { name: 'Privacy' },\r\n                ]} />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default AddManageAccess;","import { NxFooter, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport moment from 'moment';\r\nimport React, { useEffect, useState, } from 'react';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport { useHistory, useLocation } from 'react-router-dom'\r\nimport Headers from '../../../Screens/Headers/Headers';\r\n\r\nfunction EditManageAccess() {\r\n    const history = useHistory();\r\n    const location = useLocation()\r\n\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    // Partners\r\n    const [allPartners, setAllPartners] = useState([]);\r\n    const getPartners = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/PartnerInformation'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getPartnerDetails = result.result.data;\r\n            setAllPartners(getPartnerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n        }\r\n    }\r\n\r\n    const [newManageAccess, setNewManageAccess] = useState({\r\n        portalAccessID: 0,\r\n        accessTypeID: \"\",\r\n        entityCode: \"\",\r\n        userCode: \"\",\r\n        userName: \"\",\r\n        password: \"\",\r\n        displayName: \"\",\r\n        isAccess: true,\r\n        isFirstLogin: true,\r\n        tenantCode: \"\",\r\n        customerCode: \"\",\r\n        emailAddress: \"\",\r\n        isActive: true,\r\n        isEnable2FA: true\r\n    })\r\n\r\n\r\n    useEffect(() => {\r\n        if (!location.state || !location.state.portalAccessID) {\r\n            history.replace('/manage-access')\r\n        } else {\r\n            setNewManageAccess(location.state);\r\n        }\r\n        getPartners();\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxLoader state={loader} />\r\n            <NxTitleTab className=\"title-tab\" title=\"Edit Manage Access\" onCloseClick={() => history.goBack()} />\r\n            <div className=\"card password-policy-main mt-0\">\r\n                <div className=\"card-body p-0 mb-5\" >\r\n                    <div className=\"row p-3 mx-1\">\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-6'>\r\n                            <div className=\"row\">\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Access Type</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm' value={newManageAccess.accessTypeID}\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, accessTypeID: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value=\"1\"> PRINCIPAL  </option>\r\n                                                <option value=\"2\"> PARTNER  </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2' hidden={newManageAccess.accessTypeID != 2 ? true : false}>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Partner</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select class=\"form-select form-select-sm\" aria-label=\"Default select example\"\r\n                                                value={newManageAccess.tenantCode}\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, tenantCode: e.target.value })}>\r\n                                                <option value=\"\" selected hidden></option>\r\n                                                <option disabled>--Please-select--</option>\r\n                                                {allPartners && allPartners.map((data, index) => {\r\n                                                    return <option key={index} value={data.partnerCode}> {data.partnerName} </option>\r\n                                                })}\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                {/* <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>User Code</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input className='form-control form-control-sm' value={newManageAccess.userCode}\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, userCode: e.target.value })} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div> */}\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Username</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input className='form-control form-control-sm' value={newManageAccess.userName}\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, userName: e.target.value })} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Email</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input className='form-control form-control-sm' value={newManageAccess.emailAddress}\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, emailAddress: e.target.value })} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Password</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input className='form-control form-control-sm' value={newManageAccess.password}\r\n                                                type=\"password\"\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, password: e.target.value })} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Display Name</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input className='form-control form-control-sm' value={newManageAccess.displayName}\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, displayName: e.target.value })} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='text-end'>\r\n                            <button className='btn btn-primary btn-sm mt-4 mb-1' onClick={() => {\r\n                                // let dataVal = { ...newBillingRules, selectDay: newBillingRules.selectDay == '' ? 0 : parseInt(newBillingRules.selectDay), isRecurringJob: newBillingRules.isRecurringJob == '' ? false : newBillingRules.isRecurringJob == 'true' ? true : false };\r\n                                setLoader(true);\r\n                                ItrApiService.POST({ url: 'PAM/SavePortalAccess', data: newManageAccess }).then(res => {\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            setLoader(false);\r\n                                            history.goBack();\r\n                                            setNewManageAccess({ ...newManageAccess, accessTypeID: \"\", userCode: \"\", userName: \"\", emailAddress: \"\", displayName: \"\", tenantCode: \"\" })\r\n                                        } else {\r\n                                            NotificationManager.error(res.result.message);\r\n                                        }\r\n                                    } else {\r\n                                        NotificationManager.error(res.message);\r\n                                    }\r\n                                })\r\n                            }}>Save</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter\r\n                className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                    { name: 'Terms of Service' },\r\n                    { name: 'Privacy' },\r\n                ]} />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default EditManageAccess;","import React, { useState, useEffect } from 'react';\r\nimport './PartnerManagement.css';\r\nimport { useHistory } from 'react-router';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { NxTitleTab, NxFooter, NxGridList, NxLoader } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport CustomerSidebar from '../../../Screens/CustomerSidebar/CustomerSidebar';\r\n\r\nconst splits = async (dests, setData, setExport) => {\r\n    let arr = [];\r\n    let arr2 = [];\r\n    for (let value of dests) {\r\n        let data = [value.partnerName, value.supportEmail, value.supportPhone, value.partnerWebsite];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Partner Name': value.partnerName,\r\n            'Support Email': value.supportEmail,\r\n            'Support Phone': value.supportPhone,\r\n            'Partner Website': value.partnerWebsite\r\n        };\r\n        arr2 = [...arr2, obj2];\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr);\r\n}\r\nexport default function PartnerManagement() {\r\n\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    useEffect( () => {\r\n        setLoading(true);\r\n        ItrApiService.GET({ url: 'RevOps/PartnerInformation' }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        splits(res.result.data, setData, setExport);\r\n                    } else {\r\n                        setData([])\r\n                    }\r\n                } else {\r\n                    NotificationManager.error(res.result.message);\r\n                }\r\n            } else {\r\n                NotificationManager.error(res.message);\r\n            }\r\n            setLoading(false);\r\n        })\r\n    }, []);\r\n\r\n    const [data, setData] = useState([]);\r\n    const [exportData, setExport] = useState([]);\r\n\r\n    return (\r\n        <>\r\n            {/* <NxTitleTab className=\"title-tab\" title=\"Partner Management\" onCloseClick={() => history.push('/access/systemIntegrator')} /> */}\r\n\r\n<div className=\"card1 mt-0 mx-3\">\r\n    <div className=\"card-body1\">\r\n        <div className=\"container-form mb-5\">\r\n            <div className=\"d-flex justify-content-end align-items-center\">\r\n                {/* <NxActionTab className=\"resource-groups-list-action-tab px-0\"\r\n                    exportValue={exportData}\r\n                    fileName='Partner-Management'\r\n                    onRefreshClick={() => {\r\n                        setLoad(true)\r\n                        ItrApiService.GET({ url: 'RevOps/PartnerInformation' }).then(res => {\r\n                            if (res.Success == true) {\r\n                                if (res.result.isSuccess == true) {\r\n                                    if (res.result.data) {\r\n                                        splits(res.result.data, setData, setExport);\r\n                                    }\r\n                                    else {\r\n                                        setData([]);setExport([]);\r\n                                    }\r\n                                }\r\n                            }\r\n                            setLoad(false)\r\n                        })\r\n                    }}\r\n                    onNewEntryClick={() => {\r\n                        history.push('/partner-management/add')\r\n                    }}\r\n                    enableNewEntry={false}\r\n                /> */}\r\n                <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/partner-management/add')}>Add System Integrator </button>\r\n            </div>\r\n\r\n            <div className=\"row mt-0 mx-0 mt-2\">\r\n                <NxGridList\r\n                    header={[\r\n                        {\r\n                            name: 'Partner Name',\r\n                            sort: true,\r\n                        },\r\n                        {\r\n                            name: 'Support Email',\r\n                            search: true,\r\n                        },\r\n                        {\r\n                            name: 'Support Phone',\r\n                            sort: true,\r\n                        },\r\n                        {\r\n                            name: 'Partner Website',\r\n                            search: true,\r\n                        },\r\n                    ]}\r\n                    data={data}\r\n                    enableSearch={true}\r\n                    autoSearch={true}\r\n                    enableAutoPagination={true}\r\n                    showShowing={true}\r\n                    rowClick={(data) => {\r\n                        history.push({\r\n                            pathname: '/partner-management/edit',\r\n                            state: data\r\n                        });\r\n                    }}\r\n                />\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</div>\r\n        </>\r\n    )\r\n}\r\n","import { NxFooter, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport { useHistory } from 'react-router-dom'\r\nimport Headers from '../../../Screens/Headers/Headers';\r\n\r\nfunction AddPartnerManagement() {\r\n    const history = useHistory();\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    const [allCountries, setAllCountries] = useState([]);\r\n    const getCountry = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/Country/GetCountries'\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let getCountryDetails = result.result.data;\r\n                if (result.result.data) {\r\n                    setAllCountries(getCountryDetails);\r\n                }\r\n            }\r\n            else if (result.result.isSuccess == false) {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n    }\r\n\t// CommissionPlan\r\n    const [allCommissionPlans, setAllCommissionPlans] = useState([]);\r\n    const getCommissionPlan = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/CommissionPlan/GetAllCommissionPlan'\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let getCommissionPlans = result.result.data;\r\n                if (result.result.data) {\r\n                    setAllCommissionPlans(getCommissionPlans);\r\n                }\r\n            }\r\n            else if (result.result.isSuccess == false) {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n    }\r\n    const [datas, setPartnerManagement] = useState({\r\n        \"partnerInformationID\": 0,\r\n        \"partnerCode\": \"\",\r\n        \"partnerName\": \"\",\r\n        \"supportEmail\": \"\",\r\n        \"supportPhone\": \"\",\r\n        \"partnerWebsite\": \"\",\r\n        \"partnerLogo\": \"\",\r\n        \"addressLine1\": \"\",\r\n        \"addressLine2\": \"\",\r\n        \"city\": \"\",\r\n        \"state\": \"\",\r\n        \"pinCode\": \"\",\r\n        \"country\": 0,\r\n        \"cin\": \"\",\r\n        \"pan\": \"\",\r\n        \"gst\": \"\",\r\n        \"tan\": \"\",\r\n\t\t\"commissionPlanID\": 0\r\n    });\r\n\r\n    useEffect(() => {\r\n        getCountry()\r\n\t\tgetCommissionPlan()\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxLoader state={loader} />\r\n            <NxTitleTab className=\"title-tab\" title=\"System Integrator Setup\" onCloseClick={() => history.goBack()} />\r\n            <div className=\"card password-policy-main mt-0\">\r\n                <div className=\"card-body p-0 mb-5\" >\r\n                    <div className=\"row p-3 mx-1\">\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"billerName\" className='f-badge-title'>Partner Name</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='billerName' value={datas.partnerName} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, partnerName: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"email\" className='f-badge-title'>Support Email</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"email\" id='email' value={datas.supportEmail} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, supportEmail: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"phNo\" className='f-badge-title' >Support Phone Number</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"tel\" id='phNo' value={datas.supportPhone} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, supportPhone: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"website\" className='f-badge-title'>Partner Website</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"url\" id='website' value={datas.partnerWebsite} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, partnerWebsite: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"logo\" className='f-badge-title'>Upload Logo</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"file\" id='logo' onChange={(e) => {\r\n                                    let img = e.target.files[0];\r\n                                    const fileReader = new FileReader();\r\n                                    fileReader.readAsDataURL(img)\r\n                                    fileReader.onload = async () => {\r\n                                        setPartnerManagement({ ...datas, partnerLogo: fileReader.result })\r\n                                    }\r\n                                    fileReader.onerror = async () => {\r\n                                        return false\r\n                                    }\r\n                                }} />\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"address1\" className='f-badge-title'>Address Line 1</label>\r\n                                <textarea className=\"form-control form-control-sm mt-1\" id='address1' rows=\"1\" value={datas.addressLine1} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, addressLine1: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"address2\" className='f-badge-title'>Address Line 2</label>\r\n                                <textarea className=\"form-control form-control-sm mt-1\" id='address2' rows=\"1\" value={datas.addressLine2} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, addressLine2: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <div className='row'>\r\n                                    <div className='col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6'>\r\n                                        <label htmlFor=\"state\" className='f-badge-title'>State</label>\r\n                                        <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='state' value={datas.state} onChange={(e) => {\r\n                                            setPartnerManagement({ ...datas, state: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n\r\n                                    <div className='col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6'>\r\n                                        <label htmlFor=\"zip\" className='f-badge-title'>Zip</label>\r\n                                        <input className=\"form-control form-control-sm mt-1\" type='tel' id='zip' value={datas.pinCode} onChange={(e) => {\r\n                                            setPartnerManagement({ ...datas, pinCode: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"state\" className='f-badge-title'>City</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='city' value={datas.city} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, city: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"country\" className='f-badge-title'>Country</label>\r\n                                <select className=\"form-select form-select-sm mt-1\"\r\n                                    value={datas.country} onChange={(e) => {\r\n                                        setPartnerManagement({ ...datas, country: e.target.value })\r\n                                    }}\r\n                                >\r\n                                    <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                    {allCountries.map((country, index) => {\r\n                                        return <option key={index} value={country.countryID}> {country.countryName} </option>\r\n                                    })}\r\n                                </select>\r\n                            </div>\r\n\r\n\r\n                        </div>\r\n\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"cin\" className='f-badge-title'>Company identification number (CIN)</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='cin' value={datas.cin} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, cin: e.target.value })\r\n                                }} />\r\n                            </div>\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"cin\" className='f-badge-title'>Partner PAN (Permanent Account Number)</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='cin' value={datas.pan} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, pan: e.target.value })\r\n                                }} />\r\n                            </div>\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"gst\" className='f-badge-title'>Goods & Services Tax (GST) Identification number</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='gst' value={datas.gst} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, gst: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"tan\" className='f-badge-title'>Tax deduction account number (TAN)</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='tan' value={datas.tan} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, tan: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n\t\t\t\t\t\t\t<div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"tan\" className='f-badge-title'>Commission Plan</label>\r\n                                <select className=\"form-select form-select-sm mt-1\"\r\n                                    value={datas.commissionPlanID}\r\n                                    onChange={(e) => {\r\n                                        setPartnerManagement({ ...datas, commissionPlanID: e.target.value })\r\n                                    }}\r\n                                >\r\n\t\t\t\t\t\t\t\t\t<option value=\"0\" selected > -- Please Select -- </option>\r\n                                    {allCommissionPlans && allCommissionPlans.map((data, index) => {\r\n                                        return <option key={index} value={data.commissionPlanID}> {data.commissionPlanName} </option>\r\n                                    })}\r\n                                </select>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='text-end'>\r\n                            <button className='btn btn-primary mt-4 mb-5' onClick={() => {\r\n                                setLoader(true);\r\n                                ItrApiService.POST({ data: datas, url: 'RevOps/PartnerInformation' }).then(res => {\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            NotificationManager.success('Updated!');\r\n                                            history.goBack();\r\n                                            setLoader(false);\r\n                                        }\r\n                                        else {\r\n                                            setLoader(false);\r\n                                            NotificationManager.error(res.result.message);\r\n                                        }\r\n                                    }\r\n                                    else {\r\n                                        setLoader(false);\r\n                                        NotificationManager.error(res.message);\r\n                                    }\r\n                                })\r\n                            }}>Save</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default AddPartnerManagement;","import { NxFooter, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport React, { useEffect, useState, } from 'react';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport { useHistory, useLocation } from 'react-router-dom'\r\nimport Headers from '../../../Screens/Headers/Headers';\r\n\r\nfunction EditPartnerManagement() {\r\n    // country\r\n    const [allCountries, setAllCountries] = useState([]);\r\n    const getCountry = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/Country/GetCountries'\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let getCountryDetails = result.result.data;\r\n                if (result.result.data) {\r\n                    setAllCountries(getCountryDetails);\r\n                }\r\n            }\r\n            else if (result.result.isSuccess == false) {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n    }\r\n\t// CommissionPlan\r\n    const [allCommissionPlans, setAllCommissionPlans] = useState([]);\r\n    const getCommissionPlan = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/CommissionPlan/GetAllCommissionPlan'\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let getCommissionPlans = result.result.data;\r\n                if (result.result.data) {\r\n                    setAllCommissionPlans(getCommissionPlans);\r\n                }\r\n            }\r\n            else if (result.result.isSuccess == false) {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n    }\r\n\r\n    const history = useHistory();\r\n    const location = useLocation();\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    const [datas, setPartnerManagement] = useState({\r\n        \"partnerInformationID\": 0,\r\n        \"partnerCode\": \"\",\r\n        \"partnerName\": \"\",\r\n        \"supportEmail\": \"\",\r\n        \"supportPhone\": \"\",\r\n        \"partnerWebsite\": \"\",\r\n        \"partnerLogo\": \"\",\r\n        \"addressLine1\": \"\",\r\n        \"addressLine2\": \"\",\r\n        \"city\": \"\",\r\n        \"state\": \"\",\r\n        \"pinCode\": \"\",\r\n        \"country\": 0,\r\n        \"cin\": \"\",\r\n        \"pan\": \"\",\r\n        \"gst\": \"\",\r\n        \"tan\": \"\",\r\n\t\t\"commissionPlanID\": 0\r\n    });\r\n\r\n    useEffect(() => {\r\n        if (!location.state || !location.state.partnerInformationID) {\r\n            history.replace('/partner-management')\r\n        } else {\r\n            setPartnerManagement(location.state);\r\n        }\r\n        getCountry();\r\n\t\tgetCommissionPlan();\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxLoader state={loader} />\r\n            <NxTitleTab className=\"title-tab\" title=\"Edit Partner Setup\" onCloseClick={() => history.goBack()} />\r\n            <div className=\"card password-policy-main mt-0\">\r\n                <div className=\"card-body p-0 mb-5\" >\r\n                    <div className=\"row p-3 mx-1\">\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"billerName\" className='f-badge-title'>Partner Name</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='billerName' value={datas.partnerName} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, partnerName: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"email\" className='f-badge-title'>Support Email</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"email\" id='email' value={datas.supportEmail} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, supportEmail: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"phNo\" className='f-badge-title' >Support Phone Number</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"tel\" id='phNo' value={datas.supportPhone} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, supportPhone: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"website\" className='f-badge-title'>Partner Website</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"url\" id='website' value={datas.partnerWebsite} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, partnerWebsite: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"logo\" className='f-badge-title'>Upload Logo</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"file\" id='logo' onChange={(e) => {\r\n                                    let img = e.target.files[0];\r\n                                    const fileReader = new FileReader();\r\n                                    fileReader.readAsDataURL(img)\r\n                                    fileReader.onload = async () => {\r\n                                        setPartnerManagement({ ...datas, partnerLogo: fileReader.result })\r\n                                    }\r\n                                    fileReader.onerror = async () => {\r\n                                        return false\r\n                                    }\r\n                                }} />\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"address1\" className='f-badge-title'>Address Line 1</label>\r\n                                <textarea className=\"form-control form-control-sm mt-1\" id='address1' rows=\"1\" value={datas.addressLine1} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, addressLine1: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"address2\" className='f-badge-title'>Address Line 2</label>\r\n                                <textarea className=\"form-control form-control-sm mt-1\" id='address2' rows=\"1\" value={datas.addressLine2} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, addressLine2: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <div className='row'>\r\n                                    <div className='col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6'>\r\n                                        <label htmlFor=\"state\" className='f-badge-title'>State</label>\r\n                                        <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='state' value={datas.state} onChange={(e) => {\r\n                                            setPartnerManagement({ ...datas, state: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n\r\n                                    <div className='col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6'>\r\n                                        <label htmlFor=\"zip\" className='f-badge-title'>Zip</label>\r\n                                        <input className=\"form-control form-control-sm mt-1\" type='tel' id='zip' value={datas.pinCode} onChange={(e) => {\r\n                                            setPartnerManagement({ ...datas, pinCode: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"state\" className='f-badge-title'>City</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='city' value={datas.city} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, city: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"country\" className='f-badge-title'>Country</label>\r\n                                <select className=\"form-select form-select-sm mt-1\"\r\n                                    value={datas.country} onChange={(e) => {\r\n                                        setPartnerManagement({ ...datas, country: e.target.value })\r\n                                    }}\r\n                                >\r\n                                    <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                    {allCountries.map((country, index) => {\r\n                                        return <option key={index} value={country.countryID}> {country.countryName} </option>\r\n                                    })}\r\n                                </select>\r\n                            </div>\r\n\r\n\r\n                        </div>\r\n\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"cin\" className='f-badge-title'>Company identification number (CIN)</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='cin' value={datas.cin} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, cin: e.target.value })\r\n                                }} />\r\n                            </div>\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"cin\" className='f-badge-title'>Partner PAN (Permanent Account Number)</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='cin' value={datas.pan} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, pan: e.target.value })\r\n                                }} />\r\n                            </div>\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"gst\" className='f-badge-title'>Goods & Services Tax (GST) Identification number</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='gst' value={datas.gst} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, gst: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"tan\" className='f-badge-title'>Tax deduction account number (TAN)</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='tan' value={datas.tan} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, tan: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"tan\" className='f-badge-title'>Commission Plan</label>\r\n                                <select className=\"form-select form-select-sm mt-1\"\r\n                                    value={datas.commissionPlanID}\r\n                                    onChange={(e) => {\r\n                                        setPartnerManagement({ ...datas, commissionPlanID: e.target.value })\r\n                                    }}\r\n                                >\r\n\t\t\t\t\t\t\t\t\t<option value=\"0\" selected > -- Please Select -- </option>\r\n                                    {allCommissionPlans && allCommissionPlans.map((data, index) => {\r\n                                        return <option key={index} value={data.commissionPlanID}> {data.commissionPlanName} </option>\r\n                                    })}\r\n                                </select>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='text-end'>\r\n                            <button className='btn btn-primary mt-4 mb-5' onClick={() => {\r\n                                setLoader(true);\r\n                                ItrApiService.POST({ data: datas, url: 'RevOps/PartnerInformation' }).then(res => {\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            NotificationManager.success('Updated!');\r\n                                            history.goBack();\r\n                                            setLoader(false);\r\n                                        }\r\n                                        else {\r\n                                            setLoader(false);\r\n                                            NotificationManager.error(res.result.message);\r\n                                        }\r\n                                    }\r\n                                    else {\r\n                                        setLoader(false);\r\n                                        NotificationManager.error(res.message);\r\n                                    }\r\n                                })\r\n                            }}>Save</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default EditPartnerManagement;","import React, { useState, useEffect } from 'react';\r\nimport './CommisionPlan.css';\r\nimport { useHistory } from 'react-router';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { NxTitleTab, NxFooter, NxGridList, NxLoader } from '@afiplfeed/itr-app';\r\nimport { DatePicker, Progress, Tabs } from 'antd';\r\nimport { DashboardOutlined, FormOutlined, DollarOutlined } from '@ant-design/icons';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport moment from 'moment';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport CustomerSidebar from '../../../Screens/CustomerSidebar/CustomerSidebar';\r\n\r\nconst splits = async (dests, setData) => {\r\n    let arr2 = [];\r\n    let arr = [];\r\n    for (let value of dests) {\r\n        let data = [value.commissionPlanName, value.commissionStructure];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Billing Template': value.billingTemplateName,\r\n            'Saved Date': moment(value.dataCreated).format('DD/MM/YYYY'),\r\n            'Author': value.author || '',\r\n            'No of Customers applied': value.noOfCustomer\r\n        }\r\n        arr2 = [...arr2, obj2];\r\n        arr = [...arr, obj]\r\n    }\r\n    setData(arr)\r\n}\r\n\r\nexport default function CommisionPlan() {\r\n\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    useEffect( () => {\r\n        setLoading(true);\r\n        ItrApiService.GET({ url: 'RevOps/CommissionPlan/GetAllCommissionPlan' }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        splits(res.result.data, setData)\r\n                    }\r\n                } else {\r\n                    NotificationManager.error(res.result.message);\r\n                }\r\n            } else {\r\n                NotificationManager.error(res.message);\r\n            }\r\n            setLoading(false);\r\n        })\r\n    }, []);\r\n\r\n    const [data, setData] = useState([]);\r\n\r\n    return (\r\n        <>\r\n            <Headers />\r\n            <NxLoader state={loading} />\r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true}  />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                    <NxTitleTab className=\"title-tab\" title=\"Commision Plan\" onCloseClick={() => history.push('/marketplace')} />\r\n\r\n                    <div className=\"card1 mt-0 mx-3\">\r\n                        <div className=\"card-body1\">\r\n                            <div className=\"container-form mb-5\">\r\n\r\n                                <div className='d-flex justify-content-end align-items-center'>\r\n                                    <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/commision-plan/add')}> + Add Commision Template </button>\r\n                                </div>\r\n                                <div className=\"row mt-0 mx-0 mt-2\">\r\n                                    <NxGridList\r\n                                        header={[\r\n                                            {\r\n                                                name: 'Commision Plan Name',\r\n                                                sort: true,\r\n                                            },\r\n                                            {\r\n                                                name: 'Commision Structure',\r\n                                                search: true,\r\n                                            },\r\n                                        ]}\r\n                                        data={data}\r\n                                        enableSearch={true}\r\n                                        autoSearch={true}\r\n                                        enableAutoPagination={true}\r\n                                        showShowing={true}\r\n                                        rowClick={(data) => {\r\n                                            history.push({\r\n                                                pathname: '/commision-plan/edit',\r\n                                                state: data\r\n                                            });\r\n                                        }}\r\n                                    />\r\n                                </div>\r\n\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import { NxFooter, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { faMinusCircle, faPlusCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport moment from 'moment';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport { useHistory } from 'react-router-dom';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\n\r\nfunction AddCommisionPlan() {\r\n    const history = useHistory();\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    const [commisionPlan, setCommisionPlan] = useState({\r\n        commissionPlanID: 0,\r\n        commissionPlanName: \"\",\r\n        commissionStructure: \"\",\r\n        percentage: 0,\r\n        baseTarget: 0,\r\n        commissionPlanPricing: [\r\n            // {\r\n            //     commissionPlanPricingID: 0,\r\n            //     commissionPlanID: 0,\r\n            //     from: 0,\r\n            //     to: 0,\r\n            //     splitPercentage: 0\r\n            // }\r\n        ]\r\n    });\r\n\r\n    const [tiered, setTiered] = useState({\r\n        commissionPlanPricingID: 0,\r\n        commissionPlanID: 0,\r\n        from: 0,\r\n        to: 0,\r\n        splitPercentage: 0\r\n    });\r\n\r\n    const [datas, setDatas] = useState({});\r\n\r\n    const getCurrencyInformation = () => {\r\n        setLoader(true);\r\n        ItrApiService.GET({ url: 'RevOps/BillerInformation' }).then(res => {\r\n            setLoader(false);\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setLoader(false);\r\n                        setDatas(res.result.data);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n    }\r\n\r\n    useEffect(() => {\r\n        getCurrencyInformation();\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxLoader state={loader} />\r\n            <NxTitleTab className=\"title-tab\" title=\"Add Commision Plan\" onCloseClick={() => history.goBack()} />\r\n            <div className=\"card password-policy-main mt-0\">\r\n                <div className=\"card-body p-0 mb-5\" >\r\n                    <div className=\"row p-3 mx-1\">\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-6'>\r\n                            <div className=\"row\">\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Commsion Template Name</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input className='form-control form-control-sm'\r\n                                                value={commisionPlan.commissionPlanName}\r\n                                                onChange={(e) => setCommisionPlan({ ...commisionPlan, commissionPlanName: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Commision Structure</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm'\r\n                                                value={commisionPlan.commissionStructure}\r\n                                                onChange={(e) => setCommisionPlan({ ...commisionPlan, commissionStructure: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value=\"Tiered Commission Structure\"> Tiered Commission Structure  </option>\r\n                                                <option value=\"Residual Commission Structure\"> Residual Commission Structure  </option>\r\n                                                <option value=\"Multiplier Commission Structure\"> Multiplier Commission Structure  </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2' hidden={commisionPlan.commissionStructure == \"Residual Commission Structure\" ? false : true}>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Commision Percentage</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input type='number'\r\n                                                className='form-control form-control-sm'\r\n                                                value={commisionPlan.percentage}\r\n                                                onChange={(e) => setCommisionPlan({ ...commisionPlan, percentage: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2' hidden={commisionPlan.commissionStructure == \"Multiplier Commission Structure\" ? false : true}>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Commision Percentage</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input type='number'\r\n                                                className='form-control form-control-sm'\r\n                                                value={commisionPlan.percentage}\r\n                                                onChange={(e) => setCommisionPlan({ ...commisionPlan, percentage: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2' hidden={commisionPlan.commissionStructure == \"Multiplier Commission Structure\" ? false : true}>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Base Target in\r\n                                                ({datas && datas.currencyName && datas.currencyName.split(\"-\")[0]})\r\n                                            </label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input type='number'\r\n                                                className='form-control form-control-sm'\r\n                                                value={commisionPlan.baseTarget}\r\n                                                onChange={(e) => setCommisionPlan({ ...commisionPlan, baseTarget: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2' hidden={commisionPlan.commissionStructure == '' ? true : false}>\r\n                                    <div className='row'>\r\n                                        {/* <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Commision Structure</label>\r\n                                        </div> */}\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 flex-start' >\r\n                                            <div className='f-app-div-box w-100'>\r\n                                                {commisionPlan.commissionStructure == 'Tiered Commission Structure' && <label className='f-badge-title'>Commision Values</label>}\r\n                                                {commisionPlan.commissionStructure == 'Tiered Commission Structure' &&\r\n                                                    <div class=\"table-wrapper-scroll-y my-custom-scrollbar mt-2\">\r\n                                                        <table class=\"table table-bordered mb-0\">\r\n                                                            <thead>\r\n                                                                <tr>\r\n                                                                    <th colSpan=\"2\">Range In <span> ({datas && datas.currencyName.split(\"-\")[0]}) </span> </th>\r\n                                                                    <th scope=\"col\">Commision (%) </th>\r\n                                                                    <th scope=\"col\">Action</th>\r\n                                                                </tr>\r\n                                                            </thead>\r\n                                                            <tbody>\r\n                                                                {commisionPlan.commissionPlanPricing.map((item, index) => {\r\n                                                                    return <tr key={index}>\r\n                                                                        <td> {item.from} </td>\r\n                                                                        <td> {item.to} </td>\r\n                                                                        <td> {item.splitPercentage} </td>\r\n                                                                        <td align=\"center\">\r\n                                                                            <button className=\"btn\" onClick={() => {\r\n                                                                                let newArray = [...commisionPlan.commissionPlanPricing]\r\n                                                                                newArray.splice(index, 1)\r\n                                                                                setCommisionPlan({ ...commisionPlan, commissionPlanPricing: newArray })\r\n                                                                            }} >\r\n                                                                                <FontAwesomeIcon size=\"sm\" icon={faMinusCircle} color=\"red\" className=\"d-flex align-items-center justify-content-center\" />\r\n                                                                            </button>\r\n                                                                        </td>\r\n                                                                    </tr>\r\n                                                                })}\r\n                                                                <tr>\r\n                                                                    <td>\r\n                                                                        <input className=\"form-control form-control-sm\" value={tiered.from} id=\"roleName\" type='number'\r\n                                                                            onChange={(e) => setTiered({ ...tiered, from: parseInt(e.target.value) })}\r\n                                                                        />\r\n                                                                    </td>\r\n\r\n                                                                    <td>\r\n                                                                        <input className=\"form-control form-control-sm\" value={tiered.to} id=\"roleCode\" type='number'\r\n                                                                            onChange={(e) => { setTiered({ ...tiered, to: parseInt(e.target.value) }) }}\r\n                                                                        />\r\n                                                                    </td>\r\n                                                                    <td>\r\n                                                                        <input className=\"form-control form-control-sm\" value={tiered.splitPercentage} id=\"roleCode\" type='number'\r\n                                                                            onChange={(e) => setTiered({ ...tiered, splitPercentage: parseInt(e.target.value) })}\r\n                                                                        />\r\n                                                                    </td>\r\n                                                                    <td align=\"center\" className=\"d-flex align-items-center justify-content-center\">\r\n                                                                        <button className=\"btn\" onClick={() => {\r\n                                                                            if (tiered.from == '' || tiered.to == '' || tiered.splitPercentage == '') {\r\n                                                                            } else {\r\n                                                                                setCommisionPlan({\r\n                                                                                    ...commisionPlan,\r\n                                                                                    commissionPlanPricing: [...commisionPlan.commissionPlanPricing, tiered]\r\n                                                                                })\r\n                                                                                setTiered({\r\n                                                                                    commissionPlanPricingID: 0,\r\n                                                                                    commissionPlanID: 0,\r\n                                                                                    from: 0,\r\n                                                                                    to: 0,\r\n                                                                                    splitPercentage: 0\r\n                                                                                })\r\n                                                                            }\r\n                                                                        }}>\r\n                                                                            <FontAwesomeIcon icon={faPlusCircle} size=\"sm\" color=\"green\" />\r\n                                                                        </button>\r\n                                                                    </td>\r\n                                                                </tr>\r\n                                                            </tbody>\r\n                                                        </table>\r\n                                                    </div>}\r\n                                                {commisionPlan.commissionStructure == 'Multiplier Commission Structure' && <div class=\"table-wrapper-scroll-y my-custom-scrollbar mt-2\">\r\n                                                    <table class=\"table table-bordered mb-0\">\r\n                                                        <thead>\r\n                                                            <tr>\r\n                                                                <th colSpan=\"2\">Target Percentage  </th>\r\n                                                                <th scope=\"col\">Multiplier </th>\r\n                                                                <th scope=\"col\">Action</th>\r\n                                                            </tr>\r\n                                                        </thead>\r\n                                                        <tbody>\r\n                                                            {commisionPlan.commissionPlanPricing.map((item, index) => {\r\n                                                                return <tr key={index}>\r\n                                                                    <td> {item.from} </td>\r\n                                                                    <td> {item.to} </td>\r\n                                                                    <td> {item.splitPercentage} </td>\r\n                                                                    <td align=\"center\">\r\n                                                                        <button className=\"btn\" onClick={() => {\r\n                                                                            let newArray = [...commisionPlan.commissionPlanPricing]\r\n                                                                            newArray.splice(index, 1)\r\n                                                                            setCommisionPlan({ ...commisionPlan, commissionPlanPricing: newArray })\r\n                                                                        }} >\r\n                                                                            <FontAwesomeIcon size=\"sm\" icon={faMinusCircle} color=\"red\" className=\"d-flex align-items-center justify-content-center\" />\r\n                                                                        </button>\r\n                                                                    </td>\r\n                                                                </tr>\r\n                                                            })}\r\n                                                            <tr>\r\n                                                                <td>\r\n                                                                    <input className=\"form-control form-control-sm\" value={tiered.from} id=\"roleName\" type='number'\r\n                                                                        onChange={(e) => setTiered({ ...tiered, from: parseInt(e.target.value) })}\r\n                                                                    />\r\n                                                                </td>\r\n\r\n                                                                <td>\r\n                                                                    <input className=\"form-control form-control-sm\" value={tiered.to} id=\"roleCode\" type='number'\r\n                                                                        onChange={(e) => setTiered({ ...tiered, to: parseInt(e.target.value) })}\r\n                                                                    />\r\n                                                                </td>\r\n                                                                <td>\r\n                                                                    <input className=\"form-control form-control-sm\" value={tiered.splitPercentage} id=\"roleCode\" type='number'\r\n                                                                        onChange={(e) => setTiered({ ...tiered, splitPercentage: parseInt(e.target.value) })}\r\n                                                                    />\r\n                                                                </td>\r\n                                                                <td align=\"center\" className=\"d-flex align-items-center justify-content-center\">\r\n                                                                    <button className=\"btn\" onClick={() => {\r\n                                                                        if (tiered.from == '' || tiered.to == '' || tiered.splitPercentage == '') {\r\n                                                                        } else {\r\n                                                                            setCommisionPlan({\r\n                                                                                ...commisionPlan,\r\n                                                                                commissionPlanPricing: [...commisionPlan.commissionPlanPricing, tiered]\r\n                                                                            })\r\n                                                                            setTiered({\r\n                                                                                commissionPlanPricingID: 0,\r\n                                                                                commissionPlanID: 0,\r\n                                                                                from: 0,\r\n                                                                                to: 0,\r\n                                                                                splitPercentage: 0\r\n                                                                            })\r\n                                                                        }\r\n                                                                    }}>\r\n                                                                        <FontAwesomeIcon icon={faPlusCircle} size=\"sm\" color=\"green\" />\r\n                                                                    </button>\r\n                                                                </td>\r\n                                                            </tr>\r\n                                                        </tbody>\r\n                                                    </table>\r\n                                                </div>}\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='text-end'>\r\n                            <button className='btn btn-primary btn-sm mt-4 mb-1' onClick={() => {\r\n                                // let dataVal = { ...newBillingRules, selectDay: newBillingRules.selectDay == '' ? 0 : parseInt(newBillingRules.selectDay), isRecurringJob: newBillingRules.isRecurringJob == '' ? false : newBillingRules.isRecurringJob == 'true' ? true : false };\r\n                                setLoader(true);\r\n                                ItrApiService.POST({\r\n                                    url: 'RevOps/CommissionPlan/SaveCommissionPlan',\r\n                                    data: commisionPlan\r\n                                }).then(res => {\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            NotificationManager.success('Successfully Crerated');\r\n                                            setLoader(false);\r\n                                            history.goBack();\r\n                                            setCommisionPlan({\r\n                                                ...commisionPlan, commissionPlanID: 0,\r\n                                                commissionPlanName: \"\",\r\n                                                commissionStructure: \"\",\r\n                                                percentage: 0,\r\n                                                commissionPlanPricing: []\r\n                                            })\r\n                                        } else {\r\n                                            NotificationManager.error(res.result.message);\r\n                                            setLoader(false);\r\n                                        }\r\n                                    } else {\r\n                                        setLoader(false);\r\n                                        NotificationManager.error(res.message);\r\n                                    }\r\n                                })\r\n                            }}>Save</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter\r\n                className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                    { name: 'Terms of Service' },\r\n                    { name: 'Privacy' },\r\n                ]}\r\n            />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default AddCommisionPlan;","import { NxFooter, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { faMinusCircle, faPlusCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport moment from 'moment';\r\nimport React, { useEffect, useState, } from 'react';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport { useHistory, useLocation } from 'react-router-dom'\r\nimport Headers from '../../../Screens/Headers/Headers';\r\n\r\nfunction EditCommisionPlan() {\r\n    const history = useHistory();\r\n    const location = useLocation()\r\n\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    const [commisionPlan, setCommisionPlan] = useState({\r\n        commissionPlanID: 0,\r\n        commissionPlanName: \"\",\r\n        commissionStructure: \"\",\r\n        percentage: 0,\r\n        baseTarget: 0,\r\n        commissionPlanPricing: [\r\n            // {\r\n            //     commissionPlanPricingID: 0,\r\n            //     commissionPlanID: 0,\r\n            //     from: 0,\r\n            //     to: 0,\r\n            //     splitPercentage: 0\r\n            // }\r\n        ]\r\n    });\r\n\r\n    const [tiered, setTiered] = useState({\r\n        commissionPlanPricingID: 0,\r\n        commissionPlanID: 0,\r\n        from: 0,\r\n        to: 0,\r\n        splitPercentage: 0\r\n    });\r\n\r\n    const [datas, setDatas] = useState({});\r\n\r\n    const getCurrencyInformation = () => {\r\n        setLoader(true);\r\n        ItrApiService.GET({ url: 'RevOps/BillerInformation' }).then(res => {\r\n            setLoader(false);\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setLoader(false);\r\n                        setDatas(res.result.data);\r\n                    }\r\n                }\r\n            }\r\n        });\r\n    }\r\n\r\n\r\n    useEffect(() => {\r\n        if (!location.state || !location.state.commissionPlanID) {\r\n            history.replace('/commision-plan')\r\n        } else {\r\n            setCommisionPlan(location.state);\r\n        }\r\n        getCurrencyInformation();\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxLoader state={loader} />\r\n            <NxTitleTab className=\"title-tab\" title=\"Edit Commision Plan\" onCloseClick={() => history.goBack()} />\r\n            <div className=\"card password-policy-main mt-0\">\r\n                <div className=\"card-body p-0 mb-5\" >\r\n                    <div className=\"row p-3 mx-1\">\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-6'>\r\n                            <div className=\"row\">\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Commsion Template Name</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input className='form-control form-control-sm'\r\n                                                value={commisionPlan.commissionPlanName}\r\n                                                onChange={(e) => setCommisionPlan({ ...commisionPlan, commissionPlanName: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Commision Structure</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-sm'\r\n                                                value={commisionPlan.commissionStructure}\r\n                                                onChange={(e) => setCommisionPlan({ ...commisionPlan, commissionStructure: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value=\"Tiered Commission Structure\"> Tiered Commission Structure  </option>\r\n                                                <option value=\"Residual Commission Structure\"> Residual Commission Structure  </option>\r\n                                                <option value=\"Multiplier Commission Structure\"> Multiplier Commission Structure  </option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2' hidden={commisionPlan.commissionStructure == \"Residual Commission Structure\" ? false : true}>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Commision Percentage</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input type='number'\r\n                                                className='form-control form-control-sm'\r\n                                                value={commisionPlan.percentage}\r\n                                                onChange={(e) => setCommisionPlan({ ...commisionPlan, percentage: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2' hidden={commisionPlan.commissionStructure == \"Multiplier Commission Structure\" ? false : true}>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Commision Percentage</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input type='number'\r\n                                                className='form-control form-control-sm'\r\n                                                value={commisionPlan.percentage}\r\n                                                onChange={(e) => setCommisionPlan({ ...commisionPlan, percentage: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2' hidden={commisionPlan.commissionStructure == \"Multiplier Commission Structure\" ? false : true}>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Base Target in\r\n                                                {/* ({datas && datas.currencyName.split(\"-\")[0]}) */}\r\n                                            </label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input type='number'\r\n                                                className='form-control form-control-sm'\r\n                                                value={commisionPlan.baseTarget}\r\n                                                onChange={(e) => setCommisionPlan({ ...commisionPlan, baseTarget: e.target.value })}\r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2' hidden={commisionPlan.commissionStructure == '' ? true : false}>\r\n                                    <div className='row'>\r\n                                        {/* <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Commision Structure</label>\r\n                                        </div> */}\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 flex-start' >\r\n                                            <div className='f-app-div-box w-100'>\r\n                                                {commisionPlan.commissionStructure == 'Tiered Commission Structure' && <label className='f-badge-title'>Commision Values</label>}\r\n                                                {commisionPlan.commissionStructure == 'Tiered Commission Structure' &&\r\n                                                    <div class=\"table-wrapper-scroll-y my-custom-scrollbar mt-2\">\r\n                                                        <table class=\"table table-bordered mb-0\">\r\n                                                            <thead>\r\n                                                                <tr>\r\n                                                                    <th colSpan=\"2\">Range In <span> ({datas && datas.currencyName && datas.currencyName.split(\"-\")[0]}) </span> </th>\r\n                                                                    <th scope=\"col\">Commision (%) </th>\r\n                                                                    <th scope=\"col\">Action</th>\r\n                                                                </tr>\r\n                                                            </thead>\r\n                                                            <tbody>\r\n                                                                {commisionPlan.commissionPlanPricing.map((item, index) => {\r\n                                                                    return <tr key={index}>\r\n                                                                        <td> {item.from} </td>\r\n                                                                        <td> {item.to} </td>\r\n                                                                        <td> {item.splitPercentage} </td>\r\n                                                                        <td align=\"center\">\r\n                                                                            <button className=\"btn\" onClick={() => {\r\n                                                                                let newArray = [...commisionPlan.commissionPlanPricing]\r\n                                                                                newArray.splice(index, 1)\r\n                                                                                setCommisionPlan({ ...commisionPlan, commissionPlanPricing: newArray })\r\n                                                                            }} >\r\n                                                                                <FontAwesomeIcon size=\"sm\" icon={faMinusCircle} color=\"red\" className=\"d-flex align-items-center justify-content-center\" />\r\n                                                                            </button>\r\n                                                                        </td>\r\n                                                                    </tr>\r\n                                                                })}\r\n                                                                <tr>\r\n                                                                    <td>\r\n                                                                        <input className=\"form-control form-control-sm\" value={tiered.from} id=\"roleName\" type='number'\r\n                                                                            onChange={(e) => setTiered({ ...tiered, from: e.target.value })}\r\n                                                                        />\r\n                                                                    </td>\r\n\r\n                                                                    <td>\r\n                                                                        <input className=\"form-control form-control-sm\" value={tiered.to} id=\"roleCode\" type='number'\r\n                                                                            onChange={(e) => setTiered({ ...tiered, to: e.target.value })}\r\n                                                                        />\r\n                                                                    </td>\r\n                                                                    <td>\r\n                                                                        <input className=\"form-control form-control-sm\" value={tiered.splitPercentage} id=\"roleCode\" type='number'\r\n                                                                            onChange={(e) => setTiered({ ...tiered, splitPercentage: e.target.value })}\r\n                                                                        />\r\n                                                                    </td>\r\n                                                                    <td align=\"center\" className=\"d-flex align-items-center justify-content-center\">\r\n                                                                        <button className=\"btn\" onClick={() => {\r\n                                                                            if (tiered.from == '' || tiered.to == '') {\r\n                                                                            } else {\r\n                                                                                setCommisionPlan({\r\n                                                                                    ...commisionPlan,\r\n                                                                                    commissionPlanPricing: [...commisionPlan.commissionPlanPricing, tiered]\r\n                                                                                })\r\n                                                                                setTiered({\r\n                                                                                    commissionPlanPricingID: 0,\r\n                                                                                    commissionPlanID: 0,\r\n                                                                                    from: 0,\r\n                                                                                    to: 0,\r\n                                                                                    splitPercentage: 0\r\n                                                                                })\r\n                                                                            }\r\n                                                                        }}>\r\n                                                                            <FontAwesomeIcon icon={faPlusCircle} size=\"sm\" color=\"green\" />\r\n                                                                        </button>\r\n                                                                    </td>\r\n                                                                </tr>\r\n                                                            </tbody>\r\n                                                        </table>\r\n                                                    </div>}\r\n                                                {commisionPlan.commissionStructure == 'Multiplier Commission Structure' && <div class=\"table-wrapper-scroll-y my-custom-scrollbar mt-2\">\r\n                                                    <table class=\"table table-bordered mb-0\">\r\n                                                        <thead>\r\n                                                            <tr>\r\n                                                                <th colSpan=\"2\">Target Percentage  </th>\r\n                                                                <th scope=\"col\">Multiplier </th>\r\n                                                                <th scope=\"col\">Action</th>\r\n                                                            </tr>\r\n                                                        </thead>\r\n                                                        <tbody>\r\n                                                            {commisionPlan.commissionPlanPricing.map((item, index) => {\r\n                                                                return <tr key={index}>\r\n                                                                    <td> {item.from} </td>\r\n                                                                    <td> {item.to} </td>\r\n                                                                    <td> {item.splitPercentage} </td>\r\n                                                                    <td align=\"center\">\r\n                                                                        <button className=\"btn\" onClick={() => {\r\n                                                                            let newArray = [...commisionPlan.commissionPlanPricing]\r\n                                                                            newArray.splice(index, 1)\r\n                                                                            setCommisionPlan({ ...commisionPlan, commissionPlanPricing: newArray })\r\n                                                                        }} >\r\n                                                                            <FontAwesomeIcon size=\"sm\" icon={faMinusCircle} color=\"red\" className=\"d-flex align-items-center justify-content-center\" />\r\n                                                                        </button>\r\n                                                                    </td>\r\n                                                                </tr>\r\n                                                            })}\r\n                                                            <tr>\r\n                                                                <td>\r\n                                                                    <input className=\"form-control form-control-sm\" value={tiered.from} id=\"roleName\" type='number'\r\n                                                                        onChange={(e) => setTiered({ ...tiered, from: e.target.value })}\r\n                                                                    />\r\n                                                                </td>\r\n\r\n                                                                <td>\r\n                                                                    <input className=\"form-control form-control-sm\" value={tiered.to} id=\"roleCode\" type='number'\r\n                                                                        onChange={(e) => setTiered({ ...tiered, to: e.target.value })}\r\n                                                                    />\r\n                                                                </td>\r\n                                                                <td>\r\n                                                                    <input className=\"form-control form-control-sm\" value={tiered.splitPercentage} id=\"roleCode\" type='number'\r\n                                                                        onChange={(e) => setTiered({ ...tiered, splitPercentage: e.target.value })}\r\n                                                                    />\r\n                                                                </td>\r\n                                                                <td align=\"center\" className=\"d-flex align-items-center justify-content-center\">\r\n                                                                    <button className=\"btn\" onClick={() => {\r\n                                                                        if (tiered.from == '' || tiered.to == '') {\r\n                                                                        } else {\r\n                                                                            setCommisionPlan({\r\n                                                                                ...commisionPlan,\r\n                                                                                commissionPlanPricing: [...commisionPlan.commissionPlanPricing, tiered]\r\n                                                                            })\r\n                                                                            setTiered({\r\n                                                                                commissionPlanPricingID: 0,\r\n                                                                                commissionPlanID: 0,\r\n                                                                                from: 0,\r\n                                                                                to: 0,\r\n                                                                                splitPercentage: 0\r\n                                                                            })\r\n                                                                        }\r\n                                                                    }}>\r\n                                                                        <FontAwesomeIcon icon={faPlusCircle} size=\"sm\" color=\"green\" />\r\n                                                                    </button>\r\n                                                                </td>\r\n                                                            </tr>\r\n                                                        </tbody>\r\n                                                    </table>\r\n                                                </div>}\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='text-end'>\r\n                            <button className='btn btn-primary btn-sm mt-4 mb-1' onClick={() => {\r\n                                // let dataVal = { ...newBillingRules, selectDay: newBillingRules.selectDay == '' ? 0 : parseInt(newBillingRules.selectDay), isRecurringJob: newBillingRules.isRecurringJob == '' ? false : newBillingRules.isRecurringJob == 'true' ? true : false };\r\n                                setLoader(true);\r\n                                ItrApiService.POST({ url: 'RevOps/CommissionPlan/SaveCommissionPlan', data: commisionPlan }).then(res => {\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            setLoader(false);\r\n                                            history.goBack();\r\n                                            setCommisionPlan({\r\n                                                ...commisionPlan, commissionPlanID: 0,\r\n                                                commissionPlanName: \"\",\r\n                                                commissionStructure: \"\",\r\n                                                percentage: 0,\r\n                                                commissionPlanPricing: []\r\n                                            })\r\n                                        } else {\r\n                                            setLoader(false);\r\n                                            NotificationManager.error(res.result.message);\r\n                                        }\r\n                                    } else {\r\n                                        setLoader(false);\r\n                                        NotificationManager.error(res.message);\r\n                                    }\r\n                                })\r\n                            }}>Save</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter\r\n                className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                    { name: 'Terms of Service' },\r\n                    { name: 'Privacy' },\r\n                ]} />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default EditCommisionPlan;","import React, { useState, useEffect } from 'react';\r\nimport './LicenseManagement.css';\r\nimport { useHistory } from 'react-router';\r\nimport { Tabs, Switch, Rate, Modal, PageHeader, Tag, Button, Tooltip, Alert, Space } from 'antd';\r\nimport { AppstoreOutlined, DashboardOutlined } from '@ant-design/icons';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui'\r\nimport { NxLoader, NxTitleTab, NxFooter, NxGridList } from '@afiplfeed/itr-app';\r\nimport Headers from '../../../../../Screens/Headers/Headers';\r\nimport moment from 'moment';\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\n\r\nconst splits = async (dests, setData) => {\r\n    let arr = [];\r\n    for (let value of dests) {\r\n        let data = [value.ServiceName, value.VersionNo, value.TotalSubscribed, value.TotalAssigned || '0', value.Remaining, value.EntityCount];\r\n        let obj = { sendItem: value, data: data };\r\n        arr = [...arr, obj]\r\n    }\r\n    setData(arr)\r\n}\r\n\r\n\r\nexport default function LicenseManagement() {\r\n    const { TabPane } = Tabs;\r\n    let history = useHistory();\r\n    // subscription \r\n\r\n    const [subscriptionData, setSubscriptionData] = useState([]);\r\n    const [subscriptionId, setSubscriptionId] = useState('');\r\n    const [clientId, setClientid] = useState('');\r\n    const [enrollmentId, setEnrollmentId] = useState('');\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    // list-Subscription-Api\r\n    const getData = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/EntitySubscription/AppWiseSubscriptionList'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let dataVal = result.result.data;\r\n            if (dataVal === null || !dataVal.length) {\r\n                // NotificationManager.error(result.result.message);\r\n            }\r\n            else {\r\n                // setData()\r\n                splits(dataVal, setData);\r\n                setSubscriptionData(dataVal);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n        }\r\n    }\r\n\r\n    const initiate = async () => {\r\n        setLoader(true);\r\n        await getData();\r\n        setLoader(false);\r\n    }\r\n\r\n    useEffect( () => {\r\n        initiate();\r\n    }, [])\r\n\r\n    const [data, setData] = useState([])\r\n\r\n\r\n    return (\r\n        <>\r\n            <NxLoader state={loader} />\r\n            {/* <Headers /> */}\r\n            {/* <NxTitleTab className=\"title-tab\" title=\"License Vault\" onCloseClick={() => history.goBack()} /> */}\r\n            <div className=\"mt-0 apps-store-main\">\r\n                <div className=\"container1 mt-1 nx-subscription-page mb-5\">\r\n                    <div className='table-responsive'>\r\n                        <NxGridList\r\n                            enableSearch={true}\r\n                            autoSearch={true}\r\n                            enableAutoPagination={true}\r\n                            showShowing={true}\r\n                            header={[\r\n                                {\r\n                                    name: 'Service Name',\r\n                                    sort: false,\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'Version Number',\r\n                                    sort: false,\r\n                                },\r\n                                {\r\n                                    name: 'Total Subscribed',\r\n                                    sort: false,\r\n                                },\r\n                                {\r\n                                    name: 'Assigned'\r\n                                },\r\n                                {\r\n                                    name: 'Remaining'\r\n                                },\r\n                                {\r\n                                    name: 'Customer Count'\r\n                                }\r\n\r\n                            ]}\r\n                            rowClick={(datas) => {\r\n                                showLicenseTable(datas);\r\n                            }}\r\n                            data={data}\r\n                        />\r\n                    </div>\r\n                </div>\r\n                <div style={{ height: 30 }} />\r\n\r\n            </div >\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport './CompanyLicenseManagement.css';\r\nimport { useHistory } from 'react-router';\r\nimport { Tabs, Switch, Rate, Modal, PageHeader, Tag, Button, Tooltip, Alert, Space } from 'antd';\r\nimport { AppstoreOutlined, DashboardOutlined } from '@ant-design/icons';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui'\r\nimport { NxLoader, NxTitleTab, NxFooter, NxGridList } from '@afiplfeed/itr-app';\r\nimport Headers from '../../../../../Screens/Headers/Headers';\r\nimport moment from 'moment';\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\n\r\nconst splits = async (dests, setData) => {\r\n    let arr = [];\r\n    for (let value of dests) {\r\n        let data = [value.EntityName, value.ServiceName, value.VersionNo, value.TotalSubscribed, value.TotalAssigned || '0', value.Remaining];\r\n        let obj = { sendItem: value, data: data };\r\n        arr = [...arr, obj]\r\n    }\r\n    setData(arr)\r\n}\r\n\r\n\r\nexport default function CompanyLicenseManagement() {\r\n    const { TabPane } = Tabs;\r\n    let history = useHistory();\r\n    // subscription \r\n\r\n    const [subscriptionData, setSubscriptionData] = useState([]);\r\n    const [subscriptionId, setSubscriptionId] = useState('');\r\n    const [clientId, setClientid] = useState('');\r\n    const [enrollmentId, setEnrollmentId] = useState('');\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    // list-Subscription-Api\r\n    const getData = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/EntitySubscription/CompanyWiseSubscriptionList'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let dataVal = result.result.data;\r\n            if (dataVal === null || !dataVal.length) {\r\n                // NotificationManager.error(result.result.message);\r\n            }\r\n            else {\r\n                // setData()\r\n                splits(dataVal, setData);\r\n                setSubscriptionData(dataVal);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n        }\r\n    }\r\n\r\n    const initiate = async () => {\r\n        setLoader(true);\r\n        await getData();\r\n        setLoader(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        initiate();\r\n    }, [])\r\n\r\n    const [data, setData] = useState([])\r\n\r\n\r\n    return (\r\n        <>\r\n            <NxLoader state={loader} />\r\n            {/* <Headers /> */}\r\n            {/* <NxTitleTab className=\"title-tab\" title=\"License Vault\" onCloseClick={() => history.goBack()} /> */}\r\n            <div className=\"mt-0 apps-store-main\">\r\n                <div className=\"container1 mt-1 nx-subscription-page mb-5\">\r\n                    <div className='table-responsive'>\r\n                        <NxGridList\r\n                            enableSearch={true}\r\n                            autoSearch={true}\r\n                            enableAutoPagination={true}\r\n                            showShowing={true}\r\n                            header={[\r\n                                {\r\n                                    name: 'Company Name',\r\n                                    sort: true,\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'Service Name',\r\n                                    sort: true,\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'Version Number',\r\n                                    sort: false,\r\n                                },\r\n                                {\r\n                                    name: 'Total Subscribed',\r\n                                    sort: false,\r\n                                },\r\n                                {\r\n                                    name: 'Assigned'\r\n                                },\r\n                                {\r\n                                    name: 'Remaining'\r\n                                }\r\n                            ]}\r\n                            rowClick={(datas) => {\r\n                                showLicenseTable(datas);\r\n                            }}\r\n                            data={data}\r\n                        />\r\n                    </div>\r\n                </div>\r\n                <div style={{ height: 30 }} />\r\n\r\n            </div >\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\nimport './LicenseVault.css';\r\nimport { useHistory } from 'react-router';\r\nimport { NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport { DatePicker, Tabs } from 'antd';\r\nimport { DashboardOutlined, FormOutlined } from '@ant-design/icons';\r\nimport LicenseManagement from './LicenseManagement/LicenseManagement';\r\nimport CompanyLicenseManagement from './CompanyLicenseManagement/CompanyLicenseManagement';\r\nimport Headers from '../../../../Screens/Headers/Headers';\r\n\r\nexport default function LicenseVault() {\r\n    const { TabPane } = Tabs;\r\n    let history = useHistory();\r\n\r\n    const [activeString, setActiveString] = useState('1')\r\n    useEffect(() => {\r\n        let s = sessionStorage.getItem('rc');\r\n        if (s) {\r\n            setActiveString(s)\r\n        }\r\n    }, []);\r\n    return (\r\n        <>\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"License Vault\" onCloseClick={() => {\r\n                sessionStorage.removeItem('rc');\r\n                history.goBack()\r\n            }} />\r\n            <div className=\"billing-tabs billing-main\">\r\n                <Tabs defaultActiveKey=\"1\" type=\"card\" activeKey={activeString} onChange={(e) => {\r\n                    setActiveString(e);\r\n                    sessionStorage.setItem('rc', e)\r\n                }}>\r\n                    <TabPane tab={\r\n                        <div className=\"d-flex justify-content-center px-2\">\r\n                            <span ><DashboardOutlined /></span>\r\n                            <span style={{ fontSize: '16px' }} >License Management</span>\r\n                        </div>\r\n                    } key=\"1\">\r\n                        <LicenseManagement />\r\n                    </TabPane>\r\n\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        <span ><FormOutlined /></span>\r\n                        <span style={{ fontSize: '16px' }}>Company License Management</span>\r\n                    </div>} key=\"2\">\r\n                        <CompanyLicenseManagement />\r\n                    </TabPane>\r\n                </Tabs>\r\n            </div>\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from \"react\";\r\nimport './EditCustomerSummary.css';\r\nimport { useHistory, useLocation } from 'react-router-dom';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport { NxBreadcrumb, NxTitleTab, NxCustomTab, NxLoader, NxFooter, NxGridList } from '@afiplfeed/itr-app';\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport { message, Switch } from 'antd';\r\nimport { NotificationManager } from \"react-notifications\";\r\nimport InvoiceData from \"../../customerBoard/nexTabs/InvoiceData/InvoiceData\";\r\nimport moment from \"moment\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faDownload, faEye } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\nexport default function EditCustomerSummary({ }) {\r\n    const [copyTo, setCopyTo] = useState(false);\r\n    const [loading, setLoading] = useState(false);\r\n    const [isModalVisible, setIsModalVisible] = useState(false);\r\n    let location = useLocation();\r\n    const [selectedVal, setSelectedVal] = useState({})\r\n    const [summary, setSummary] = useState({});\r\n    const [loader, setLoader] = useState(false);\r\n    const [data, setData] = useState([]);\r\n    const [dataVal, setDataVal] = useState([]);\r\n    const [allUdo, setAllUdo] = useState([]);\r\n    const [allUdoIndustry, setAllUdoIndustry] = useState([]);\r\n    const [allUdoOwnership, setAllUdoOwnership] = useState([]);\r\n\r\n    const [vald1, setVald] = useState({\r\n        tcFirstName: true,\r\n        tcLastName: true,\r\n        tcPhone: true,\r\n        tcDesignation: true,\r\n        tcDepartment: true,\r\n        tcEmail: true,\r\n\r\n        acFirstName: true,\r\n        acLastName: true,\r\n        acPhone: true,\r\n        acDesignation: true,\r\n        acDepartment: true,\r\n        acEmail: true,\r\n\r\n        bcFirstName: true,\r\n        bcLastName: true,\r\n        bcPhone: true,\r\n        bcDesignation: true,\r\n        bcDepartment: true,\r\n        bcEmail: true,\r\n    })\r\n\r\n    let UdoData = [\"Enquiry Status\", \"Nature Of Business\", \"Industry\", \"Ownership\", \"Source\"];\r\n    const getUdo = async () => {\r\n        let result = await ItrApiService.POST({\r\n            url: 'Platform/UserDefined/AllUDOs',\r\n            data: UdoData\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getCustomerDetails = result.result.data;\r\n            let getOptions = getCustomerDetails[1].Options;\r\n            for (let val of getCustomerDetails) {\r\n                if (val.CategoryName == 'Industry') setAllUdoIndustry(val.Options);\r\n                if (val.CategoryName == 'Ownership') setAllUdoOwnership(val.Options);\r\n            }\r\n            setAllUdo(getOptions);\r\n\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    // Partners\r\n    const [allPartners, setAllPartners] = useState([]);\r\n    const getPartners = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/PartnerInformation'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getPartnerDetails = result.result.data;\r\n            setAllPartners(getPartnerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n        }\r\n    }\r\n    const [datas, setDatas] = useState({\r\n        \"billerInfoID\": 0,\r\n        \"businessName\": \"\",\r\n        \"supportEmail\": \"\",\r\n        \"supportPhone\": \"\",\r\n        \"businessWebsite\": \"\",\r\n        \"businessLogo\": \"\",\r\n        \"addressLine1\": \"\",\r\n        \"addressLine2\": \"\",\r\n        \"city\": \"\",\r\n        \"state\": \"\",\r\n        \"pinCode\": \"\",\r\n        \"country\": \"\",\r\n        \"cin\": \"\",\r\n        \"pan\": \"\",\r\n        \"gst\": \"\",\r\n        \"tan\": \"\"\r\n    });\r\n\r\n    const [currencyData, setCurrencyData] = useState([]);\r\n\r\n    const getCurrency = () => {\r\n        ItrApiService.GET({\r\n            url: 'RevOps/CurrencyExchangeRate/GetAllCurrencyExchangeRate'\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setCurrencyData(res.result.data);\r\n                    }\r\n                } else {\r\n                    NotificationManager.error(res.result.message);\r\n                }\r\n            } else {\r\n                NotificationManager.error(res.message);\r\n            }\r\n            setLoading(false);\r\n        });\r\n    }\r\n\r\n    useEffect(() => {\r\n        setLoading(true);\r\n        getPartners();\r\n        getCurrency();\r\n        getUdo();\r\n        let params = null;\r\n        let value = localStorage.getItem('passData');\r\n        if (location.state && location.state.passData) {\r\n            params = location.state.passData\r\n            setSummary(location.state.passData);\r\n        }\r\n        else if (value) {\r\n            params = JSON.parse(value);\r\n            setSummary(JSON.parse(value));\r\n            // setSaveEditCustomer(JSON.parse(value));\r\n        }\r\n        else {\r\n            history.goBack();\r\n        }\r\n        // await getCities();\r\n        // await getCountry();\r\n        // await getZipCodes();\r\n        // await getStates();\r\n        setLoading(false);\r\n    }, []);\r\n\r\n\r\n    let history = useHistory();\r\n    const [handel, setHandel] = useState(false);\r\n\r\n    const [platformAcc, setPlatformAcc] = useState(false);\r\n\r\n    const platformAccess = (e) => {\r\n        setLoading(true);\r\n        ItrApiService.POST({\r\n            url: 'RevOps/Entity/PlatformAccess',\r\n            data: {\r\n                entityID: summary.entityID,\r\n                entityCode: summary.entityCode,\r\n                isAccess: e\r\n            }\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    setLoading(false);\r\n                    NotificationManager.success('Successfully Updated');\r\n                    history.push('/customers');\r\n                }\r\n                else {\r\n                    setPlatformAcc(false);\r\n                    setLoading(false);\r\n                    NotificationManager.error(res.result.message);\r\n                }\r\n            }\r\n            else {\r\n                setPlatformAcc(false);\r\n                setLoading(false);\r\n                NotificationManager.error(res.message);\r\n            }\r\n        })\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            {/* <NxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                },\r\n                {\r\n                    name: 'Enquiry List',\r\n                    onClick: () => {\r\n                        history.push('/enquiry');\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            <NxTitleTab className=\"title-tab\" title={summary?.companyName} onCloseClick={() => {\r\n                history.goBack();\r\n                localStorage.removeItem('passData');\r\n            }} />\r\n\r\n            <div className=\"mx-5 text-end\">\r\n                <div className=\"mt-2 d-flex justify-content-end\">\r\n                    <button className=\"btn btn-sm btn-primary\"\r\n                        onClick={() => {\r\n                            let obj = {\r\n                                tcFirstName: true,\r\n                                tcLastName: true,\r\n                                tcDesignation: true,\r\n                                tcDepartment: true,\r\n                                tcPhone: true,\r\n                                tcEmail: true,\r\n\r\n                                acFirstName: true,\r\n                                acLastName: true,\r\n                                acDesignation: true,\r\n                                acDepartment: true,\r\n                                acPhone: true,\r\n                                acEmail: true,\r\n\r\n                                bcFirstName: true,\r\n                                bcLastName: true,\r\n                                bcDesignation: true,\r\n                                bcDepartment: true,\r\n                                bcPhone: true,\r\n                                bcEmail: true\r\n                            }\r\n\r\n                            if (!summary.technicalContact) {\r\n                                obj = {\r\n                                    tcFirstName: false,\r\n                                    tcLastName: false,\r\n                                    tcDesignation: false,\r\n                                    tcDepartment: false,\r\n                                    tcPhone: false,\r\n                                    tcEmail: false,\r\n\r\n                                    acFirstName: false,\r\n                                    acLastName: false,\r\n                                    acDesignation: false,\r\n                                    acDepartment: false,\r\n                                    acPhone: false,\r\n                                    acEmail: false,\r\n\r\n                                    bcFirstName: false,\r\n                                    bcLastName: false,\r\n                                    bcDesignation: false,\r\n                                    bcDepartment: false,\r\n                                    bcPhone: false,\r\n                                    bcEmail: false\r\n                                }\r\n                                setVald({ ...vald1, ...obj })\r\n                            } else {\r\n                                if (!summary.technicalContact.firstName\r\n                                    || summary.technicalContact.firstName == ''\r\n                                    || !summary.technicalContact.lastName\r\n                                    || summary.technicalContact.lastName == ''\r\n                                    || !summary.administrativeContact.designation\r\n                                    || summary.administrativeContact.designation == ''\r\n                                    || !summary.administrativeContact.department\r\n                                    || summary.administrativeContact.department == ''\r\n                                    || !summary.technicalContact.phoneNo\r\n                                    || summary.technicalContact.phoneNo == ''\r\n                                    || !summary.technicalContact.emailID\r\n                                    || summary.technicalContact.emailID == ''\r\n                                    || !summary.administrativeContact.firstName\r\n                                    || summary.administrativeContact.firstName == ''\r\n                                    || !summary.administrativeContact.lastName\r\n                                    || summary.administrativeContact.lastName == ''\r\n                                    || !summary.administrativeContact.designation\r\n                                    || summary.administrativeContact.designation == ''\r\n                                    || !summary.administrativeContact.department\r\n                                    || summary.administrativeContact.department == ''\r\n                                    || !summary.administrativeContact.phoneNo\r\n                                    || summary.administrativeContact.phoneNo == ''\r\n                                    || !summary.administrativeContact.emailID\r\n                                    || summary.administrativeContact.emailID == ''\r\n\r\n                                    || !summary.billingContact.firstName\r\n                                    || summary.billingContact.firstName == ''\r\n                                    || !summary.billingContact.lastName\r\n                                    || summary.billingContact.lastName == ''\r\n                                    || !summary.billingContact.designation\r\n                                    || summary.billingContact.designation == ''\r\n                                    || !summary.billingContact.department\r\n                                    || summary.billingContact.department == ''\r\n                                    || !summary.billingContact.phoneNo\r\n                                    || summary.billingContact.phoneNo == ''\r\n                                    || !summary.billingContact.emailID\r\n                                    || summary.billingContact.emailID == ''\r\n                                ) {\r\n                                    if (!summary.technicalContact.firstName || summary.technicalContact.firstName == '') obj = { ...obj, tcFirstName: false }\r\n                                    if (!summary.technicalContact.lastName || summary.technicalContact.lastName == '') obj = { ...obj, tcLastName: false }\r\n                                    if (!summary.technicalContact.designation || summary.technicalContact.designation == '') obj = { ...obj, tcDesignation: false }\r\n                                    if (!summary.technicalContact.department || summary.technicalContact.department == '') obj = { ...obj, tcDepartment: false }\r\n                                    if (!summary.technicalContact.phoneNo || summary.technicalContact.phoneNo == '') obj = { ...obj, tcPhone: false }\r\n                                    if (!summary.technicalContact.emailID || summary.technicalContact.emailID == '') obj = { ...obj, tcEmail: false }\r\n\r\n                                    if (!summary.administrativeContact.firstName || summary.administrativeContact.firstName == '') obj = { ...obj, acFirstName: false }\r\n                                    if (!summary.administrativeContact.lastName || summary.administrativeContact.lastName == '') obj = { ...obj, acLastName: false }\r\n                                    if (!summary.administrativeContact.designation || summary.administrativeContact.designation == '') obj = { ...obj, acDesignation: false }\r\n                                    if (!summary.administrativeContact.department || summary.administrativeContact.department == '') obj = { ...obj, acDepartment: false }\r\n                                    if (!summary.administrativeContact.phoneNo || summary.administrativeContact.phoneNo == '') obj = { ...obj, acPhone: false }\r\n                                    if (!summary.administrativeContact.emailID || summary.administrativeContact.emailID == '') obj = { ...obj, acEmail: false }\r\n\r\n                                    if (!summary.billingContact.firstName || summary.billingContact.firstName == '') obj = { ...obj, bcFirstName: false }\r\n                                    if (!summary.billingContact.lastName || summary.billingContact.lastName == '') obj = { ...obj, bcLastName: false }\r\n                                    if (!summary.billingContact.designation || summary.billingContact.designation == '') obj = { ...obj, bcDesignation: false }\r\n                                    if (!summary.billingContact.department || summary.billingContact.department == '') obj = { ...obj, bcDepartment: false }\r\n                                    if (!summary.billingContact.phoneNo || summary.billingContact.phoneNo == '') obj = { ...obj, bcPhone: false }\r\n                                    if (!summary.billingContact.emailID || summary.billingContact.emailID == '') {\r\n                                        obj = { ...obj, bcEmail: false }\r\n                                    }\r\n                                    setVald({ ...vald1, ...obj });\r\n                                } else {\r\n                                    setVald({ ...vald1, ...obj });\r\n                                }\r\n                            }\r\n\r\n                            if (obj.tcFirstName == true && obj.tcLastName == true && obj.tcDesignation == true && obj.tcDepartment == true && obj.tcPhone == true && obj.tcEmail == true &&\r\n                                obj.acFirstName == true && obj.acLastName == true && obj.acDesignation == true && obj.acDepartment == true && obj.acPhone == true && obj.acEmail == true &&\r\n                                obj.bcFirstName == true && obj.bcLastName == true && obj.bcDesignation == true && obj.bcDepartment == true && obj.bcPhone == true && obj.bcEmail == true) {\r\n                                ItrApiService.POST({\r\n                                    url: 'RevOps/Entity/SaveEntity',\r\n                                    data: summary\r\n                                }).then((res) => {\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            setLoading(false);\r\n                                            message.success('Successfully Updated');\r\n                                            history.push('/customers');\r\n                                        }\r\n                                        else {\r\n                                            setLoading(false);\r\n                                            message.warning(res.result.message);\r\n                                        }\r\n                                    }\r\n                                    else {\r\n                                        message.warning(res.message);\r\n                                        setLoading(false);\r\n                                    }\r\n                                    setLoading(false);\r\n                                })\r\n                            }\r\n\r\n                        }}\r\n                    >Update</button>\r\n                </div>\r\n            </div>\r\n\r\n            <NxCustomTab\r\n                className=\"mb-5\"\r\n                data={[\r\n                    {\r\n                        name: \"Company Information\",\r\n                        Components: () => {\r\n                            return (\r\n                                <div className=\"container-form\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                            <div className=\"row\">\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"lastName\">Company Name</label>\r\n                                                    <input className=\"form-control form-control-sm\"\r\n                                                        value={summary.companyName}\r\n                                                        onChange={(e) => setSummary({ ...summary, companyName: e.target.value })}\r\n                                                    />\r\n                                                    {/* <p className=\"summary-data\">  {summary.companyName}</p> */}\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Full Name</label>\r\n                                                    <input className=\"form-control form-control-sm\"\r\n                                                        value={summary.fullName}\r\n                                                        onChange={(e) => setSummary({ ...summary, fullName: e.target.value })}\r\n                                                    />\r\n                                                    {/* <p className=\"summary-data\">  {summary.fullName}</p> */}\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"Email\">Email</label>\r\n                                                    <input className=\"form-control form-control-sm\"\r\n                                                        value={summary.email}\r\n                                                        onChange={(e) => setSummary({ ...summary, email: e.target.value })}\r\n                                                    />\r\n                                                    {/* <p className=\"summary-data\">  {summary.email}</p> */}\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"Phone\">Phone</label>\r\n                                                    <input className=\"form-control form-control-sm\"\r\n                                                        minLength=\"10\" maxLength=\"15\"\r\n                                                        value={summary.phone}\r\n                                                        onChange={(e) => {\r\n                                                            var reg = new RegExp('^[0-9]*$');\r\n                                                            if (e.target.value != '' && reg.test(e.target.value) != false) {\r\n                                                                setSummary({ ...summary, phoneNo: e.target.value })\r\n                                                            }\r\n                                                            if (e.target.value == '') {\r\n                                                                setSummary({ ...summary, phoneNo: e.target.value })\r\n                                                            }\r\n                                                        }}\r\n                                                    // onChange={(e) => setSummary({ ...summary, phone: e.target.value })}\r\n                                                    />\r\n                                                    {/* <p className=\"summary-data\">  {summary.phone}</p> */}\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"Phone\">Role</label>\r\n                                                    <input className=\"form-control form-control-sm\"\r\n                                                        value={summary.role}\r\n                                                        onChange={(e) => setSummary({ ...summary, role: e.target.value })}\r\n                                                    />\r\n                                                    {/* <p className=\"summary-data\">  {summary.role}</p> */}\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"Phone\">Time to Buy</label>\r\n                                                    <select class=\"form-select form-select-sm\" id=\"timeToBuy\"\r\n                                                        value={summary.timeToBuy}\r\n                                                        onChange={(e) => setSummary({ ...summary, timeToBuy: e.target.value })}\r\n                                                    >\r\n                                                        <option value=\"\" disabled>--Please-select--</option>\r\n                                                        <option value=\"Immediately\" >Immediately</option>\r\n                                                        <option value=\"Within 30 days\" >Within 30 days</option>\r\n                                                        <option value=\"Within 60 days\" >Within 60 days</option>\r\n                                                        <option value=\"Within 90 days\" >Within 90 days</option>\r\n                                                        <option value=\"Just enquiring\" >Just Enquiring</option>\r\n                                                    </select>\r\n                                                    {/* <p className=\"summary-data\">  {summary.timeToBuy}</p> */}\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                                    <label htmlFor=\"Phone\">Source</label>\r\n                                                    <select class=\"form-select form-select-sm\" aria-label=\"Default select example\"\r\n                                                        disabled\r\n                                                        value={summary.sourcedBy}\r\n                                                        onChange={(e) => setSummary({ ...summary, sourcedBy: e.target.value })}\r\n                                                    >\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        <option value=\"Advertisement\" >Advertisement</option>\r\n                                                        <option value=\"Cold Call\" >Cold Call</option>\r\n                                                        <option value=\"Employee Referal\" >Employee Referal</option>\r\n                                                        <option value=\"External Referal\" >External Referal</option>\r\n                                                        <option value=\"Online\" >Online</option>\r\n                                                        <option value=\"Partner\" >Partner</option>\r\n                                                        <option value=\"Public Relations\" >Public Relations</option>\r\n                                                        <option value=\"Sales Mail\" >Sales Mail</option>\r\n                                                        <option value=\"Seminar Partner\" >Seminar Partner</option>\r\n                                                        <option value=\"Seminar Internal\" >Seminar Internal</option>\r\n                                                        <option value=\"Trade Show\" >Trade Show</option>\r\n                                                        <option value=\"Database\" >Database</option>\r\n                                                    </select>\r\n                                                    {/* <p className=\"summary-data\">  {summary.sourcedBy}</p> */}\r\n                                                </div>\r\n\r\n                                                <div className={`col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2 ${summary.sourcedBy == 'Partner' ? 'mb-0' : 'mb-5'}`}>\r\n                                                    <label htmlFor=\"Phone\">Status</label>\r\n                                                    <select class=\"form-select form-select-sm\" aria-label=\"Default select example\"\r\n                                                        value={summary.role}\r\n                                                        disabled\r\n                                                        onChange={(e) => setSummary({ ...summary, role: e.target.value })}\r\n                                                    >\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        {allUdo && allUdo.map((data, index) => {\r\n                                                            return <option key={index} value={data.UDOptionName}> {data.UDOptionName} </option>\r\n                                                        })}\r\n                                                    </select>\r\n                                                    {/* {allUdo && allUdo.map((data, index) => {\r\n                                                        return <p className=\"summary-data\">  {data.UDOptionName}</p>\r\n                                                    })} */}\r\n                                                    {/* <p className=\"summary-data\">  {summary.status}</p> */}\r\n                                                    {/* <p className=\"summary-data\">  Active </p> */}\r\n                                                </div>\r\n\r\n                                                <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2 mb-5\" hidden={summary.sourcedBy == 'Partner' ? false : true}>\r\n                                                    <label htmlFor=\"partner\">Partner</label>\r\n                                                    <select class=\"form-select form-select-sm\" aria-label=\"Default select example\"\r\n                                                        disabled\r\n                                                        value={summary.partnerID}\r\n                                                        onChange={(e) => setSummary({ ...summary, partnerID: e.target.value })}\r\n                                                    >\r\n                                                        <option value=\"\" selected hidden></option>\r\n                                                        <option disabled>--Please-select--</option>\r\n                                                        {allPartners && allPartners.map((data, index) => {\r\n                                                            return <option key={index} value={data.partnerInformationID}> {data.partnerName} </option>\r\n                                                        })}\r\n                                                    </select>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            )\r\n                        }\r\n                    },\r\n                    {\r\n                        name: \"Contact Information\",\r\n                        Components: () => <div className=\"container-form\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                    <div className=\"d-flex justify-content-between align-content-center\">\r\n                                        <label className=\"contacts1 contacts fw-bold\">Technical Contact <span style={{ color: 'red' }}> * </span></label>\r\n                                        <div className=\"d-flex align-items-center copy-content\">\r\n                                            <span style={{ fontSize: '11px' }} className=\"text-primary\">Copy to All</span>\r\n                                            <input type=\"checkbox\" className=\"mx-1 chx form-check-input\" checked={copyTo}\r\n                                                onChange={(e) => {\r\n                                                    setCopyTo(e.target.checked);\r\n                                                    let vals = summary.technicalContact;\r\n                                                    if (e.target.checked == true) {\r\n                                                        setSummary({\r\n                                                            ...summary, administrativeContact: {\r\n                                                                ...summary.administrativeContact, firstName: summary.technicalContact.firstName,\r\n                                                                lastName: summary.technicalContact.lastName, designation: summary.technicalContact.designation, department: summary.technicalContact.department,\r\n                                                                phoneNo: summary.technicalContact.phoneNo, emailID: summary.technicalContact.emailID\r\n                                                            }, billingContact: {\r\n                                                                ...summary.billingContact, firstName: summary.technicalContact.firstName,\r\n                                                                lastName: summary.technicalContact.lastName, designation: summary.technicalContact.designation, department: summary.technicalContact.department,\r\n                                                                phoneNo: summary.technicalContact.phoneNo, emailID: summary.technicalContact.emailID\r\n                                                            }\r\n\r\n                                                        })\r\n\r\n                                                    }\r\n                                                }}\r\n                                            />\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">First Name</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.technicalContact?.firstName}\r\n                                                onChange={(e) => setSummary({ ...summary, technicalContact: { ...summary.technicalContact, firstName: e.target.value } })}\r\n                                            />\r\n                                            <div className={vald1.tcFirstName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter First Name.\r\n                                            </div>\r\n                                            {/* <p> {summary?.technicalContact?.firstName ? summary?.technicalContact?.firstName : '-'} </p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"lastName\">Last Name</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.technicalContact?.lastName}\r\n                                                onChange={(e) => setSummary({ ...summary, technicalContact: { ...summary.technicalContact, lastName: e.target.value } })}\r\n                                            />\r\n                                            <div className={vald1.tcLastName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter Last Name.\r\n                                            </div>\r\n                                            {/* <p> {summary?.technicalContact?.lastName ? summary?.technicalContact?.lastName : '-'} </p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Designation</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.technicalContact?.designation}\r\n                                                onChange={(e) => setSummary({ ...summary, technicalContact: { ...summary.technicalContact, designation: e.target.value } })}\r\n                                            />\r\n                                            <div className={vald1.tcDesignation == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter Designation.\r\n                                            </div>\r\n                                            {/* <p> {summary?.technicalContact?.designation ? summary?.technicalContact?.designation : '-'} </p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Department</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.technicalContact?.department}\r\n                                                onChange={(e) => setSummary({ ...summary, technicalContact: { ...summary.technicalContact, department: e.target.value } })}\r\n                                            />\r\n                                            <div className={vald1.tcDepartment == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter Department.\r\n                                            </div>\r\n                                            {/* <p> {summary?.technicalContact?.department ? summary?.technicalContact?.department : '-'} </p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-lg-12 col-xl-12 col-md-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Phone</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                minLength=\"10\" maxLength=\"15\"\r\n                                                value={summary.technicalContact?.phoneNo}\r\n                                                onChange={(e) => {\r\n                                                    var reg = new RegExp('^[0-9]*$');\r\n                                                    if (e.target.value != '' && reg.test(e.target.value) != false) {\r\n                                                        setSummary({ ...summary, technicalContact: { ...summary.technicalContact, phoneNo: e.target.value } })\r\n                                                    }\r\n                                                    if (e.target.value == '') {\r\n                                                        setSummary({ ...summary, technicalContact: { ...summary.technicalContact, phoneNo: e.target.value } })\r\n                                                    }\r\n                                                }}\r\n                                            // onChange={(e) => setSummary({ ...summary, technicalContact: { ...summary.technicalContact, phoneNo: e.target.value } })}\r\n                                            />\r\n                                            <div className={vald1.tcPhone == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter Phone.\r\n                                            </div>\r\n                                            {/* <p> {summary?.technicalContact?.phoneNo ? summary?.technicalContact?.phoneNo : '-'} </p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Email</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.technicalContact?.emailID}\r\n                                                onChange={(e) => setSummary({ ...summary, technicalContact: { ...summary.technicalContact, emailID: e.target.value } })}\r\n                                            />\r\n                                            <div className={vald1.tcEmail == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter Email.\r\n                                            </div>\r\n                                            {/* <p> {summary?.technicalContact?.emailID ? summary?.technicalContact?.emailID : '-'} </p> */}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                    <div className=\"d-flex justify-content-between align-content-center\">\r\n                                        <label className=\"contacts1 contacts fw-bold\">Administrative Contact</label>\r\n                                    </div>\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">First Name</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.administrativeContact?.firstName}\r\n                                                onChange={(e) => setSummary({ ...summary, administrativeContact: { ...summary.administrativeContact, firstName: e.target.value } })}\r\n                                            />\r\n                                            <div className={vald1.acFirstName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter First Name.\r\n                                            </div>\r\n                                            {/* <p> {summary?.administrativeContact?.firstName ? summary?.administrativeContact?.firstName : '-'} </p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"lastName\">Last Name</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.administrativeContact?.lastName}\r\n                                                onChange={(e) => setSummary({ ...summary, administrativeContact: { ...summary.administrativeContact, lastName: e.target.value } })}\r\n                                            />\r\n                                            <div className={vald1.acLastName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter Last Name.\r\n                                            </div>\r\n                                            {/* <p> {summary?.administrativeContact?.lastName ? summary?.administrativeContact?.lastName : '-'} </p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Designation</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.administrativeContact?.designation}\r\n                                                onChange={(e) => setSummary({ ...summary, administrativeContact: { ...summary.administrativeContact, designation: e.target.value } })}\r\n                                            />\r\n                                            <div className={vald1.acDesignation == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter Designation.\r\n                                            </div>\r\n                                            {/* <p> {summary?.administrativeContact?.designation ? summary?.administrativeContact?.designation : '-'} </p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Department</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.administrativeContact?.department}\r\n                                                onChange={(e) => setSummary({ ...summary, administrativeContact: { ...summary.administrativeContact, department: e.target.value } })}\r\n                                            />\r\n                                            <div className={vald1.acDepartment == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter Department.\r\n                                            </div>\r\n                                            {/* <p> {summary?.administrativeContact?.department ? summary?.administrativeContact?.department : '-'} </p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-lg-12 col-xl-12 col-md-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Phone</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                minLength=\"10\" maxLength=\"15\"\r\n                                                value={summary.administrativeContact?.phoneNo}\r\n                                                onChange={(e) => {\r\n                                                    var reg = new RegExp('^[0-9]*$');\r\n                                                    if (e.target.value != '' && reg.test(e.target.value) != false) {\r\n                                                        setSummary({ ...summary, administrativeContact: { ...summary.administrativeContact, phoneNo: e.target.value } })\r\n                                                    }\r\n                                                    if (e.target.value == '') {\r\n                                                        setSummary({ ...summary, administrativeContact: { ...summary.administrativeContact, phoneNo: e.target.value } })\r\n                                                    }\r\n                                                }\r\n                                                    // setSummary({...summary, administrativeContact: {...summary.administrativeContact, phoneNo: e.target.value } })\r\n                                                }\r\n                                            />\r\n                                            <div className={vald1.acPhone == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter Phone.\r\n                                            </div>\r\n                                            {/* <p> {summary?.administrativeContact?.phoneNo ? summary?.administrativeContact?.phoneNo : '-'} </p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Email</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.administrativeContact?.emailID}\r\n                                                onChange={(e) => setSummary({ ...summary, administrativeContact: { ...summary.administrativeContact, emailID: e.target.value } })}\r\n                                            />\r\n                                            <div className={vald1.acEmail == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter Email.\r\n                                            </div>\r\n                                            {/* <p> {summary?.administrativeContact?.emailID ? summary?.administrativeContact?.emailID : '-'} </p> */}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2\">\r\n                                    <label className=\"contacts1 contacts fw-bold\">Billing Contact</label>\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">First Name</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.billingContact?.firstName}\r\n                                                onChange={(e) => setSummary({ ...summary, billingContact: { ...summary.billingContact, firstName: e.target.value } })}\r\n                                            />\r\n                                            <div className={vald1.bcFirstName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter First Name.\r\n                                            </div>\r\n                                            {/* <p> {summary?.billingContact?.firstName ? summary?.billingContact?.firstName : '-'} </p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"lastName\">Last Name</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.billingContact?.lastName}\r\n                                                onChange={(e) => setSummary({ ...summary, billingContact: { ...summary.billingContact, lastName: e.target.value } })}\r\n                                            />\r\n                                            <div className={vald1.bcLastName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter Last Name.\r\n                                            </div>\r\n                                            {/* <p> {summary?.billingContact?.lastName ? summary?.billingContact?.lastName : '-'} </p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Designation</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.billingContact?.designation}\r\n                                                onChange={(e) => setSummary({ ...summary, billingContact: { ...summary.billingContact, designation: e.target.value } })}\r\n                                            />\r\n                                            <div className={vald1.bcDesignation == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter Designation.\r\n                                            </div>\r\n                                            {/* <p> {summary?.billingContact?.designation ? summary?.billingContact?.designation : '-'} </p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Department</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.billingContact?.department}\r\n                                                onChange={(e) => setSummary({ ...summary, billingContact: { ...summary.billingContact, department: e.target.value } })}\r\n                                            />\r\n                                            <div className={vald1.bcDepartment == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter Department.\r\n                                            </div>\r\n                                            {/* <p> {summary?.billingContact?.department ? summary?.billingContact?.department : '-'} </p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-lg-12 col-xl-12 col-md-12 mt-2\">\r\n                                            <label htmlFor=\"firstName\">Phone</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                minLength=\"10\" maxLength=\"15\"\r\n                                                value={summary.billingContact?.phoneNo}\r\n                                                onChange={(e) => {\r\n                                                    var reg = new RegExp('^[0-9]*$');\r\n                                                    if (e.target.value != '' && reg.test(e.target.value) != false) {\r\n                                                        setSummary({ ...summary, billingContact: { ...summary.billingContact, phoneNo: e.target.value } })\r\n                                                    }\r\n                                                    if (e.target.value == '') {\r\n                                                        setSummary({ ...summary, billingContact: { ...summary.billingContact, phoneNo: e.target.value } })\r\n                                                    }\r\n                                                }}\r\n                                            // onChange={(e) => setSummary({ ...summary, billingContact: { ...summary.billingContact, phoneNo: e.target.value } })}\r\n                                            />\r\n                                            <div className={vald1.bcPhone == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter Phone.\r\n                                            </div>\r\n                                            {/* <p> {summary?.billingContact?.phoneNo ? summary?.billingContact?.phoneNo : '-'} </p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-6 col-md-6 col-lg-12 col-xl-12 mt-2 mb-5\">\r\n                                            <label htmlFor=\"firstName\">Email</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.billingContact?.emailID}\r\n                                                onChange={(e) => setSummary({ ...summary, billingContact: { ...summary.billingContact, emailID: e.target.value } })}\r\n                                            />\r\n                                            <div className={vald1.bcEmail == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please Enter Email.\r\n                                            </div>\r\n                                            {/* <p> {summary?.billingContact?.emailID ? summary?.billingContact?.emailID : '-'} </p> */}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    },\r\n                    {\r\n                        name: \"Commercial Information\",\r\n                        Components: () => <div className=\"container-form\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label >Company identification number (CIN)</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.cin}\r\n                                                onChange={(e) => setSummary({ ...summary, cin: e.target.value })}\r\n                                            />\r\n                                            {/* <p className=\"summary-data\">  {summary.cin}</p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label >Business PAN (Permanent Account Number)</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.pan}\r\n                                                onChange={(e) => setSummary({ ...summary, pan: e.target.value })}\r\n                                            />\r\n                                            {/* <p className=\"summary-data\">  {summary.pan}</p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label >Goods & Services Tax (GST) Identification number</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.gst}\r\n                                                onChange={(e) => setSummary({ ...summary, gst: e.target.value })}\r\n                                            />\r\n                                            {/* <p className=\"summary-data\">  {summary.gst}</p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label htmlFor=\"Phone\">Tax deduction account number (TAN)</label>\r\n                                            <input className=\"form-control form-control-sm\"\r\n                                                value={summary.tan}\r\n                                                onChange={(e) => setSummary({ ...summary, tan: e.target.value })}\r\n                                            />\r\n                                            {/* <p className=\"summary-data\">  {summary.tan}</p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2 mb-5\">\r\n                                            <label htmlFor=\"Phone\">Currency</label>\r\n                                            <select className=\"form-select form-select-sm\"\r\n                                                value={summary.currency}\r\n                                                onChange={(e) => setSummary({ ...summary, currency: e.target.value })}\r\n                                            >\r\n                                                <option value=\"0\" selected>--Please-select--</option>\r\n                                                {currencyData && currencyData.map((data, index) => {\r\n                                                    return <option key={index} value={data.currency.currencyID}> {data.currency.currencyName} </option>\r\n                                                })}\r\n                                            </select>\r\n                                            {/* <p className=\"summary-data\"> {summary.currencyName}</p> */}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label >Agreement</label>\r\n                                            <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"file\"\r\n                                                onChange={(e) => {\r\n                                                    let img = e.target.files[0];\r\n                                                    const fileReader = new FileReader();\r\n                                                    fileReader.readAsDataURL(img)\r\n                                                    fileReader.onload = async () => {\r\n                                                        setSummary({ ...summary, entityBoarding: { ...summary.entityBoarding, agreement: fileReader.result } })\r\n                                                        return fileReader.result\r\n                                                    }\r\n                                                    fileReader.onerror = async () => {\r\n                                                        return false\r\n                                                    }\r\n                                                }}\r\n                                            />\r\n                                            {/* <p className=\"summary-data\">\r\n                                                {summary?.entityBoarding?.agreement ? <a href={summary?.entityBoarding?.agreement ? summary?.entityBoarding?.agreement : '-'} download target=\"_blank\">\r\n                                                    Click to download <FontAwesomeIcon icon={faDownload} size='xs' />\r\n                                                </a> : '-'}\r\n                                            </p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <label >NCNDA</label>\r\n                                            <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"file\"\r\n                                                onChange={(e) => {\r\n                                                    let img = e.target.files[0];\r\n                                                    const fileReader = new FileReader();\r\n                                                    fileReader.readAsDataURL(img)\r\n                                                    fileReader.onload = async () => {\r\n                                                        setSummary({ ...summary, entityBoarding: { ...summary.entityBoarding, ncnda: fileReader.result } })\r\n                                                        return fileReader.result\r\n                                                    }\r\n                                                    fileReader.onerror = async () => {\r\n                                                        return false\r\n                                                    }\r\n                                                }}\r\n                                            />\r\n                                            {/* <p className=\"summary-data\">\r\n                                                {summary?.entityBoarding?.ncnda ? <a href={summary?.entityBoarding?.ncnda ? summary?.entityBoarding?.ncnda : '-'} download target=\"_blank\">\r\n                                                    Click to download <FontAwesomeIcon icon={faDownload} size='xs' />\r\n                                                </a> : '-'}\r\n                                            </p> */}\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2 mb-5\">\r\n                                            <label >Terms of use</label>\r\n                                            <input className=\"form-control form-control-sm\" id=\"firstName\" type=\"file\"\r\n                                                onChange={(e) => {\r\n                                                    let img = e.target.files[0];\r\n                                                    const fileReader = new FileReader();\r\n                                                    fileReader.readAsDataURL(img)\r\n                                                    fileReader.onload = async () => {\r\n                                                        setSummary({ ...summary, entityBoarding: { ...summary.entityBoarding, termsOfUse: fileReader.result } })\r\n                                                        return fileReader.result\r\n                                                    }\r\n                                                    fileReader.onerror = async () => {\r\n                                                        return false\r\n                                                    }\r\n                                                }}\r\n                                            />\r\n                                            {/* <p className=\"summary-data\">\r\n                                                {summary?.entityBoarding?.termsOfUse ? <a href={summary?.entityBoarding?.termsOfUse ? summary?.entityBoarding?.termsOfUse : '-'} download target=\"_blank\">\r\n                                                    Click to download <FontAwesomeIcon icon={faDownload} size='xs' />\r\n                                                </a> : '-'}\r\n                                            </p> */}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    }\r\n                ]}\r\n            />\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import { NxFooter, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport CustomerSidebar from '../../Screens/CustomerSidebar/CustomerSidebar';\r\nimport Headers from '../../Screens/Headers/Headers';\r\nimport { useHistory } from 'react-router-dom';\r\nimport billingEngine from '../../assets/billingEngine.png';\r\nimport gstTax from '../../assets/gst.png';\r\nimport Privacy from '../../assets/password.png';\r\nimport ThirdPartyImg from '../../assets/third-party.png';\r\n\r\nexport default function DownloadHome(){\r\n    let history = useHistory();\r\n    return (\r\n        <div className=\"conatiner dashboard \">\r\n            <Headers />\r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true}  />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                    <NxTitleTab className=\"title-tab\" title='Developers' onCloseClick={() =>  history.push('/dashboard')} />\r\n                    <div className=\"mb-5 mt-0 customer-configuration-main\">\r\n                        <div className=\"container-fluid\">\r\n                            <div className=\"CustomerUsersTab\">\r\n                                <div className=\"row cus-configuration-tab\">\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-2 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={billingEngine} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Developer Framework</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Company setup features including financial details that will be used in the billing, options to add new users to the console system as principals or partners.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            // history.push('/manage-access')\r\n                                                            window.open('https://github.com/A3CodeCast/A3-SDK');\r\n                                                        }}>\r\n                                                        Download A3 SDK\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    \r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n\r\n                                                {/* <img src={gstTax} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Distributed Runtimes</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Configuration of financial elements including currency conversion, billing template & taxation along with a vault feature that lets providers manage licenses.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            // history.push('/administrator/billing-configuration')\r\n                                                            window.open('https://github.com/A3CodeCast/A3-ARL');\r\n                                                        }}>\r\n                                                        Download A3 RTE \r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n\r\n                                                {/* <img src={gstTax} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Authentication Key</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Configuration of financial elements including currency conversion, billing template & taxation along with a vault feature that lets providers manage licenses.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            /// sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/developers/authenticationkey')\r\n                                                        }}>\r\n                                                        Authentication key\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n\r\n                                                {/* <img src={gstTax} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">ADAP Help</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Configuration of financial elements including currency conversion, billing template & taxation along with a vault feature that lets providers manage licenses.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/developers/onlinehelp')\r\n                                                        }}>\r\n                                                        Online Help\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div style={{ height: 50 }} />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import { NxFooter, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport CustomerSidebar from '../../Screens/CustomerSidebar/CustomerSidebar';\r\nimport Headers from '../../Screens/Headers/Headers';\r\nimport { useHistory } from 'react-router-dom';\r\nimport billingEngine from '../../assets/billingEngine.png';\r\nimport gstTax from '../../assets/gst.png';\r\nimport Privacy from '../../assets/password.png';\r\nimport ThirdPartyImg from '../../assets/third-party.png';\r\n\r\nexport default function AccessHome(){\r\n    let history = useHistory();\r\n    return (\r\n        <div className=\"conatiner dashboard \">\r\n            <Headers />\r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true}  />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                    <NxTitleTab className=\"title-tab\" title='Identity' onCloseClick={() => history.goBack()} />\r\n                    <div className=\"mb-5 mt-0 customer-configuration-main\">\r\n                        <div className=\"container-fluid\">\r\n                            <div className=\"CustomerUsersTab\">\r\n                                <div className=\"row cus-configuration-tab\">\r\n                                     <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-2 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={billingEngine} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Organization</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Company setup features including financial details that will be used in the billing, options to add new users to the console system as principals or partners.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/biller-information')\r\n                                                        }}>\r\n                                                        Organization\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-2 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={billingEngine} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Federation</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Company setup features including financial details that will be used in the billing, options to add new users to the console system as principals or partners.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/federation')\r\n                                                        }}>\r\n                                                        Federation\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-2 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={billingEngine} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Privileged Access</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Company setup features including financial details that will be used in the billing, options to add new users to the console system as principals or partners.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/manage-access')\r\n                                                        }}>\r\n                                                        Privileged Access\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    \r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n\r\n                                                {/* <img src={gstTax} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">End User Access</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                <p>Features include a password policy manager that let the providers setup org level policy for authentication. Timeout can be setup for app users.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/access/manage-user')\r\n                                                        }}>\r\n                                                        End User Access\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\" >\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={Privacy} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Developers</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Features include a password policy manager that let the providers setup org level policy for authentication. Timeout can be setup for app users.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/developers-access')\r\n                                                        }}>\r\n                                                        Developers\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    \r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n\r\n                                                {/* <img src={gstTax} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">System Integrator</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Features include a password policy manager that let the providers setup org level policy for authentication. Timeout can be setup for app users.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/access/systemIntegrator')\r\n                                                        }}>\r\n                                                        System Integrator Setup\r\n                                                    </button>\r\n                                                    {/* <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/commision-plan')\r\n                                                        }}>\r\n                                                        Commercial Plan\r\n                                                    </button> */}\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n\r\n                                                {/* <img src={gstTax} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Service Provider</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Features include a password policy manager that let the providers setup org level policy for authentication. Timeout can be setup for app users.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            /// sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/access/serviceProvider')\r\n                                                        }}>\r\n                                                        Service Provider Setup\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div style={{ height: 50 }} />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import React, { useState } from 'react';\r\nimport { Checkbox, Switch, Rate, Modal, PageHeader, Tag, Button, Tooltip, Alert, Space } from 'antd';\r\nimport OtpInput from 'react-otp-input';\r\nimport './Style.css'\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faAngleLeft, faCross, faTimes } from '@fortawesome/free-solid-svg-icons';\r\nimport { Radio } from 'antd';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nfunction ResetPasswordModal({ onCanceled = () => { }, visible, onOk = () => { }, title = '', datavalue = {} }) {\r\n    const [value, setValue] = useState(1);\r\n    const [value2, setValue2] = useState(false);\r\n    const [password, setPassword] = useState('');\r\n    const [confirmPassword, setConfirmPassword] = useState('');\r\n    const [tab, setTab] = useState(1);\r\n\r\n    const [resetPassword, setResetPassword] = useState({\r\n        userKey: datavalue.userCode,\r\n        userName: datavalue.loginUserName,\r\n        password: '',\r\n        emailId: datavalue.emailID,\r\n        additionalEmailId: \"\",\r\n        isAutoGenerate: value,\r\n        isRequiredSendEmail: value2\r\n    });\r\n\r\n    const saveResetPassword = async () => {\r\n        let result = await ItrApiService.POST({\r\n            url: 'Catalog/Users/UserResetPassword',\r\n            data: {\r\n                ...resetPassword, password: password, userName: datavalue.loginUserName,\r\n                emailId: datavalue.emailID, userKey: datavalue.userCode, isRequiredSendEmail: value2\r\n            }\r\n        })\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                NotificationManager.success('Successfully Reseted');\r\n                setTab(1);\r\n                onCanceled();\r\n                setConfirmPassword('');\r\n                setPassword('');\r\n            }\r\n        }\r\n        else {\r\n            alert('Failed to Reseted')\r\n        }\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Modal footer={[\r\n                <div style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', flexDirection: 'row' }}>\r\n                    <button className='btn btn-primary' style={{ width: '48%', borderRadius: 0 }} onClick={() => {\r\n                        setTab(1);\r\n                        onCanceled()\r\n                        setConfirmPassword('')\r\n                        setPassword('');\r\n                    }}>Close</button>\r\n                    <button className='btn btn-primary' style={{ width: '48%', borderRadius: 0 }} onClick={() => {\r\n                        if (tab != 1 && tab != 2) {\r\n                            onOk()\r\n                        }\r\n                        if (tab == 1 && value == 2) {\r\n                            setPassword('');\r\n                            setResetPassword({ ...resetPassword, isAutoGenerate: false });\r\n                            setTab(2)\r\n                        } else if (tab == 1 && value == 1) {\r\n                            setResetPassword({ ...resetPassword, isAutoGenerate: true })\r\n                            setPassword('Password@123');\r\n                            setTab(3)\r\n                        } else if (tab == 2) {\r\n                            if (password == '' || confirmPassword == '') {\r\n                                NotificationManager.error('Passwor and Confirm password is mandatory!');\r\n                            } else if (password != confirmPassword) {\r\n                                NotificationManager.error('Password Missmatch!');\r\n                            } else {\r\n                                // setPassword('');\r\n                                // setTab(2)\r\n                                setTab(3)\r\n                            }\r\n                        } else if (tab == 3) {\r\n                            saveResetPassword();\r\n                        } else {\r\n                            setTab(3);\r\n                        }\r\n                    }}>{tab == 1 || tab == 2 ? 'Next' : \"Reset\"}</button>\r\n                </div>\r\n            ]}\r\n                className='modClass_2'\r\n                title={<div style={{ padding: 20, width: '100%', backgroundColor: '#ADD8E6' }}>\r\n                    <div style={{ position: 'absolute', right: 20, top: 20 }}>\r\n                        <FontAwesomeIcon icon={faTimes} style={{ cursor: 'pointer', color: 'grey' }} onClick={() => {\r\n                            setTab(1);\r\n                            setConfirmPassword('')\r\n                            setPassword('');\r\n                            onCanceled()\r\n                        }} />\r\n                    </div>\r\n                    <div>\r\n                        <label style={{ fontSize: 14 }}>Reset Password</label><br />\r\n                        <label style={{ fontSize: 17, marginTop: 10, fontWeight: 'bold' }}>Reset Password For <br />{title}?</label>\r\n                    </div>\r\n\r\n                </div>} width='400px' visible={visible} centered={true}\r\n                onCancel={() => {\r\n                    setTab(1);\r\n                    onCanceled();\r\n                    setConfirmPassword('')\r\n                    setPassword('');\r\n                }}\r\n            >\r\n                {/* <div className='w-100'>\r\n                    <FontAwesomeIcon icon={faAngleLeft} style={{ cursor: 'pointer', color: 'grey' }} onClick={() => {\r\n                        setTab(1);\r\n                        onCanceled()\r\n                    }} />\r\n                </div> */}\r\n                {tab == 1 ? <div className='mt-2'>\r\n                    <Radio.Group onChange={(e) => {\r\n                        setValue(e.target.value)\r\n                    }} value={value}>\r\n                        <Space direction=\"vertical\">\r\n                            <Radio value={1}>Autogenerate Password</Radio>\r\n                            <Radio value={2}>Let me create a password</Radio>\r\n                        </Space>\r\n                    </Radio.Group>\r\n                    <br />\r\n                    <div className='mt-3'>\r\n                        <Checkbox checked={value2} onChange={(e) => {\r\n                            setValue2(e.target.checked)\r\n                        }}>\r\n                            Make this user change their password when they first Sign in\r\n                        </Checkbox>\r\n                    </div>\r\n                </div> : tab == 2 ? <div>\r\n                    <div>\r\n                        <label htmlFor=\"mobile\">Password <span className='text-danger'>*</span> </label>\r\n                        <input className=\"form-control form-control-sm mt-0\" id=\"mobilenumber\" type='text' value={password} onChange={(e) => {\r\n                            setPassword(e.target.value);\r\n                        }} />\r\n                    </div>\r\n                    <div className='mt-3'>\r\n                        <label htmlFor=\"mobile\">Confirm Password <span className='text-danger'>*</span></label>\r\n                        <input className=\"form-control form-control-sm mt-0\" id=\"mobilenumber\" type='text' value={confirmPassword} onChange={(e) => {\r\n                            setConfirmPassword(e.target.value);\r\n                        }} />\r\n                    </div>\r\n                </div> : <div>\r\n                    <table class=\"table table-hover table-responsive\" >\r\n                        <thead>\r\n                            <tr>\r\n                                <th>User Name</th>\r\n                                <th>Password</th>\r\n                            </tr>\r\n                        </thead>\r\n                        <tbody>\r\n                            <tr>\r\n                                <td>\r\n                                    {datavalue.emailID}\r\n                                </td>\r\n                                <td>\r\n                                    <input value={password}\r\n                                        style={{ border: '0px' }}\r\n                                        className=\"form-control form-control-sm \" type=\"password\" />\r\n                                    {/* {password} */}\r\n                                </td>\r\n                            </tr>\r\n                        </tbody>\r\n                    </table>\r\n                    <Checkbox checked={value2} onChange={(e) => {\r\n                        setValue2(e.target.checked)\r\n                    }}>\r\n                        Send Password in Email\r\n                    </Checkbox>\r\n                    {/* <div className='mt-3'>\r\n                        <label htmlFor=\"mobile\">Confirm Password</label>\r\n                        <input className=\"form-control form-control-sm mt-0\" id=\"mobilenumber\" type='text' value={password} onChange={(e) => {\r\n                            setPassword(e.target.value);\r\n                        }} />\r\n                    </div> */}\r\n                </div>}\r\n\r\n            </Modal>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default ResetPasswordModal;","import React, { useEffect, useState } from 'react';\r\nimport './ManageUsers.css';\r\nimport ResetPasswordModal from './ResetPasswordModal';\r\nimport { NxLoader, NxBreadcrumb, NxTitleTab, NxCustomTab, NxGridList, NxActionTab, NxRightDrawer, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from \"@afiplfeed/itr-ui\";\r\nimport { NotificationManager } from 'react-notifications';\r\n\r\nfunction ActiveUser({ history, setLoad, load }) {\r\n    const [datas, setDatas] = useState([]);\r\n    const [exportVal, setExport] = useState([]);\r\n    const [sea, setSea] = useState('');\r\n    const [selectedUser, setSelectedUser] = useState({});\r\n    const [modvis, setModVis] = useState(false);\r\n    // const [disableData, setDisableDate] = useState({\r\n    //     \"userID\": 0,\r\n    //     \"userCode\": \"string\",\r\n    //     \"emailID\": \"string\",\r\n    //     \"loginUserName\": \"string\",\r\n    //     \"isActive\": true\r\n    // })\r\n    const splits = async (dests, setDatas, history) => {\r\n        let arr = [];\r\n        let arr2 = [];\r\n        for (let value of dests) {\r\n            let data = [value.firstName, value.lastName, value.emailID, value.mobile,\r\n            <div className=\"d-flex align-items-center\">\r\n                <button className=\"btn btn-sm btn-primary\" style={{ fontSize: '14px', borderRadius: '0' }}\r\n                    onClick={(e) => {\r\n                        sessionStorage.setItem('editUserId', value.userID);\r\n                        e.stopPropagation();\r\n                        history.push('/access/manage-user/edit');\r\n                    }}>Edit User</button>\r\n                <button className=\"btn btn-sm mx-2 btn-danger\" style={{ color: 'white', fontSize: '14px', borderRadius: '0' }} onClick={(e) => {\r\n                    // sessionStorage.setItem('editUserId', value.userCode);\r\n                    e.stopPropagation();\r\n                    setSelectedUser(value);\r\n                    setModVis(true)\r\n                    // history.push('/reset-users');\r\n                }}>Reset Password</button>\r\n                <button className=\"btn btn-sm mr-2 btn-danger\" style={{ color: 'white', fontSize: '14px', borderRadius: '0' }} onClick={(e) => {\r\n                    // sessionStorage.setItem('editUserId', value.userCode);\r\n                    e.stopPropagation();\r\n                    console.log(value);\r\n                    setLoad(true);\r\n                    ItrApiService.POST({\r\n                        url: 'Catalog/Users/EnableDisableUser',\r\n                        data: {\r\n                            \"userID\": value.userID,\r\n                            \"userCode\": value.userCode,\r\n                            \"emailID\": value.emailID,\r\n                            \"loginUserName\": value.loginUserName,\r\n                            \"isActive\": false\r\n                        }\r\n                    }).then(async (res) => {\r\n                        console.log(res);\r\n                        if (res.Success == true) {\r\n                            if (res.result.isSuccess == false) {\r\n                                NotificationManager.error(res.result.message);\r\n                            } else {\r\n                                // NotificationManager.success(\"Updated\");\r\n                                await getIdentity();\r\n                                setLoad(false);\r\n                            }\r\n                        } else {\r\n                            NotificationManager.error(res.message)\r\n                        }\r\n                        setLoad(false);\r\n                    })\r\n                    // setSelectedUser(value);\r\n                    // setModVis(true)\r\n                    // history.push('/reset-users');\r\n                }}>Disable User</button>\r\n            </div>\r\n            ];\r\n            let obj = { sendItem: value, data: data };\r\n            let obj2 = {\r\n                'first Name': value.firstName,\r\n                'Last Name': value.lastName,\r\n                'Email': value.emailID,\r\n                'Mobile': value.mobile\r\n            }\r\n            arr2 = [...arr2, obj2];\r\n            arr = [...arr, obj];\r\n        }\r\n        setExport(arr2);\r\n        setDatas(arr);\r\n    }\r\n\r\n\r\n    const getIdentity = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'Catalog/Users/GetUsers'\r\n        });\r\n        // console.log(result)\r\n        if (result.Success == true) {\r\n            let IdentityAccess = result.result.data;\r\n            if (IdentityAccess === null || !IdentityAccess.activeUsers.length) {\r\n                // NotificationManager.error(result.result.message);\r\n                setExport([]);\r\n                setDatas([]);\r\n\r\n            }\r\n            else {\r\n                await splits(IdentityAccess.activeUsers, setDatas, history);\r\n            }\r\n            // setEnquiry(getEnquiryDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        setLoad(true);\r\n\r\n        getIdentity();\r\n        setLoad(false);\r\n    }, []);\r\n\r\n    return (\r\n        <div className=\"container-form mb-4 mt-0\">\r\n            <ResetPasswordModal onOk={() => {\r\n                setModVis(false);\r\n                setSelectedUser({});\r\n            }} datavalue={selectedUser} visible={modvis} onCanceled={() => {\r\n                setModVis(false);\r\n                setSelectedUser({});\r\n            }} title={selectedUser.displayName} />\r\n            <div>\r\n                <div className=\"d-flex justify-content-between align-items-center p-1 pb-0\">\r\n                    <NxActionTab className=\"users-action-tab px-0\"\r\n                        onColumnsClick={() => { setHandel(true) }}\r\n                        exportValue={exportVal}\r\n                        fileName='IAM Active Users'\r\n                        onRefreshClick={async () => {\r\n                            setLoad(true);\r\n                            await getIdentity();\r\n                            setLoad(false);\r\n                        }}\r\n                        // onNewEntryClick={() => { history.push('/framework/iam/add') }}\r\n                        enableNewEntry={false}\r\n                    />\r\n                </div>\r\n                <div className=\"p-1 pt-0\">\r\n                    <NxGridList\r\n                        enableSearch={true}\r\n                        autoSearch={true}\r\n                        enableAutoPagination={true}\r\n                        showShowing={true}\r\n                        header={[\r\n                            {\r\n                                name: 'First Name',\r\n                                sort: true,\r\n                                search: true\r\n                            },\r\n                            {\r\n                                name: 'Last Name',\r\n                                sort: true,\r\n                                search: true\r\n                            },\r\n                            {\r\n                                name: 'Email',\r\n                                search: true\r\n                                // sort: true,\r\n                            },\r\n                            {\r\n                                name: 'Phone',\r\n                                sort: false,\r\n                            },\r\n                            {\r\n                                name: 'Action',\r\n                            }\r\n                        ]}\r\n                        searchValue={sea}\r\n                        onChangeText={(e) => setSea(e)}\r\n                        rowClick={(e) => {\r\n                            // sessionStorage.setItem('editUserId', e.userCode);\r\n                            // console.log(e.userCode, 'passsssssss');\r\n                            // history.push('/framework/iam/edit');\r\n                        }}\r\n                        data={datas}\r\n                    />\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default ActiveUser;","import React, { useEffect, useState } from 'react';\r\nimport './ManageUsers.css';\r\nimport ResetPasswordModal from './ResetPasswordModal';\r\nimport { NxLoader, NxBreadcrumb, NxTitleTab, NxCustomTab, NxGridList, NxActionTab, NxRightDrawer, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from \"@afiplfeed/itr-ui\";\r\nimport { NotificationManager } from 'react-notifications';\r\n\r\nfunction InActiveUser({ history, setLoad, load }) {\r\n    const [datas, setDatas] = useState([]);\r\n    const [exportVal, setExport] = useState([]);\r\n    const [sea, setSea] = useState('');\r\n    const [selectedUser, setSelectedUser] = useState({});\r\n    const [modvis, setModVis] = useState(false);\r\n    // const [disableData, setDisableDate] = useState({\r\n    //     \"userID\": 0,\r\n    //     \"userCode\": \"string\",\r\n    //     \"emailID\": \"string\",\r\n    //     \"loginUserName\": \"string\",\r\n    //     \"isActive\": true\r\n    // })\r\n    const splits = async (dests, setDatas, history) => {\r\n        let arr = [];\r\n        let arr2 = [];\r\n        for (let value of dests) {\r\n            let data = [value.firstName, value.lastName, value.emailID, value.mobile,\r\n            <div className=\"d-flex align-items-center\">\r\n                <button className=\"btn btn-sm mr-2 btn-success\" style={{ color: 'white', fontSize: '14px', borderRadius: '0' }} onClick={(e) => {\r\n                    // sessionStorage.setItem('editUserId', value.userCode);\r\n                    e.stopPropagation();\r\n                    setLoad(true);\r\n                    ItrApiService.POST({\r\n                        url: 'Catalog/Users/EnableDisableUser',\r\n                        data: {\r\n                            \"userID\": value.userID,\r\n                            \"userCode\": value.userCode,\r\n                            \"emailID\": value.emailID,\r\n                            \"loginUserName\": value.loginUserName,\r\n                            \"isActive\": true\r\n                        }\r\n                    }).then(async res => {\r\n                        if (res.Success == true) {\r\n                            if (res.result.isSuccess == false) {\r\n                                NotificationManager.error(res.result.message);\r\n                            } else {\r\n                                // NotificationManager.success(\"Updated\");\r\n\r\n                                await getIdentity();\r\n\r\n                            }\r\n                        } else {\r\n                            NotificationManager.error(res.message)\r\n                        }\r\n                        setLoad(false);\r\n                    })\r\n                    // setSelectedUser(value);\r\n                    // setModVis(true)\r\n                    // history.push('/reset-users');\r\n                }}>Enable User</button>\r\n            </div>\r\n            ];\r\n            let obj = { sendItem: value, data: data };\r\n            let obj2 = {\r\n                'first Name': value.firstName,\r\n                'Last Name': value.lastName,\r\n                'Email': value.emailID,\r\n                'Mobile': value.mobile\r\n            }\r\n            arr2 = [...arr2, obj2];\r\n            arr = [...arr, obj];\r\n        }\r\n        setExport(arr2);\r\n        setDatas(arr);\r\n    }\r\n\r\n\r\n    const getIdentity = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'Catalog/Users/GetUsers'\r\n        });\r\n        // console.log(result)\r\n        if (result.Success == true) {\r\n            let IdentityAccess = result.result.data;\r\n            if (IdentityAccess === null || !IdentityAccess.inActiveUsers.length) {\r\n                // NotificationManager.error(result.result.message);\r\n                setExport([]);\r\n                setDatas([]);\r\n            }\r\n            else {\r\n                await splits(IdentityAccess.inActiveUsers, setDatas, history);\r\n            }\r\n            // setEnquiry(getEnquiryDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    useEffect(async () => {\r\n        setLoad(true);\r\n\r\n        await getIdentity();\r\n        setLoad(false);\r\n    }, []);\r\n\r\n    return (\r\n        <div className=\"container-form mb-4 mt-0\">\r\n            <ResetPasswordModal onOk={() => {\r\n                setModVis(false);\r\n                setSelectedUser({});\r\n            }} datavalue={selectedUser} visible={modvis} onCanceled={() => {\r\n                setModVis(false);\r\n                setSelectedUser({});\r\n            }} title={selectedUser.displayName} />\r\n            <div>\r\n                <div className=\"d-flex justify-content-between align-items-center p-1 pb-0\">\r\n                    <NxActionTab className=\"users-action-tab px-0\"\r\n                        onColumnsClick={() => { setHandel(true) }}\r\n                        exportValue={exportVal}\r\n                        fileName='IAM In Active Users'\r\n                        onRefreshClick={async () => {\r\n                            setLoad(true);\r\n                            await getIdentity();\r\n                            setLoad(false);\r\n                        }}\r\n                        // onNewEntryClick={() => { history.push('/framework/iam/add') }}\r\n                        enableNewEntry={false}\r\n                    />\r\n                </div>\r\n                <div className=\"p-1 pt-0\">\r\n                    <NxGridList\r\n                        enableSearch={true}\r\n                        autoSearch={true}\r\n                        enableAutoPagination={true}\r\n                        showShowing={true}\r\n                        header={[\r\n                            {\r\n                                name: 'First Name',\r\n                                sort: true,\r\n                                search: true\r\n                            },\r\n                            {\r\n                                name: 'Last Name',\r\n                                sort: true,\r\n                                search: true\r\n                            },\r\n                            {\r\n                                name: 'Email',\r\n                                search: true\r\n                                // sort: true,\r\n                            },\r\n                            {\r\n                                name: 'Phone',\r\n                                sort: false,\r\n                            },\r\n                            {\r\n                                name: 'Action',\r\n                            }\r\n                        ]}\r\n                        searchValue={sea}\r\n                        onChangeText={(e) => setSea(e)}\r\n                        rowClick={(e) => {\r\n                            // sessionStorage.setItem('editUserId', e.userCode);\r\n                            // console.log(e.userCode, 'passsssssss');\r\n                            // history.push('/framework/iam/edit');\r\n                        }}\r\n                        data={datas}\r\n                    />\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default InActiveUser;","import React, { useEffect, useState } from \"react\";\r\nimport './ManageUsers.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxBreadcrumb, NxTitleTab, NxCustomTab, NxGridList, NxActionTab, NxRightDrawer, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService, ItrAuthService } from \"@afiplfeed/itr-ui\";\r\nimport Headers from \"../../Screens/Headers/Headers\";\r\nimport ResetPasswordModal from \"./ResetPasswordModal\";\r\nimport ActiveUser from \"./ActiveUser\";\r\nimport InActiveUser from \"./InActiveUser\";\r\n\r\n\r\n\r\nexport default function ManageUsers() {\r\n\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={load} />\r\n            <Headers />\r\n            <div style={{ flex: 1 }}>\r\n\r\n                <NxTitleTab className=\"title-tab\" title=\"Manage IAM\" onCloseClick={() => {\r\n                    history.goBack();\r\n                }} />\r\n                <div className=\"d-flex justify-content-between align-items-center p-4 pb-0\">\r\n                    <div></div>\r\n                    <button className=\"btn btn-sm\" style={{ backgroundColor: '#73a562', color: 'white', fontSize: '14px', borderRadius: '0' }}\r\n                        onClick={() => history.push('/access/manage-user/add')}>Add New User</button>\r\n                </div>\r\n\r\n                <NxCustomTab\r\n                    enableSearch={true}\r\n                    autoSearch={true}\r\n                    enableAutoPagination={true}\r\n                    showShowing={true}\r\n                    data={[\r\n                        {\r\n                            name: 'Active',\r\n                            Components: () => {\r\n                                return (\r\n                                    <ActiveUser history={history} setLoad={setLoad} load={load} />\r\n                                )\r\n                            }\r\n                        },\r\n                        {\r\n                            name: 'In Active',\r\n                            Components: () => {\r\n                                return (\r\n                                    <div className=\"container-form mb-5 mt-3\">\r\n                                        <InActiveUser history={history} setLoad={setLoad} load={load} />\r\n                                    </div>\r\n                                )\r\n                            }\r\n                        },\r\n                    ]} />\r\n\r\n            </div>\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n\r\n\r\n","export const requireValid = async (val) => {\r\n    try {\r\n        if (val == '') return false;\r\n        return true\r\n    } catch (error) {\r\n        return false\r\n    }\r\n}\r\n\r\nexport const emailValid = async (email = '') => {\r\n    if (email == '') {\r\n        return false;\r\n    }\r\n    if (/^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/.test(email)) {\r\n        return true;\r\n    }\r\n    return false;\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport './identityAccess.css';\r\nimport { NxBreadcrumb, NxTitleTab, NxFooter, NxLoader, NxGridList } from '@afiplfeed/itr-app';\r\nimport Headers from \"../../../Screens/Headers/Headers\";\r\nimport { Switch, Steps, Button, Select, message } from 'antd';\r\nimport { ItrApiService, ItrAuthService } from \"@afiplfeed/itr-ui\";\r\nimport { NotificationManager, NotificationContainer } from \"react-notifications\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faMinus, faMinusCircle, faPlus, faPlusCircle, faUserCheck } from \"@fortawesome/free-solid-svg-icons\";\r\nimport { requireValid, emailValid } from \"../../Validator\";\r\n\r\n\r\n\r\n// const splits = async (dests, setDatas) => {\r\n//     let arr = [];\r\n//     for (let value of dests) {\r\n//         let data = [value.firstName, value.lastName, value.emailID, value.mobile];\r\n//         let obj = { sendItem: value, data: data };\r\n//         arr = [...arr, obj]\r\n//     }\r\n//     setDatas(arr);\r\n// }\r\n\r\n\r\n\r\nexport default function IdentityAccess() {\r\n    const { Option } = Select;\r\n\r\n    // const Buttons = ({elements}) => {\r\n    //     return <div className=\"form-button container-fluid nx-enquiry-buttons mb-5 px-4\">\r\n    //         <button className=\"btn btn-primary rounded-pill buttons\" onClick={() => {\r\n    //             console.log(elements);\r\n    //             ItrApiService.POST({\r\n    //                 data: elements,\r\n    //                 url: \"EntityPlatform/EntityUser/SaveEntityUser\",\r\n    //             })\r\n    //         }}> Save</button>\r\n    //         <button className=\"btn close btn-outline-primary rounded-pill\" onClick={() =>{\r\n    //             history.push('/framework/iam');\r\n    //         }}> Close</button>\r\n    //     </div>\r\n    // }\r\n\r\n    const blockChar = () => {\r\n        $(\"input[name='numonly']\").on('input', function (e) {\r\n            $(this).val($(this).val().replace(/[^0-9]/g, ''));\r\n        });\r\n    }\r\n\r\n    let history = useHistory();\r\n\r\n    const { Step } = Steps;\r\n    const [current, setCurrent] = useState(0);\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const next = () => {\r\n        setCurrent(current + 1);\r\n    };\r\n\r\n    const prev = () => {\r\n        setCurrent(current - 1);\r\n    };\r\n\r\n    const header = [\r\n        { title: 'Personal' },\r\n        { title: 'Access' },\r\n        { title: 'Privileges' },\r\n        // { title: 'Review' },\r\n    ]\r\n\r\n    const [roles, setRoles] = useState([{\r\n        rollCode: '',\r\n        rollName: '',\r\n        description: '',\r\n        additionalInfo: ''\r\n    }]);\r\n\r\n    const [datas, setDatas] = useState([]);\r\n\r\n    const [department, setDepartment] = useState([]);\r\n    const [reporting, setReporting] = useState([]);\r\n    const [unitMaster, setUnitMaster] = useState([]);\r\n    // const [reportingList,setReportingList] = useState([]);\r\n\r\n    // console.log(department,'/////////////////////////////////////')\r\n\r\n\r\n    const getDepartmentList = async () => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'Catalog/Users/GetUserDepartmentList'\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let data = result.result.data;\r\n                if (data == null) {\r\n\r\n                }\r\n                else {\r\n                    console.log(data, 'units');\r\n                    if (data.unitMasters && data.unitMasters.length > 0) {\r\n                        setUnitMaster(data.unitMasters)\r\n                    }\r\n                    setDepartment(data.departments);\r\n                    if (data.users) {\r\n                        // console.log(data.users)\r\n                        setReporting(data.users);\r\n                    }\r\n                }\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            return ''\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n\r\n    const [code, setCode] = useState()\r\n    const getData = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/EntitySubscription/AllSubscriptionLicense'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let data = result.result.data;\r\n\r\n            // console.log(data, 'entityUserRoleGrid')\r\n            if (data === null) {\r\n                // alert(result.result.message);\r\n            } else if (!data.length) {\r\n\r\n            } else {\r\n                let array = []\r\n                for (let role of data) {\r\n                    setCode(role.ServiceCode);\r\n                    var rolesData = []\r\n                    let result1 = await ItrApiService.GET({\r\n                        url: `DevOps/Enrollment/GetAllEnrollmentRoleByServiceCode/${role.ServiceCode}`\r\n                    });\r\n                    if (result1.result.isSuccess == true) {\r\n                        let data = result1.result.data;\r\n                        console.log(data, 'entityUserRoleList', role.ServiceCode)\r\n                        if (data === null || !data.length) {\r\n                            // alert(result.result.message);\r\n                        }\r\n                        else {\r\n                            console.log('lllllllllllllllllllllllllllll', data)\r\n                            rolesData = data;\r\n                        }\r\n                    }\r\n                    // console.log(role.ServiceCode, 'kkkkkkkkkk')\r\n\r\n                    var keysData = [];\r\n                    let result2 = await ItrApiService.GET({\r\n                        url: `RevOps/EntitySubscription/ActiveLicense/${role.ServiceCode}`\r\n                    });\r\n                    if (result2.result.isSuccess == true) {\r\n                        let data = result2.result.data;\r\n                        // console.log(data, 'entityUserRoleList')\r\n                        if (data === null || !data.length) {\r\n                            // alert(result.result.message);\r\n                        }\r\n                        else {\r\n                            keysData = data\r\n                        }\r\n                    }\r\n                    let obj = { ...role, rolesData: rolesData, keys: keysData }\r\n                    array = [...array, obj]\r\n                }\r\n                // console.log(array);\r\n                setDatas(array);\r\n            }\r\n            // setCustomers(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            // alert(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    // RoleList\r\n    const [roleData, setRoleData] = useState([]);\r\n    const getRoleList = async () => {\r\n\r\n    }\r\n\r\n    // keyList\r\n    const [keyData, setKeyData] = useState([]);\r\n    const getKeyList = async () => {\r\n\r\n    }\r\n\r\n    const createIdentityAccess = async () => {\r\n        setLoading(true);\r\n        // console.log(elements)\r\n        let result = await ItrApiService.POST({\r\n            data: elements,\r\n            url: \"Catalog/Users/SaveUser\",\r\n        })\r\n        // console.log(result,'identity&Access');\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                message.success('Successfully Created');\r\n                history.push('/manage-users');\r\n            }\r\n        }\r\n        else {\r\n            alert('Failed to update')\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n    // getCustomerDetails\r\n    const [userData, setuserData] = useState([]);\r\n    const getCustomerData = async () => {\r\n        ItrAuthService.GetUserInfo().then(res => {\r\n            // console.log(res.result,'nnnnnnnnnnnn');\r\n            setElements({ ...elements, entityCode: res.result.entityCode, userCode: res.result.userCode, userType: res.result.accessType })\r\n            setuserData(res.result);\r\n        });\r\n    }\r\n\r\n    const [entity, setEntity] = useState('');\r\n    const [entityU, setEntityU] = useState([])\r\n\r\n    const [entityUnit, setEntityUnit] = useState('');\r\n\r\n    const [entityUnits, setEntityUnits] = useState([])\r\n\r\n\r\n\r\n    const [elements, setElements] = useState({\r\n        UserID: 0,\r\n        // entityID: 0,\r\n        entityCode: \"\",\r\n        userCode: \"\",\r\n        userType: \"\",\r\n        firstName: \"\",\r\n        lastName: \"\",\r\n        displayName: \"\",\r\n        loginUserName: \"\",\r\n        designation: \"\",\r\n        department: \"\",\r\n        reportingUserCode: \"\",\r\n        employeeType: \"\",\r\n        gender: 0,\r\n        mobile: \"\",\r\n        emailID: \"\",\r\n        isPortalAccess: false,\r\n        isAccess: false,\r\n        isActive: true,\r\n        locationCode: \"\",\r\n        // entityUserContacts: [\r\n        //     {\r\n        //         isAccess: true,\r\n        //     }\r\n        // ],\r\n        userAppRoles: [],\r\n        userLocations: [],\r\n        userUnits: []\r\n    });\r\n\r\n    // const [elements, setElements] = useState({\r\n    //     \"userID\": 0,\r\n    //     \"userCode\": \"string\",\r\n    //     \"userType\": \"string\",\r\n    //     \"firstName\": \"string\",\r\n    //     \"lastName\": \"string\",\r\n    //     \"displayName\": \"string\",\r\n    //     \"designation\": \"string\",\r\n    //     \"department\": \"string\",\r\n    //     \"gender\": 0,\r\n    //     \"mobile\": \"string\",\r\n    //     \"emailID\": \"string\",\r\n    //     \"isPortalAccess\": true,\r\n    //     \"isAccess\": true,\r\n    //     \"locationCode\": \"string\",\r\n    //     \"loginUserName\": \"string\",\r\n    //     \"reportingUserCode\": \"string\",\r\n    //     \"employeeType\": \"string\",\r\n    //     \"userContacts\": [],\r\n    //     \"userAppRoles\": [],\r\n    //     \"userLocations\": [],\r\n    //     \"entityCode\": \"string\",\r\n    //     \"isActive\": true\r\n    // })\r\n\r\n\r\n    useEffect(() => {\r\n        setLoading(true);\r\n        getData();\r\n        getRoleList();\r\n        getKeyList();\r\n        getCustomerData();\r\n        getDepartmentList();\r\n        setLoading(false)\r\n    }, []);\r\n\r\n    const [vald1, setVald1] = useState({\r\n        firstName: true,\r\n        displayName: true,\r\n        userName: true,\r\n        emailID: true,\r\n        mobile: true,\r\n        department: true,\r\n        employeeType: true,\r\n        locationCode: true\r\n    });\r\n\r\n\r\n    const [handel, setHandel] = useState(false);\r\n\r\n    const [showAvailable, setShowAvailable] = useState('');\r\n\r\n    return (\r\n        <div className=\"identity-Access\">\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            {/* <NxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Customer Board',\r\n                    onClick: () => {\r\n                        history.push('/customer-board');\r\n                    }\r\n                },\r\n                {\r\n                    name: 'Identity List',\r\n                    onClick: () => {\r\n                        history.push('/framework/iam');\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            <NxTitleTab className=\"title-tab\" title='Add User' onCloseClick={() => { history.goBack() }} />\r\n\r\n\r\n            <div className=\"card m-4 mt-0\">\r\n                <div className=\"card-body p-0\">\r\n                    <NotificationContainer />\r\n\r\n                    <Steps current={current} labelPlacement=\"vertical\" responsive={true} size=\"small\" >\r\n                        {header.map((title, index) => {\r\n                            return <Step key={index} icon={current == index ? <div style={{ backgroundColor: '#1890ff', padding: 5, borderRadius: '24px', height: '24px', width: '24px', fontSize: '12px', display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'white' }}>{index + 1}</div>\r\n                                : current > index && <div style={{ backgroundColor: '#73b504', padding: 5, borderRadius: '24px', height: '24px', width: '24px', fontSize: '12px', display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'white' }}>{index + 1}</div>}\r\n                                title={title.title} />\r\n                        })}\r\n                    </Steps>\r\n\r\n                    {current == 0 ? <div className=\"container-form framework-container\">\r\n                        <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                            <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                <h6>Personal Information</h6>\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <label htmlFor=\"firstName\" for=\"firstName\">First Name</label>\r\n                                    <input className=\"form-control form-control-sm mt-0\" required id=\"firstName\" type=\"text\" value={elements.firstName} onChange={(e) => {\r\n                                        setElements({ ...elements, firstName: e.target.value })\r\n                                    }} />\r\n                                    <div class={vald1.firstName == false ? \"invalid-data\" : 'd-none'}>\r\n                                        Please choose a First Name.\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <label htmlFor=\"lastName\">Last Name</label>\r\n                                    <input className=\"form-control form-control-sm mt-0\" id=\"lastName\" type=\"text\" value={elements.lastName} onChange={(e) => {\r\n                                        setElements({ ...elements, lastName: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <label htmlFor=\"displayName\">Display Name</label>\r\n                                    <input className=\"form-control form-control-sm mt-0\" id=\"displayName\" type=\"text\" value={elements.displayName} onChange={(e) => {\r\n                                        setElements({ ...elements, displayName: e.target.value })\r\n                                    }} />\r\n                                    <div class={vald1.displayName == false ? \"invalid-data\" : 'd-none'}>\r\n                                        Please choose a Display Name.\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <div className=\"d-flex justify-content-between align-items-center\">\r\n                                        <label htmlFor=\"displayName\">User Name</label>\r\n                                        <a className={showAvailable && showAvailable.result.isSuccess == true ? 'text-success' : 'text-danger'}>\r\n                                            {showAvailable && showAvailable.result.isSuccess == true ? 'Available' : showAvailable && showAvailable.result.isSuccess == false ? 'Please Use Different UserName' : ''}\r\n                                        </a>\r\n                                    </div>\r\n                                    <div className=\"row align-items-center\">\r\n                                        <div className=\"col-11 col-sm-11 col-md-11 col-lg-11 col-xl-11\">\r\n                                            <input className=\"form-control form-control-sm mt-0\" id=\"displayName\" type=\"text\" value={elements.loginUserName} onChange={(e) => {\r\n                                                setElements({ ...elements, loginUserName: e.target.value })\r\n                                            }} />\r\n                                            <div class={vald1.userName == false ? \"invalid-data\" : 'd-none'}>\r\n                                                Please choose a User Name.\r\n                                            </div>\r\n                                        </div>\r\n                                        <div className=\"col-1 col-sm-1 col-md-1 col-lg-1 col-xl-1\" role=\"button\" onClick={async () => {\r\n                                            let check = await ItrApiService.GET({\r\n                                                url: `Catalog/Users/CheckUserAvailability/${elements.loginUserName}`\r\n                                            })\r\n                                            // console.log(check);\r\n                                            setShowAvailable(check);\r\n\r\n                                        }}>\r\n                                            <FontAwesomeIcon icon={faUserCheck} color=\"gray\" />\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    {/* <button className=\"btn btn-primary btn-sm mt-1\" onClick={ async() => {\r\n                                            let check = await ItrApiService.GET({\r\n                                                url:`EntityPlatform/EntityUser/CheckUserAvailability/${elements.loginUserName}`\r\n                                            })\r\n                                            // console.log(check);\r\n                                            setShowAvailable(check);\r\n                                            \r\n                                        }}>Check Availability</button> */}\r\n                                    &nbsp;\r\n                                    {/* <a className={ showAvailable && showAvailable.result.isSuccess == true ? 'text-success' : 'text-danger'}>\r\n                                        { showAvailable &&  showAvailable.result.isSuccess == true ? 'Available' : showAvailable && showAvailable.result.isSuccess == false ? 'Please Use Different UserName' : ''}\r\n                                    </a> */}\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                            <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                <h6>Contact</h6>\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <label htmlFor=\"emailId\">Email Address</label>\r\n                                    <input className=\"form-control form-control-sm mt-0\" id=\"emailId\" type=\"text\" value={elements.emailID} onChange={(e) => {\r\n                                        setElements({ ...elements, emailID: e.target.value })\r\n                                    }} />\r\n                                    <div class={vald1.emailID == false ? \"invalid-data\" : 'd-none'}>\r\n                                        Enter the Correct Email Formate.\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <label htmlFor=\"mobile\">Mobile</label>\r\n                                    <input className=\"form-control form-control-sm mt-0 cls-111-ff\" id=\"mobile-number\" type=\"number\" maxLength=\"15\" value={elements.mobile} name=\"numonly\" pattern=\"[{0-9}]\" onChange={(e) => {\r\n                                        setElements({ ...elements, mobile: e.target.value })\r\n                                    }} />\r\n                                    <div class={vald1.mobile == false ? \"invalid-data\" : 'd-none'}>\r\n                                        Please choose a Mobile.\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <label htmlFor=\"mobile\">Department</label>\r\n                                    <select className=\"form-select form-select-sm\" value={elements.department} onChange={(e) => setElements({ ...elements, department: e.target.value })}>\r\n                                        <option value=\"\" selected disabled> -- Please Select --</option>\r\n                                        {department.map((item, index) => <option key={index} value={item.departmentCode}> {item.departmentName} </option>)}\r\n                                    </select>\r\n                                    <div class={vald1.department == false ? \"invalid-data\" : 'd-none'}>\r\n                                        Please choose a Department.\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <label htmlFor=\"mobile\">Employee Type</label>\r\n                                    <select className=\"form-select form-select-sm\" value={elements.employeeType} onChange={(e) => setElements({ ...elements, employeeType: e.target.value })}>\r\n                                        <option value=\"\" selected disabled> -- Please Select --</option>\r\n                                        <option value=\"Internal\">Internal</option>\r\n                                        <option value=\"External\">External</option>\r\n                                        <option value=\"Trainee\">Trainee</option>\r\n                                        <option value=\"Intern\">Intern</option>\r\n                                    </select>\r\n                                    <div class={vald1.employeeType == false ? \"invalid-data\" : 'd-none'}>\r\n                                        Please choose a Employee type.\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <label htmlFor=\"mobile\">Reporting</label>\r\n                                    <select className=\"form-select form-select-sm\" value={elements.reportingUserCode} onChange={(e) => setElements({ ...elements, reportingUserCode: e.target.value })}>\r\n                                        <option value=\"\" selected disabled> -- Please Select --</option>\r\n                                        {reporting.map((userName, index) => {\r\n                                            return <option key={index} value={userName.userCode}> {userName.displayName} </option>\r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n                            </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n                            {/* <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <label htmlFor=\"LastName\">Entity</label>\r\n                                        <select className=\"form-select\">\r\n                                            <option>--please-select--</option>\r\n                                        </select>\r\n                                    </div> */}\r\n\r\n                            {/* <div className=\"col-12 col-md-6 col-sm-6 col-lg-4 col-xl-4 mt-2\">\r\n                                        <div className=\"row justify-content-center align-items-center\">\r\n                                            <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-1\">\r\n                                                <label htmlFor=\"portalAccess\">Portal Access</label><br />\r\n                                                <Switch checked={elements.isPortalAccess} onChange={(checked, e) => {\r\n                                                    setElements({ ...elements, isPortalAccess: checked })\r\n                                                }} /> &nbsp;\r\n                                            </div>\r\n\r\n                                            <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-1\">\r\n                                                <label htmlFor=\"access\">Access</label><br />\r\n                                                <Switch checked={elements.isAccess} onChange={(checked, e) => {\r\n                                                    setElements({ ...elements, isAccess: checked })\r\n                                                }} /> &nbsp;\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> */}\r\n                        </div>\r\n                    </div> :\r\n                        current == 1 ? <div className=\"container-form framework-container\">\r\n                            <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                                <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                    <h6>Portal & Platform Access</h6>\r\n                                    <div>\r\n                                        <div className=\"row align-items-center\">\r\n                                        <div className=\"col-6 col-md-12 col-sm-12 col-lg-10 col-xl-10 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Platform Access</label> &nbsp;\r\n                                                    <Switch checked={elements.isAccess} onChange={(checked, e) => {\r\n                                                        setElements({ ...elements, isAccess: checked })\r\n                                                    }} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-10 col-md-12 col-sm-10 col-lg-10 col-xl-10 mt-2\">\r\n                                                    <label htmlFor=\"access\">Portal Access</label> &nbsp;\r\n                                                    <Switch checked={elements.isPortalAccess} onChange={(checked, e) => {\r\n                                                        setElements({ ...elements, isPortalAccess: checked })\r\n                                                    }} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-10 col-md-10 col-sm-10 col-lg-10 col-xl-10 mt-2\">\r\n                                                    <label htmlFor=\"access\">Unit</label><br />\r\n                                                    <select className=\"form-select\"\r\n                                                        value={entityUnit}\r\n                                                        onChange={(e) => { setEntityUnit(e.target.value) }}\r\n                                                    >\r\n                                                        <option value=\"\" disabled selected>--Please Select--</option>\r\n                                                        {unitMaster.map((item, index) => {\r\n                                                            return <option key={index} value={item.uCode}> {item.uName} </option>\r\n                                                        })}\r\n                                                    </select>\r\n                                                    {/* <div class={vald1.locationCode == false ? \"invalid-data\" : 'd-none'}>\r\n                                            Please choose a Location.\r\n                                        </div> */}\r\n                                                </div>\r\n\r\n                                                <div className=\"col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2 mt-4\" onClick={() => {\r\n                                                    setEntityUnits([...entityUnit, { name: entityUnit }]);\r\n                                                    if (entityUnit != '') {\r\n                                                        let obj = elements.userUnits.find(o => o.uCode == entityUnit);\r\n                                                        // console.log(obj)\r\n                                                        if (!obj) {\r\n                                                            setElements({\r\n                                                                ...elements, userUnits: [...elements.userUnits, {\r\n                                                                    userUnitID: 0,\r\n                                                                    userID: 1,\r\n                                                                    uCode: entityUnit\r\n                                                                }]\r\n                                                            })\r\n                                                            setEntityUnit('');\r\n                                                        }\r\n                                                    }\r\n                                                }} >\r\n                                                    <FontAwesomeIcon icon={faPlusCircle} color=\"black\" role=\"button\" />\r\n                                                    {/* <button type=\"button\" className=\"btn btn-outline-light btn-sm mt-1\" onClick={() => {\r\n                                                    setEntityU([...entityU, {name: entity}]);\r\n                                                    setElements({...elements, userLocations: [...elements.userLocations, {\r\n                                                        entityUserLocationID:0,\r\n                                                        entityUserID:1,\r\n                                                        locationCode: entity\r\n                                                    }]})\r\n                                                    setEntity('');\r\n                                                }} > */}\r\n                                                    {/* </button> */}\r\n                                                </div>\r\n                                        </div>\r\n                                    </div>\r\n                            \r\n\r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"col-6 col-md-12 col-sm-12 col-lg-12 col-xl-12\">\r\n                                                    <div class=\"table-wrapper-scroll-y my-custom-scrollbar\">\r\n                                                        <table class=\"table table-hover mb-0\">\r\n                                                            <thead>\r\n                                                                <tr>\r\n                                                                    <th scope=\"col\" className=\"border-bottom-0\">\r\n                                                                        <span style={{ fontSize: '13px' }}>Unit Name</span>\r\n                                                                    </th>\r\n                                                                    <th scope=\"col\" className=\"border-bottom-0\">\r\n                                                                        <span style={{ fontSize: '13px' }}>Action</span>\r\n                                                                    </th>\r\n                                                                </tr>\r\n                                                            </thead>\r\n                                                            <tbody>\r\n                                                                {elements.userUnits.map((data, index) => {\r\n                                                                    return <tr>\r\n                                                                        <td style={{ fontSize: '13px' }} key={index}> {data.uCode} </td>\r\n                                                                        <td style={{ fontSize: '13px' }} > <FontAwesomeIcon icon={faMinusCircle} color=\"red\" onClick={() => {\r\n                                                                            let index = elements.userUnits.findIndex(o => o.uCode == data.uCode);\r\n                                                                            // console.log(index)\r\n                                                                            let arr = [];\r\n                                                                            arr = elements.userUnits;\r\n                                                                            let eindex = index + 1\r\n                                                                            // console.log(arr)\r\n                                                                            arr.splice(index, eindex);\r\n                                                                            setElements({ ...elements, uCode: arr });\r\n                                                                        }} /> </td>\r\n                                                                    </tr>\r\n                                                                })}\r\n                                                            </tbody>\r\n                                                        </table>\r\n                                                    </div>\r\n\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        {/* <NxGridList header={[\r\n                                            {\r\n                                                name: 'location Name',\r\n                                            },\r\n                                            {\r\n                                                name: 'Action',\r\n                                            },\r\n                                        ]}\r\n                                            rowClick={(e) => {\r\n                                                // console.log(e,'passsssssss');\r\n                                            }}\r\n                                            data={datas} \r\n                                        /> */}\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                    <h6>Location Access</h6>\r\n                                    <div className=\"col-6 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n\r\n                                    </div>\r\n\r\n\r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12\">\r\n                                        {/* <label htmlFor=\"access\">Entity</label><br /> */}\r\n                                        <div className=\"row align-items-center\">\r\n\r\n                                            <div className=\"col-10 col-sm-10 col-md-10 col-lg-10 col-xl-10\">\r\n                                                <label htmlFor=\"access\">Base Location</label><br />\r\n                                                <select className=\"form-select\" value={elements.locationCode} onChange={(e) => { setElements({ ...elements, locationCode: e.target.value }) }}>\r\n                                                    <option value=\"\" disabled selected>--Please Select--</option>\r\n                                                    <option value=\"IND\">India</option>\r\n                                                    <option value=\"BAN\">Bangladesh</option>\r\n                                                    <option value=\"JOR\">Jordan</option>\r\n                                                </select>\r\n                                                <div class={vald1.locationCode == false ? \"invalid-data\" : 'd-none'}>\r\n                                                    Please choose a Location.\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-10 col-sm-10 col-md-10 col-lg-10 col-xl-10\">\r\n                                                <label>Additional Location</label>\r\n                                                {/* <Select className=\"form-select\" mode=\"multiple\" value={entity} onChange={(e) => {\r\n                                                    setEntity(e);\r\n                                                }}>\r\n                                                    <Option selected value='' disabled>--Please Select--</Option>\r\n                                                    <Option value=\"India\">India</Option>\r\n                                                    <Option value=\"Bangladesh\" >Bangladesh</Option>\r\n                                                    <Option value=\"Jordan\">Jordan</Option>\r\n                                                </Select> */}\r\n                                                <select className=\"form-select\" value={entity} onChange={(e) => {\r\n                                                    setEntity(e.target.value);\r\n                                                }}>\r\n                                                    <option selected value='' disabled>--Please Select--</option>\r\n                                                    <option value=\"IND\" style={{\r\n                                                        backgroundColor: elements.userLocations.findIndex(o => o.locationCode == 'India') != -1 ? '#1890ff' : \"#fff\",\r\n                                                        color: elements.userLocations.findIndex(o => o.locationCode == 'India') != -1 ? 'white' : '#000'\r\n                                                    }} >India</option>\r\n                                                    <option value=\"BAN\" style={{\r\n                                                        backgroundColor: elements.userLocations.findIndex(o => o.locationCode == 'Bangladesh') != -1 ? '#1890ff' : \"#fff\",\r\n                                                        color: elements.userLocations.findIndex(o => o.locationCode == 'Bangladesh') != -1 ? 'white' : '#000'\r\n                                                    }} >Bangladesh</option>\r\n                                                    <option value=\"JOR\"\r\n                                                        style={{\r\n                                                            backgroundColor: elements.userLocations.findIndex(o => o.locationCode == 'Jordan') != -1 ? '#1890ff' : \"#fff\",\r\n                                                            color: elements.userLocations.findIndex(o => o.locationCode == 'Jordan') != -1 ? 'white' : '#000'\r\n                                                        }}\r\n                                                    >Jordan</option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2 mt-4\" onClick={() => {\r\n                                                setEntityU([...entityU, { name: entity }]);\r\n                                                if (entity != '') {\r\n                                                    let obj = elements.userLocations.find(o => o.locationCode == entity);\r\n                                                    // console.log(obj)\r\n                                                    if (!obj) {\r\n                                                        setElements({\r\n                                                            ...elements, userLocations: [...elements.userLocations, {\r\n                                                                entityUserLocationID: 0,\r\n                                                                entityUserID: 1,\r\n                                                                locationCode: entity\r\n                                                            }]\r\n                                                        })\r\n                                                        setEntity('');\r\n                                                    }\r\n                                                }\r\n                                            }} >\r\n                                                <FontAwesomeIcon icon={faPlusCircle} color=\"black\" role=\"button\" />\r\n                                                {/* <button type=\"button\" className=\"btn btn-outline-light btn-sm mt-1\" onClick={() => {\r\n                                                    setEntityU([...entityU, {name: entity}]);\r\n                                                    setElements({...elements, userLocations: [...elements.userLocations, {\r\n                                                        entityUserLocationID:0,\r\n                                                        entityUserID:1,\r\n                                                        locationCode: entity\r\n                                                    }]})\r\n                                                    setEntity('');\r\n                                                }} > */}\r\n                                                {/* </button> */}\r\n                                            </div>\r\n\r\n\r\n                                        </div>\r\n\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"col-6 col-md-12 col-sm-12 col-lg-12 col-xl-12\">\r\n                                                    <div class=\"table-wrapper-scroll-y my-custom-scrollbar\">\r\n                                                        <table class=\"table table-hover mb-0\">\r\n                                                            <thead>\r\n                                                                <tr>\r\n                                                                    <th scope=\"col\" className=\"border-bottom-0\">\r\n                                                                        <span style={{ fontSize: '13px' }}>Location Name</span>\r\n                                                                    </th>\r\n                                                                    <th scope=\"col\" className=\"border-bottom-0\">\r\n                                                                        <span style={{ fontSize: '13px' }}>Action</span>\r\n                                                                    </th>\r\n                                                                </tr>\r\n                                                            </thead>\r\n                                                            <tbody>\r\n                                                                {elements.userLocations.map((data, index) => {\r\n                                                                    return <tr>\r\n                                                                        <td style={{ fontSize: '13px' }} key={index}> {data.locationCode} </td>\r\n                                                                        <td style={{ fontSize: '13px' }} > <FontAwesomeIcon icon={faMinusCircle} color=\"red\" onClick={() => {\r\n                                                                            let index = elements.userLocations.findIndex(o => o.locationCode == data.locationCode);\r\n                                                                            // console.log(index)\r\n                                                                            let arr = [];\r\n                                                                            arr = elements.userLocations;\r\n                                                                            let eindex = index + 1\r\n                                                                            // console.log(arr)\r\n                                                                            arr.splice(index, eindex);\r\n                                                                            setElements({ ...elements, locationCode: arr });\r\n                                                                        }} /> </td>\r\n                                                                    </tr>\r\n                                                                })}\r\n                                                            </tbody>\r\n                                                        </table>\r\n                                                    </div>\r\n\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        {/* <NxGridList header={[\r\n                                            {\r\n                                                name: 'location Name',\r\n                                            },\r\n                                            {\r\n                                                name: 'Action',\r\n                                            },\r\n                                        ]}\r\n                                            rowClick={(e) => {\r\n                                                // console.log(e,'passsssssss');\r\n                                            }}\r\n                                            data={datas} \r\n                                        /> */}\r\n                                    </div>\r\n                                </div>\r\n\r\n\r\n\r\n                                {/* <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <div className=\"row\">\r\n                                            <header className=\"fw-bold\">Additional Entity Location</header>\r\n                                    </div>\r\n                                </div> */}\r\n\r\n                                {/* <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6\">\r\n                                        {elements.userLocations.map((item, index) => {\r\n                                            return <>\r\n                                                <p key={index}>{item.locationCode} &nbsp;\r\n                                                    <button className=\"btn btn-outline-light btn-sm\">\r\n                                                        <FontAwesomeIcon icon={faMinusCircle} color=\"red\"/>\r\n                                                    </button>\r\n                                                </p>\r\n                                            </>\r\n                                        })}\r\n                                    </div>\r\n                                </div>\r\n                            </div> */}\r\n                            </div>\r\n                        </div> :\r\n                            current == 2 ?\r\n                                <div className=\"container-form framework-container\">\r\n                                    <div className=\"row justify-content-start w-100 mb-4\">\r\n                                        <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <div className=\"card\">\r\n                                                <div className=\"card-body\">\r\n                                                    <div class=\"table-wrapper-scroll-y my-custom-scrollbar\">\r\n                                                        <table class=\"table table-hover mb-0\">\r\n                                                            <thead>\r\n                                                                <tr>\r\n                                                                    <th scope=\"col\" className=\"border-bottom-0\"><span style={{ fontSize: '13px' }}>App Name</span></th>\r\n                                                                    <th scope=\"col\" className=\"border-bottom-0\"><span style={{ fontSize: '13px' }}>Access</span></th>\r\n                                                                    <th scope=\"col\" className=\"border-bottom-0\"><span style={{ fontSize: '13px' }}>Role</span></th>\r\n                                                                    <th scope=\"col\" className=\"border-bottom-0\"><span style={{ fontSize: '13px' }}>Subscription Key</span></th>\r\n                                                                    {/* <th scope=\"col\">Action</th> */}\r\n                                                                </tr>\r\n                                                            </thead>\r\n                                                            <tbody>\r\n                                                                {datas.map((item, index) => {\r\n                                                                    return <tr className='user-table' key={index}>\r\n                                                                        <td className=\"pt-2\">{item.ServiceName}</td>\r\n                                                                        <td className=\"pt-2\">\r\n                                                                            <Switch checked={elements.userAppRoles.isAccess}\r\n                                                                                onChange={(e) => {\r\n\r\n                                                                                    if (e == true) {\r\n                                                                                        let obj = {\r\n                                                                                            entityUserAppRoleID: 0,\r\n                                                                                            entityUserID: 0,\r\n                                                                                            enrollmentID: item.EnrollmentId,\r\n                                                                                            isAccess: true,\r\n                                                                                            roleID: 0,\r\n                                                                                            isActive: true,\r\n                                                                                            licenseKeyID: 0,\r\n                                                                                            licenseKey: \"\"\r\n                                                                                        }\r\n                                                                                        let arr = elements.userAppRoles;\r\n                                                                                        arr = [...arr, obj];\r\n                                                                                        setElements({ ...elements, userAppRoles: arr })\r\n                                                                                    } else {\r\n                                                                                        let array = [...elements.userAppRoles];\r\n                                                                                        var index1 = array.findIndex(vals => vals.enrollmentID === item.EnrollmentId);\r\n                                                                                        array.splice(index1, 1)\r\n                                                                                        setElements({ ...elements, userAppRoles: array })\r\n                                                                                        // setRemoveVal(array);\r\n                                                                                    }\r\n                                                                                    // arr[0].isAccess = e\r\n                                                                                    // console.log(arr);\r\n                                                                                }} />\r\n                                                                        </td>\r\n                                                                        <td className=\"pt-2\">\r\n                                                                            <select className=\"form-select\" value={elements.userAppRoles.roleID}\r\n                                                                                onChange={(e) => {\r\n                                                                                    let array = [...elements.userAppRoles];\r\n                                                                                    var index1 = array.findIndex(vals => vals.enrollmentID === item.EnrollmentId);\r\n                                                                                    if (index1 != -1) {\r\n                                                                                        array[index1].roleID = parseInt(e.target.value);\r\n                                                                                    }\r\n                                                                                    setElements({ ...elements, userAppRoles: array })\r\n                                                                                }}>\r\n                                                                                <option selected disabled value=''>--please select--</option>\r\n                                                                                {item.rolesData.map((data, index) => {\r\n                                                                                    return <option key={index} value={data.id}> {data.roleName} </option>\r\n                                                                                })}\r\n                                                                            </select>\r\n                                                                        </td>\r\n                                                                        <td className=\"pt-2\" align=\"center\">\r\n                                                                            <select className=\"form-select\" value={elements.userAppRoles.licenseKey} disabled={elements.userAppRoles.isAccess === false ? true : false}\r\n                                                                                onChange={(e) => {\r\n                                                                                    let array = [...elements.userAppRoles];\r\n                                                                                    var index1 = array.findIndex(vals => vals.enrollmentID === item.EnrollmentId);\r\n                                                                                    if (index1 != -1) {\r\n                                                                                        if (e.target.value == '') {\r\n\r\n                                                                                        } else {\r\n                                                                                            let vals = JSON.parse(e.target.value)\r\n                                                                                            array[index1].licenseKeyID = vals.licenseKeyID;\r\n                                                                                            array[index1].licenseKey = vals.licenseKey;\r\n                                                                                        }\r\n                                                                                    }\r\n                                                                                    setElements({ ...elements, userAppRoles: array })\r\n                                                                                }}\r\n                                                                            >\r\n                                                                                <option value=''>--please select--</option>\r\n                                                                                {item.keys.map((data, index) => {\r\n                                                                                    return <option key={index} id={data.licenseKey} value={JSON.stringify(data)}> {data.licenseKey} </option>\r\n                                                                                })}\r\n                                                                            </select>\r\n                                                                        </td>\r\n                                                                        {/* <td>\r\n                                                            <button className=\"btn btn-primary btn-sm\">Add +</button>\r\n                                                        </td> */}\r\n                                                                    </tr>\r\n                                                                })}\r\n                                                            </tbody>\r\n                                                        </table>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n\r\n                                        </div>\r\n\r\n                                        {/* <div class=\"table-wrapper-scroll-y my-custom-scrollbar\">\r\n                                        <table class=\"table table-bordered mb-0\">\r\n                                            <thead>\r\n                                                <tr>\r\n                                                <th scope=\"col\">App Name</th>\r\n                                                <th scope=\"col\">Access</th>\r\n                                                <th scope=\"col\">Role</th>\r\n                                                <th scope=\"col\">Subscription Key</th>\r\n                                                </tr>\r\n                                            </thead>\r\n                                            <tbody>\r\n                                                {}\r\n                                            </tbody>\r\n                                        </table>\r\n                                    </div> */}\r\n\r\n\r\n                                    </div>\r\n                                </div>\r\n                                : ''\r\n                        //                                 <div className=\"container-form framework-container\">\r\n                        //                                     <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                        //                                         <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                        //                                             <h6>Personal Information</h6>\r\n                        // \r\n                        //                                             <div className=\"col-6 col-md-4 col-sm-4 col-lg-3 col-xl-2 mt-2\">\r\n                        //                                                 <label htmlFor=\"firstName\">First Name</label>\r\n                        //                                                 <input className=\"form-control-plaintext form-control-sm mt-0 bg-white\" id=\"firstName\" type=\"text\" value={elements.firstName ? elements.firstName : '-'} disabled />\r\n                        //                                             </div>\r\n                        // \r\n                        //                                             <div className=\"col-6 col-md-4 col-sm-4 col-lg-3 col-xl-2 mt-2\">\r\n                        //                                                 <label htmlFor=\"lastName\">Last Name</label>\r\n                        //                                                 <input className=\"form-control-plaintext fw-lighter form-control-sm mt-0 bg-white\" id=\"lastName\" type=\"text\" value={elements.lastName ? elements.lastName : '-'} disabled />\r\n                        //                                             </div>\r\n                        // \r\n                        //                                             <div className=\"col-12 col-md-4 col-sm-4 col-lg-3 col-xl-2 mt-2\">\r\n                        //                                                 <label htmlFor=\"displayName\">Display Name</label>\r\n                        //                                                 <input className=\"form-control-plaintext fw-lighter form-control-sm mt-0 bg-white\" id=\"displayName\" type=\"text\" value={elements.displayName ? elements.displayName : '-'} disabled />\r\n                        //                                             </div>\r\n                        // \r\n                        //                                             <div className=\"col-12 col-md-4 col-sm-4 col-lg-3 col-xl-3 mt-2\">\r\n                        //                                                 <label htmlFor=\"displayName\">UserName</label>\r\n                        //                                                 <input className=\"form-control-plaintext fw-lighter form-control-sm mt-0 bg-white\" id=\"displayName\" type=\"text\" value={elements.loginUserName ? elements.loginUserName : '-'} disabled />\r\n                        //                                             </div>\r\n                        //                                         </div>\r\n                        // \r\n                        // \r\n                        //                                         <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                        //                                             <h6>Contact</h6>\r\n                        // \r\n                        //                                             <div className=\"col-12 col-md-4 col-sm-4 col-lg-3 col-xl-3 mt-2\">\r\n                        //                                                 <label htmlFor=\"emailId\">Email Address</label>\r\n                        //                                                 <input className=\"form-control-plaintext fw-lighter form-control-sm mt-0 bg-white\" id=\"emailId\" type=\"text\" value={elements.emailID ? elements.emailID : '-'} disabled />\r\n                        //                                             </div>\r\n                        // \r\n                        //                                             <div className=\"col-12 col-md-4 col-sm-4 col-lg-3 col-xl-3 mt-2\">\r\n                        //                                                 <label htmlFor=\"mobile\">Mobile</label>\r\n                        //                                                 <input className=\"form-control-plaintext fw-lighter form-control-sm mt-0 bg-white\" id=\"mobile\" type=\"text\" maxLength=\"15\" value={elements.mobile ? elements.mobile : '-'} disabled />\r\n                        //                                             </div>\r\n                        //                                         </div>\r\n                        //                                     </div>\r\n                        // \r\n                        //                                     <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                        //                                         <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                        //                                             <h6>Access</h6>\r\n                        // \r\n                        //                                             <div className=\"col-6 col-md-4 col-sm-4 col-lg-3 col-xl-2 mt-2\">\r\n                        //                                                 <label htmlFor=\"displayName\">Platform Access</label><br />\r\n                        //                                                 <Switch className=\"mt-0\" checked={elements.isAccess} />\r\n                        //                                             </div>\r\n                        // \r\n                        //                                             <div className=\"col-6 col-md-4 col-sm-4 col-lg-3 col-xl-2 mt-2\">\r\n                        //                                                 <label htmlFor=\"displayName\">Portal Access</label><br />\r\n                        //                                                 <Switch className=\"mt-0\" checked={elements.isPortalAccess} />\r\n                        //                                             </div>\r\n                        // \r\n                        //                                             <div className=\"col-12 col-md-4 col-sm-4 col-lg-3 col-xl-2 mt-2\">\r\n                        //                                                 <label htmlFor=\"displayName\">Base Location</label>\r\n                        //                                                 <input className=\"form-control-plaintext fw-lighter form-control-sm mt-0 bg-white\" id=\"displayName\" type=\"text\" value={elements.locationCode ? elements.locationCode : '-'} disabled />\r\n                        //                                             </div>\r\n                        //                                         </div>\r\n                        // \r\n                        //                                         <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                        //                                             <h6>Additional Location</h6>\r\n                        //                                             <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-4\">\r\n                        //                                                 <div className=\"card\">\r\n                        //                                                     <div className=\"card-body\">\r\n                        //                                                         <div className=\"col-6 col-md-12 col-sm-12 col-lg-12 col-xl-12\">\r\n                        //                                                             <div class=\"table-wrapper-scroll-y my-custom-scrollbar\">\r\n                        //                                                                 <table class=\"table table-hover mb-0\">\r\n                        //                                                                     <thead>\r\n                        //                                                                         <tr>\r\n                        //                                                                             <th scope=\"col\" className=\"border-bottom-0\">\r\n                        //                                                                                 <span style={{ fontSize: '13px' }}>Location Name</span>\r\n                        //                                                                             </th>\r\n                        //                                                                         </tr>\r\n                        //                                                                     </thead>\r\n                        //                                                                     <tbody>\r\n                        //                                                                         {elements.userLocations.map((data, index) => {\r\n                        //                                                                             return <tr>\r\n                        //                                                                                 <td style={{ fontSize: '13px' }} key={index}> {data.locationCode} </td>\r\n                        //                                                                             </tr>\r\n                        //                                                                         })}\r\n                        //                                                                     </tbody>\r\n                        //                                                                 </table>\r\n                        //                                                             </div>\r\n                        // \r\n                        //                                                         </div>\r\n                        //                                                     </div>\r\n                        //                                                 </div>\r\n                        //                                             </div>\r\n                        //                                         </div>\r\n                        //                                     </div>\r\n                        // \r\n                        // \r\n                        //                                     <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                        //                                         <h6>App Access</h6>\r\n                        //                                         <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                        //                                             <div className=\"card\">\r\n                        //                                                 <div className=\"card-body\">\r\n                        //                                                     <div class=\"table-wrapper-scroll-y my-custom-scrollbar\">\r\n                        //                                                         <table class=\"table table-hover mb-0\">\r\n                        //                                                             <thead>\r\n                        //                                                                 <tr>\r\n                        //                                                                     <th scope=\"col\" className=\"border-bottom-0\"><span style={{ fontSize: '13px' }}>App Name</span></th>\r\n                        //                                                                     <th scope=\"col\" className=\"border-bottom-0\"><span style={{ fontSize: '13px' }}>Access</span></th>\r\n                        //                                                                     <th scope=\"col\" className=\"border-bottom-0\"><span style={{ fontSize: '13px' }}>Role</span></th>\r\n                        //                                                                     <th scope=\"col\" className=\"border-bottom-0\"><span style={{ fontSize: '13px' }}>Subscription Key</span></th>\r\n                        //                                                                 </tr>\r\n                        //                                                             </thead>\r\n                        //                                                             <tbody>\r\n                        //                                                                 {datas.map((item, index) => {\r\n                        //                                                                     return <tr className='user-table' key={index}>\r\n                        //                                                                         <td className=\"pt-2\">{item.enrollment.serviceName}</td>\r\n                        //                                                                         <td className=\"pt-2\">\r\n                        //                                                                             <Switch checked={elements.userAppRoles.isAccess}\r\n                        //                                                                                 onChange={(e) => {\r\n                        //                                                                                     let arr = elements.userAppRoles;\r\n                        //                                                                                     arr[0].isAccess = e\r\n                        //                                                                                     console.log(arr);\r\n                        //                                                                                     setElements({ ...elements, userAppRoles: arr })\r\n                        //                                                                                 }} />\r\n                        //                                                                         </td>\r\n                        //                                                                         <td className=\"pt-2\">\r\n                        //                                                                             <select className=\"form-select\" value={elements.userAppRoles.roleID} onChange={(e) => {\r\n                        //                                                                                 let arr = elements.userAppRoles;\r\n                        //                                                                                 arr[0].roleID = e.target.value\r\n                        //                                                                                 console.log(arr);\r\n                        //                                                                                 setElements({ ...elements, userAppRoles: arr })\r\n                        //                                                                             }}>\r\n                        //                                                                                 <option>--please select--</option>\r\n                        //                                                                                 {item.enrollment.enrollmentRoles.map((data, index) => {\r\n                        //                                                                                     return <option key={index}> {data.role} </option>\r\n                        //                                                                                 })}\r\n                        //                                                                             </select>\r\n                        //                                                                         </td>\r\n                        //                                                                         <td className=\"pt-2\" align=\"center\">\r\n                        //                                                                             <select className=\"form-select\" value={elements.userAppRoles.licenseKey}\r\n                        //                                                                                 onChange={(e) => {\r\n                        //                                                                                     let arr = elements.userAppRoles;\r\n                        //                                                                                     arr[0].licenseKey = e.target.value\r\n                        //                                                                                     console.log(arr);\r\n                        //                                                                                     setElements({ ...elements, userAppRoles: arr })\r\n                        //                                                                                 }}\r\n                        //                                                                             >\r\n                        //                                                                                 <option>--please select--</option>\r\n                        //                                                                                 {item.licenseKeys.map((data, index) => {\r\n                        //                                                                                     return <option key={index} > {data.licenseKey} </option>\r\n                        //                                                                                 })}\r\n                        //                                                                             </select>\r\n                        //                                                                         </td>\r\n                        //                                                                     </tr>\r\n                        //                                                                 })}\r\n                        //                                                             </tbody>\r\n                        //                                                         </table>\r\n                        //                                                     </div>\r\n                        //                                                 </div>\r\n                        //                                             </div>\r\n                        //                                         </div>\r\n                        //                                     </div>\r\n                        // \r\n                        //                                 </div>\r\n                    }\r\n\r\n                    <div className=\"steps-action container\" style={{ textAlign: 'right' }}>\r\n                        {current > 0 && (<Button style={{ margin: '0 8px' }} type=\"primary\" onClick={() => prev()}> Previous </Button>)}\r\n\r\n                        {/* {current == 0 ? <Button style={{ margin: '0 8px' }} onClick={() => history.push('/customer-board')}> Cancel </Button> : ''} */}\r\n\r\n                        {current == 0 ? <Button type=\"primary\" onClick={async () => {\r\n\r\n                            let [ck1, ck2, ck3, ck4, ck5, ck6, ck7] = await Promise.all([\r\n                                requireValid(elements.firstName),\r\n                                requireValid(elements.displayName),\r\n                                requireValid(elements.loginUserName),\r\n                                emailValid(elements.emailID),\r\n                                requireValid(elements.mobile),\r\n                                requireValid(elements.department),\r\n                                requireValid(elements.employeeType),\r\n                            ])\r\n                            // let ck1 = await ;\r\n                            setVald1({ ...vald1, firstName: ck1, displayName: ck2, userName: ck3, emailID: ck4, mobile: ck5, employeeType: ck7 });\r\n                            // if (ck1 && ck2 && ck3 && ck4 && ck5 && ck6 && ck7) {\r\n                            // }\r\n                            next()\r\n                        }}> Next </Button> : ''}\r\n\r\n                        {current == 1 ? <Button type=\"primary\" onClick={async () => {\r\n                            let ck = await requireValid(elements.locationCode);\r\n                            setVald1({ ...vald1, locationCode: ck })\r\n                            if (ck) {\r\n                                next()\r\n                            }\r\n                        }}> Next </Button> : ''}\r\n\r\n                        {current == 2 ? <Button style={{ backgroundColor: '#73a562', color: 'white' }} onClick={createIdentityAccess} >\r\n                            {loading ? <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\r\n                                : 'Add User'}\r\n                        </Button> : ''}\r\n                    </div>\r\n\r\n\r\n\r\n                    {/* {current === header.length - 1 && (\r\n                                <Button type=\"primary\" disabled={loading} \r\n                                onClick={async () => {\r\n                                    setLoading(true);\r\n                                    let create = await createUser(firstName,lastName,email,gender,business,salary,addressInfo,verification);\r\n                                    setLoading(false);\r\n                                }}\r\n                                >\r\n                                    {loading ? <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\r\n                                    :  'Submit' }\r\n                                </Button>\r\n                            )} */}\r\n                </div>\r\n            </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n            {/* <NxCustomTab\r\n                data={[\r\n                    {\r\n                        name: 'Perosnal Information',\r\n                        Components: () => {\r\n                            return <div className=\"container-form framework-container\">\r\n                                <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <label htmlFor=\"firstName\">First Name</label>\r\n                                        <input className=\"form-control mt-0\" id=\"firstName\" type=\"text\" value={elements.firstName} onChange={(e) => {\r\n                                            setElements({ ...elements, firstName: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <label htmlFor=\"lastName\">Last Name</label>\r\n                                        <input className=\"form-control mt-0\" id=\"lastName\" type=\"text\" value={elements.lastName} onChange={(e) => {\r\n                                            setElements({ ...elements, lastName: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <label htmlFor=\"emailId\">Email Address</label>\r\n                                        <input className=\"form-control mt-0\" id=\"emailId\" type=\"text\" value={elements.emailID} onChange={(e) => {\r\n                                            setElements({ ...elements, emailID: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <label htmlFor=\"mobile\">Phone No</label>\r\n                                        <input className=\"form-control mt-0\" id=\"mobile\" type=\"text\" value={elements.mobile} onChange={(e) => {\r\n                                            setElements({ ...elements, mobile: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-12 col-xl-12 mt-2\">\r\n                                        <label htmlFor=\"displayName\">Display Name</label>\r\n                                        <input className=\"form-control mt-0\" id=\"displayName\" type=\"text\" value={elements.displayName} onChange={(e) => {\r\n                                            setElements({ ...elements, displayName: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-12 col-xl-12 mt-2\">\r\n                                        <label htmlFor=\"displayName\">UserName</label>\r\n                                        <input className=\"form-control mt-0\" id=\"displayName\" type=\"text\" value={elements.displayName} onChange={(e) => {\r\n                                            setElements({ ...elements, displayName: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-md-6 col-sm-6 col-lg-4 col-xl-4 mt-2\">\r\n                                        <div className=\"row justify-content-center align-items-center\">\r\n                                            <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-1\">\r\n                                                <label htmlFor=\"portalAccess\">Portal Access</label><br />\r\n                                                <Switch checked={elements.isPortalAccess} onChange={(checked, e) => {\r\n                                                    setElements({ ...elements, isPortalAccess: checked })\r\n                                                }} /> &nbsp;\r\n                                            </div>\r\n\r\n                                            <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-1\">\r\n                                                <label htmlFor=\"access\">Access</label><br />\r\n                                                <Switch checked={elements.isAccess} onChange={(checked, e) => {\r\n                                                    setElements({ ...elements, isAccess: checked })\r\n                                                }} /> &nbsp;\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                    },\r\n                    {\r\n                        name:'Platform & Entity',\r\n                        Components:() => {\r\n                            return <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                                <div className=\"col-6 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                        <label htmlFor=\"access\">Platform Access</label><br />\r\n                                        <Switch checked={elements.isAccess} onChange={(checked, e) => {\r\n                                            setElements({ ...elements, isAccess: checked })\r\n                                        }} /> &nbsp;\r\n                                </div>\r\n\r\n                                <div className=\"col-6 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                        <label htmlFor=\"access\">Portal Access</label><br />\r\n                                        <Switch checked={elements.isAccess} onChange={(checked, e) => {\r\n                                            setElements({ ...elements, isAccess: checked })\r\n                                        }} /> &nbsp;\r\n                                </div>\r\n\r\n                                <div className=\"col-6 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                        <label htmlFor=\"access\">Base Entity</label><br />\r\n                                        <select className=\"form-select w-50\">\r\n                                            <option>--Please Select--</option>\r\n                                            <option>India</option>\r\n                                            <option>SriLanka</option>\r\n                                        </select>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6\">\r\n                                            <label htmlFor=\"access\">Entity</label><br/>\r\n                                            <input className=\"form-control\" value={entity} onChange={(e) => {\r\n                                                setEntity(e.target.value)\r\n                                            }} />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6\">\r\n                                            <input type=\"button\" className=\"btn btn-primary btn-sm mt-3\" value=\"Add\" onClick={() => {\r\n                                                setEntityU([...entityU, {name: entity}]);\r\n                                                setEntity('')\r\n                                            }} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6\">\r\n                                            <label htmlFor=\"access\">Entity Name</label><br/>\r\n                                            {entityU.map((item, index) => {\r\n                                                return <p key={index}>{item.name}</p>\r\n                                            })}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                    },\r\n                    {\r\n                        name: 'App Access',\r\n                        Components: () => {\r\n                            return <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                                <div className=\"col-6 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <div class=\"table-wrapper-scroll-y my-custom-scrollbar\">\r\n                                        <table class=\"table table-hover mb-0\">\r\n                                            <thead>\r\n                                                <tr>\r\n                                                    <th scope=\"col\">App Name</th>\r\n                                                    <th scope=\"col\">Access</th>\r\n                                                    <th scope=\"col\">Role</th>\r\n                                                    <th scope=\"col\">Subscription Key</th>\r\n                                                </tr>\r\n                                            </thead>\r\n                                            <tbody>\r\n                                                {roles.map((item, index) => {\r\n                                                    return <tr className='user-table' key={index}>\r\n                                                        <td className=\"pt-2\" align=\"center\">Demo App</td>\r\n                                                        <td className=\"pt-2\" align=\"center\">\r\n                                                            <Switch />\r\n                                                        </td>\r\n                                                        <td className=\"pt-2\" align=\"center\">\r\n                                                            <select className=\"form-select\">\r\n                                                                <option>--please select--</option>\r\n                                                            </select>\r\n                                                        </td>\r\n                                                        <td className=\"pt-2\" align=\"center\">\r\n                                                            <select className=\"form-select\">\r\n                                                                <option>--please select--</option>\r\n                                                            </select>\r\n                                                        </td>\r\n                                                    </tr>\r\n                                                })}\r\n                                            </tbody>\r\n                                        </table>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        },\r\n                    },\r\n                ]} /> */}\r\n            {/* {\r\n                                    name: 'Entity',\r\n                                    Components: () => {\r\n                                        return <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                                            <div className=\"col-6 col-md-12 col-sm-12 col-lg-12 col-xl-3 mt-2\">\r\n            \r\n                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <select className=\"form-select\">\r\n                                                        <option>--Please select--</option>\r\n                                                        <option>India</option>\r\n                                                        <option>Malaysia</option>\r\n                                                        <option>Singapore</option>\r\n                                                    </select>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    },\r\n                                } */}\r\n\r\n            {/* <hr/> */}\r\n            {/* <Buttons elements={elements} /> */}\r\n            )\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div >\r\n    )\r\n}","import React, { useState, useEffect } from \"react\";\r\nimport { useHistory } from 'react-router-dom';\r\nimport './editIdentityAccess.css';\r\nimport { NxBreadcrumb, NxTitleTab, NxFooter, NxCustomTab, NxLoader } from '@afiplfeed/itr-app';\r\nimport Headers from \"../../../Screens/Headers/Headers\";\r\nimport { Switch, Steps, Button, message } from 'antd';\r\nimport { ItrApiService } from \"@afiplfeed/itr-ui\";\r\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\r\nimport { faMinus, faMinusCircle, faPlus, faPlusCircle, faUserCheck } from \"@fortawesome/free-solid-svg-icons\";\r\n\r\n// const splits = async (dests, setDatas) => {\r\n//     let arr = [];\r\n//     for (let value of dests) {\r\n//         let data = [value.firstName, value.lastName, value.emailID, value.mobile];\r\n//         let obj = { sendItem: value, data: data };\r\n//         arr = [...arr, obj]\r\n//     }\r\n//     setDatas(arr);\r\n// }\r\n\r\n\r\n\r\nexport default function EditIdentityAccess() {\r\n\r\n    // const Buttons = ({elements}) => {\r\n    //     return <div className=\"form-button container-fluid nx-enquiry-buttons mb-5 px-4\">\r\n    //         <button className=\"btn btn-primary rounded-pill buttons\" onClick={() => {\r\n    //             console.log(elements);\r\n    //             ItrApiService.POST({\r\n    //                 data: elements,\r\n    //                 url: \"EntityPlatform/EntityUser/SaveEntityUser\",\r\n    //             })\r\n    //         }}> Save</button>\r\n    //         <button className=\"btn close btn-outline-primary rounded-pill\" onClick={() =>{\r\n    //             history.push('/framework/iam');\r\n    //         }}> Close</button>\r\n    //     </div>\r\n    // }\r\n\r\n    let history = useHistory();\r\n\r\n    const { Step } = Steps;\r\n    const [current, setCurrent] = useState(0);\r\n\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const next = () => {\r\n        setCurrent(current + 1);\r\n    };\r\n\r\n    const prev = () => {\r\n        setCurrent(current - 1);\r\n    };\r\n\r\n    const header = [\r\n        { title: 'Personal' },\r\n        { title: 'Access' },\r\n        { title: 'Privileges' },\r\n        // { title: 'Review' },\r\n    ]\r\n\r\n    const [roles, setRoles] = useState([{\r\n        rollCode: '',\r\n        rollName: '',\r\n        description: '',\r\n        additionalInfo: ''\r\n    }]);\r\n\r\n    const [lKey, setLKey] = useState([])\r\n\r\n    const blockChar = () => {\r\n        $(\"input[name='numonly']\").on('input', function (e) {\r\n            $(this).val($(this).val().replace(/[^0-9]/g, ''));\r\n        });\r\n    }\r\n\r\n    const [datas, setDatas] = useState([]);\r\n    const [showAvailable, setShowAvailable] = useState('');\r\n\r\n    const [code, setCode] = useState()\r\n    const getData = async (dataVal) => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/EntitySubscription/AllSubscriptionLicense'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let data = result.result.data;\r\n\r\n            // console.log(data, 'entityUserRoleGrid')\r\n            if (data === null || !data.length) {\r\n                // alert(result.result.message);\r\n            }\r\n            else {\r\n                let array = []\r\n                for (let role of data) {\r\n                    setCode(role.ServiceCode);\r\n                    var rolesData = []\r\n                    let result1 = await ItrApiService.GET({\r\n                        url: `DevOps/Enrollment/GetAllEnrollmentRoleByServiceCode/${role.ServiceCode}`\r\n                    });\r\n                    if (result1.result.isSuccess == true) {\r\n                        let data = result1.result.data;\r\n                        // console.log(data, 'entityUserRoleList', role.ServiceCode)\r\n                        if (data === null || !data.length) {\r\n                            // alert(result.result.message);\r\n                        }\r\n                        else {\r\n                            // console.log('lllllllllllllllllllllllllllll')\r\n                            rolesData = data;\r\n                        }\r\n                    }\r\n                    // console.log(role.ServiceCode, 'kkkkkkkkkk')\r\n\r\n                    var keysData = [];\r\n                    let result2 = await ItrApiService.GET({\r\n                        url: `RevOps/EntitySubscription/ActiveLicense/${role.ServiceCode}`\r\n                    });\r\n                    if (result2.result.isSuccess == true) {\r\n                        let data = result2.result.data;\r\n                        if (data === null || !data.length) {\r\n                            // alert(result.result.message);\r\n                        }\r\n                        else {\r\n                            let keysDatas = data\r\n                            if (dataVal && dataVal.userAppRoles && dataVal.userAppRoles.length > 0) {\r\n                                for (let value of dataVal.userAppRoles) {\r\n                                    console.log(role.EnrollmentId)\r\n                                    console.log(value.enrollmentID)\r\n                                    if (role.EnrollmentId == value.enrollmentID) {\r\n                                        keysDatas = [...keysDatas, { licenseKeyID: value.licenseKeyID, licenseKey: value.licenseKey }]\r\n                                    }\r\n                                }\r\n                            }\r\n                            keysData = keysDatas;\r\n                            setLKey(keysData);\r\n                        }\r\n                    }\r\n                    let obj = { ...role, rolesData: rolesData, keys: keysData }\r\n                    array = [...array, obj]\r\n                }\r\n                // console.log(array);\r\n                setDatas(array);\r\n            }\r\n            // setCustomers(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            // alert(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n\r\n\r\n    // edit-user-list\r\n    const getEditData = async (entityId) => {\r\n        // console.log(entityId, 'Enenen')\r\n        if (!entityId) {\r\n            history.push('/manage-users');\r\n            return false;\r\n        }\r\n        let result = await ItrApiService.GET({\r\n            url: `Catalog/Users/GetUserById/${entityId}`,\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let data = result.result.data;\r\n            // console.log(data,'editIAMData')\r\n            if (data === null) {\r\n                // alert(result.result.message);\r\n                return { success: false, data: {} };\r\n            }\r\n            else {\r\n                console.log(data);\r\n                let arr = data;\r\n                // if (data && data.userAppRoles && data.userAppRoles.length > 0) {\r\n                //     let ur = []\r\n                //     for (let val of data.userAppRoles) {\r\n                //         let obj = { ...val, licenseKeydata: '' }\r\n                //         let arrs = [];\r\n                //         for (let dd of datas) {\r\n                //             if (dd.enrollmentID == val.enrollmentID) {\r\n                //                 let objs = { ...dd };\r\n                //                 var index1 = dd.keys.findIndex(vals => vals.licenseKeyID == val.licenseKeyID);\r\n                //                 console.log(index1, '###########')\r\n                //                 if (index1 != -1) {\r\n                //                     console.log(JSON.stringify(dd.keys[index1]))\r\n                //                     obj = { ...obj, licenseKeydata: JSON.stringify(dd.keys[index1]) }\r\n                //                     arrs = [...arrs, dd]\r\n                //                 } else {\r\n                //                     let iik = {\r\n                //                         licenseKey: val.licenseKey,\r\n                //                         licenseKeyID: val.licenseKeyID\r\n                //                     }\r\n                //                     obj = { ...obj, licenseKeydata: JSON.stringify(iik) }\r\n                //                 }\r\n                //             } else {\r\n                //                 arr = [...arr, dd]\r\n                //             }\r\n                //         }\r\n                //         ur = [...ur, obj]\r\n                //     }\r\n                //     arr.userAppRoles = ur\r\n                // }\r\n                console.log('222222222222 => ', arr);\r\n                setElements(arr);\r\n                return { success: true, data: arr };\r\n            }\r\n            // setCustomers(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            // alert(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n            return { success: false, data: {} };\r\n        }\r\n        return { success: false, data: {} };\r\n    }\r\n\r\n    const sppirs = async (data) => {\r\n        let arr = data;\r\n        if (data && data.userAppRoles && data.userAppRoles.length > 0) {\r\n            let ur = []\r\n            for (let val of data.userAppRoles) {\r\n                let obj = { ...val, licenseKeydata: JSON.stringify({ licenseKeyID: val.licenseKeyID, licenseKey: val.licenseKey }) }\r\n                ur = [...ur, obj]\r\n            }\r\n            arr = { ...arr, userAppRoles: ur };\r\n            console.log(arr);\r\n            setElements(arr);\r\n        }\r\n    }\r\n    // console.log(editUserList,'editDataList');\r\n\r\n\r\n    const [department, setDepartment] = useState([]);\r\n    const [reporting, setReporting] = useState([]);\r\n    const [unitMaster, setUnitMaster] = useState([]);\r\n\r\n    const getDepartmentList = async () => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'Catalog/Users/GetUserDepartmentList'\r\n        });\r\n        console.log(\"==========>\", result);\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let data = result.result.data;\r\n                if (data == null) {\r\n                    setLoading(false);\r\n                }\r\n                else {\r\n                    // console.\r\n                    if (data.unitMasters && data.unitMasters.length > 0) {\r\n                        setUnitMaster(data.unitMasters)\r\n                    }\r\n                    setDepartment(data.departments);\r\n                    if (data.users) {\r\n                        // console.log(data.users)\r\n                        setReporting(data.users);\r\n                    }\r\n                    setLoading(false);\r\n                }\r\n                return true\r\n            } else {\r\n                setLoading(false);\r\n                return true;\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            setLoading(false);\r\n            return false\r\n        } else {\r\n            setLoading(false);\r\n            return false\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        setLoading(true);\r\n        let entityIds = sessionStorage.getItem('editUserId');\r\n        getDepartmentList();\r\n        let rep = getEditData(entityIds);\r\n        setUid(entityIds)\r\n        getData(rep.data);\r\n        sppirs(rep.data)\r\n        setLoading(false);\r\n    }, []);\r\n\r\n    const [entity, setEntity] = useState('');\r\n\r\n    const [entityU, setEntityU] = useState([]);\r\n\r\n    const [entityUnit, setEntityUnit] = useState('');\r\n\r\n    const [entityUnits, setEntityUnits] = useState([])\r\n\r\n    const [uId, setUid] = useState(0)\r\n\r\n    const [elements, setElements] = useState({\r\n        UserID: 1,\r\n        // entityID: 0,\r\n        entityCode: \"\",\r\n        employeeType: '',\r\n        userCode: \"\",\r\n        userType: \"\",\r\n        firstName: \"\",\r\n        lastName: \"\",\r\n        displayName: \"\",\r\n        userName: \"\",\r\n        designation: \"\",\r\n        department: \"\",\r\n        gender: 0,\r\n        mobile: \"\",\r\n        emailID: \"\",\r\n        isPortalAccess: false,\r\n        isAccess: false,\r\n        isActive: true,\r\n        locationCode: \"\",\r\n        userAppRoles: [],\r\n        userLocations: [],\r\n        userUnits: []\r\n    })\r\n\r\n    const editIdentityAccess = async () => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.POST({\r\n            data: { ...elements, UserID: uId },\r\n            url: \"Catalog/Users/SaveUser\",\r\n        })\r\n        // console.log(result, 'identity&Access');\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                message.success('Successfully Updated');\r\n                sessionStorage.removeItem('editUserId');\r\n                history.goBack();\r\n            }\r\n        }\r\n        else {\r\n            alert('Failed to update');\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n    return (\r\n        <div className=\"identity-Access\">\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Customer Board',\r\n                    onClick: () => {\r\n                        history.push('/customer-board');\r\n                    }\r\n                },\r\n                // {\r\n                //     name: 'Identity List',\r\n                //     onClick: () => {\r\n                //         history.push('/framework/iam');\r\n                //     }\r\n                // }\r\n            ]} />\r\n            <NxTitleTab className=\"title-tab\" title='Edit User' onCloseClick={() => {\r\n                history.goBack();\r\n                sessionStorage.removeItem('editUserId');\r\n            }} />\r\n\r\n\r\n            <div className=\"card m-4\">\r\n                <div className=\"card-body p-0\">\r\n\r\n                    <Steps current={current} responsive={true} labelPlacement=\"vertical\" size=\"small\" >\r\n                        {header.map((title, index) => {\r\n                            return <Step key={index} title={title.title}\r\n                                icon={current == index ? <div style={{ backgroundColor: '#1890ff', padding: 5, borderRadius: '24px', height: '24px', width: '24px', fontSize: '12px', display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'white' }}>{index + 1}</div>\r\n                                    : current > index && <div style={{ backgroundColor: '#73b504', padding: 5, borderRadius: '24px', height: '24px', width: '24px', fontSize: '12px', display: 'flex', alignItems: 'center', justifyContent: 'center', color: 'white' }}>{index + 1}</div>} />\r\n                        })}\r\n                    </Steps>\r\n\r\n                    {current == 0 ? <div className=\"container-form framework-container\">\r\n                        <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                            <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                <h6>Personal Information</h6>\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <label htmlFor=\"firstName\">First Name</label>\r\n                                    <input className=\"form-control form-control-sm mt-0\" id=\"firstName\" type=\"text\" value={elements.firstName} onChange={(e) => {\r\n                                        setElements({ ...elements, firstName: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <label htmlFor=\"lastName\">Last Name</label>\r\n                                    <input className=\"form-control form-control-sm mt-0\" id=\"lastName\" type=\"text\" value={elements.lastName} onChange={(e) => {\r\n                                        setElements({ ...elements, lastName: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <label htmlFor=\"displayName\">Display Name</label>\r\n                                    <input className=\"form-control form-control-sm mt-0\" id=\"displayName\" type=\"text\" value={elements.displayName} onChange={(e) => {\r\n                                        setElements({ ...elements, displayName: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    {/* <div className=\"d-flex justify-content-between align-items-center\"> */}\r\n                                    <label htmlFor=\"displayName\">User Name</label>\r\n                                    <input className=\"form-control bg-white form-control-sm mt-0\" id=\"displayName\" type=\"text\" value={elements.loginUserName} readOnly />\r\n                                    {/* </div> */}\r\n                                </div>\r\n                                {/* <div className=\"row align-items-center\">\r\n                                            <div className=\"col-11 col-sm-11 col-md-11 col-lg-11 col-xl-12\">\r\n                                            </div>\r\n                                        </div> */}\r\n\r\n                                {/* <button className=\"btn btn-primary btn-sm mt-1\" onClick={ async() => {\r\n                                            let check = await ItrApiService.GET({\r\n                                                url:`EntityPlatform/EntityUser/CheckUserAvailability/${elements.loginUserName}`\r\n                                            })\r\n                                            // console.log(check);\r\n                                            setShowAvailable(check);\r\n                                            \r\n                                        }}>Check Availability</button> */}\r\n                                &nbsp;\r\n                                {/* <a className={ showAvailable && showAvailable.result.isSuccess == true ? 'text-success' : 'text-danger'}>\r\n                                        { showAvailable &&  showAvailable.result.isSuccess == true ? 'Available' : showAvailable && showAvailable.result.isSuccess == false ? 'Please Use Different UserName' : ''}\r\n                                    </a> */}\r\n\r\n                            </div>\r\n\r\n                            <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                <h6>Contact</h6>\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <label htmlFor=\"emailId\">Email Address</label>\r\n                                    <input className=\"form-control form-control-sm mt-0\" id=\"emailId\" type=\"text\" value={elements.emailID} onChange={(e) => {\r\n                                        setElements({ ...elements, emailID: e.target.value })\r\n                                    }} />\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <label htmlFor=\"mobile\">Mobile</label>\r\n                                    <input className=\"form-control form-control-sm mt-0\" id=\"mobilenumber\" type=\"number\" maxLength=\"15\" name=\"numonly\" value={elements.mobile} pattern=\"[{0-9}]\" onChange={(e) => {\r\n                                        // console.log(e.target.value)\r\n                                        setElements({ ...elements, mobile: e.target.value });\r\n                                    }} />\r\n                                </div>\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <label htmlFor=\"mobile\">Department</label>\r\n                                    <select className=\"form-select form-select-sm\" value={elements.department} onChange={(e) => setElements({ ...elements, department: e.target.value })}>\r\n                                        <option value=\"\" selected disabled> -- Please Select --</option>\r\n                                        {department.map((item, index) => <option key={index} value={item.departmentCode}> {item.departmentName} </option>)}\r\n                                    </select>\r\n                                    {/* <div class={vald1.department == false ? \"invalid-data\" : 'd-none'}>\r\n                                        Please choose a Department.\r\n                                    </div> */}\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <label htmlFor=\"mobile\">Employee Type</label>\r\n                                    <select className=\"form-select form-select-sm\" value={elements.employeeType} onChange={(e) => setElements({ ...elements, employeeType: e.target.value })}>\r\n                                        <option value=\"\" selected disabled> -- Please Select --</option>\r\n                                        <option value=\"Internal\">Internal</option>\r\n                                        <option value=\"External\">External</option>\r\n                                        <option value=\"Trainee\">Trainee</option>\r\n                                        <option value=\"Intern\">Intern</option>\r\n                                    </select>\r\n                                    {/* <div class={vald1.employeeType == false ? \"invalid-data\" : 'd-none'}>\r\n                                        Please choose a Employee type.\r\n                                    </div> */}\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <label htmlFor=\"mobile\">Reporting</label>\r\n                                    <select className=\"form-select form-select-sm\" value={elements.reportingUserCode} onChange={(e) => setElements({ ...elements, reportingUserCode: e.target.value })}>\r\n                                        <option value=\"\" selected disabled> -- Please Select --</option>\r\n                                        {reporting.map((userName, index) => {\r\n                                            return <option key={index} value={userName.userCode}> {userName.displayName} </option>\r\n                                        })}\r\n                                    </select>\r\n                                </div>\r\n                            </div>\r\n\r\n\r\n\r\n\r\n                            {/* <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <label htmlFor=\"LastName\">Entity</label>\r\n                                        <select className=\"form-select\">\r\n                                            <option>--please-select--</option>\r\n                                        </select>\r\n                                    </div> */}\r\n\r\n                            {/* <div className=\"col-12 col-md-6 col-sm-6 col-lg-4 col-xl-4 mt-2\">\r\n                                        <div className=\"row justify-content-center align-items-center\">\r\n                                            <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-1\">\r\n                                                <label htmlFor=\"portalAccess\">Portal Access</label><br />\r\n                                                <Switch checked={elements.isPortalAccess} onChange={(checked, e) => {\r\n                                                    setElements({ ...elements, isPortalAccess: checked })\r\n                                                }} /> &nbsp;\r\n                                            </div>\r\n\r\n                                            <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-1\">\r\n                                                <label htmlFor=\"access\">Access</label><br />\r\n                                                <Switch checked={elements.isAccess} onChange={(checked, e) => {\r\n                                                    setElements({ ...elements, isAccess: checked })\r\n                                                }} /> &nbsp;\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> */}\r\n                        </div>\r\n                    </div> :\r\n                        current == 1 ? <div className=\"container-form framework-container\">\r\n                            <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                                <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                    <h6>Portal & Platform Access</h6>\r\n                                    <div className=\"col-6 col-sm-12 col-md-12 col-lg-6 col-xl-6 mt-2\">\r\n                                        <div>\r\n                                            <div className=\"row align-items-center\">\r\n                                                <div className=\"col-6 col-md-12 col-sm-12 col-lg-10 col-xl-10 mt-2\">\r\n                                                    <label htmlFor=\"firstName\">Platform Access</label> &nbsp;\r\n                                                    <Switch checked={elements.isAccess} onChange={(checked, e) => {\r\n                                                        setElements({ ...elements, isAccess: checked })\r\n                                                    }} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-10 col-md-12 col-sm-10 col-lg-10 col-xl-10 mt-2\">\r\n                                                    <label htmlFor=\"access\">Portal Access</label> &nbsp;\r\n                                                    <Switch checked={elements.isPortalAccess} onChange={(checked, e) => {\r\n                                                        setElements({ ...elements, isPortalAccess: checked })\r\n                                                    }} />\r\n                                                </div>\r\n\r\n                                                <div className=\"col-10 col-md-10 col-sm-10 col-lg-10 col-xl-10 mt-2\">\r\n                                                    <label htmlFor=\"access\">Unit</label><br />\r\n                                                    <select className=\"form-select\"\r\n                                                        value={entityUnit}\r\n                                                        onChange={(e) => { setEntityUnit(e.target.value) }}\r\n                                                    >\r\n                                                        <option value=\"\" disabled selected>--Please Select--</option>\r\n                                                        {unitMaster.map((item, index) => {\r\n                                                            return <option key={index} value={item.uCode}> {item.uName} </option>\r\n                                                        })}\r\n                                                    </select>\r\n                                                    {/* <div class={vald1.locationCode == false ? \"invalid-data\" : 'd-none'}>\r\n                                            Please choose a Location.\r\n                                        </div> */}\r\n                                                </div>\r\n\r\n                                                <div className=\"col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2 mt-4\" onClick={() => {\r\n                                                    setEntityUnits([...entityUnit, { name: entityUnit }]);\r\n                                                    if (entityUnit != '') {\r\n                                                        let obj = elements.userUnits.find(o => o.uCode == entityUnit);\r\n                                                        // console.log(obj)\r\n                                                        if (!obj) {\r\n                                                            setElements({\r\n                                                                ...elements, userUnits: [...elements.userUnits, {\r\n                                                                    userUnitID: 0,\r\n                                                                    userID: 1,\r\n                                                                    uCode: entityUnit\r\n                                                                }]\r\n                                                            })\r\n                                                            setEntityUnit('');\r\n                                                        }\r\n                                                    }\r\n                                                }} >\r\n                                                    <FontAwesomeIcon icon={faPlusCircle} color=\"black\" role=\"button\" />\r\n                                                    {/* <button type=\"button\" className=\"btn btn-outline-light btn-sm mt-1\" onClick={() => {\r\n                                                    setEntityU([...entityU, {name: entity}]);\r\n                                                    setElements({...elements, userLocations: [...elements.userLocations, {\r\n                                                        entityUserLocationID:0,\r\n                                                        entityUserID:1,\r\n                                                        locationCode: entity\r\n                                                    }]})\r\n                                                    setEntity('');\r\n                                                }} > */}\r\n                                                    {/* </button> */}\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    \r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"col-6 col-md-12 col-sm-12 col-lg-12 col-xl-12\">\r\n                                                    <div class=\"table-wrapper-scroll-y my-custom-scrollbar\">\r\n                                                        <table class=\"table table-hover mb-0\">\r\n                                                            <thead>\r\n                                                                <tr>\r\n                                                                    <th scope=\"col\" className=\"border-bottom-0\">\r\n                                                                        <span style={{ fontSize: '13px' }}>Unit Name</span>\r\n                                                                    </th>\r\n                                                                    <th scope=\"col\" className=\"border-bottom-0\">\r\n                                                                        <span style={{ fontSize: '13px' }}>Action</span>\r\n                                                                    </th>\r\n                                                                </tr>\r\n                                                            </thead>\r\n                                                            <tbody>\r\n                                                                {elements.userUnits.map((data, index) => {\r\n                                                                    return <tr>\r\n                                                                        <td style={{ fontSize: '13px' }} key={index}> {data.uCode} </td>\r\n                                                                        <td style={{ fontSize: '13px' }} > <FontAwesomeIcon icon={faMinusCircle} color=\"red\" onClick={() => {\r\n                                                                            let index = elements.userUnits.findIndex(o => o.uCode == data.uCode);\r\n                                                                            // console.log(index)\r\n                                                                            let arr = [];\r\n                                                                            arr = elements.userUnits;\r\n                                                                            let eindex = index + 1\r\n                                                                            // console.log(arr)\r\n                                                                            arr.splice(index, eindex);\r\n                                                                            setElements({ ...elements, uCode: arr });\r\n                                                                        }} /> </td>\r\n                                                                    </tr>\r\n                                                                })}\r\n                                                            </tbody>\r\n                                                        </table>\r\n                                                    </div>\r\n\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        {/* <NxGridList header={[\r\n                                            {\r\n                                                name: 'location Name',\r\n                                            },\r\n                                            {\r\n                                                name: 'Action',\r\n                                            },\r\n                                        ]}\r\n                                            rowClick={(e) => {\r\n                                                // console.log(e,'passsssssss');\r\n                                            }}\r\n                                            data={datas} \r\n                                        /> */}\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                    <h6>Location Access</h6>\r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12\">\r\n                                        {/* <label htmlFor=\"access\">Entity</label><br /> */}\r\n                                        <div className=\"row align-items-center\">\r\n                                            <div className=\"col-6 col-md-12 col-sm-12 col-lg-10 col-xl-10 mt-2\">\r\n                                                <label htmlFor=\"access\">Base Location</label><br />\r\n                                                <select className=\"form-select\" value={elements.locationCode} onChange={(e) => { setElements({ ...elements, locationCode: e.target.value }) }}>\r\n                                                    <option disabled selected>--Please Select--</option>\r\n                                                    <option value=\"IND\">India</option>\r\n                                                    <option value=\"BAN\">Bangladesh</option>\r\n                                                    <option value=\"JOR\">Jordan</option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-10 col-sm-10 col-md-10 col-lg-10 col-xl-10\">\r\n                                                <label> Additional Location </label>\r\n                                                <select className=\"form-select\" value={entity} onChange={(e) => {\r\n                                                    // console.log(e.target.value)\r\n                                                    setEntity(e.target.value);\r\n                                                }}>\r\n                                                    <option value=\"\" disabled selected>--Please Select--</option>\r\n                                                    <option value=\"IND\">India</option>\r\n                                                    <option value=\"BAN\">Bangladesh</option>\r\n                                                    <option value=\"JOR\">Jordan</option>\r\n                                                </select>\r\n                                            </div>\r\n\r\n                                            <div className=\"col-2 col-sm-2 col-md-2 col-lg-2 col-xl-2 mt-4\" onClick={() => {\r\n                                                // setEntityU([...entityU, {name: entity}]);\r\n                                                if (entity != '') {\r\n                                                    let obj = elements.userLocations.find(o => o.locationCode == entity);\r\n                                                    // console.log(obj)\r\n                                                    if (!obj) {\r\n                                                        setElements({\r\n                                                            ...elements, userLocations: [...elements.userLocations, {\r\n                                                                entityUserLocationID: 0,\r\n                                                                UserID: 1,\r\n                                                                locationCode: entity\r\n                                                            }]\r\n                                                        })\r\n                                                        setEntity('');\r\n                                                    }\r\n                                                }\r\n                                            }} >\r\n                                                <FontAwesomeIcon icon={faPlusCircle} color=\"black\" role=\"button\" />\r\n                                                {/* <button type=\"button\" className=\"btn btn-outline-light btn-sm mt-1\" onClick={() => {\r\n                                                   setEntityU([...entityU, {name: entity}]);\r\n                                                   setElements({...elements, userLocations: [...elements.userLocations, {\r\n                                                       entityUserLocationID:0,\r\n                                                       UserID:1,\r\n                                                       locationCode: entity\r\n                                                   }]})\r\n                                                   setEntity('');\r\n                                               }} > */}\r\n                                                {/* </button> */}\r\n                                            </div>\r\n\r\n\r\n                                        </div>\r\n\r\n\r\n\r\n                                        {/* <input className=\"form-control\" value={entity} onChange={(e) => {\r\n                                           setEntity(e.target.value)\r\n                                       }} /> */}\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"col-6 col-md-12 col-sm-12 col-lg-12 col-xl-12\">\r\n                                                    <div class=\"table-wrapper-scroll-y my-custom-scrollbar\">\r\n                                                        <table class=\"table table-hover mb-0\">\r\n                                                            <thead>\r\n                                                                <tr>\r\n                                                                    <th scope=\"col\" className=\"border-bottom-0\">\r\n                                                                        <span style={{ fontSize: '13px' }}>Location Name</span>\r\n                                                                    </th>\r\n                                                                    <th scope=\"col\" className=\"border-bottom-0\">\r\n                                                                        <span style={{ fontSize: '13px' }}>Action</span>\r\n                                                                    </th>\r\n                                                                </tr>\r\n                                                            </thead>\r\n                                                            <tbody>\r\n                                                                {elements.userLocations.map((data, index) => {\r\n                                                                    return <tr>\r\n                                                                        <td style={{ fontSize: '13px' }} key={index}> {data.locationCode} </td>\r\n                                                                        <td style={{ fontSize: '13px' }} > <FontAwesomeIcon icon={faMinusCircle} color=\"red\" onClick={() => {\r\n                                                                            let index = elements.userLocations.findIndex(o => o.locationCode == data.locationCode);\r\n                                                                            //    console.log(index)\r\n                                                                            let arr = [];\r\n                                                                            arr = elements.userLocations;\r\n                                                                            let eindex = index + 1\r\n                                                                            // console.log(arr)\r\n                                                                            arr.splice(index, eindex);\r\n                                                                            setElements({ ...elements, userLocations: arr });\r\n                                                                        }} /> </td>\r\n                                                                    </tr>\r\n                                                                })}\r\n                                                            </tbody>\r\n                                                        </table>\r\n                                                    </div>\r\n\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                        {/* <NxGridList header={[\r\n                                           {\r\n                                               name: 'location Name',\r\n                                           },\r\n                                           {\r\n                                               name: 'Action',\r\n                                           },\r\n                                       ]}\r\n                                           rowClick={(e) => {\r\n                                               console.log(e,'passsssssss');\r\n                                           }}\r\n                                           data={datas} \r\n                                       /> */}\r\n                                    </div>\r\n                                </div>\r\n\r\n\r\n\r\n                                {/* <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                   <div className=\"row\">\r\n                                           <header className=\"fw-bold\">Additional Entity Location</header>\r\n                                   </div>\r\n                               </div> */}\r\n\r\n                                {/* <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                               <div className=\"row\">\r\n                                   <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6\">\r\n                                       {elements.userLocations.map((item, index) => {\r\n                                           return <>\r\n                                               <p key={index}>{item.locationCode} &nbsp;\r\n                                                   <button className=\"btn btn-outline-light btn-sm\">\r\n                                                       <FontAwesomeIcon icon={faMinusCircle} color=\"red\"/>\r\n                                                   </button>\r\n                                               </p>\r\n                                           </>\r\n                                       })}\r\n                                   </div>\r\n                               </div>\r\n                           </div> */}\r\n                            </div>\r\n                        </div> :\r\n                            <div className=\"container-form framework-container\">\r\n                                <div className=\"row justify-content-start w-100 mb-4\">\r\n                                    <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-body\">\r\n                                                <div class=\"table-wrapper-scroll-y my-custom-scrollbar\">\r\n                                                    <table class=\"table table-hover mb-0\">\r\n                                                        <thead>\r\n                                                            <tr>\r\n                                                                <th scope=\"col\" className=\"border-bottom-0\"><span style={{ fontSize: '13px' }}>App Name</span></th>\r\n                                                                <th scope=\"col\" className=\"border-bottom-0\"><span style={{ fontSize: '13px' }}>Access</span></th>\r\n                                                                <th scope=\"col\" className=\"border-bottom-0\"><span style={{ fontSize: '13px' }}>Role</span></th>\r\n                                                                <th scope=\"col\" className=\"border-bottom-0\"><span style={{ fontSize: '13px' }}>Subscription Key</span></th>\r\n                                                                {/* <th scope=\"col\">Action</th> */}\r\n                                                            </tr>\r\n                                                        </thead>\r\n                                                        <tbody>\r\n                                                            {datas.map((item, index) => {\r\n                                                                let ws = [...elements.userAppRoles];\r\n                                                                var its = ws.findIndex(vals => vals.enrollmentID === item.EnrollmentId);\r\n                                                                return <tr className='user-table' key={index}>\r\n                                                                    <td className=\"pt-2\">{item.ServiceName}</td>\r\n                                                                    <td className=\"pt-2\">\r\n                                                                        <Switch checked={its == -1 ? elements.userAppRoles.isAccess : elements.userAppRoles[its].isAccess}\r\n                                                                            onChange={(e) => {\r\n                                                                                // let ck = [...elements.userAppRoles];\r\n                                                                                // var is = ck.findIndex(vals => vals.enrollmentID === item.EnrollmentId);\r\n                                                                                if (its == -1) {\r\n                                                                                    let obj = {\r\n                                                                                        entityUserAppRoleID: 0,\r\n                                                                                        UserID: 0,\r\n                                                                                        enrollmentID: item.EnrollmentId,\r\n                                                                                        isAccess: e,\r\n                                                                                        roleID: 0,\r\n                                                                                        isActive: e,\r\n                                                                                        licenseKeyID: 0,\r\n                                                                                        licenseKey: \"\"\r\n                                                                                    }\r\n                                                                                    let arr = elements.userAppRoles;\r\n                                                                                    arr = [...arr, obj];\r\n                                                                                    setElements({ ...elements, userAppRoles: arr });\r\n                                                                                } else {\r\n                                                                                    ws[its].isAccess = e;\r\n                                                                                    setElements({ ...elements, userAppRoles: ws });\r\n                                                                                }\r\n                                                                                // else {\r\n                                                                                //     let array = [...elements.userAppRoles];\r\n                                                                                //     var index1 = array.findIndex(vals => vals.enrollmentID === item.EnrollmentId);\r\n                                                                                //     array.splice(index1, 1)\r\n                                                                                //     setElements({ ...elements, userAppRoles: array })\r\n                                                                                //     // setRemoveVal(array);\r\n                                                                                // }\r\n                                                                                // arr[0].isAccess = e\r\n                                                                                // console.log(arr);\r\n                                                                            }} />\r\n                                                                    </td>\r\n                                                                    <td className=\"pt-2\">\r\n                                                                        <select className=\"form-select\" value={its == -1 ? elements.userAppRoles.roleID : elements.userAppRoles[its].roleID}\r\n                                                                            onChange={(e) => {\r\n                                                                                let array = [...elements.userAppRoles];\r\n                                                                                var index1 = array.findIndex(vals => vals.enrollmentID === item.EnrollmentId);\r\n                                                                                if (index1 == -1) {\r\n                                                                                    let obj = {\r\n                                                                                        entityUserAppRoleID: 0,\r\n                                                                                        UserID: 0,\r\n                                                                                        enrollmentID: item.EnrollmentId,\r\n                                                                                        isAccess: false,\r\n                                                                                        roleID: parseInt(e.target.value),\r\n                                                                                        isActive: false,\r\n                                                                                        licenseKeyID: 0,\r\n                                                                                        licenseKey: \"\"\r\n                                                                                    }\r\n                                                                                    let arr = elements.userAppRoles;\r\n                                                                                    arr = [...arr, obj];\r\n                                                                                    setElements({ ...elements, userAppRoles: arr });\r\n                                                                                } else {\r\n                                                                                    // ws[its].isAccess = e;\r\n                                                                                    array[index1].roleID = parseInt(e.target.value);\r\n                                                                                    setElements({ ...elements, userAppRoles: array });\r\n                                                                                }\r\n                                                                                // setElements({ ...elements, userAppRoles: array })\r\n                                                                            }}>\r\n                                                                            <option selected disabled value=''>--please select--</option>\r\n                                                                            {item.rolesData.map((data, index) => {\r\n                                                                                return <option key={index} value={data.id}> {data.roleName} </option>\r\n                                                                            })}\r\n                                                                        </select>\r\n                                                                    </td>\r\n                                                                    <td className=\"pt-2\" align=\"center\">\r\n                                                                        <select className=\"form-select\" value={its == -1 ? elements.userAppRoles.licenseKey : elements.userAppRoles[its].licenseKeydata}\r\n                                                                            onChange={(e) => {\r\n                                                                                let array = [...elements.userAppRoles];\r\n                                                                                var index1 = array.findIndex(vals => vals.enrollmentID === item.EnrollmentId);\r\n                                                                                let vals = JSON.parse(e.target.value);\r\n                                                                                console.log(vals)\r\n                                                                                if (index1 != -1) {\r\n                                                                                    if (e.target.value == '') {\r\n                                                                                        let obj = {\r\n                                                                                            entityUserAppRoleID: 0,\r\n                                                                                            UserID: 0,\r\n                                                                                            enrollmentID: item.EnrollmentId,\r\n                                                                                            isAccess: false,\r\n                                                                                            roleID: 0,\r\n                                                                                            isActive: false,\r\n                                                                                            licenseKeyID: vals.licenseKeyID,\r\n                                                                                            licenseKeydata: e.target.value,\r\n                                                                                            licenseKey: vals.licenseKey\r\n                                                                                        }\r\n                                                                                        let arr = elements.userAppRoles;\r\n                                                                                        arr = [...arr, obj];\r\n                                                                                        setElements({ ...elements, userAppRoles: arr });\r\n                                                                                    } else {\r\n                                                                                        let vals = JSON.parse(e.target.value)\r\n                                                                                        console.log(e.target.value)\r\n                                                                                        array[index1].licenseKeyID = vals.licenseKeyID;\r\n                                                                                        array[index1].licenseKey = vals.licenseKey;\r\n                                                                                        array[index1].licenseKeydata = e.target.value;\r\n                                                                                        setElements({ ...elements, userAppRoles: array });\r\n                                                                                    }\r\n                                                                                }\r\n                                                                                // setElements({ ...elements, userAppRoles: array })\r\n                                                                            }}\r\n                                                                        >\r\n                                                                            <option value=''>--please select--</option>\r\n                                                                            {item.keys.map((data, index) => {\r\n                                                                                return <option key={index} id={data.licenseKey} value={JSON.stringify(data)}> {data.licenseKey} </option>\r\n                                                                            })}\r\n                                                                        </select>\r\n                                                                    </td>\r\n                                                                    {/* <td>\r\n                                                            <button className=\"btn btn-primary btn-sm\">Add +</button>\r\n                                                        </td> */}\r\n                                                                </tr>\r\n                                                            })}\r\n                                                        </tbody>\r\n                                                    </table>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                    </div>\r\n\r\n                                    {/* <div class=\"table-wrapper-scroll-y my-custom-scrollbar\">\r\n                                        <table class=\"table table-bordered mb-0\">\r\n                                            <thead>\r\n                                                <tr>\r\n                                                <th scope=\"col\">App Name</th>\r\n                                                <th scope=\"col\">Access</th>\r\n                                                <th scope=\"col\">Role</th>\r\n                                                <th scope=\"col\">Subscription Key</th>\r\n                                                </tr>\r\n                                            </thead>\r\n                                            <tbody>\r\n                                                {}\r\n                                            </tbody>\r\n                                        </table>\r\n                                    </div> */}\r\n\r\n\r\n                                </div>\r\n                            </div>}\r\n\r\n                    {/* <div className=\"container-form framework-container\">\r\n                                    <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                            <h6>Personal Information</h6>\r\n\r\n                                            <div className=\"col-6 col-md-4 col-sm-4 col-lg-3 col-xl-2 mt-2\">\r\n                                                <label htmlFor=\"firstName\">First Name</label>\r\n                                                <input className=\"form-control-plaintext form-control-sm mt-0 bg-white\" id=\"firstName\" type=\"text\" value={elements.firstName ? elements.firstName : '-'} disabled />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-6 col-md-4 col-sm-4 col-lg-3 col-xl-2 mt-2\">\r\n                                                <label htmlFor=\"lastName\">Last Name</label>\r\n                                                <input className=\"form-control-plaintext fw-lighter form-control-sm mt-0 bg-white\" id=\"lastName\" type=\"text\" value={elements.lastName ? elements.lastName : '-'} disabled />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-md-4 col-sm-4 col-lg-3 col-xl-2 mt-2\">\r\n                                                <label htmlFor=\"displayName\">Display Name</label>\r\n                                                <input className=\"form-control-plaintext fw-lighter form-control-sm mt-0 bg-white\" id=\"displayName\" type=\"text\" value={elements.displayName ? elements.displayName : '-'} disabled />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-md-4 col-sm-4 col-lg-3 col-xl-3 mt-2\">\r\n                                                <label htmlFor=\"displayName\">UserName</label>\r\n                                                <input className=\"form-control-plaintext fw-lighter form-control-sm mt-0 bg-white\" id=\"displayName\" type=\"text\" value={elements.loginUserName ? elements.loginUserName : '-'} disabled />\r\n                                            </div>\r\n                                        </div>\r\n\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                            <h6>Contact</h6>\r\n\r\n                                            <div className=\"col-12 col-md-4 col-sm-4 col-lg-3 col-xl-3 mt-2\">\r\n                                                <label htmlFor=\"emailId\">Email Address</label>\r\n                                                <input className=\"form-control-plaintext fw-lighter form-control-sm mt-0 bg-white\" id=\"emailId\" type=\"text\" value={elements.emailID ? elements.emailID : '-'} disabled />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-md-4 col-sm-4 col-lg-3 col-xl-3 mt-2\">\r\n                                                <label htmlFor=\"mobile\">Mobile</label>\r\n                                                <input className=\"form-control-plaintext fw-lighter form-control-sm mt-0 bg-white\" id=\"mobile\" type=\"text\" maxLength=\"15\" value={elements.mobile ? elements.mobile : '-'} disabled />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                            <h6>Access</h6>\r\n\r\n                                            <div className=\"col-6 col-md-4 col-sm-4 col-lg-3 col-xl-2 mt-2\">\r\n                                                <label htmlFor=\"displayName\">Platform Access</label><br />\r\n                                                <Switch className=\"mt-0\" checked={elements.isAccess} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-6 col-md-4 col-sm-4 col-lg-3 col-xl-2 mt-2\">\r\n                                                <label htmlFor=\"displayName\">Portal Access</label><br />\r\n                                                <Switch className=\"mt-0\" checked={elements.isPortalAccess} />\r\n                                            </div>\r\n\r\n                                            <div className=\"col-12 col-md-4 col-sm-4 col-lg-3 col-xl-2 mt-2\">\r\n                                                <label htmlFor=\"displayName\">Base Location</label>\r\n                                                <input className=\"form-control-plaintext fw-lighter form-control-sm mt-0 bg-white\" id=\"displayName\" type=\"text\" value={elements.locationCode ? elements.locationCode : '-'} disabled />\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6\">\r\n                                            <h6>Additional Location</h6>\r\n                                            <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-4\">\r\n                                                <div className=\"card\">\r\n                                                    <div className=\"card-body\">\r\n                                                        <div className=\"col-6 col-md-12 col-sm-12 col-lg-12 col-xl-12\">\r\n                                                            <div class=\"table-wrapper-scroll-y my-custom-scrollbar\">\r\n                                                                <table class=\"table table-hover mb-0\">\r\n                                                                    <thead>\r\n                                                                        <tr>\r\n                                                                            <th scope=\"col\" className=\"border-bottom-0\">\r\n                                                                                <span style={{ fontSize: '13px' }}>Location Name</span>\r\n                                                                            </th>\r\n                                                                        </tr>\r\n                                                                    </thead>\r\n                                                                    <tbody>\r\n                                                                        {elements.userLocations.map((data, index) => {\r\n                                                                            return <tr>\r\n                                                                                <td style={{ fontSize: '13px' }} key={index}> {data.locationCode} </td>\r\n                                                                            </tr>\r\n                                                                        })}\r\n                                                                    </tbody>\r\n                                                                </table>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n\r\n                                    <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                                        <h6>App Access</h6>\r\n\r\n                                        <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                            <div className=\"card\">\r\n                                                <div className=\"card-body\">\r\n                                                    <div class=\"table-wrapper-scroll-y my-custom-scrollbar\">\r\n                                                        <table class=\"table table-hover mb-0\">\r\n                                                            <thead>\r\n                                                                <tr>\r\n                                                                    <th scope=\"col\" className=\"border-bottom-0\"><span style={{ fontSize: '13px' }}>App Name</span></th>\r\n                                                                    <th scope=\"col\" className=\"border-bottom-0\"><span style={{ fontSize: '13px' }}>Access</span></th>\r\n                                                                    <th scope=\"col\" className=\"border-bottom-0\"><span style={{ fontSize: '13px' }}>Role</span></th>\r\n                                                                    <th scope=\"col\" className=\"border-bottom-0\"><span style={{ fontSize: '13px' }}>Subscription Key</span></th>\r\n                                                                </tr>\r\n                                                            </thead>\r\n                                                            <tbody>\r\n                                                                {datas.map((item, index) => {\r\n                                                                    return <tr className='user-table' key={index}>\r\n                                                                        <td style={{ fontSize: '13px' }} className=\"pt-2\">{item.enrollment.serviceName}</td>\r\n                                                                        <td className=\"pt-2\">\r\n                                                                            <Switch />\r\n                                                                        </td>\r\n                                                                        <td className=\"pt-2\">\r\n                                                                            <select className=\"form-select\">\r\n                                                                                <option>--please select--</option>\r\n                                                                                {item.enrollment.enrollmentRoles.map((data, index) => {\r\n                                                                                    return <option key={index}> {data.role} </option>\r\n                                                                                })}\r\n                                                                            </select>\r\n                                                                        </td>\r\n                                                                        <td className=\"pt-2\" align=\"center\">\r\n                                                                            <select className=\"form-select\" value={elements.userAppRoles.licenseKey}\r\n                                                                            onChange={(e) => {\r\n                                                                                let arr = elements.userAppRoles;\r\n                                                                                arr[0].licenseKey = e.target.value\r\n                                                                                // console.log(arr);\r\n                                                                                setElements({...elements, userAppRoles: arr })\r\n                                                                            }}\r\n                                                                            >\r\n                                                                                <option>--please select--</option>\r\n                                                                                {item.licenseKeys.map((data, index) => {\r\n                                                                                    return <option key={index}> {data.licenseKey} </option>\r\n                                                                                })}\r\n                                                                            </select>\r\n                                                                        </td>\r\n\r\n                                                                    </tr>\r\n                                                                })}\r\n                                                            </tbody>\r\n                                                        </table>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div> */}\r\n\r\n\r\n\r\n                    <div className=\"steps-action mt-5 container\" style={{ textAlign: 'right' }}>\r\n                        {current > 0 && (<Button style={{ margin: '0 8px' }} onClick={() => prev()}> Previous </Button>)}\r\n\r\n                        {/* {current == 0 ? <Button style={{ margin: '0 8px' }} onClick={() => history.goBack()}> Cancel </Button> : ''} */}\r\n\r\n                        {current == 0 ? <Button type=\"primary\" onClick={() => next()}> Next </Button> : ''}\r\n\r\n                        {current == 1 ? <Button type=\"primary\" onClick={() => next()}> Next </Button> : ''}\r\n\r\n                        {current == 2 ? <Button type=\"primary\" onClick={editIdentityAccess} >\r\n                            {loading ? <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\r\n                                : 'Update User'}\r\n                        </Button> : ''}\r\n\r\n                        {/* {current == 3 ?  : ''} */}\r\n                    </div>\r\n\r\n\r\n                    {/* {current === header.length - 1 && (\r\n                                <Button type=\"primary\" disabled={loading} \r\n                                onClick={async () => {\r\n                                    setLoading(true);\r\n                                    let create = await createUser(firstName,lastName,email,gender,business,salary,addressInfo,verification);\r\n                                    setLoading(false);\r\n                                }}\r\n                                >\r\n                                    {loading ? <span class=\"spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\r\n                                    :  'Submit' }\r\n                                </Button>\r\n                            )} */}\r\n                </div>\r\n            </div>\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n            {/* <NxCustomTab\r\n                data={[\r\n                    {\r\n                        name: 'Perosnal Information',\r\n                        Components: () => {\r\n                            return <div className=\"container-form framework-container\">\r\n                                <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <label htmlFor=\"firstName\">First Name</label>\r\n                                        <input className=\"form-control mt-0\" id=\"firstName\" type=\"text\" value={elements.firstName} onChange={(e) => {\r\n                                            setElements({ ...elements, firstName: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <label htmlFor=\"lastName\">Last Name</label>\r\n                                        <input className=\"form-control mt-0\" id=\"lastName\" type=\"text\" value={elements.lastName} onChange={(e) => {\r\n                                            setElements({ ...elements, lastName: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <label htmlFor=\"emailId\">Email Address</label>\r\n                                        <input className=\"form-control mt-0\" id=\"emailId\" type=\"text\" value={elements.emailID} onChange={(e) => {\r\n                                            setElements({ ...elements, emailID: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <label htmlFor=\"mobile\">Phone No</label>\r\n                                        <input className=\"form-control mt-0\" id=\"mobile\" type=\"text\" value={elements.mobile} onChange={(e) => {\r\n                                            setElements({ ...elements, mobile: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-12 col-xl-12 mt-2\">\r\n                                        <label htmlFor=\"displayName\">Display Name</label>\r\n                                        <input className=\"form-control mt-0\" id=\"displayName\" type=\"text\" value={elements.displayName} onChange={(e) => {\r\n                                            setElements({ ...elements, displayName: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-6 col-md-6 col-sm-6 col-lg-12 col-xl-12 mt-2\">\r\n                                        <label htmlFor=\"displayName\">UserName</label>\r\n                                        <input className=\"form-control mt-0\" id=\"displayName\" type=\"text\" value={elements.displayName} onChange={(e) => {\r\n                                            setElements({ ...elements, displayName: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-md-6 col-sm-6 col-lg-4 col-xl-4 mt-2\">\r\n                                        <div className=\"row justify-content-center align-items-center\">\r\n                                            <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-1\">\r\n                                                <label htmlFor=\"portalAccess\">Portal Access</label><br />\r\n                                                <Switch checked={elements.isPortalAccess} onChange={(checked, e) => {\r\n                                                    setElements({ ...elements, isPortalAccess: checked })\r\n                                                }} /> &nbsp;\r\n                                            </div>\r\n\r\n                                            <div className=\"col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-1\">\r\n                                                <label htmlFor=\"access\">Access</label><br />\r\n                                                <Switch checked={elements.isAccess} onChange={(checked, e) => {\r\n                                                    setElements({ ...elements, isAccess: checked })\r\n                                                }} /> &nbsp;\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                    },\r\n                    {\r\n                        name:'Platform & Entity',\r\n                        Components:() => {\r\n                            return <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                                <div className=\"col-6 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                        <label htmlFor=\"access\">Platform Access</label><br />\r\n                                        <Switch checked={elements.isAccess} onChange={(checked, e) => {\r\n                                            setElements({ ...elements, isAccess: checked })\r\n                                        }} /> &nbsp;\r\n                                </div>\r\n\r\n                                <div className=\"col-6 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                        <label htmlFor=\"access\">Portal Access</label><br />\r\n                                        <Switch checked={elements.isAccess} onChange={(checked, e) => {\r\n                                            setElements({ ...elements, isAccess: checked })\r\n                                        }} /> &nbsp;\r\n                                </div>\r\n\r\n                                <div className=\"col-6 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                        <label htmlFor=\"access\">Base Entity</label><br />\r\n                                        <select className=\"form-select w-50\">\r\n                                            <option>--Please Select--</option>\r\n                                            <option>India</option>\r\n                                            <option>SriLanka</option>\r\n                                        </select>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6\">\r\n                                            <label htmlFor=\"access\">Entity</label><br/>\r\n                                            <input className=\"form-control\" value={entity} onChange={(e) => {\r\n                                                setEntity(e.target.value)\r\n                                            }} />\r\n                                        </div>\r\n\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6\">\r\n                                            <input type=\"button\" className=\"btn btn-primary btn-sm mt-3\" value=\"Add\" onClick={() => {\r\n                                                setEntityU([...entityU, {name: entity}]);\r\n                                                setEntity('')\r\n                                            }} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6\">\r\n                                            <label htmlFor=\"access\">Entity Name</label><br/>\r\n                                            {entityU.map((item, index) => {\r\n                                                return <p key={index}>{item.name}</p>\r\n                                            })}\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                    },\r\n                    {\r\n                        name: 'App Access',\r\n                        Components: () => {\r\n                            return <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                                <div className=\"col-6 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                    <div class=\"table-wrapper-scroll-y my-custom-scrollbar\">\r\n                                        <table class=\"table table-hover mb-0\">\r\n                                            <thead>\r\n                                                <tr>\r\n                                                    <th scope=\"col\">App Name</th>\r\n                                                    <th scope=\"col\">Access</th>\r\n                                                    <th scope=\"col\">Role</th>\r\n                                                    <th scope=\"col\">Subscription Key</th>\r\n                                                </tr>\r\n                                            </thead>\r\n                                            <tbody>\r\n                                                {roles.map((item, index) => {\r\n                                                    return <tr className='user-table' key={index}>\r\n                                                        <td className=\"pt-2\" align=\"center\">Demo App</td>\r\n                                                        <td className=\"pt-2\" align=\"center\">\r\n                                                            <Switch />\r\n                                                        </td>\r\n                                                        <td className=\"pt-2\" align=\"center\">\r\n                                                            <select className=\"form-select\">\r\n                                                                <option>--please select--</option>\r\n                                                            </select>\r\n                                                        </td>\r\n                                                        <td className=\"pt-2\" align=\"center\">\r\n                                                            <select className=\"form-select\">\r\n                                                                <option>--please select--</option>\r\n                                                            </select>\r\n                                                        </td>\r\n                                                    </tr>\r\n                                                })}\r\n                                            </tbody>\r\n                                        </table>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        },\r\n                    },\r\n                ]} /> */}\r\n            {/* {\r\n                                    name: 'Entity',\r\n                                    Components: () => {\r\n                                        return <div className=\"row justify-content-start container-fluid w-100 mb-4\">\r\n                                            <div className=\"col-6 col-md-12 col-sm-12 col-lg-12 col-xl-3 mt-2\">\r\n            \r\n                                                <div className=\"col-12 col-md-12 col-sm-12 col-lg-12 col-xl-12 mt-2\">\r\n                                                    <select className=\"form-select\">\r\n                                                        <option>--Please select--</option>\r\n                                                        <option>India</option>\r\n                                                        <option>Malaysia</option>\r\n                                                        <option>Singapore</option>\r\n                                                    </select>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    },\r\n                                } */}\r\n\r\n            {/* <hr/> */}\r\n            {/* <Buttons elements={elements} /> */}\r\n            )\r\n\r\n            <NxFooter ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'privacy' },\r\n            ]} />\r\n        </div >\r\n    )\r\n}","import { faCheckCircle, faCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { Modal, Switch } from 'antd';\r\nimport React, { useState } from 'react'\r\nimport \"./SecurityTwoFactor.scss\";\r\nimport Headers from '../../Screens/Headers/Headers';\r\nimport { NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nexport default function SecurityTwoFactor({ isModalVisible, handleOk, handleCancel }) {\r\n    let history = useHistory()\r\n    const [step, setStep] = useState(1);\r\n    const [number, setNumber] = useState('');\r\n    const [otp, setOtp] = useState('');\r\n    const [loader, setLoader] = useState(false);\r\n    const [enableFactor, setEnableFactor] = useState(false);\r\n\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"2-Factor Authentication\" onCloseClick={() => history.goBack()} />\r\n            {/* <Modal\r\n                footer={false}\r\n                visible={isModalVisible}\r\n                onOk={handleOk}\r\n                onCancel={handleCancel}\r\n            > */}\r\n            <div className=\"card password-policy-main mt-0\">\r\n                <div className=\"card-body p-0\">\r\n                    <div className=\"twoFactorModal\">\r\n                        <div className=\"header security-two-factor\">\r\n                            <div>\r\n                                <h4 className='m-0 p-0'>\r\n                                    Enable 2-Factor Authentication\r\n                                </h4>\r\n                                <p>2F/MF Auth can be enabled only for non-federated IAM</p>\r\n                            </div>\r\n                            <div>\r\n                                <Switch checked={enableFactor} onChange={(e) => { setEnableFactor(e) }} />\r\n                            </div>\r\n                        </div>\r\n                        {enableFactor && <div className='row'>\r\n                            <div className='col-12 col-md-8 col-sm-12 col-lg-6 xol-xl-6'>\r\n                                <div className='security-factor-authentication-forms'>\r\n                                    <div className='mt-2 form-label'>\r\n                                        <label>Select Comms. Channel</label>\r\n                                        <select className='form-select form-select-sm'>\r\n                                            <option value=\"Email\">Email</option>\r\n                                            <option value=\"SMS\">SMS</option>\r\n                                            <option value=\"WhatsApp\">WhatsApp</option>\r\n                                        </select>\r\n                                    </div>\r\n                                    <div className='mt-2 form-label'>\r\n                                        <label>Pin length</label>\r\n                                        <select className='form-select form-select-sm'>\r\n                                            <option value=\"4\">4</option>\r\n                                            <option value=\"6\">6</option>\r\n                                        </select>\r\n                                    </div>\r\n                                    <div className='mt-2 form-label'>\r\n                                        <label>Pin Type</label>\r\n                                        <select className='form-select form-select-sm'>\r\n                                            <option value=\"Alpha\">Alpha</option>\r\n                                            <option value=\"Numeric\">Numeric</option>\r\n                                            <option value=\"Alpha-Numeric\">Alpha-Numeric</option>\r\n                                        </select>\r\n                                    </div>\r\n                                    <div className='mt-2 form-label'>\r\n                                        <label>Expiry Duration<span className='sec-label ps-1'>(Sec)</span></label>\r\n                                        <div className='duration-label'>\r\n                                            <input className='form-control form-control-sm' value={\"\"} />\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className='mt-2 form-label'>\r\n                                        <label>Resend Duration<span className='sec-label ps-1'>(Sec)</span></label>\r\n                                        <div className='duration-label'>\r\n                                            <input className='form-control form-control-sm' value={\"\"} />\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div>\r\n                                        <div className=\"footer-profile-tab\">\r\n                                            <button className='btn'\r\n                                                onClick={() => {\r\n                                                    history.goBack();\r\n                                                }}\r\n                                            >\r\n                                                Cancel\r\n                                            </button>\r\n\r\n                                            <button\r\n                                                disabled={loader}\r\n                                                className='btn btn-primary'\r\n                                            >\r\n                                                Save\r\n                                            </button>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>}\r\n                        {/* <div>\r\n                        <div className=\"steps\">\r\n                            <div>\r\n                                <FontAwesomeIcon icon={faCircle} style={{ color: \"green\", display: step != 1 && \"none\" }} />\r\n                                <FontAwesomeIcon icon={faCheckCircle} style={{ color: \"green\", display: step == 1 && \"none\" }} />\r\n                                Phone Number\r\n                            </div>\r\n                            <div>\r\n                                <FontAwesomeIcon icon={faCircle} style={{ color: step == 1 ? \"grey\" : \"green\" }} />\r\n                                Confirm\r\n                            </div>\r\n                        </div>\r\n                        {step == 1 &&\r\n                            <div>\r\n                                <div className=\"content\">\r\n                                    <p>\r\n                                        <span>\r\n                                            Let's set up you phone!\r\n                                        </span>\r\n                                        <br />\r\n                                    </p>\r\n                                </div>\r\n                                <div className=\"feilds\">\r\n                                    <div>\r\n                                        <label > Country </label>\r\n                                        <select className>\r\n                                            <option>India</option>\r\n                                        </select>\r\n                                    </div>\r\n                                    <div>\r\n                                        <label>Phone Number</label>\r\n                                        <input type='tel' value={number} className='form-control' onChange={(e) => {\r\n                                            setNumber(e.target.value);\r\n                                        }} />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"bottom\">\r\n                                    <p>Your Phone number will be used for account security purpose only!</p>\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                        {step == 2 &&\r\n                            <div>\r\n                                <div className=\"content\">\r\n                                    <p>\r\n                                        <span>\r\n                                            Confirm that it works!\r\n                                        </span>\r\n                                        <br />\r\n                                        Please enter the Phone Verification Code sent to your mobile number.\r\n                                        <br />\r\n                                    </p>\r\n                                </div>\r\n                                <div className=\"feilds2\" style={{ display: 'flex', justifyContent: 'center' }}>\r\n                                    <div>\r\n                                        <label>Enter the code</label>\r\n                                        <OtpInput\r\n                                            containerStyle={{}}\r\n                                            value={otp}\r\n                                            onChange={(ot) => { setOtp(ot) }}\r\n                                            numInputs={6}\r\n                                            separator={<span> - </span>}\r\n                                        />\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"bottom\">\r\n                                    <p>Did not get the code Resend Now</p>\r\n                                </div>\r\n                            </div>\r\n                        }\r\n                        <div className=\"footer-profile-tab\">\r\n                            <button className='btn'\r\n                                onClick={() => {\r\n                                    if (step == 1) {\r\n                                        handleCancel();\r\n                                        setStep(1)\r\n                                        setNumber('');\r\n                                        setOtp('');\r\n                                    } else {\r\n                                        prevStep()\r\n                                    }\r\n                                }}\r\n                            >\r\n                                {step == 1 ? \"Close\" : \"Back\"}\r\n                            </button>\r\n\r\n                            <button\r\n                                disabled={loader}\r\n                                className='btn btn-primary'\r\n                                onClick={() => {\r\n                                    if (phone.phoneNumber == number) {\r\n                                        if (step == 1) {\r\n                                            setLoader(true)\r\n                                            ItrApiService.POST({\r\n                                                url: 'PAM/SendSMSVerification',\r\n                                                data: {\r\n                                                    userCode,\r\n                                                    userName,\r\n                                                    phonenumbers: number.toString()\r\n                                                }\r\n                                            }).then(res => {\r\n                                                setLoader(false)\r\n                                                if (res.Success == true) {\r\n                                                    if (res.result.isSuccess == true) {\r\n                                                        nextStep()\r\n                                                    } else {\r\n                                                        NotificationManager.error(res.result.message)\r\n                                                    }\r\n                                                } else {\r\n                                                    NotificationManager.error(res.message)\r\n                                                }\r\n                                            })\r\n                                        } else {\r\n                                            setLoader(true)\r\n                                            ItrApiService.POST({\r\n                                                url: 'PAM/Enable2FA',\r\n                                                data: {\r\n                                                    userCode,\r\n                                                    userName,\r\n                                                    phonenumbers: number,\r\n                                                    otpKey: otp,\r\n                                                    isEnable2FA: phone.portalAccess.isEnable2FA == true ? false : true\r\n                                                }\r\n                                            }).then(res => {\r\n                                                setLoader(false)\r\n                                                if (res.Success == true) {\r\n                                                    if (res.result.isSuccess == true) {\r\n                                                        handleOk();\r\n                                                        setStep(1)\r\n                                                        setNumber('');\r\n                                                        setOtp('');\r\n                                                        getProfileDetails()\r\n                                                        NotificationManager.success(res.result.message)\r\n\r\n                                                    } else {\r\n                                                        NotificationManager.error(res.result.message)\r\n                                                    }\r\n                                                } else {\r\n                                                    NotificationManager.error(res.message)\r\n                                                }\r\n                                            })\r\n                                        }\r\n\r\n                                    }\r\n                                    else {\r\n                                        NotificationManager.error('Invalid Mobile Number')\r\n                                    }\r\n                                }}\r\n                            >\r\n                                {step == 1 ? \"Continue\" : phone.portalAccess.isEnable2FA == true ? \"Turn Off\" : \"Turn On\"}\r\n                            </button>\r\n                        </div>\r\n                    </div> */}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            {/* </Modal> */}\r\n        </div>\r\n    )\r\n}\r\n","import { NxFooter, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { useHistory } from 'react-router-dom';\r\nimport CustomerSidebar from '../../Screens/CustomerSidebar/CustomerSidebar';\r\nimport Headers from '../../Screens/Headers/Headers';\r\nimport billingEngine from '../../assets/billingEngine.png';\r\nimport partner from '../../assets/Partner.png';\r\nimport gstTax from '../../assets/gst.png';\r\nimport Privacy from '../../assets/password.png';\r\nimport ThirdPartyImg from '../../assets/third-party.png';\r\nimport clcd from '../../assets/eternity.png';\r\nimport Analytics from '../../assets/analytics.png';\r\nimport SecurityTwoFactor from './SecurityTwoFactor';\r\nimport { useState } from 'react';\r\n\r\nexport default function SecurityHome() {\r\n    let history = useHistory();\r\n    const [isModalVisible, setIsModalVisible] = useState(false);\r\n    const showModal = () => {\r\n        setIsModalVisible(true);\r\n    };\r\n    const handleOk = () => {\r\n        setIsModalVisible(false);\r\n    };\r\n    const handleCancel = () => {\r\n        setIsModalVisible(false);\r\n    };\r\n    return (\r\n        <div className=\"conatiner dashboard \">\r\n            <Headers />\r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true} />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                    <NxTitleTab className=\"title-tab\" title='Configuration' onCloseClick={() => history.goBack()} />\r\n                    <div className=\"mb-5 mt-0 customer-configuration-main\">\r\n                        <div className=\"container-fluid\">\r\n                            <div className=\"CustomerUsersTab\">\r\n                                <div className=\"row cus-configuration-tab\">\r\n                                    {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-2 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                <img src={billingEngine} width=\"30\" />\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Provider Setup</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Company setup features including financial details that will be used in the billing, options to add new users to the console system as principals or partners.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/biller-information')\r\n                                                        }}>\r\n                                                        Company Setup\r\n                                                    </button>                                                    \r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/manage-access')\r\n                                                        }}>\r\n                                                        Manage Access\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> */}\r\n\r\n                                    {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-2\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                <img src={gstTax} width=\"30\" />\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Billing Configuration</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>User management facilitates the functionality for administrators to manage user access to various Apps & resources like platform/portal.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n\r\n\r\n                                                    <button className=\"btn px-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/taxation')\r\n                                                        }}>\r\n                                                        3D Taxation\r\n                                                    </button>\r\n\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/paymentgateway')\r\n                                                        }}>\r\n                                                        Manage PGI\r\n                                                    </button> \r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> */}\r\n                                    {/* \r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n\r\n                                                <img src={gstTax} width=\"30\" />\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Billing & Subscription</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Configuration of financial elements including currency conversion, billing template & taxation along with a vault feature that lets providers manage licenses.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/administrator/billing-configuration')\r\n                                                        }}>\r\n                                                        Billing Configuration\r\n                                                    </button>\r\n\r\n                                                    <button className=\"btn px-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/license-vault')\r\n                                                        }}>\r\n                                                        License Vault\r\n                                                    </button>\r\n\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> */}\r\n\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\" >\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={Privacy} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Password Policy</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Features include a password policy manager that let the providers setup org level policy for authentication. Timeout can be setup for app users.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/PasswordPolicy')\r\n                                                        }}>\r\n                                                        Password Policy\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\" >\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={Privacy} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">2-Factor Auth</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Features include a password policy manager that let the providers setup org level policy for authentication. Timeout can be setup for app users.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/security-two-factor');\r\n                                                            // showModal();\r\n                                                        }}>\r\n                                                        2-Factor Auth\r\n                                                    </button>\r\n                                                </div>\r\n                                                {/* <SecurityTwoFactor\r\n                                                    isModalVisible={isModalVisible}\r\n                                                    handleCancel={handleCancel}\r\n                                                    handleOk={handleOk} /> */}\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\" >\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={Privacy} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">API Token Policy</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Features include a password policy manager that let the providers setup org level policy for authentication. Timeout can be setup for app users.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/API-management')\r\n                                                        }}>\r\n                                                        API Token Policy\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\" >\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={Privacy} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Session Management</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Features include a password policy manager that let the providers setup org level policy for authentication. Timeout can be setup for app users.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/idle-timeout')\r\n                                                        }}>\r\n                                                        Session Management\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={ThirdPartyImg} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Notification Hub</h6>\r\n                                                {/* <h6 className=\"fw-bold m-1 text-primary\">3<sup>rd</sup> Party Integration</h6> */}\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Providers will be able to manage 3rd party integrations like comm setup and payment gateway, this API system can be managed for multiple integrators. </p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn px-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/administrator/comms-gateway')\r\n                                                        }}>\r\n                                                        Comms Gateways\r\n                                                    </button>\r\n                                                    {/* <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/paymentgateway')\r\n                                                        }}>\r\n                                                        Payment Gateway\r\n                                                    </button> */}\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={ThirdPartyImg} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">API Integration</h6>\r\n                                                {/* <h6 className=\"fw-bold m-1 text-primary\">3<sup>rd</sup> Party Integration</h6> */}\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Providers will be able to manage 3rd party integrations like comm setup and payment gateway, this API system can be managed for multiple integrators. </p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/paymentgateway')\r\n                                                        }}\r\n                                                    >\r\n                                                        API Integration\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                <img src={Analytics} width=\"30\" />\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Log Analytics</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Access to the Platform along with the devices can be monitored in this, user audit along with the background transaction audit features are integrated.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/user-audit')\r\n                                                        }}>\r\n                                                        User Audit\r\n                                                    </button>\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/device-management')\r\n                                                        }}>\r\n                                                        Device Management\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> */}\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\" >\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={Privacy} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">User Audit</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Features include a password policy manager that let the providers setup org level policy for authentication. Timeout can be setup for app users.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/user-audit')\r\n                                                        }}>\r\n                                                        User Audit\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\" >\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={Privacy} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Device Management</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Features include a password policy manager that let the providers setup org level policy for authentication. Timeout can be setup for app users.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/device-management')\r\n                                                        }}>\r\n                                                        Device Management\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                <img src={Analytics} width=\"30\" />\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">System Configuration</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>User management facilitates the functionality for administrators to manage user access to various Apps & resources like platform/portal.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/idle-timeout')\r\n                                                        }}>\r\n                                                        Idle Timeout\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> */}\r\n\r\n                                    {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                <img src={clcd} width=\"30\" />\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">CI/CD Configuration</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Developer version will have features to manage cloud resources and their secrets, users can manage their proprietary CI/CD tools and repos from here.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/repo-connect')\r\n                                                        }}>\r\n                                                        Repo / Docker\r\n                                                    </button>\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/docker-connect')\r\n                                                        }}>\r\n                                                        Cloud Connect\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-2 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                <img src={partner} width=\"30\" />\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Partner Management</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Manage partners and their benefits plans using this feature, you will be able to add multiple partners and design individual commission plan for each of them.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/partner-management')\r\n                                                        }}>\r\n                                                        Partner Setup\r\n                                                    </button>\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            // sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/commision-plan')\r\n                                                        }}>\r\n                                                        Commision Plan\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> */}\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div style={{ height: 50 }} />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport React, { useEffect, useState } from 'react';\r\n\r\nfunction Pricing({ code }) {\r\n\r\n    const [priceDetails, setPricingDetails] = useState([]);\r\n\r\n    console.log(priceDetails)\r\n    // console.log('priceDetails', priceDetails)\r\n\r\n    const getData = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: `RevOps/StoreConnect/StoreConnectByServiceCode/${code}`\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let data = result.result.data;\r\n                console.log('subcritpion', data);\r\n                if (data === null || !data.storeConnectPricings.length) {\r\n                    // alert(result.result.message);\r\n                    setPricingDetails([]);\r\n                }\r\n                else {\r\n                    setPricingDetails(data.storeConnectPricings);\r\n                    // console.log(data.storeConnectPricings)\r\n                }\r\n            }\r\n            else if (result.result.isSuccess == false) {\r\n                setPricingDetails([]);\r\n            }\r\n        } else {\r\n            setPricingDetails([]);\r\n        }\r\n    }\r\n\r\n\r\n\r\n    const [userInfo, setUserInfo] = useState({\r\n        currency: \"\"\r\n    })\r\n\r\n    const getUserDetails = async () => {\r\n        let result = await ItrAuthService.GetUserInfo();\r\n        if (result.Success == true) {\r\n            let getUserDetails = result.result;\r\n            setUserInfo(getUserDetails);\r\n        }\r\n        else if (result.Success == false) {\r\n            alert(result.message);\r\n        }\r\n    }\r\n\r\n    useEffect(async () => {\r\n        await getData();\r\n        await getUserDetails();\r\n    }, [code]);\r\n\r\n\r\n    let rupeeIndian = Intl.NumberFormat(\"en-IN\", {\r\n        // style: \"currency\",\r\n        currency: \"INR\",\r\n    });\r\n\r\n    return (\r\n        <div>\r\n            <div className='table-wrapper-scroll-y my-custom-scrollbar'>\r\n                <table className='table table-sm'>\r\n                    <thead>\r\n                        <tr>\r\n                            <th>Pricing Module</th>\r\n                            <th>Amount</th>\r\n                            <th hidden={!(priceDetails && priceDetails[0]?.pricingModule == 'Volume' || priceDetails && priceDetails[0]?.pricingModule == 'Tiered')} >From</th>\r\n                            <th hidden={!(priceDetails && priceDetails[0]?.pricingModule == 'Volume' || priceDetails && priceDetails[0]?.pricingModule == 'Tiered')} >To</th>\r\n                            <th hidden={priceDetails[0]?.pricingModule != 'Step-Up'} >UserCount</th>\r\n                        </tr>\r\n                    </thead>\r\n                    <tbody>\r\n                        {priceDetails.map((data, index) => {\r\n                            return <tr key={index}>\r\n                                <td> {data.pricingModule} </td>\r\n                                <td> {rupeeIndian.format(data.amount)} /- {userInfo.currency ? userInfo.currency.split(\"-\")[0] : ''} </td>\r\n                                <td hidden={!(data?.pricingModule == 'Volume' || data?.pricingModule == 'Tiered')}> {data.from} </td>\r\n                                <td hidden={!(data?.pricingModule == 'Volume' || data?.pricingModule == 'Tiered')}> {data.to} </td>\r\n                                <td hidden={data?.pricingModule != 'Step-Up'}> {data?.userCount} </td>\r\n                            </tr>\r\n                        })}\r\n                    </tbody>\r\n                </table>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Pricing\r\n","import React, { useState, useEffect } from 'react'\r\nimport { Tabs, Switch, Rate, Modal, PageHeader, Tag, Button, Tooltip, Alert, Space, message } from 'antd';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faCode, faDollarSign, faInfo, faInfoCircle, faTicketAlt } from '@fortawesome/free-solid-svg-icons';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport Pricing from './Pricing';\r\nimport { NxGridList, NxLoader } from '@afiplfeed/itr-app';\r\n\r\nexport default function SubModal({ appModaldetails, status, code, name, subId, setAppModalDetails, setMoveSubscibeTab, data, moveSubscribeTab, setNoOfUnit, noOfUnit, setConfirmSubscribe, confirmSubscribe, closeFunc }) {\r\n    const { TabPane } = Tabs;\r\n    var saveSubscribe = {\r\n        entitySubscriptionID: subId,\r\n        entityCode: \"\",\r\n        subscriptionCode: \"\",\r\n        serviceCode: code,\r\n        serviceName: name,\r\n        subscribedDate: new Date(),\r\n        unSubscribedDate: null,\r\n        totalUnits: parseInt(noOfUnit),\r\n        totalSubscribedUnits: 0,\r\n        totalAssignedUnits: 0,\r\n        isActive: true\r\n    }\r\n\r\n    var unSubscribe = {\r\n        // clientSubscriptionID: subscriptionId,\r\n        // clientID: clientId\r\n        entitySubscriptionID: subId,\r\n        entityCode: \"\",\r\n        subscriptionCode: \"\",\r\n        serviceCode: code,\r\n        serviceName: name,\r\n        subscribedDate: new Date(),\r\n        unSubscribedDate: null,\r\n        totalUnits: 0,\r\n        totalSubscribedUnits: 0,\r\n        totalAssignedUnits: 0,\r\n        isActive: true\r\n    }\r\n\r\n\r\n    const [priceDetails, setPricingDetails] = useState({});\r\n\r\n    const [loading, setLoading] = useState(false);\r\n\r\n\r\n    const getData = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: `RevOps/StoreConnect/StoreConnectByServiceCode/${code}`\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let data = result.result.data;\r\n                if (!data || data.storeConnectPricings == null || data.storeConnectPricings.length == 0) {\r\n                    // alert(result.result.message);\r\n                }\r\n                else {\r\n                    setPricingDetails(data.storeConnectPricings);\r\n                }\r\n            }\r\n            else if (result.result.isSuccess == false) {\r\n            }\r\n        }\r\n    }\r\n\r\n    const [subscriptionData, setSubscriptionData] = useState({})\r\n\r\n    const getData2 = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/EntitySubscription/AllSubscriptionLicense'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let dataVal = result.result.data;\r\n            if (dataVal === null || !dataVal.length) {\r\n                setSubscriptionData({});\r\n            }\r\n            else {\r\n                let index = dataVal.findIndex(o => o.ServiceCode == code);\r\n                if (index >= 0) setSubscriptionData(dataVal[index]);\r\n                else setSubscriptionData({})\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            setSubscriptionData({});\r\n        }\r\n    }\r\n\r\n\r\n    const [userInfo, setUserInfo] = useState({\r\n        currency: \"\"\r\n    })\r\n\r\n    const getUserDetails = async () => {\r\n        let result = await ItrAuthService.GetUserInfo();\r\n        if (result.Success == true) {\r\n            let getUserDetails = result.result;\r\n            setUserInfo(getUserDetails);\r\n        }\r\n        else if (result.Success == false) {\r\n            alert(result.message);\r\n        }\r\n    }\r\n\r\n    const [subscriptionValue, setSubscriptionValue] = useState();\r\n\r\n\r\n    useEffect(() => {\r\n        getData();\r\n        getData2();\r\n        getUserDetails();\r\n    }, [code]);\r\n\r\n    let rupeeIndian = Intl.NumberFormat(\"en-IN\", {\r\n        // style: \"currency\",\r\n        currency: \"INR\",\r\n    });\r\n\r\n\r\n\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Modal footer={[\r\n                <div>\r\n                    <Button type=\"ghost\" onClick={() => {\r\n                        setMoveSubscibeTab('1')\r\n                        setAppModalDetails(false);\r\n                        setNoOfUnit('');\r\n                        setConfirmSubscribe(false);\r\n                    }\r\n                    }>Close</Button>\r\n                </div>\r\n            ]} visible={appModaldetails} width={1000} bodyStyle={{ height: '500px' }} centered={true} onCancel={() => {\r\n                setMoveSubscibeTab('1')\r\n                setAppModalDetails(false)\r\n            }}>\r\n                <PageHeader\r\n                    // onBack={() => setAppModalDetails(false)}\r\n                    title={data.serviceName}\r\n                    extra={[\r\n                        <button hidden={moveSubscribeTab == '4' ? true : false} className='btn btn-sm btn-outline-success shadow-none' style={{ fontSize: '12px', borderRadius: '0' }} onClick={() => setMoveSubscibeTab('4')}> Subscribe Now </button>\r\n                    ]}\r\n                    tags={<Tag color=\"blue\"> {status == '' ? 'Available' : status == 'S' ? 'Subscribed' : status == 'U' ? 'Unsubscribed' : ''} </Tag>}\r\n                // subTitle=\"Productivity\"\r\n                >\r\n                    <div className=''>\r\n                        <p className='my-0'> <span>App Category :</span> {data.serviceCategory} </p>\r\n                        <p className='my-0'><span>Publisher :</span> {data.developerName} </p>\r\n                        <p className='my-0'><span>Currency :</span> {userInfo.currency ? userInfo.currency : ''} </p>\r\n                    </div>\r\n                    {/* <Row>\r\n                        <Statistic title=\"Status\" value=\"Pending\" />\r\n                        <Statistic\r\n                            title=\"Price\"\r\n                            prefix=\"$\"\r\n                            value={568.08}\r\n                            style={{\r\n                                margin: '0 32px',\r\n                            }}\r\n                        />\r\n                        <Statistic title=\"Balance\" prefix=\"$\" value={3345.08} />\r\n                    </Row> */}\r\n                    <div className='mt-3'>\r\n                        <Tabs activeKey={moveSubscribeTab} onTabClick={(e) => setMoveSubscibeTab(e.toString())}>\r\n                            <TabPane key=\"1\" tab={<div> <FontAwesomeIcon icon={faInfo} /> &nbsp; App Info </div>}>\r\n                                <div className='row'>\r\n                                    <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                        <label className='fw-bold'>App Icon </label><br />\r\n                                        <img className='img-thumbnail' src={data.appIcon} width=\"120\" />\r\n                                    </div>\r\n\r\n                                    <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                            <label className='fw-bold'>App Name :</label> &nbsp; <span> {data.serviceName} </span>\r\n                                        </div>\r\n\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                            <label className='fw-bold'>App Type :</label> &nbsp; <span> {data.serviceType} </span>\r\n                                        </div>\r\n\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                            <label className='fw-bold'>Version :</label> &nbsp; <span> {data.version} </span>\r\n                                        </div>\r\n\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                            <label className='fw-bold'>Description :</label> &nbsp; <span> {data.serviceDescription} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </TabPane>\r\n                            <TabPane key=\"3\" tab={<div> <FontAwesomeIcon icon={faDollarSign} /> &nbsp; Pricing </div>}>\r\n                                <div className='row'>\r\n                                    <Pricing code={code} />\r\n                                    {/* {priceDetails.storeConnectPricings,map((data,index) => {\r\n                                    return <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                            <label className='fw-bold'>Amount :</label> <span> {data.amount} </span>\r\n                                        </div>\r\n\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                            <label className='fw-bold'>From :</label> <span> {data.from} </span>\r\n                                        </div>\r\n\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                            <label className='fw-bold'>To :</label> <span> {data.to} </span>\r\n                                        </div>\r\n\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                            <label className='fw-bold'>pricingModule :</label> <span> {data.pricingModule} </span>\r\n                                        </div>\r\n                                    </div>})} */}\r\n                                </div>\r\n                            </TabPane>\r\n                            <TabPane key=\"4\" tab={<div> <FontAwesomeIcon icon={faTicketAlt} /> &nbsp; Subscribe </div>}>\r\n                                <div className='subscribe-fields'>\r\n                                    <div className=\"nx-card-subscription-button\">\r\n                                        {status == 'S' ? <>\r\n                                            <div>\r\n                                                <NxGridList\r\n                                                    header={[\r\n                                                        {\r\n                                                            name: 'Total License',\r\n                                                        },\r\n                                                        {\r\n                                                            name: 'Assigned',\r\n                                                        },\r\n                                                        {\r\n                                                            name: 'Unassigned',\r\n                                                            // sort: true,\r\n                                                        },\r\n                                                    ]}\r\n                                                    enableSearch={true}\r\n                                                    autoSearch={true}\r\n                                                    enableAutoPagination={true}\r\n                                                    showShowing={true}\r\n                                                    rowClick={(e) => {\r\n\r\n                                                    }}\r\n                                                    data={[{ sendItem: '1', data: [subscriptionData.TotalSubscribed, subscriptionData.TotalAssigned, subscriptionData.Remaining] }]}\r\n                                                />\r\n                                            </div>\r\n                                            <button style={{ fontSize: '12px', borderRadius: '0' }} className=\"btn btn-primary btn-sm shadow-none mt-2\"\r\n                                                onClick={() => {\r\n                                                    setLoading(true);\r\n                                                    ItrApiService.POST({\r\n                                                        url: 'RevOps/EntitySubscription/CancelSubscription',\r\n                                                        data: unSubscribe\r\n                                                    }).then((res) => {\r\n                                                        if (res.Success == true) {\r\n                                                            if (res.result.isSuccess == true) {\r\n                                                                message.success('Successfully Updated');\r\n                                                                setLoading(false);\r\n                                                                closeFunc();\r\n                                                                setAppModalDetails(false)\r\n                                                            }\r\n                                                        }\r\n                                                    })\r\n                                                }}\r\n                                            >Unsubscribe</button>\r\n                                            <button style={{ fontSize: '12px', borderRadius: '0' }} className=\"btn btn-primary btn-sm shadow-none mx-2 mt-2\">\r\n                                                License Details\r\n                                            </button>\r\n                                        </> : status == 'U' ?\r\n                                            <>\r\n                                                <div className=\"row p-3 justify-content-start align-items-start\">\r\n                                                    <div className='col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                                        <div className='row align-items-start'>\r\n                                                            <label>Pls enter the number of licenses you would like to subscribe</label>\r\n                                                            <div className='col-12 col-sm-12 col-md-6 col-lg-8 col-xl-8 mt-2'>\r\n                                                                <input style={{ fontSize: '12px' }} className=\"form-control form-control-sm\" placeholder=\"\" value={noOfUnit}\r\n                                                                    // onChange={(e) => {\r\n                                                                    // setNoOfUnit(e.target.value)\r\n                                                                    onChange={(e) => {\r\n                                                                        setNoOfUnit(e.target.value);\r\n                                                                    }}\r\n                                                                />\r\n                                                            </div>\r\n                                                            <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                                                                <button style={{ fontSize: '12px', borderRadius: '0' }} className=\"btn btn-primary btn-sm shadow-none w-100\"\r\n                                                                    onClick={() => {\r\n                                                                        setConfirmSubscribe(true);\r\n                                                                        ItrApiService.POST({\r\n                                                                            url: 'RevOps/StoreConnect/GetEstimatePrice',\r\n                                                                            data: {\r\n                                                                                serviceCode: data.serviceCode,\r\n                                                                                noofUnit: noOfUnit,\r\n                                                                            }\r\n                                                                        }).then(res => {\r\n                                                                            if (res.Success == true) {\r\n                                                                                if (res.result.isSuccess == true) {\r\n                                                                                    setLoader(false);\r\n                                                                                    setSubscriptionValue(res.result.data.totalPrice)\r\n                                                                                    //setConfirmSubscribe(true);\r\n                                                                                }\r\n                                                                                else {\r\n                                                                                    message.error(res.result.message);\r\n                                                                                    setLoader(false);\r\n                                                                                }\r\n                                                                            }\r\n                                                                            else {\r\n                                                                                setLoader(false);\r\n                                                                            }\r\n                                                                            setConfirmSubscribe(true);\r\n                                                                        })\r\n                                                                    }}\r\n                                                                >Subscribe</button>\r\n                                                            </div>\r\n                                                        </div>\r\n\r\n                                                        <div className='row mt-3'>\r\n                                                            <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12\" hidden={confirmSubscribe == false ? true : false}>\r\n                                                                <Alert\r\n                                                                    style={{ height: '130px' }}\r\n                                                                    message=\"Subscription Confirmation\"\r\n                                                                    // description={`Your monthly estimated bill : Rs ${priceDetails.length > 0 ? parseInt(noOfUnit) * parseInt(priceDetails[0].amount) : 0} /-`}\r\n                                                                    description={`Your monthly estimated bill : Rs ${subscriptionValue ? rupeeIndian.format(subscriptionValue) : ''} `}\r\n                                                                    type=\"info\"\r\n                                                                    showIcon\r\n                                                                    // banner={true}\r\n                                                                    action={\r\n                                                                        <>\r\n                                                                            <div style={{ position: 'absolute', bottom: '10px', right: '20px' }}>\r\n                                                                                <Space direction=\"horizontal\">\r\n                                                                                    <Button size=\"small\" type=\"primary\"\r\n                                                                                        onClick={() => {\r\n                                                                                            setLoading(true);\r\n                                                                                            ItrApiService.POST({\r\n                                                                                                url: 'RevOps/EntitySubscription/SaveSubscription',\r\n                                                                                                data: saveSubscribe\r\n                                                                                            }).then((res) => {\r\n                                                                                                if (res.Success == true) {\r\n                                                                                                    if (res.result.isSuccess == true) {\r\n                                                                                                        message.success('Successfully Updated');\r\n                                                                                                        closeFunc();\r\n                                                                                                        setLoading(false);\r\n                                                                                                        setAppModalDetails(false)\r\n                                                                                                    }\r\n                                                                                                }\r\n                                                                                            })\r\n                                                                                        }}\r\n                                                                                    >\r\n                                                                                        Confirm\r\n                                                                                    </Button>\r\n                                                                                    <Button size=\"small\" danger type=\"ghost\" onClick={() => setConfirmSubscribe(false)}>\r\n                                                                                        Cancel\r\n                                                                                    </Button>\r\n                                                                                </Space>\r\n                                                                            </div>\r\n                                                                        </>\r\n                                                                    }\r\n                                                                    closable\r\n                                                                >\r\n                                                                </Alert>\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n\r\n                                                    <div className='col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                                        <p className='mt-0 fw-bold text-primary'>Subscription Information</p>\r\n                                                        {/* <p>Monthly estimated bill value INR_____</p> */}\r\n                                                        <p> <span className='text-danger'></span> The comprehensive billing for this will commence from the next billing cycle.<br /> Prorated bill will be generated for the current billing period.</p>\r\n\r\n                                                        <p style={{ cursor: 'pointer' }} className='w-50'>\r\n                                                            <Tooltip overlayInnerStyle={{ color: 'black' }} color=\"#ffefbd\" title=\"Subscription Information Monthly estimated bill value INR_____\r\n                                                                    Note: The comprehensive billing for this will commence from the next billing cycle. Prorated bill will be generated for the current billing period.\r\n                                                                    Billing Policy (I)\">\r\n                                                                <span style={{ color: 'black', fontSize: '14px' }}><FontAwesomeIcon icon={faInfoCircle} color='red' /> Billing & Cancellation Policy</span>\r\n                                                            </Tooltip>\r\n                                                        </p>\r\n                                                    </div>\r\n                                                </div>\r\n                                            </> : status == '' ?\r\n                                                <>\r\n                                                    <div className=\"row p-3 justify-content-start align-items-start\">\r\n                                                        <div className='col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                                            <div className='row align-items-start'>\r\n                                                                <label>Pls enter the number of licenses you would like to subscribe</label>\r\n                                                                <div className='col-12 col-sm-12 col-md-6 col-lg-8 col-xl-8 mt-2'>\r\n                                                                    <input style={{ fontSize: '12px' }}\r\n                                                                     className=\"form-control form-control-sm\" \r\n                                                                     placeholder=\"Enter the number\" value={noOfUnit}\r\n                                                                        onChange={(e) => {\r\n                                                                            setNoOfUnit(e.target.value);\r\n                                                                        }}\r\n                                                                    />\r\n                                                                </div>\r\n                                                                <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                                                                    <button style={{ fontSize: '12px', borderRadius: '0' }}\r\n                                                                        disabled={noOfUnit == 0 || '' ? true : false}\r\n                                                                        className=\"btn btn-primary btn-sm shadow-none w-100\"\r\n                                                                        onClick={() => {\r\n                                                                            setConfirmSubscribe(true);\r\n                                                                            ItrApiService.POST({\r\n                                                                                url: 'RevOps/StoreConnect/GetEstimatePrice',\r\n                                                                                data: {\r\n                                                                                    serviceCode: data.serviceCode,\r\n                                                                                    noofUnit: noOfUnit,\r\n                                                                                }\r\n                                                                            }).then(res => {\r\n                                                                                if (res.Success == true) {\r\n                                                                                    if (res.result.isSuccess == true) {\r\n                                                                                        setSubscriptionValue(res.result.data.totalPrice);\r\n                                                                                        //setConfirmSubscribe(true);\r\n                                                                                    }\r\n                                                                                    else {\r\n                                                                                        message.error(res.result.message);\r\n                                                                                    }\r\n                                                                                }\r\n                                                                                else {\r\n                                                                                }\r\n                                                                                setConfirmSubscribe(true);\r\n                                                                            })\r\n                                                                        }}\r\n                                                                    >Subscribe</button>\r\n                                                                </div>\r\n                                                            </div>\r\n\r\n                                                            <div className='row mt-3'>\r\n                                                                <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12\" hidden={confirmSubscribe == false ? true : false}>\r\n                                                                    <Alert\r\n                                                                        style={{ height: '130px' }}\r\n                                                                        message=\"Subscription Confirmation\"\r\n                                                                        // description={`Your monthly estimated bill : Rs ${priceDetails.length > 0 ? parseInt(noOfUnit) * parseInt(priceDetails[0].amount) : 0} /-`}\r\n                                                                        description={`Your monthly estimated bill : ${subscriptionValue ? rupeeIndian.format(subscriptionValue) : ''} /- ${userInfo.currency ? userInfo.currency.split(\"-\")[0] : ''}  `}\r\n                                                                        type=\"info\"\r\n                                                                        showIcon\r\n                                                                        // banner={true}\r\n                                                                        action={\r\n                                                                            <>\r\n                                                                                <div style={{ position: 'absolute', bottom: '10px', right: '20px' }}>\r\n                                                                                    <Space direction=\"horizontal\">\r\n                                                                                        <Button size=\"small\" type=\"primary\"\r\n                                                                                            disabled={ loading || noOfUnit == 0 || '' ? true : false}\r\n                                                                                            onClick={() => {\r\n                                                                                                setLoading(true);\r\n                                                                                                ItrApiService.POST({\r\n                                                                                                    url: 'RevOps/EntitySubscription/SaveSubscription',\r\n                                                                                                    data: saveSubscribe\r\n                                                                                                }).then((res) => {\r\n                                                                                                    if (res.Success == true) {\r\n                                                                                                        if (res.result.isSuccess == true) {\r\n                                                                                                            message.success('Successfully Updated');\r\n                                                                                                            setLoading(false);\r\n                                                                                                            closeFunc()\r\n                                                                                                            setAppModalDetails(false);\r\n                                                                                                        }\r\n                                                                                                        else {\r\n                                                                                                            message.error(res.result.message);\r\n                                                                                                            setLoading(false);\r\n                                                                                                        }\r\n                                                                                                    }\r\n                                                                                                    else {\r\n                                                                                                        setLoading(false);\r\n                                                                                                    }\r\n                                                                                                })\r\n                                                                                            }}\r\n                                                                                        >\r\n                                                                                            Confirm\r\n                                                                                        </Button>\r\n                                                                                        <Button size=\"small\" danger type=\"ghost\" onClick={() => { setConfirmSubscribe(false); setNoOfUnit(''); }}>\r\n                                                                                            Cancel\r\n                                                                                        </Button>\r\n                                                                                    </Space>\r\n                                                                                </div>\r\n                                                                            </>\r\n                                                                        }\r\n                                                                        closable\r\n                                                                    >\r\n                                                                    </Alert>\r\n                                                                </div>\r\n                                                            </div>\r\n                                                        </div>\r\n\r\n                                                        <div className='col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                                            <p className='mt-0 fw-bold text-primary'>Subscription Information</p>\r\n                                                            {/* <p>Monthly estimated bill value INR_____</p> */}\r\n                                                            <p> <span className='text-danger'></span> The comprehensive billing for this will commence from the next billing cycle.<br /> Prorated bill will be generated for the current billing period.</p>\r\n\r\n                                                            <p style={{ cursor: 'pointer' }} className='w-50'>\r\n                                                                <Tooltip overlayInnerStyle={{ color: 'black' }} color=\"#ffefbd\" title=\"Subscription Information Monthly estimated bill value INR_____\r\n                                                                    Note: The comprehensive billing for this will commence from the next billing cycle. Prorated bill will be generated for the current billing period.\r\n                                                                    Billing Policy (I)\">\r\n                                                                    <span style={{ color: 'black', fontSize: '14px' }}><FontAwesomeIcon icon={faInfoCircle} color='red' /> Billing & Cancellation Policy</span>\r\n                                                                </Tooltip>\r\n                                                            </p>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </> : ''\r\n                                        }\r\n                                    </div>\r\n                                </div>\r\n                            </TabPane>\r\n                            <TabPane key=\"5\" tab={<div> <FontAwesomeIcon icon={faCode} /> &nbsp; Developer </div>}>\r\n                                <div className='row'>\r\n                                    <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6'>\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                            <label className='fw-bold'>Developer Name :</label> <span> {data.developerName} </span>\r\n                                        </div>\r\n\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                            <label className='fw-bold'>Developer Website :</label> <span> {data.developerWebsite} </span>\r\n                                        </div>\r\n\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                            <label className='fw-bold'>Country :</label> <span> {data.country} </span>\r\n                                        </div>\r\n\r\n                                        <div className='col-6 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2'>\r\n                                            <label className='fw-bold'>About Developer :</label> <span> {data.aboutDeveloper} </span>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </TabPane>\r\n                        </Tabs>\r\n                    </div>\r\n                </PageHeader>\r\n            </Modal>\r\n        </div>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport './appStore.css';\r\nimport { useHistory } from 'react-router';\r\nimport AppStore from '../../assets/appStore.png';\r\nimport Subscriptions from '../../assets/subscriptions.png';\r\nimport Assignments from '../../assets/assignments.png';\r\nimport { Tabs, Switch, Rate, Modal, PageHeader, Tag, Button, Tooltip, Alert, Space } from 'antd';\r\nimport { AppstoreOutlined, DashboardOutlined } from '@ant-design/icons';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui'\r\nimport { NxLoader, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from '../../Screens/Headers/Headers';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faAddressCard, faChartLine, faCode, faDollarSign, faIdBadge, faInfo, faInfoCircle, faStore, faTachometerAlt, faTicketAlt, faUserTag } from '@fortawesome/free-solid-svg-icons';\r\nimport SubModal from './SubModal';\r\nimport CustomerSidebar from '../../Screens/CustomerSidebar/CustomerSidebar';\r\n// import CancelModal from './CancelModal';\r\n\r\nexport default function AppStores({ data = [{ image: '', heding: '', info: '' }] }) {\r\n    const { TabPane } = Tabs;\r\n    let history = useHistory();\r\n    const [selectedValue, setSelectedValue] = useState({});\r\n    const [cancelModals, setCancelModals] = useState(false);\r\n    // subscription \r\n    const [filtersubscrption, setFiltersubscrption] = useState([\r\n        { id: 1, name: \"All Apps\", isChecked: true },\r\n        { id: 2, name: \"Subscribed Apps\", isChecked: false },\r\n        { id: 3, name: \"Available Apps\", isChecked: false },\r\n        { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n    ]);\r\n    const [filter1, setFilter1] = useState([]);\r\n    const [subscriptionData, setSubscriptionData] = useState([]);\r\n    const handleChange = async (e, index, id) => {\r\n        if (e == true) {\r\n            if (id == 1) {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: true },\r\n                    { id: 2, name: \"Available Apps\", isChecked: false },\r\n                    { id: 3, name: \"Subscribed Apps\", isChecked: false },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n                ])\r\n                setSubscriptionData(filter1);\r\n            } else if (id == 2) {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: false },\r\n                    { id: 2, name: \"Available Apps\", isChecked: true },\r\n                    { id: 3, name: \"Subscribed Apps\", isChecked: false },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n                ])\r\n                let arr = []\r\n                let arr2 = await filter1.map((res) => {\r\n                    if (res.SubscriptionStatus == '') {\r\n                        arr = [...arr, res];\r\n                        return true\r\n                    }\r\n                });\r\n                setSubscriptionData(arr);\r\n            }\r\n            else if (id == 3) {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: false },\r\n                    { id: 2, name: \"Available Apps\", isChecked: false },\r\n                    { id: 3, name: \"Subscribed Apps\", isChecked: true },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n                ]);\r\n                let arr = []\r\n                let arr2 = await filter1.map((res) => {\r\n                    if (res.SubscriptionStatus == 'S') {\r\n                        arr = [...arr, res];\r\n                        return true\r\n                    }\r\n                });\r\n                setSubscriptionData(arr);\r\n            } else {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: false },\r\n                    { id: 2, name: \"Available Apps\", isChecked: false },\r\n                    { id: 3, name: \"Subscribed Apps\", isChecked: false },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: true },\r\n                ]);\r\n                let arr = []\r\n                let arr2 = await filter1.map((res) => {\r\n                    if (res.SubscriptionStatus == 'U') {\r\n                        arr = [...arr, res];\r\n                        return true\r\n                    }\r\n                });\r\n                setSubscriptionData(arr);\r\n            }\r\n        }\r\n    }\r\n\r\n    const [subscriptionId, setSubscriptionId] = useState('');\r\n    const [clientId, setClientid] = useState('');\r\n    const [enrollmentId, setEnrollmentId] = useState('');\r\n    const [StoreStatus, setStoreStatus] = useState('');\r\n    const [serviceCode, setServiceCode] = useState('');\r\n    const [serviceName, setSserviceName] = useState('');\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    // list-Subscription-Api\r\n    const getData = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/StoreConnect/AllPublishedApps'\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let data = result.result.data;\r\n                if (data != null) {\r\n                    for (let id of data) {\r\n                        setSubscriptionId(id.SubscriptionId);\r\n                        setClientid(id.clientID);\r\n                        setEnrollmentId(id.id);\r\n                        setStoreStatus(id.SubscriptionStatus);\r\n                        setSserviceName(id.ServiceName);\r\n                        setServiceCode(id.ServiceCode);\r\n                    }\r\n                    if (data === null || !data.length) {\r\n                        setSubscriptionData([])\r\n                        setFilter1([])\r\n                        // alert(result.result.message);\r\n                    }\r\n                    else {\r\n                        setSubscriptionData(data);\r\n                        setFilter1(data);\r\n                        // await splits(data,setDatas);\r\n                        // await setpassCustomers(getCustomerDetails);\r\n                    }\r\n                }\r\n                // setCustomers(getCustomerDetails);\r\n            }\r\n            else if (result.result.isSuccess == false) {\r\n                // alert(result.result.message);\r\n                // sessionStorage.clear();\r\n                // history.push('/')\r\n            }\r\n        }\r\n    }\r\n\r\n    const [noOfUnit, setNoOfUnit] = useState();\r\n\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n\r\n    var saveSubscribe = {\r\n        clientSubscriptionID: subscriptionId,\r\n        enrollmentID: enrollmentId,\r\n        clientID: clientId,\r\n        noofUnit: parseInt(noOfUnit)\r\n    }\r\n\r\n    var unSubscribe = {\r\n        clientSubscriptionID: subscriptionId,\r\n        clientID: clientId\r\n    }\r\n\r\n    useEffect(() => {\r\n        setLoader(true);\r\n        getData();\r\n        setLoader(false);\r\n    }, [])\r\n\r\n\r\n    const [showLicenseDetails, setShowLicenseDetails] = useState(false);\r\n\r\n    const [selectedData, setSelectedData] = useState({});\r\n    const showLicenseTable = (data) => {\r\n        if (showLicenseDetails == true) {\r\n            setShowLicenseDetails(false);\r\n            setSelectedData({});\r\n        }\r\n        else {\r\n            setShowLicenseDetails(true);\r\n            setSelectedData(data);\r\n        }\r\n    }\r\n\r\n\r\n    // App-details-modal\r\n    const [appModaldetails, setAppModalDetails] = useState(false);\r\n    const [appPolicydetails, setAppPolicyDetails] = useState(false);\r\n\r\n    const [confirmSubscribe, setConfirmSubscribe] = useState(false);\r\n\r\n    const [moveSubscribeTab, setMoveSubscibeTab] = useState('1');\r\n\r\n\r\n\r\n    return (\r\n        <>\r\n            <NxLoader state={loader} />\r\n            <Headers />\r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true}  />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                    <NxTitleTab className=\"title-tab\" title=\"StoreFront\" onCloseClick={() => history.push('/marketplace')} />\r\n                    <div className=\"mt-0 apps-store-main \">\r\n                        <div className=\"container1 mt-1 nx-subscription-page mb-5\">\r\n                            <div className=\"row\">\r\n                                <div className=\"col-12 col-sm-12 col-md-12 col-lg-7 col-xl-9\">\r\n                                    <div className=\"row\">\r\n                                        <div className=\"nexap-subscriptions mt-1\">\r\n                                            <ul className='px-0'>\r\n                                                {filtersubscrption.map((data, index) => {\r\n                                                    return <li key={index} className='mx-0'>\r\n                                                        <Switch size=\"small\" key={data.id} id={data.id} defaultChecked={data.isChecked} onClick={(e) => {\r\n                                                            handleChange(e, index, data.id)\r\n                                                        }} checked={data.isChecked} />\r\n                                                        <label htmlFor={data.id}> {data.name} </label>\r\n                                                    </li>\r\n                                                })}\r\n                                            </ul>\r\n                                        </div>\r\n\r\n                                        {/* <div className=\"nx-card mb-5\">\r\n                                                    <div className=\"nx-card-body mt-2 nx-subscription-card\">\r\n                                                        <div className=\"row justify-content-start\">\r\n                                                            {subscriptionData.map((data, index) => {\r\n                                                                return <>\r\n                                                                    <div key={index} className=\"col-12 col-sm-12 col-md-6 col-lg-6 col-xl-4 mt-3 nx-subscription-test flip-card\" onClick={() => setHandel(true)}>\r\n                                                                        <div className=\"card flip-card-inner\">\r\n\r\n                                                                            <div className=\"card-front flip-card-front\">\r\n\r\n                                                                                <div className='card-body'>\r\n                                                                                    <div className=\"nx-subscription-img\">\r\n                                                                                        <img src={AppStore} width=\"40\" />\r\n                                                                                    </div>\r\n\r\n                                                                                    <div className=\"nx-subscription-titles px-4\">\r\n                                                                                        <label>{data.serviceName}</label>\r\n                                                                                        <div className=\"nx-subscription-info\">\r\n                                                                                            <p className='my-0'> Productivity </p>\r\n                                                                                            <p className='my-0'> {data.publisher} </p>\r\n                                                                                            <p >{data.description}</p>\r\n                                                                                        </div>\r\n                                                                                    </div>\r\n                                                                                </div>\r\n                                                                                <div className='d-flex justify-content-evenly align-items-center my-5 app-footer'>\r\n                                                                                    <button className='btn btn-sm btn-outline-success app-footer-action' onClick={() => setAppModalDetails(true)}> View Details </button>\r\n                                                                                    <button className='btn btn-sm btn-outline-primary app-footer-action'> Subscribe </button>\r\n                                                                                </div>\r\n\r\n                                                                                <div className=\"nx-subscription-info mt-5 container\">\r\n                                                                                    <hr />\r\n                                                                                    <div className=\"row\">\r\n                                                                                        <div className=\"col-4 col-lg-4 col-sm-4 col-md-4 col-xl-4 text-center\">\r\n                                                                                            <label>License</label>\r\n                                                                                            <p> {data.totalLicense} </p>\r\n                                                                                        </div>\r\n\r\n                                                                                        <div className=\"col-4 col-lg-4 col-sm-4 col-md-4 col-xl-4 text-center\">\r\n                                                                                            <label>Assigned</label>\r\n                                                                                            <p> {data.assigned} </p>\r\n                                                                                        </div>\r\n\r\n                                                                                        <div className=\"col-4 col-lg-4 col-sm-4 col-md-4 col-xl-4 text-center\">\r\n                                                                                            <label>Open</label>\r\n                                                                                            <p> {data.unassigned} </p>\r\n                                                                                        </div>\r\n\r\n                                                                                        <div className=\"col-3 col-lg-3 col-sm-3 col-md-3 col-xl-3 text-center\">\r\n                                                                                            <label>Cost</label>\r\n                                                                                            <p> {data.castUnit} </p>\r\n                                                                                        </div>\r\n                                                                                    </div>\r\n                                                                                </div>\r\n                                                                            </div>\r\n\r\n                                                                            <div className=\"flip-card-back\">\r\n                                                                                <div className=\"nx-card-subscription-details \">\r\n                                                                                    <Tabs>\r\n                                                                                        <TabPane tab=\"Description\" key=\"1\">\r\n                                                                                            <div className=\"subscription-card-body\">\r\n                                                                                                {data.description}\r\n                                                                                            </div>\r\n                                                                                        </TabPane>\r\n                                                                                        <TabPane tab=\"About Us\" key=\"2\">\r\n                                                                                            <div className=\"subscription-card-body\">\r\n                                                                                                <h6> {data.overview} </h6>\r\n                                                                                            </div>\r\n                                                                                        </TabPane>\r\n                                                                                        <TabPane tab=\"Developer\" key=\"3\">\r\n                                                                                            <div className=\"subscription-card-body\">\r\n                                                                                                {data.publisher}<br />\r\n                                                                                                {data.aboutthePublisher}\r\n                                                                                            </div>\r\n                                                                                        </TabPane>\r\n                                                                                    </Tabs>\r\n                                                                                    <div className=\"nx-card-subscription-button\">\r\n                                                                                        {data.clientSubscriptionID == 0 ?\r\n                                                                                            <>\r\n                                                                                                <div className=\"row p-3 justify-content-center align-items-center\">\r\n                                                                                                    <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-lg-6\">\r\n                                                                                                        <input className=\"form-control form-control-sm\" placeholder=\"No of unit\" value={noOfUnit}\r\n                                                                                                            onChange={(e) => setNoOfUnit(e.target.value)} />\r\n                                                                                                    </div>\r\n                                                                                                    <div className=\"col-6 col-sm-6 col-lg-6 col-xl-6 col-lg-6\">\r\n                                                                                                        <button className=\"btn btn-primary\" onClick={() => {\r\n                                                                                                            ItrApiService.POST({\r\n                                                                                                                url: 'EntityPlatform/ClientSubscription/SaveSubscription',\r\n                                                                                                                data: saveSubscribe\r\n                                                                                                            })\r\n                                                                                                        }}>Subscribe</button>\r\n                                                                                                    </div>\r\n                                                                                                </div>\r\n                                                                                            </> :\r\n                                                                                            <>\r\n                                                                                                <button className=\"btn btn-primary\" onClick={() => {\r\n                                                                                                    ItrApiService.POST({\r\n                                                                                                        url: 'EntityPlatform/ClientSubscription/SaveUnsubscription',\r\n                                                                                                        data: unSubscribe\r\n                                                                                                    })\r\n                                                                                                }}>Unsubscribe</button>\r\n                                                                                                <button className=\"btn btn-primary\">License Details</button>\r\n                                                                                            </>\r\n                                                                                        }\r\n                                                                                    </div>\r\n                                                                                </div>\r\n                                                                            </div>\r\n                                                                        </div>\r\n                                                                    </div>\r\n\r\n\r\n                                                                </>\r\n                                                            })}\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div> */}\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n\r\n                            <div className='row' style={{ marginBottom: '50px' }}>\r\n                                {subscriptionData.map((data, index) => {\r\n                                    return <>\r\n                                        <div key={index} className='col-12 col-sm-6 col-md-6 col-lg-4 col-xl-3 mt-2'>\r\n                                            <div className='card'>\r\n                                                <div className='card-header1 text-end'>\r\n                                                    {/* subscribed-> blue\r\n                                                                available -> green\r\n                                                                unscribed -> red\r\n                                                                */}\r\n                                                    <button className='btn btn-sm' style={{ fontSize: '10px', borderRadius: '0', backgroundColor: data.SubscriptionStatus == '' ? '#73a562' : data.SubscriptionStatus == 'S' ? '#b8e2f2' : 'red', color: data.SubscriptionStatus == 'S' ? '#001b3a' : 'white', textTransform: 'uppercase' }}> {data.SubscriptionStatus == '' ? 'Available' : data.SubscriptionStatus == 'S' ? 'Subscribed' : data.SubscriptionStatus ? 'Unsubscribed' : ''} </button>\r\n                                                </div>\r\n                                                <div className='card-body'>\r\n                                                    <div className='app-header d-flex align-items-start'>\r\n                                                        <div className=''>\r\n                                                            <img src={!data.appIcon ? AppStore : data.appIcon} width=\"40\" />\r\n                                                        </div>\r\n\r\n                                                        <div className=\"nx-subscription-titles px-4\">\r\n                                                            <h6 className='fw-bold'>{data.ServiceName}</h6>\r\n                                                            <div className=\"nx-subscription-info\">\r\n                                                                {/* <p className='my-0'> Productivity </p> */}\r\n                                                                <p className='my-0' style={{ fontSize: '13px' }}> {data.DeveloperName} </p>\r\n                                                                {/* <p >{data.description}</p> */}\r\n                                                            </div>\r\n                                                        </div>\r\n                                                    </div>\r\n                                                </div>\r\n                                                <div className='d-flex justify-content-end align-items-end mb-3 mt-5 px-3 app-footer'>\r\n                                                    <button className='btn btn-sm btn-outline-primary app-footer-action shadow-none' onClick={() => {\r\n                                                        setSubscriptionId(data.SubscriptionId);\r\n                                                        setClientid(data.clientID);\r\n                                                        setEnrollmentId(data.id);\r\n                                                        setStoreStatus(data.SubscriptionStatus);\r\n                                                        setSserviceName(data.ServiceName);\r\n                                                        setServiceCode(data.ServiceCode);\r\n                                                        setStoreStatus(data.SubscriptionStatus);\r\n                                                        ItrApiService.GET({\r\n                                                            url: `DevOps/Enrollment/GetByEnrollmentID/${data.EnrollmentId}`\r\n                                                        }).then((res) => {\r\n                                                            if (res.Success == true) {\r\n                                                                if (res.result.isSuccess == true) {\r\n                                                                    setSelectedValue(res.result.data)\r\n                                                                }\r\n                                                            }\r\n                                                        })\r\n                                                        setAppModalDetails(true);\r\n                                                    }}> View Details </button>\r\n                                                    {/* <button className='btn btn-sm btn-outline-primary app-footer-action shadow-none'> Subscribe </button> */}\r\n                                                </div>\r\n                                                <div>\r\n\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n\r\n\r\n                                        <Modal className='policy-modal' footer={[\r\n                                            <div style={{ backgroundColor: '#fae7ac' }}>\r\n                                                <Button type=\"ghost\" style={{ backgroundColor: 'white', border: '1px solid black' }} onClick={() => {\r\n                                                    setMoveSubscibeTab('1')\r\n                                                    setAppPolicyDetails(false)\r\n                                                }\r\n                                                }>Close</Button>\r\n                                            </div>\r\n                                        ]} visible={appPolicydetails} width={500} bodyStyle={{ height: '300px', backgroundColor: '#fae7ac' }} centered={true} onCancel={() => {\r\n                                            setMoveSubscibeTab('4')\r\n                                            setAppPolicyDetails(false)\r\n                                        }}>\r\n                                            <div>\r\n\r\n                                            </div>\r\n                                        </Modal>\r\n                                    </>\r\n                                })}\r\n                                <SubModal setAppModalDetails={setAppModalDetails} status={StoreStatus} code={serviceCode} name={serviceName} subId={subscriptionId} setMoveSubscibeTab={setMoveSubscibeTab} appModaldetails={appModaldetails} moveSubscribeTab={moveSubscribeTab} data={selectedValue}\r\n                                    setConfirmSubscribe={setConfirmSubscribe}\r\n                                    setNoOfUnit={setNoOfUnit}\r\n                                    noOfUnit={noOfUnit}\r\n                                    closeFunc={async () => {\r\n                                        setLoader(true);\r\n                                        await getData();\r\n                                        setLoader(false);\r\n                                    }}\r\n                                    confirmSubscribe={confirmSubscribe}\r\n                                />\r\n                            </div>\r\n                        </div>\r\n                    </div >\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useHistory } from 'react-router';\r\nimport { Tabs, Switch, Rate, Modal, Button, PageHeader, Tag, Alert, Space, Tooltip } from 'antd';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui'\r\nimport { NxLoader, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from '../../Screens/Headers/Headers';\r\nimport { AppstoreOutlined } from '@ant-design/icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faDollarSign, faIdBadge, faInfo, faTicketAlt, faInfoCircle, faCode } from '@fortawesome/free-solid-svg-icons';\r\nimport Enrollment from '../enrollment';\r\nimport EnrollmentEntry from '../enrollmentEntry';\r\nimport { DashboardOutlined, DollarOutlined, ForkOutlined } from \"@ant-design/icons\";\r\nimport StoreConnectList from '../StoreConnectList/StoreConnectList';\r\nimport { NotificationManager } from \"react-notifications\";\r\nimport CustomerSidebar from '../../Screens/CustomerSidebar/CustomerSidebar';\r\nimport LicenseManagement from '../LicenseManagement/licenseManagement';\r\nimport AppStores from '../AppStore/appStore';\r\n\r\nexport default function EnrollmentHome({ data = [{ image: '', heding: '', info: '' }] }) {\r\n\r\n    const { TabPane } = Tabs;\r\n\r\n    let history = useHistory();\r\n\r\n    // subscription \r\n    const [filtersubscrption, setFiltersubscrption] = useState([\r\n        { id: 1, name: \"All Apps\", isChecked: true },\r\n        { id: 2, name: \"Subscribed Apps\", isChecked: false },\r\n        { id: 3, name: \"Available Apps\", isChecked: false },\r\n        { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n    ])\r\n\r\n    const handleChange = (e, index, id) => {\r\n        if (e == true) {\r\n            if (id == 1) {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: true },\r\n                    { id: 2, name: \"Available Apps\", isChecked: false },\r\n                    { id: 3, name: \"Subscribed Apps\", isChecked: false },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n                ])\r\n            } else if (id == 2) {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: false },\r\n                    { id: 2, name: \"Available Apps\", isChecked: true },\r\n                    { id: 3, name: \"Aubscribed Apps\", isChecked: false },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n                ])\r\n            }\r\n            else if (id == 3) {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: false },\r\n                    { id: 2, name: \"Available Apps\", isChecked: false },\r\n                    { id: 3, name: \"Aubscribed Apps\", isChecked: true },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n                ])\r\n            } else {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: false },\r\n                    { id: 2, name: \"Available Apps\", isChecked: false },\r\n                    { id: 3, name: \"Aubscribed Apps\", isChecked: false },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: true },\r\n                ])\r\n            }\r\n        }\r\n    }\r\n\r\n    const [subscriptionData, setSubscriptionData] = useState([]);\r\n    const [subscriptionId, setSubscriptionId] = useState('');\r\n    const [clientId, setClientid] = useState('');\r\n    const [enrollmentId, setEnrollmentId] = useState('');\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    // list-Subscription-Api\r\n    const getData = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'DevOps/Enrollment/EnrollmentWithSubscription'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let data = result.result.data;\r\n            if (data) {\r\n                for (let id of data) {\r\n                    setSubscriptionId(id.clientSubscriptionID);\r\n                    setClientid(id.clientID);\r\n                    setEnrollmentId(id.id);\r\n                }\r\n            }\r\n            if (data === null || !data.length) {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n            else {\r\n                setSubscriptionData(data);\r\n                // await splits(data,setDatas);\r\n                // await setpassCustomers(getCustomerDetails);\r\n            }\r\n            // setCustomers(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    const [noOfUnit, setNoOfUnit] = useState();\r\n\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n\r\n    var saveSubscribe = {\r\n        clientSubscriptionID: subscriptionId,\r\n        enrollmentID: enrollmentId,\r\n        clientID: clientId,\r\n        noofUnit: parseInt(noOfUnit)\r\n    }\r\n\r\n    var unSubscribe = {\r\n        clientSubscriptionID: subscriptionId,\r\n        clientID: clientId\r\n    }\r\n    const [appModaldetails, setAppModalDetails] = useState(false);\r\n    const [showLicenseDetails, setShowLicenseDetails] = useState(false);\r\n    const [moveSubscribeTab, setMoveSubscibeTab] = useState('1');\r\n    const [confirmSubscribe, setConfirmSubscribe] = useState(false);\r\n    const [appPolicydetails, setAppPolicyDetails] = useState(false);\r\n    const [reloads, setReloads] = useState(true);\r\n\r\n\r\n    const showLicenseTable = () => {\r\n        if (showLicenseDetails == true) {\r\n            setShowLicenseDetails(false);\r\n        }\r\n        else {\r\n            setShowLicenseDetails(true);\r\n        }\r\n    }\r\n\r\n    const [appsData, setAppsData] = useState({\r\n        available: '',\r\n        subscribed: '',\r\n        purchased: '',\r\n        unassigned: '',\r\n    })\r\n\r\n    const getAppStoreData = () => {\r\n        ItrApiService.GET({\r\n            url: 'RevOps/StoreConnect/GetAppHubDashBoard'\r\n        }).then((res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    let obj = { ...appsData }\r\n                    for (let data of res.result.data) {\r\n                        if (data.categoryName == 'Available Apps') {\r\n                            obj = { ...obj, available: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'Subscribed Apps') {\r\n                            obj = { ...obj, subscribed: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'Purchased Licenses') {\r\n                            obj = { ...obj, purchased: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'Unassigned Licenses') {\r\n                            obj = { ...obj, unassigned: data.categoryCount }\r\n                        }\r\n                    }\r\n                    setAppsData(obj);\r\n                }\r\n            }\r\n        }))\r\n    }\r\n\r\n\r\n    const [activeString, setActiveString] = useState('1')\r\n    useEffect(() => {\r\n        let s = sessionStorage.getItem('ahss');\r\n        if (s) {\r\n            setActiveString(s)\r\n        }\r\n        getAppStoreData();\r\n\r\n    }, []);\r\n\r\n    // useEffect(async () => {\r\n    //     setLoader(true);\r\n    //     await getData();\r\n    //     setLoader(false);\r\n    // }, [])\r\n\r\n    return (\r\n        <>\r\n            <NxLoader state={loader} />\r\n            <Headers />\r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true} />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                    <NxTitleTab className=\"title-tab\" title=\"Enrollments\" onCloseClick={() => history.push('/dashboard')} />\r\n                    <div className=\"billing-tabs billing-main\">\r\n                        <Tabs defaultActiveKey=\"1\" type=\"card\" activeKey={activeString} onChange={(e) => {\r\n                            setActiveString(e);\r\n                            if (e == '1') {\r\n                                setReloads(!reloads)\r\n                            }\r\n                            sessionStorage.setItem('ahss', e)\r\n                        }}>\r\n                            <TabPane tab={\r\n                                <div className=\"d-flex justify-content-center\">\r\n                                    {/* <span ><DashboardOutlined /></span> */}\r\n                                    <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }} >App Version</span>\r\n                                </div>\r\n                            } key=\"1\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-1 counts count-two\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-body\">\r\n                                                <label className=\"nx-badge-title\">Available Apps</label>\r\n                                                <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                                    <h6> {appsData.available} </h6>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-1 counts count-two\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-body\">\r\n                                                <label className=\"nx-badge-title\">Subscribed Apps</label>\r\n                                                <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                                    <h6> {appsData.subscribed} </h6>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-1 counts count-two\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-body\">\r\n                                                <label className=\"nx-badge-title\">Purchased Licenses</label>\r\n                                                <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                                    <h6> {appsData.purchased} </h6>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-1 counts count-two\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-body\">\r\n                                                <label className=\"nx-badge-title\">Unassigned Licenses</label>\r\n                                                <div className=\"col-12 col-sm-12 col-md-12 col-lg-6 mt-1\">\r\n                                                    <h6> {appsData.unassigned} </h6>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                <div className=\"container1 mt-1 nx-subscription-page mb-5\">\r\n                                    <div className=\"row justify-content-end\" >\r\n                                        <div className=\"col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-3\">\r\n                                            <div className=\"card\">\r\n                                                <h5 className=\"m-4 fw-bold recent-app-title\">Service Listing</h5>\r\n                                                <Enrollment reloads={reloads} />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                                {/* <Enquiry /> */}\r\n                            </TabPane>\r\n                            <TabPane tab={\r\n                                <div className=\"d-flex justify-content-center\">\r\n                                    {/* <span ><DashboardOutlined /></span> */}\r\n                                    <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }} >App Enrollment</span>\r\n                                </div>\r\n                            } key=\"2\">\r\n                                <EnrollmentEntry />\r\n                            </TabPane>\r\n                            <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                {/* <span ><ForkOutlined /></span> */}\r\n                                <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }}>Store Connect</span>\r\n                            </div>} key=\"3\">\r\n                                <StoreConnectList />\r\n                            </TabPane>\r\n                            {/* <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                <span ><ForkOutlined /></span>\r\n                                <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }}>Storefront</span>\r\n                            </div>} key=\"4\">\r\n                                <StoreConnectList />\r\n                                <AppStores />\r\n                            </TabPane> */}\r\n                            {/* <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                <span ><ForkOutlined /></span>\r\n                                <span style={{ fontSize: '16px',paddingLeft:\"12px\",paddingRight:\"12px\" }}>License Management</span>\r\n                            </div>} key=\"4\">\r\n                                <LicenseManagement />\r\n                            </TabPane> */}\r\n                            {/* <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                <span ><DollarOutlined /></span>\r\n                                <span style={{ fontSize: '16px' }}>Customers</span>\r\n                            </div>} key=\"4\">\r\n                                <Customer />\r\n                                \r\n                            </TabPane> */}\r\n                        </Tabs>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","export default __webpack_public_path__ + \"static/media/Adap Installation Runbook.e9a3c9e6.pdf\";","export default __webpack_public_path__ + \"static/media/Adap SDK & Dev Guidelines.887304c9.pdf\";","export default __webpack_public_path__ + \"static/media/Adap EndUser Manual.6796f40e.pdf\";","import { NxFooter, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { Tabs } from 'antd';\r\nimport APIEndPoints from '../../nexTabs/support/apiendpoints';\r\nimport HelpDocs from '../../nexTabs/support/helpdocs';\r\nimport { faTicketAlt } from '@fortawesome/free-solid-svg-icons';\r\nimport { useState, useEffect } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport CustomerSidebar from '../../../Screens/CustomerSidebar/CustomerSidebar';\r\nimport installationrunbook from '../../../assets/helpdocs/Adap Installation Runbook.pdf';\r\nimport devGuidelines from '../../../assets/helpdocs/Adap SDK & Dev Guidelines.pdf';\r\nimport endusermanual from '../../../assets/helpdocs/Adap EndUser Manual.pdf';\r\n\r\nexport default function OnlineHelpHome(){\r\n    const [activeString, setActiveString] = useState('1');\r\n    const [loading, setLoading] = useState(false);\r\n    const { TabPane } = Tabs;\r\n    let history = useHistory();\r\n    useEffect(() => {\r\n        let s = sessionStorage.getItem('sp');\r\n        if (s) {\r\n            setActiveString(s)\r\n        }\r\n    }, []);\r\n    return (<>\r\n        <Headers />\r\n        <div className='d-flex custom-body-container'>\r\n            <div className='body-sidebar'>\r\n                <CustomerSidebar visible={true}  />\r\n            </div>\r\n            <div className='body-workspace'>\r\n                <NxTitleTab className=\"title-tab\" title=\"Online Help\" onCloseClick={() => {\r\n                    sessionStorage.removeItem('sp');\r\n                    history.push('/developers');\r\n                }} />\r\n                <div className='support-main'>\r\n                    <NxLoader state={loading} />\r\n                    <div className=\"mt-0 support-main\">\r\n                        <div className='row'>\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12'>\r\n\r\n                            </div>\r\n                        </div>\r\n\r\n                        <Tabs activeKey={activeString} onChange={(e) => {\r\n                            setActiveString(e);\r\n                            sessionStorage.setItem('sp', e)\r\n                        }}>\r\n                        <TabPane tab={\r\n                            <div className=\"d-flex justify-content-center\">\r\n                               \r\n                                <span style={{ fontSize: '16px' }} className='mx-2'>  API Endpoints</span>\r\n                            </div>\r\n                        } key=\"1\">\r\n                            <APIEndPoints />\r\n                        </TabPane>\r\n                        <TabPane tab={\r\n                            <div className=\"d-flex justify-content-center\">                                \r\n                                <span style={{ fontSize: '16px' }} className='mx-2'>  Installation Runbook</span>\r\n                            </div>\r\n                        } key=\"2\">\r\n                            <iframe src={installationrunbook} width={'100%'} height={'470px'} className=\"frame-content\" ></iframe>\r\n                        </TabPane>\r\n                        <TabPane tab={\r\n                            <div className=\"d-flex justify-content-center\">                                \r\n                                <span style={{ fontSize: '16px' }} className='mx-2'>  SDK Developer Guide</span>\r\n                            </div>\r\n                        } key=\"3\">\r\n                            <iframe src={devGuidelines} width={'100%'} height={'470px'} className=\"frame-content\"></iframe>\r\n                        </TabPane>\r\n                        <TabPane tab={\r\n                            <div className=\"d-flex justify-content-center\">                                \r\n                                <span style={{ fontSize: '16px' }} className='mx-2'>  Portal End-User Manual</span>\r\n                            </div>\r\n                        } key=\"4\">\r\n                             <iframe src={endusermanual} width={'100%'} height={'470px'} className=\"frame-content\"></iframe>\r\n                        </TabPane>\r\n                        </Tabs>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <NxFooter className=\"verscio-footer\" companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n            { name: 'Terms of Service' },\r\n            { name: 'Privacy' },\r\n        ]} />\r\n    </>)\r\n}","import { NxFooter, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { useState, useEffect } from 'react';\r\nimport { useHistory } from 'react-router-dom';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport CustomerSidebar from '../../../Screens/CustomerSidebar/CustomerSidebar';\r\nimport { MdOutlineContentCopy } from \"react-icons/md\";\r\nimport { Button, message } from 'antd';\r\n\r\nexport default function AuthenticationKey(){\r\n    const [loading, setLoading] = useState(false);\r\n    let history = useHistory();\r\n    useEffect(() => {\r\n        let s = sessionStorage.getItem('sp');\r\n        if (s) {\r\n            setActiveString(s)\r\n        }\r\n    }, []);\r\n    const copyText = () => {\r\n        navigator.clipboard.writeText(\"--yjC@gg;2#5Jsp<(8$f#}aA\");\r\n        message.success(\"Developer Key Copied\");\r\n    }\r\n    return (<>\r\n        <Headers />\r\n        <div className='d-flex custom-body-container'>\r\n            <div className='body-sidebar'>\r\n                <CustomerSidebar visible={true}  />\r\n            </div>\r\n            <div className='body-workspace'>\r\n                <NxTitleTab className=\"title-tab\" title=\"Authentication Key\" onCloseClick={() => {\r\n                    sessionStorage.removeItem('sp');\r\n                    history.push('/developers');\r\n                }} />\r\n                <div className='support-main'>\r\n                    <NxLoader state={loading} />\r\n                    <div className=\"mt-0 support-main\">\r\n                        <div className='row'>\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12'>\r\n                                <div className='card h-100'>\r\n                                    <div className='card-body'>\r\n                                        <div>\r\n                                            <h6 className='text-dark fw-bold'>Developer Key : </h6>\r\n                                            <p className='text-dark'>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\r\n                                            <div style={{ display: \"flex\", justifyContent: \"flex-start\", alignItems: \"center\", gap: \"10px\" }}>\r\n                                                <input value=\"--yjC@gg;2#5Jsp<(8$f#}aA\" className='form-control form-control-sm w-25' disabled />\r\n                                                <span style={{ cursor: \"pointer\" }}><MdOutlineContentCopy color='black' title='Copy key' fontSize=\"20px\"\r\n                                                    onClick={() => {\r\n                                                        copyText()\r\n                                                    }}\r\n                                                /></span>\r\n                                            </div>\r\n                                        </div>\r\n\r\n                                        <div className='mt-4'>\r\n                                            <h6 className='text-dark fw-bold'>Support Key : </h6>\r\n                                            <p className='text-dark'>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>\r\n                                            <div style={{ display: \"flex\", justifyContent: \"flex-start\", alignItems: \"center\", gap: \"10px\" }}>\r\n                                                <input type=\"number\" value=\"123456\" className='form-control form-control-sm w-25' disabled />\r\n                                                <span >\r\n                                                    <Button style={{ backgroundColor: \"#D33479\", color: \"white\" }}\r\n                                                    // onClick={() => {\r\n                                                    //     window.open(\"http://vega.adap.io/swagger/index.html\", \"_blank\")\r\n                                                    // }}\r\n                                                    >Refresh Key\r\n                                                    </Button>\r\n                                                </span>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n        <NxFooter className=\"verscio-footer\" companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n            { name: 'Terms of Service' },\r\n            { name: 'Privacy' },\r\n        ]} />\r\n    </>)\r\n}","import React, { useState, useEffect } from 'react';\r\nimport { useHistory } from 'react-router';\r\nimport { Tabs, Switch, Rate, Modal, Button, PageHeader, Tag, Alert, Space, Tooltip } from 'antd';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui'\r\nimport { NxLoader, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from '../../Screens/Headers/Headers';\r\nimport { DashboardOutlined, DollarOutlined, ForkOutlined } from \"@ant-design/icons\";\r\nimport { NotificationManager } from \"react-notifications\";\r\nimport CustomerSidebar from '../../Screens/CustomerSidebar/CustomerSidebar';\r\nimport LicenseManagement from '../LicenseManagement/licenseManagement';\r\nimport AppStores from '../AppStore/appStore';\r\n\r\nexport default function AppServiceHome({ data = [{ image: '', heding: '', info: '' }] }) {\r\n\r\n    const { TabPane } = Tabs;\r\n\r\n    let history = useHistory();\r\n\r\n    // subscription \r\n    const [filtersubscrption, setFiltersubscrption] = useState([\r\n        { id: 1, name: \"All Apps\", isChecked: true },\r\n        { id: 2, name: \"Subscribed Apps\", isChecked: false },\r\n        { id: 3, name: \"Available Apps\", isChecked: false },\r\n        { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n    ])\r\n\r\n    const handleChange = (e, index, id) => {\r\n        if (e == true) {\r\n            if (id == 1) {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: true },\r\n                    { id: 2, name: \"Available Apps\", isChecked: false },\r\n                    { id: 3, name: \"Subscribed Apps\", isChecked: false },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n                ])\r\n            } else if (id == 2) {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: false },\r\n                    { id: 2, name: \"Available Apps\", isChecked: true },\r\n                    { id: 3, name: \"Aubscribed Apps\", isChecked: false },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n                ])\r\n            }\r\n            else if (id == 3) {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: false },\r\n                    { id: 2, name: \"Available Apps\", isChecked: false },\r\n                    { id: 3, name: \"Aubscribed Apps\", isChecked: true },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n                ])\r\n            } else {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: false },\r\n                    { id: 2, name: \"Available Apps\", isChecked: false },\r\n                    { id: 3, name: \"Aubscribed Apps\", isChecked: false },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: true },\r\n                ])\r\n            }\r\n        }\r\n    }\r\n\r\n    const [subscriptionData, setSubscriptionData] = useState([]);\r\n    const [subscriptionId, setSubscriptionId] = useState('');\r\n    const [clientId, setClientid] = useState('');\r\n    const [enrollmentId, setEnrollmentId] = useState('');\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    // list-Subscription-Api\r\n    const getData = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'DevOps/Enrollment/EnrollmentWithSubscription'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let data = result.result.data;\r\n            if (data) {\r\n                for (let id of data) {\r\n                    setSubscriptionId(id.clientSubscriptionID);\r\n                    setClientid(id.clientID);\r\n                    setEnrollmentId(id.id);\r\n                }\r\n            }\r\n            if (data === null || !data.length) {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n            else {\r\n                setSubscriptionData(data);\r\n                // await splits(data,setDatas);\r\n                // await setpassCustomers(getCustomerDetails);\r\n            }\r\n            // setCustomers(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    const [noOfUnit, setNoOfUnit] = useState();\r\n\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n\r\n    var saveSubscribe = {\r\n        clientSubscriptionID: subscriptionId,\r\n        enrollmentID: enrollmentId,\r\n        clientID: clientId,\r\n        noofUnit: parseInt(noOfUnit)\r\n    }\r\n\r\n    var unSubscribe = {\r\n        clientSubscriptionID: subscriptionId,\r\n        clientID: clientId\r\n    }\r\n    const [appModaldetails, setAppModalDetails] = useState(false);\r\n    const [showLicenseDetails, setShowLicenseDetails] = useState(false);\r\n    const [moveSubscribeTab, setMoveSubscibeTab] = useState('1');\r\n    const [confirmSubscribe, setConfirmSubscribe] = useState(false);\r\n    const [appPolicydetails, setAppPolicyDetails] = useState(false);\r\n    const [reloads, setReloads] = useState(true);\r\n\r\n\r\n    const showLicenseTable = () => {\r\n        if (showLicenseDetails == true) {\r\n            setShowLicenseDetails(false);\r\n        }\r\n        else {\r\n            setShowLicenseDetails(true);\r\n        }\r\n    }\r\n\r\n    const [appsData, setAppsData] = useState({\r\n        available: '',\r\n        subscribed: '',\r\n        purchased: '',\r\n        unassigned: '',\r\n    })\r\n\r\n    const getAppStoreData = () => {\r\n        ItrApiService.GET({\r\n            url: 'RevOps/StoreConnect/GetAppHubDashBoard'\r\n        }).then((res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    let obj = { ...appsData }\r\n                    for (let data of res.result.data) {\r\n                        if (data.categoryName == 'Available Apps') {\r\n                            obj = { ...obj, available: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'Subscribed Apps') {\r\n                            obj = { ...obj, subscribed: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'Purchased Licenses') {\r\n                            obj = { ...obj, purchased: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'Unassigned Licenses') {\r\n                            obj = { ...obj, unassigned: data.categoryCount }\r\n                        }\r\n                    }\r\n                    setAppsData(obj);\r\n                }\r\n            }\r\n        }))\r\n    }\r\n\r\n\r\n    const [activeString, setActiveString] = useState('1')\r\n    useEffect(() => {\r\n        let s = sessionStorage.getItem('ahss');\r\n        if (s) {\r\n            setActiveString(s)\r\n        }\r\n        getAppStoreData();\r\n\r\n    }, []);\r\n\r\n    return (\r\n        <>\r\n            <NxLoader state={loader} />\r\n            <Headers />\r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true}  />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                    <NxTitleTab className=\"title-tab\" title=\"Services\" onCloseClick={() => history.push('/dashboard')} />\r\n                    <div className=\"billing-tabs billing-main\">\r\n                        <Tabs defaultActiveKey=\"1\" type=\"card\" activeKey={activeString} onChange={(e) => {\r\n                            setActiveString(e);\r\n                            if (e == '1') {\r\n                                setReloads(!reloads)\r\n                            }\r\n                            sessionStorage.setItem('ahss', e)\r\n                        }}>\r\n                            <TabPane tab={\r\n                                <div className=\"d-flex justify-content-center\">\r\n                                    {/* <span ><DashboardOutlined /></span> */}\r\n                                    <span style={{ fontSize: '16px' }} >Storefront</span>\r\n                                </div>\r\n                            } key=\"1\">\r\n                                <AppStores />\r\n                            </TabPane>\r\n                            <TabPane tab={\r\n                                <div className=\"d-flex justify-content-center\">\r\n                                    {/* <span ><DashboardOutlined /></span> */}\r\n                                    <span style={{ fontSize: '16px' }} >Marketplace</span>\r\n                                </div>\r\n                            } key=\"2\">\r\n                                {/* <EnrollmentEntry /> */}\r\n                            </TabPane>\r\n                            {/* <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                <span ><ForkOutlined /></span>\r\n                                <span style={{ fontSize: '16px' }}>License</span>\r\n                            </div>} key=\"3\">\r\n                                <LicenseManagement />\r\n                            </TabPane> */}\r\n                        </Tabs>\r\n                    </div>\r\n                </div>\r\n            </div>            \r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import { NxFooter, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport CustomerSidebar from '../../Screens/CustomerSidebar/CustomerSidebar';\r\nimport Headers from '../../Screens/Headers/Headers';\r\nimport { useHistory } from 'react-router-dom';\r\nimport billingEngine from '../../assets/billingEngine.png';\r\nimport gstTax from '../../assets/gst.png';\r\n\r\nexport default function MarketplaceHome(){\r\n    let history = useHistory();\r\n    return (\r\n        <div className=\"conatiner dashboard \">\r\n            <Headers />\r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true}  />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                    <NxTitleTab className=\"title-tab\" title='Marketplace' onCloseClick={() =>  history.push('/dashboard')} />\r\n                    <div className=\"mb-5 mt-0 customer-configuration-main\">\r\n                        <div className=\"container-fluid\">\r\n                            <div className=\"CustomerUsersTab\">\r\n                                <div className=\"row cus-configuration-tab\">\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-2 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={billingEngine} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">StoreFront</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Company setup features including financial details that will be used in the billing, options to add new users to the console system as principals or partners.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/marketplace/storefront')\r\n                                                        }}>\r\n                                                        StoreFront\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-2 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={billingEngine} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Subscriptions</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Company setup features including financial details that will be used in the billing, options to add new users to the console system as principals or partners.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/marketplace/subscriptions')\r\n                                                        }}>\r\n                                                        Subscriptions\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-2 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={billingEngine} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Invoices</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Company setup features including financial details that will be used in the billing, options to add new users to the console system as principals or partners.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/marketplace/invoices')\r\n                                                        }}>\r\n                                                        Manage Invoices\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 mt-2 mt-4\">\r\n                                        <div className=\"card\">\r\n                                            <div className=\"card-header d-flex align-items-center\">\r\n                                                {/* <img src={billingEngine} width=\"30\" /> */}\r\n                                                <h6 className=\"fw-bold m-1 text-primary\">Billing</h6>\r\n                                            </div>\r\n                                            <div className=\"card-body\">\r\n                                                <div className=\"card-details\">\r\n                                                    <p>Company setup features including financial details that will be used in the billing, options to add new users to the console system as principals or partners.</p>\r\n                                                </div>\r\n                                                <div className=\"text-end mt-5\">\r\n                                                    <button className=\"btn mx-1 btn-sm btn-primary border-0 config-buttons\"\r\n                                                        onClick={() => {\r\n                                                            sessionStorage.setItem('ike', '1');\r\n                                                            history.push('/marketplace/billing-configuration')\r\n                                                        }}>\r\n                                                        Billing Configuration\r\n                                                    </button>\r\n                                                </div>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div> \r\n                                    \r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                        <div style={{ height: 50 }} />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from 'react';\r\n// import './RepoConnect.css';\r\nimport { useHistory } from 'react-router';\r\nimport { NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport { DatePicker, Tabs } from 'antd';\r\nimport { DashboardOutlined, FormOutlined } from '@ant-design/icons';\r\nimport AzureRepo from '../RepoConnect/AzureRepo/AzureRepo';\r\nimport GitRepo from '../RepoConnect/GitRepo/GitRepo';\r\nimport Headers from '../../../../Screens/Headers/Headers';\r\nimport DockerHub from '../../../DockerHub/DockerHub';\r\nimport AzureContainerRegister from '../../../AzureContainerRegister/AzureContainerRegister';\r\nimport DatabaseServer from '../../../DatabaseServer/DatabaseServer';\r\n\r\nconst { RangePicker } = DatePicker;\r\n\r\n\r\n\r\nexport default function Repository() {\r\n    const { TabPane } = Tabs;\r\n    let history = useHistory();\r\n\r\n    const [activeString, setActiveString] = useState('1')\r\n    useEffect(() => {\r\n        let s = sessionStorage.getItem('rc');\r\n        if (s) {\r\n            setActiveString(s)\r\n        }\r\n    }, []);\r\n    return (\r\n        <>\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"Repositories\" onCloseClick={() => {\r\n                sessionStorage.removeItem('rc');\r\n                history.goBack()\r\n            }} />\r\n            <div className=\"billing-tabs billing-main\">\r\n                <Tabs defaultActiveKey=\"1\" type=\"card\" activeKey={activeString} onChange={(e) => {\r\n                    setActiveString(e);\r\n                    sessionStorage.setItem('rc', e)\r\n                }}>\r\n                    <TabPane tab={\r\n                        <div className=\"d-flex justify-content-center px-2\">\r\n                            <span ><DashboardOutlined /></span>\r\n                            <span style={{ fontSize: '16px' }} >Azure Repo</span>\r\n                        </div>\r\n                    } key=\"1\">\r\n                        <AzureRepo />\r\n                    </TabPane>\r\n\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        <span ><FormOutlined /></span>\r\n                        <span style={{ fontSize: '16px' }}>GitHub</span>\r\n                    </div>} key=\"2\">\r\n                        <GitRepo />\r\n                    </TabPane>\r\n                    {/* <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        <span ><FormOutlined /></span>\r\n                        <span style={{ fontSize: '16px' }}>Docker Server</span>\r\n                    </div>} key=\"3\">\r\n                        <DockerHub />\r\n                    </TabPane>\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        <span ><FormOutlined /></span>\r\n                        <span style={{ fontSize: '16px' }}>Azure Container Registry</span>\r\n                    </div>} key=\"4\">\r\n                        <AzureContainerRegister />docker-connect\r\n                    </TabPane>\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        <span ><FormOutlined /></span>\r\n                        <span style={{ fontSize: '16px' }}>Database Server</span>\r\n                    </div>} key=\"5\">\r\n                        <DatabaseServer />\r\n                    </TabPane> */}\r\n                </Tabs>\r\n            </div>\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\n// import './RepoConnect.css';\r\nimport { useHistory } from 'react-router';\r\nimport { NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport { DatePicker, Tabs } from 'antd';\r\nimport { DashboardOutlined, FormOutlined } from '@ant-design/icons';\r\nimport AzureRepo from '../RepoConnect/AzureRepo/AzureRepo';\r\nimport GitRepo from '../RepoConnect/GitRepo/GitRepo';\r\nimport Headers from '../../../../Screens/Headers/Headers';\r\nimport DockerHub from '../../../DockerHub/DockerHub';\r\nimport AzureContainerRegister from '../../../AzureContainerRegister/AzureContainerRegister';\r\nimport DatabaseServer from '../../../DatabaseServer/DatabaseServer';\r\n\r\nconst { RangePicker } = DatePicker;\r\n\r\n\r\n\r\nexport default function DatabaseServers() {\r\n    const { TabPane } = Tabs;\r\n    let history = useHistory();\r\n\r\n    const [activeString, setActiveString] = useState('1')\r\n    useEffect(() => {\r\n        let s = sessionStorage.getItem('rc');\r\n        if (s) {\r\n            setActiveString(s)\r\n        }\r\n    }, []);\r\n    return (\r\n        <>\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"Database Server\" onCloseClick={() => {\r\n                sessionStorage.removeItem('rc');\r\n                history.goBack()\r\n            }} />\r\n            <div className=\"billing-tabs billing-main\">\r\n                <Tabs defaultActiveKey=\"1\" type=\"card\" activeKey={activeString} onChange={(e) => {\r\n                    setActiveString(e);\r\n                    sessionStorage.setItem('rc', e)\r\n                }}>\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        <span ><FormOutlined /></span>\r\n                        <span style={{ fontSize: '16px' }}>Database Server</span>\r\n                    </div>} key=\"1\">\r\n                        <DatabaseServer />\r\n                    </TabPane>\r\n                </Tabs>\r\n            </div>\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from 'react';\r\n// import './RepoConnect.css';\r\nimport { useHistory } from 'react-router';\r\nimport { NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport { DatePicker, Tabs } from 'antd';\r\nimport { DashboardOutlined, FormOutlined } from '@ant-design/icons';\r\nimport AzureRepo from '../RepoConnect/AzureRepo/AzureRepo';\r\nimport GitRepo from '../RepoConnect/GitRepo/GitRepo';\r\nimport Headers from '../../../../Screens/Headers/Headers';\r\nimport DockerHub from '../../../DockerHub/DockerHub';\r\nimport AzureContainerRegister from '../../../AzureContainerRegister/AzureContainerRegister';\r\nimport DatabaseServer from '../../../DatabaseServer/DatabaseServer';\r\n\r\nconst { RangePicker } = DatePicker;\r\n\r\n\r\n\r\nexport default function Registery() {\r\n    const { TabPane } = Tabs;\r\n    let history = useHistory();\r\n\r\n    const [activeString, setActiveString] = useState('1')\r\n    useEffect(() => {\r\n        let s = sessionStorage.getItem('rc');\r\n        if (s) {\r\n            setActiveString(s)\r\n        }\r\n    }, []);\r\n    return (\r\n        <>\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"Container Registries\" onCloseClick={() => {\r\n                sessionStorage.removeItem('rc');\r\n                history.goBack()\r\n            }} />\r\n            <div className=\"billing-tabs billing-main\">\r\n                <Tabs defaultActiveKey=\"1\" type=\"card\" activeKey={activeString} onChange={(e) => {\r\n                    setActiveString(e);\r\n                    sessionStorage.setItem('rc', e)\r\n                }}>\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        <span ><FormOutlined /></span>\r\n                        <span style={{ fontSize: '16px' }}>Azure Container Registry</span>\r\n                    </div>} key=\"1\">\r\n                        <AzureContainerRegister />\r\n                    </TabPane>\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        <span ><FormOutlined /></span>\r\n                        <span style={{ fontSize: '16px' }}>Docker Hub</span>\r\n                    </div>} key=\"2\">\r\n                        <DockerHub />\r\n                        {/* <AzureContainerRegister /> */}\r\n                    </TabPane>\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        <span ><FormOutlined /></span>\r\n                        <span style={{ fontSize: '16px' }}>GitHub Container Registry</span>\r\n                    </div>} key=\"3\">\r\n                        {/* <AzureContainerRegister /> */}\r\n                    </TabPane>\r\n                </Tabs>\r\n            </div>\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useHistory } from 'react-router';\r\nimport './Customintegration.css';\r\nimport { NxLoader, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from '../../../../Screens/Headers/Headers';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { NotificationManager } from 'react-notifications';\r\n// import Customintegration from '../PaymentGateway';\r\n\r\nexport default function Customintegration() {\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const [gateway, setGateway] = useState({});\r\n\r\n    const [gatewayData, setGatewayData] = useState({\r\n        smsGatewayID: 0,\r\n        url: \"https://www.fast2sms.com/dev/bulkV2\",\r\n        apiKey: \"\"\r\n    });\r\n\r\n\r\n    // save-api\r\n    const saveSmsGateway = async () => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.POST({\r\n            url: 'Platform/Configuration/PaymentGateway',\r\n            data: gatewayData\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            NotificationManager.success(result.message);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.message);\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n\r\n    const getPaymentGateway = async () => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/Configuration/PaymentGateway',\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getGatewayDetails = result.result.data;\r\n            if (result.result.data) {\r\n                setGatewayData(getGatewayDetails);\r\n            }\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n\r\n        }\r\n        setLoading(false);\r\n    }\r\n\r\n    useEffect(() => {\r\n        getPaymentGateway();\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title='Payment Gateway Intergration' onCloseClick={() => history.goBack()} />\r\n\r\n            <div className=\"billing-tabs billing-main\">\r\n                <Tabs defaultActiveKey=\"1\" type=\"card\">\r\n                    <TabPane tab={\r\n                        <div className=\"d-flex justify-content-center\">\r\n                            {/* <span ><DashboardOutlined /></span> */}\r\n                            <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }} >Custom Integrations.</span>\r\n                        </div>\r\n                    } key=\"1\">\r\n                        <Customintegration />\r\n                    </TabPane>\r\n                    <TabPane tab={\r\n                        <div className=\"d-flex justify-content-center\">\r\n                            {/* <span ><DashboardOutlined /></span> */}\r\n                            <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }} >Connected Apps.</span>\r\n                        </div>\r\n                    } key=\"1\">\r\n                    </TabPane>\r\n                </Tabs>\r\n            </div>\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    )\r\n}\r\n","import React, { useEffect, useState } from \"react\";\r\nimport './Environment.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab, NxActionTab, NxGridList, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../../../Screens/Headers/Headers\";\r\n\r\n\r\nconst splits = async (dests, setData, setExport) => {\r\n    let arr = [];\r\n    let arr2 = [];\r\n    for (let value of dests) {\r\n        let data = [value.name, value.clientID, value.azureID, value.isActive == true ? 'Active' : 'inActive'];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Subscription Name': value.name,\r\n            'Client ID': value.clientID,\r\n            'Subscription ID': value.azureID,\r\n            'Status': value.isActive == true ? 'Active' : 'inActive'\r\n        }\r\n        arr2 = [...arr2, obj2]\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\nconst splits1 = async (dests, setData, setExport) => {\r\n    let arr = [];\r\n    let arr2 = []\r\n    // for (let value of dests) {\r\n    let data = [dests.name, dests.clientID, dests.azureID, dests.isActive == true ? 'Active' : 'inActive'];\r\n    let obj = { sendItem: dests, data: data };\r\n    let obj2 = {\r\n        'Subscription Name': dests.name,\r\n        'Client ID': dests.clientID,\r\n        'Subscription ID': dests.azureID,\r\n        'Status': dests.isActive == true ? 'Active' : 'inActive'\r\n    }\r\n    arr2 = [...arr2, obj2];\r\n    arr = [...arr, obj]\r\n    // }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\n\r\nexport default function Environment() {\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [exportVal, setExport] = useState([]);\r\n    const [handel, setHandel] = useState(false);\r\n    useEffect(() => {\r\n        setLoad(true)\r\n        ItrApiService.GET({\r\n            url: 'CloudConnect/Configuration/AzureSubscription'\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setVale(res.result.data);\r\n                        splits1(res.result.data, setData, setExport)\r\n                    }\r\n                }\r\n            }\r\n            setLoad(false)\r\n        })\r\n    }, []);\r\n\r\n\r\n\r\n    const [vals, setVale] = useState([])\r\n    const [data, setData] = useState([]);\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"Environment\" onCloseClick={() => {\r\n                sessionStorage.removeItem('rc');\r\n                history.goBack()\r\n            }} />\r\n            {/* <div className=\"billing-tabs billing-main\">\r\n                <NxLoader state={load} />\r\n                <div className=\"customer-dynamic-pages pt-0\">\r\n                    <div className=\"onboarding-main mt-1\">\r\n                        <div className=\"d-flex justify-content-between align-items-center\">\r\n                            <NxActionTab className=\"px-0\"\r\n                                exportValue={exportVal}\r\n                                fileName='Azure Cloud'\r\n                                // onColumnsClick={() => { setHandel(true) }}\r\n                                onRefreshClick={() => {\r\n                                    setLoad(true)\r\n                                    setTimeout(function () {\r\n                                        setLoad(false)\r\n                                    }, 2000);\r\n                                }}\r\n                                onNewEntryClick={() => {\r\n                                    history.push('/cloud-connect/add')\r\n                                }}\r\n                                enableNewEntry={false}\r\n                            />\r\n                            <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/cloud-connect/add')}>Add Azure Cloud </button>\r\n                        </div>\r\n                        <div className=\"mb-5\">\r\n                            <NxGridList\r\n                                enableSearch={true}\r\n                                autoSearch={true}\r\n                                enableAutoPagination={true}\r\n                                showShowing={true}\r\n                                header={[\r\n                                    {\r\n                                        name: 'Subscription Name',\r\n                                        sort: false,\r\n                                        search: true\r\n                                    },\r\n                                    {\r\n                                        name: 'Client ID',\r\n                                        sort: false,\r\n                                        search: true\r\n                                    },\r\n                                    {\r\n                                        name: 'Subscription ID',\r\n                                        sort: false,\r\n                                    },\r\n                                    {\r\n                                        name: 'Status',\r\n                                        sort: false,\r\n                                    },\r\n\r\n                                ]}\r\n                                rowClick={(data) => {\r\n                                    history.push({\r\n                                        pathname: '/cloud-connect/edit',\r\n                                        state: data\r\n                                    })\r\n                                }}\r\n                                data={data}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div> */}\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport './Versions.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab, NxActionTab, NxGridList, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../../../Screens/Headers/Headers\";\r\n\r\n\r\nconst splits = async (dests, setData, setExport) => {\r\n    let arr = [];\r\n    let arr2 = [];\r\n    for (let value of dests) {\r\n        let data = [value.name, value.clientID, value.azureID, value.isActive == true ? 'Active' : 'inActive'];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Subscription Name': value.name,\r\n            'Client ID': value.clientID,\r\n            'Subscription ID': value.azureID,\r\n            'Status': value.isActive == true ? 'Active' : 'inActive'\r\n        }\r\n        arr2 = [...arr2, obj2]\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\nconst splits1 = async (dests, setData, setExport) => {\r\n    let arr = [];\r\n    let arr2 = []\r\n    // for (let value of dests) {\r\n    let data = [dests.name, dests.clientID, dests.azureID, dests.isActive == true ? 'Active' : 'inActive'];\r\n    let obj = { sendItem: dests, data: data };\r\n    let obj2 = {\r\n        'Subscription Name': dests.name,\r\n        'Client ID': dests.clientID,\r\n        'Subscription ID': dests.azureID,\r\n        'Status': dests.isActive == true ? 'Active' : 'inActive'\r\n    }\r\n    arr2 = [...arr2, obj2];\r\n    arr = [...arr, obj]\r\n    // }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\n\r\nexport default function Versions() {\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [exportVal, setExport] = useState([]);\r\n    const [handel, setHandel] = useState(false);\r\n    useEffect(() => {\r\n        setLoad(true)\r\n        ItrApiService.GET({\r\n            url: 'CloudConnect/Configuration/AzureSubscription'\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setVale(res.result.data);\r\n                        splits1(res.result.data, setData, setExport)\r\n                    }\r\n                }\r\n            }\r\n            setLoad(false)\r\n        })\r\n    }, []);\r\n\r\n\r\n\r\n    const [vals, setVale] = useState([])\r\n    const [data, setData] = useState([]);\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"Version\" onCloseClick={() => {\r\n                sessionStorage.removeItem('rc');\r\n                history.goBack()\r\n            }} />\r\n            {/* <div className=\"billing-tabs billing-main\">\r\n                <NxLoader state={load} />\r\n                <div className=\"customer-dynamic-pages pt-0\">\r\n                    <div className=\"onboarding-main mt-1\">\r\n                        <div className=\"d-flex justify-content-between align-items-center\">\r\n                            <NxActionTab className=\"px-0\"\r\n                                exportValue={exportVal}\r\n                                fileName='Azure Cloud'\r\n                                // onColumnsClick={() => { setHandel(true) }}\r\n                                onRefreshClick={() => {\r\n                                    setLoad(true)\r\n                                    setTimeout(function () {\r\n                                        setLoad(false)\r\n                                    }, 2000);\r\n                                }}\r\n                                onNewEntryClick={() => {\r\n                                    history.push('/cloud-connect/add')\r\n                                }}\r\n                                enableNewEntry={false}\r\n                            />\r\n                            <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/cloud-connect/add')}>Add Azure Cloud </button>\r\n                        </div>\r\n                        <div className=\"mb-5\">\r\n                            <NxGridList\r\n                                enableSearch={true}\r\n                                autoSearch={true}\r\n                                enableAutoPagination={true}\r\n                                showShowing={true}\r\n                                header={[\r\n                                    {\r\n                                        name: 'Subscription Name',\r\n                                        sort: false,\r\n                                        search: true\r\n                                    },\r\n                                    {\r\n                                        name: 'Client ID',\r\n                                        sort: false,\r\n                                        search: true\r\n                                    },\r\n                                    {\r\n                                        name: 'Subscription ID',\r\n                                        sort: false,\r\n                                    },\r\n                                    {\r\n                                        name: 'Status',\r\n                                        sort: false,\r\n                                    },\r\n\r\n                                ]}\r\n                                rowClick={(data) => {\r\n                                    history.push({\r\n                                        pathname: '/cloud-connect/edit',\r\n                                        state: data\r\n                                    })\r\n                                }}\r\n                                data={data}\r\n                            />\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div> */}\r\n        </div>\r\n    )\r\n}","import React, { useState, useEffect } from 'react';\r\nimport { useHistory } from 'react-router';\r\nimport './ApiManagement.css';\r\nimport { NxLoader, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { Switch, message } from 'antd';\r\nimport { NotificationManager } from 'react-notifications';\r\n\r\nexport default function ApiManagement() {\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    const [gateway, setGateway] = useState({});\r\n    const getIdleApi = async () => {\r\n        setLoading(true);\r\n        let result = await ItrApiService.GET({\r\n            url: 'Platform/Configuration/IdleSessionSignOut',\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let vals = result.result.data;\r\n                if (result.result.data) {\r\n                    setData(vals);\r\n                }\r\n            } else {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n        setLoading(false);\r\n    }\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    const [data, setData] = useState({\r\n        idleSessionSignOutID: 0,\r\n        isIdleSessionSignOut: false,\r\n        userSignOutTime: 0,\r\n        userNoticeTime: 0\r\n    });\r\n\r\n    const [enableToken, setEnableToken] = useState(false);\r\n\r\n\r\n    useEffect(() => {\r\n        getIdleApi();\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"API token policy\" onCloseClick={() => history.goBack()} />\r\n            <div className=\"card password-policy-main mt-0\">\r\n                <div className=\"card-body p-0\">\r\n                    <div className=\"twoFactorModal\">\r\n                        <div className=\"header security-two-factor text-start\">\r\n                            <div>\r\n                                <h4 className='m-0 p-0'>\r\n                                    Enable token policy\r\n                                </h4>\r\n                                <p>you will be able to set the identity & apps tokens expiry and retention policy</p>\r\n                            </div>\r\n                            <div>\r\n                                <Switch checked={enableToken} onChange={(e) => { setEnableToken(e) }} />\r\n                            </div>\r\n                        </div>\r\n                        {enableToken && <div className='row'>\r\n                            <div className='col-12 col-md-8 col-sm-12 col-lg-6 xol-xl-6'>\r\n                                <div className='security-factor-authentication-forms'>\r\n                                    <div className='mt-2 form-label'>\r\n                                        <label>Identity token expiry (Mins)</label>\r\n                                        <input className='form-control form-control-sm' value={\"\"} />\r\n                                    </div>\r\n                                    <div className='mt-2 form-label'>\r\n                                        <label>Identity refresh token (Mins)</label>\r\n                                        <input className='form-control form-control-sm' value={\"\"} />\r\n                                    </div>\r\n                                    <div className='mt-2 form-label'>\r\n                                        <label>Apps token expiry (Mins)</label>\r\n                                        <input className='form-control form-control-sm' value={\"\"} />\r\n                                    </div>\r\n                                    <div className='mt-2 form-label'>\r\n                                        <label>Apps refresh token (Mins)</label>\r\n                                        <input className='form-control form-control-sm' value={\"\"} />\r\n                                    </div>\r\n                                    <div className='mt-2 form-label'>\r\n                                        <label>External apps token (Mins)</label>\r\n                                        <input className='form-control form-control-sm' value={\"\"} />\r\n                                    </div>\r\n                                    <div className='mt-2 form-label'>\r\n                                        <label>Connected apps token (Mins)</label>\r\n                                        <input className='form-control form-control-sm' value={\"\"} />\r\n                                    </div>\r\n\r\n                                    <div>\r\n                                        <div className=\"footer-profile-tab\">\r\n                                            <button className='btn'\r\n                                                onClick={() => {\r\n                                                    history.goBack();\r\n                                                }}\r\n                                            >\r\n                                                Cancel\r\n                                            </button>\r\n\r\n                                            <button\r\n                                                disabled={loader}\r\n                                                className='btn btn-primary'\r\n                                            >\r\n                                                Save\r\n                                            </button>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n","import { faCheckCircle, faCircle } from '@fortawesome/free-solid-svg-icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { Modal, Switch } from 'antd';\r\nimport React, { useState } from 'react'\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { useHistory } from \"react-router-dom\";\r\n\r\nexport default function Federation() {\r\n    let history = useHistory()\r\n    const [step, setStep] = useState(1);\r\n    const [number, setNumber] = useState('');\r\n    const [otp, setOtp] = useState('');\r\n    const [loader, setLoader] = useState(false);\r\n    const [enableFederation, setEnableFederation] = useState(false);\r\n\r\n    const [federationValues, setFederationValues] = useState({\r\n        IDProvide: \"\",\r\n        name: \"\",\r\n        clientID: \"\",\r\n        clientSecret: \"\",\r\n        customIDProvide: \"\",\r\n        customName: \"\",\r\n        providerProtocol: \"\",\r\n        domainName: \"\",\r\n        issuerUri: \"\",\r\n        authenticationEndpoint: \"\",\r\n        certificate: \"\",\r\n        metaData: \"\"\r\n    });\r\n\r\n    const changeName = (name) => {\r\n        if (name == \"Azure AAD\") return \"Azure\";\r\n        else if (name == \"Google IDP\") return \"Google\";\r\n        else if (name == \"Amazon IAM\") return \"Amazon\";\r\n        else if (name == \"Custom IDP\") return \"Custom\"\r\n        return \"\"\r\n    }\r\n\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"Federation\" onCloseClick={() => history.goBack()} />\r\n            <div className=\"card password-policy-main mt-0\">\r\n                <div className=\"card-body p-0\">\r\n                    <div className=\"twoFactorModal\" style={{ height: \"100%\" }}>\r\n                        <div className=\"header security-two-factor text-start\">\r\n                            <div>\r\n                                <h4 className='m-0 p-0'>\r\n                                    Enable Federation Services\r\n                                </h4>\r\n                                <p>Once you enable federation services you will not be able to use the default IAM provided with Adap.</p>\r\n                            </div>\r\n                            <div>\r\n                                <Switch checked={enableFederation} onChange={(e) => { setEnableFederation(e) }} />\r\n                            </div>\r\n                        </div>\r\n                        {enableFederation && <div className='row'>\r\n                            <div className='col-12 col-md-8 col-sm-12 col-lg-6 xol-xl-6'>\r\n                                <div className='security-factor-authentication-forms'>\r\n                                    <div className='mt-2 form-label'>\r\n                                        <label>Select ID provide</label>\r\n                                        <select className='form-select form-select-sm'\r\n                                            value={federationValues.IDProvide}\r\n                                            onChange={(e) => {\r\n                                                setFederationValues({\r\n                                                    ...federationValues, IDProvide: e.target.value,\r\n                                                    name: e.target.value\r\n                                                });\r\n                                                changeName(e.target.value)\r\n                                                console.log({\r\n                                                    ...federationValues, IDProvide: e.target.value,\r\n                                                    name: e.target.value\r\n                                                })\r\n                                            }}\r\n                                        >\r\n                                            <option value=\"Azure AAD\">Azure AAD</option>\r\n                                            <option value=\"Google IDP\">Google IDP</option>\r\n                                            <option value=\"Amazon IAM\">Amazon IAM</option>\r\n                                            <option value=\"Custom IDP\">Custom IDP</option>\r\n                                        </select>\r\n                                    </div>\r\n                                    {/* Not-custom-IDP */}\r\n                                    {federationValues.name != \"Custom IDP\" && <div>\r\n                                        <div className='mt-2 form-label'>\r\n                                            <label>Name</label>\r\n                                            <input className='form-control form-control-sm' readOnly value={federationValues.name == \"Azure AAD\" ? \"Azure\" : federationValues.name == \"Google IDP\" ? \"Google\" : federationValues.name == \"Amazon IAM\" ? \"Amazon\" : federationValues.name == \"Custom IDP\" ? \"Custom\" : \"\"} />\r\n                                        </div>\r\n                                        <div className='mt-2 form-label'>\r\n                                            <label>Client ID</label>\r\n                                            <input className='form-control form-control-sm' value={federationValues.clientID}\r\n                                                onChange={(e) => {\r\n                                                    setFederationValues({\r\n                                                        ...federationValues, clientID: e.target.value,\r\n                                                    })\r\n                                                }}\r\n                                            />\r\n                                        </div>\r\n                                        <div className='mt-2 form-label'>\r\n                                            <label>Client Secret</label>\r\n                                            <input className='form-control form-control-sm' value={federationValues.clientSecret}\r\n                                                onChange={(e) => {\r\n                                                    setFederationValues({\r\n                                                        ...federationValues, clientSecret: e.target.value,\r\n                                                    })\r\n                                                }}\r\n                                            />\r\n                                        </div>\r\n                                    </div>}\r\n\r\n                                    {/* custom-IDP */}\r\n                                    {federationValues.name == \"Custom IDP\" && < div >\r\n                                        <div className='mt-2 form-label'>\r\n                                            <label>Name</label>\r\n                                            <input className='form-control form-control-sm'\r\n                                                value={federationValues.customName}\r\n                                                onChange={(e) => {\r\n                                                    setFederationValues({\r\n                                                        ...federationValues, customName: e.target.value,\r\n                                                    })\r\n                                                }}\r\n                                            />\r\n                                        </div>\r\n                                        <div className='mt-2 form-label'>\r\n                                            <label>Identity provider protocol</label>\r\n                                            <select className='form-select form-select-sm'\r\n                                                value={federationValues.providerProtocol}\r\n                                                onChange={(e) => {\r\n                                                    setFederationValues({\r\n                                                        ...federationValues, providerProtocol: e.target.value,\r\n                                                    })\r\n                                                }}\r\n                                            >\r\n                                                <option value=\"LDAP\">LDAP</option>\r\n                                                <option value=\"SAML\">SAML</option>\r\n                                                <option value=\"SCIM\">SCIM</option>\r\n                                                <option value=\"OAuth\">OAuth</option>\r\n                                                <option value=\"OpenID\">OpenID</option>\r\n                                                <option value=\"XACML\">XACML</option>\r\n                                            </select>\r\n                                        </div>\r\n                                        <div className='mt-2 form-label'>\r\n                                            <label>Domain Name of Federation IDP</label>\r\n                                            <input className='form-control form-control-sm' value={federationValues.domainName}\r\n                                                onChange={(e) => {\r\n                                                    setFederationValues({\r\n                                                        ...federationValues, domainName: e.target.value,\r\n                                                    })\r\n                                                }}\r\n                                            />\r\n                                        </div>\r\n                                        <div className='mt-2 form-label'>\r\n                                            <label>Issuer URI</label>\r\n                                            <input className='form-control form-control-sm' value={federationValues.issuerUri}\r\n                                                onChange={(e) => {\r\n                                                    setFederationValues({\r\n                                                        ...federationValues, issuerUri: e.target.value,\r\n                                                    })\r\n                                                }}\r\n                                            />\r\n                                        </div>\r\n                                        <div className='mt-2 form-label'>\r\n                                            <label>Passive authentication endppoint</label>\r\n                                            <input className='form-control form-control-sm' value={federationValues.authenticationEndpoint}\r\n                                                onChange={(e) => {\r\n                                                    setFederationValues({\r\n                                                        ...federationValues, authenticationEndpoint: e.target.value,\r\n                                                    })\r\n                                                }}\r\n                                            />\r\n                                        </div>\r\n                                        <div className='mt-2 form-label'>\r\n                                            <label>Certificate</label>\r\n                                            <input className='form-control form-control-sm' value={federationValues.certificate}\r\n                                                onChange={(e) => {\r\n                                                    setFederationValues({\r\n                                                        ...federationValues, certificate: e.target.value,\r\n                                                    })\r\n                                                }}\r\n                                            />\r\n                                        </div>\r\n                                        <div className='mt-2 form-label'>\r\n                                            <label>Metadata URL</label>\r\n                                            <input className='form-control form-control-sm' value={federationValues.metaData}\r\n                                                onChange={(e) => {\r\n                                                    setFederationValues({\r\n                                                        ...federationValues, metaData: e.target.value,\r\n                                                    })\r\n                                                }}\r\n                                            />\r\n                                        </div>\r\n                                    </div>}\r\n\r\n                                    <div>\r\n                                        <div className=\"footer-profile-tab\">\r\n                                            <button className='btn'\r\n                                                onClick={() => {\r\n                                                    history.goBack();\r\n                                                }}\r\n                                            >\r\n                                                Cancel\r\n                                            </button>\r\n\r\n                                            <button\r\n                                                disabled={loader}\r\n                                                className='btn btn-primary'\r\n                                            >\r\n                                                Save\r\n                                            </button>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div >\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\n// import './ManageAccess.css';\r\nimport { useHistory } from 'react-router';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { NxTitleTab, NxFooter, NxGridList, NxLoader } from '@afiplfeed/itr-app';\r\nimport { DatePicker, Progress, Tabs } from 'antd';\r\nimport { DashboardOutlined, FormOutlined, DollarOutlined } from '@ant-design/icons';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport moment from 'moment';\r\n\r\nconst splits = async (dests, setData) => {\r\n    let arr2 = [];\r\n    let arr = [];\r\n    for (let value of dests) {\r\n        let data = [value.accessTypeID == '1' ? 'PRINCIPAL' : 'PARTNER', value.userName, value.emailAddress, value.displayName];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Billing Template': value.billingTemplateName,\r\n            'Saved Date': moment(value.dataCreated).format('DD/MM/YYYY'),\r\n            'Author': value.author || '',\r\n            'No of Customers applied': value.noOfCustomer\r\n        }\r\n        arr2 = [...arr2, obj2];\r\n        arr = [...arr, obj]\r\n    }\r\n    setData(arr)\r\n}\r\n\r\nexport default function Developers() {\r\n\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    useEffect( () => {\r\n        setLoading(false);\r\n        ItrApiService.GET({ url: 'PAM/GetAllPortalAccess' }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        splits(res.result.data, setData)\r\n                    }\r\n                } else {\r\n                    NotificationManager.error(res.result.message);\r\n                }\r\n            } else {\r\n                NotificationManager.error(res.message);\r\n            }\r\n            setLoading(false);\r\n        })\r\n    }, []);\r\n\r\n    const [data, setData] = useState([]);\r\n\r\n    return (\r\n        <>\r\n            <Headers />\r\n            <NxLoader state={loading} />\r\n            <NxTitleTab className=\"title-tab\" title=\"Developer Access\" onCloseClick={() => history.goBack()} />\r\n\r\n            <div className=\"card1 mt-0 mx-3\">\r\n                <div className=\"card-body1\">\r\n                    <div className=\"container-form mb-5\">\r\n\r\n                        <div className='d-flex justify-content-end align-items-center'>\r\n                            {/* <NxActionTab className=\"resource-groups-list-action-tab px-0\"\r\n                                    // onColumnsClick={() => { setHandel(true) }}\r\n                                    exportValue={exportVal}\r\n                                    fileName='Billing Template'\r\n                                    onRefreshClick={() => {\r\n                                        setLoading(true)\r\n                                        ItrApiService.GET({ url: 'RevOps/BillingRule/GetBillingRules' }).then(res => {\r\n                                            if (res.Success == true) {\r\n                                                if (res.result.isSuccess == true) {\r\n                                                    if (res.result.data) {\r\n                                                        \r\n                                                    }\r\n                                                }\r\n                                            }\r\n                                            setLoading(false)\r\n                                        })\r\n                                    }}\r\n                                    onNewEntryClick={() => {\r\n                                        history.push('/billing-rules/add')\r\n                                        // setNewTaxation(true)\r\n                                    }}\r\n                                    enableNewEntry={false}\r\n                                /> */}\r\n                            <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/developers-access/add')}> + Add Developer </button>\r\n                        </div>\r\n                        <div className=\"row mt-0 mx-0 mt-2\">\r\n                            <NxGridList\r\n                                header={[\r\n                                    {\r\n                                        name: 'Access Type',\r\n                                        sort: true,\r\n                                    },\r\n                                    {\r\n                                        name: 'Username',\r\n                                        search: true,\r\n                                    },\r\n                                    {\r\n                                        name: 'Email',\r\n                                        sort: true,\r\n                                    },\r\n                                    {\r\n                                        name: 'Display Name',\r\n                                        search: true,\r\n                                    },\r\n                                ]}\r\n                                data={data}\r\n                                enableSearch={true}\r\n                                autoSearch={true}\r\n                                enableAutoPagination={true}\r\n                                showShowing={true}\r\n                                rowClick={(data) => {\r\n                                    history.push({\r\n                                        pathname: '/manage-access/edit',\r\n                                        state: data\r\n                                    });\r\n                                }}\r\n                            />\r\n                        </div>\r\n\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import { NxFooter, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport moment from 'moment';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport { useHistory } from 'react-router-dom'\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { Switch } from 'antd';\r\n\r\nfunction AddDevelopers() {\r\n    const history = useHistory();\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    // Partners\r\n    const [allPartners, setAllPartners] = useState([]);\r\n    const getPartners = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/PartnerInformation'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let getPartnerDetails = result.result.data;\r\n            setAllPartners(getPartnerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n        }\r\n    }\r\n\r\n    const [newManageAccess, setNewManageAccess] = useState({\r\n        portalAccessID: 0,\r\n        accessTypeID: \"\",\r\n        entityCode: \"\",\r\n        userCode: \"\",\r\n        userName: \"\",\r\n        password: \"\",\r\n        displayName: \"\",\r\n        isAccess: true,\r\n        isFirstLogin: true,\r\n        tenantCode: \"\",\r\n        customerCode: \"\",\r\n        emailAddress: \"\",\r\n        isActive: true,\r\n        isEnable2FA: true\r\n    })\r\n\r\n\r\n    useEffect(() => {\r\n        getPartners()\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxLoader state={loader} />\r\n            <NxTitleTab className=\"title-tab\" title=\"Add Developer\" onCloseClick={() => history.goBack()} />\r\n            <div className=\"card password-policy-main mt-0\">\r\n                <div className=\"card-body p-0 mb-5\" >\r\n                    <div className=\"row p-3 mx-1\">\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-6'>\r\n                            <div className=\"row\">\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Email</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input className='form-control form-control-sm' value={newManageAccess.emailAddress}\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, emailAddress: e.target.value })} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Password</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input className='form-control form-control-sm' value={newManageAccess.password}\r\n                                                type=\"password\"\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, password: e.target.value })} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Display Name</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <input className='form-control form-control-sm' value={newManageAccess.displayName}\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, displayName: e.target.value })} />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Assign License</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <select className='form-select form-select-lg' value={newManageAccess.accessTypeID}\r\n                                                onChange={(e) => setNewManageAccess({ ...newManageAccess, accessTypeID: e.target.value })}>\r\n                                                <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                                <option value=\"1\">{\"hmFEq[n}6S+x&~bA\"}  </option>\r\n                                                <option value=\"2\">{\"t./4xNyA$X{;@]-Y\"}</option>\r\n                                                <option value=\"3\">{\"fbxBn9CSJ>vedqUk\"}</option>\r\n                                                <option value=\"4\">{\"H^?YwBFJd3q$4([G\"}</option>\r\n                                                <option value=\"5\">{\"EHM@,S<2X'q{7jDp\"}</option>\r\n                                            </select>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n\r\n                                <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                    <div className='row'>\r\n                                        <div className='col-12 col-sm-12 col-md-5 col-lg-5 col-xl-4'>\r\n                                            <label className='f-badge-title'>Enable Support</label>\r\n                                        </div>\r\n\r\n                                        <div className='col-12 col-sm-12 col-md-7 col-lg-7 col-xl-7 flex-start' >\r\n                                            <Switch />\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='text-end'>\r\n                            <button className='btn btn-primary btn-sm mt-4 mb-1' onClick={() => {\r\n                                // let dataVal = { ...newBillingRules, selectDay: newBillingRules.selectDay == '' ? 0 : parseInt(newBillingRules.selectDay), isRecurringJob: newBillingRules.isRecurringJob == '' ? false : newBillingRules.isRecurringJob == 'true' ? true : false };\r\n                                setLoader(true);\r\n                                ItrApiService.POST({ url: 'PAM/SavePortalAccess', data: newManageAccess }).then(res => {\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            setLoader(false);\r\n                                            history.goBack();\r\n                                            setNewManageAccess({ ...newManageAccess, accessTypeID: \"\", userCode: \"\", userName: \"\", emailAddress: \"\", displayName: \"\", tenantCode: \"\" })\r\n                                        } else {\r\n                                            NotificationManager.error(res.result.message);\r\n                                        }\r\n                                    } else {\r\n                                        NotificationManager.error(res.message);\r\n                                    }\r\n                                })\r\n                            }}>Save</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter\r\n                className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                    { name: 'Terms of Service' },\r\n                    { name: 'Privacy' },\r\n                ]} />\r\n        </div >\r\n    );\r\n}\r\n\r\nexport default AddDevelopers;","import React, { useEffect, useState } from \"react\";\r\nimport './VirtualMachineAdd.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../../../../../Screens/Headers/Headers\";\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\n\r\nexport default function VirtualMachineAdd() {\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons mt-4 mb-4\">\r\n            <button className=\"btn btn-sm btn-primary buttons\" onClick={async () => {\r\n\r\n                ItrApiService.POST({\r\n                    data: { ...data },\r\n                    url: 'CloudConnect/Configuration/DatabaseServer'\r\n                }).then(res => {\r\n                    if (res.Success == true) {\r\n                        if (res.result.isSuccess == true) {\r\n                            history.goBack()\r\n                        } else {\r\n                            NotificationManager.error(res.result.message);\r\n                        }\r\n                    } else {\r\n                        NotificationManager.error(res.message);\r\n                    }\r\n                })\r\n            }} > Save</button>\r\n            <button className=\"btn btn-sm close btn-outline-primary\" onClick={() => history.goBack()}> Close</button>\r\n        </div>\r\n    }\r\n\r\n    var loginUser = () => {\r\n        return {\r\n            pin: document.getElementById('adminPin').value\r\n        }\r\n    }\r\n\r\n    const [data, setData] = useState({\r\n        databaseServerID: 0,\r\n        databaseServerName: \"\",\r\n        userName: \"\",\r\n        password: \"\",\r\n        trusted_Connection: true,\r\n        databaseServerDescription: \"\"\r\n    })\r\n\r\n    const getUser = async () => {\r\n        let result = await ItrAuthService.GetUserInfo();\r\n        if (result.Success == true) {\r\n            setData({ ...data, customerID: result.customerCode });\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        getUser()\r\n    }, [])\r\n\r\n\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false)\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <div className=\"customer-dynamic-pages pt-4 \">\r\n                <NxTitleTab className=\"title-tab page-title\" title='Add Virtual Machine' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} />\r\n                <div className=\"resource-groups-add-main-form mt-2\">\r\n                    <div className=\"card resource-groups-add-card-form\">\r\n                        <div className=\"card-body\">\r\n                            <div className=\"container-form\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <div className=\"row\">\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"> */}\r\n                                            <label htmlFor=\"name\" className='f-badge-title mt-2'>VM Name</label>\r\n                                            <div className=\"px-2\">\r\n                                                <input className=\"form-control form-control-sm\" id=\"name\" type=\"text\" value={data.databaseServerName} onChange={(e) => {\r\n                                                    setData({ ...data, databaseServerName: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n                                            {/* </div> */}\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"> */}\r\n                                            <label htmlFor=\"adminPin\" className='f-badge-title mt-2'>DNS Name</label>\r\n                                            <div className=\"px-2\">\r\n                                                <input className=\"form-control form-control-sm\" type=\"text\" value={data.userName} onChange={(e) => {\r\n                                                    setData({ ...data, userName: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n                                            {/* </div> */}\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"> */}\r\n                                            <label htmlFor=\"SubscriptionId\" className='f-badge-title mt-2'>PrivatePublic IP</label>\r\n                                            <div className=\"px-2\">\r\n\r\n                                                <input className=\"form-control form-control-sm\" id=\"SubscriptionId\" type=\"password\" value={data.password} onChange={(e) => {\r\n                                                    setData({ ...data, password: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n                                            {/* </div> */}\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"> */}\r\n                                            {/* <label htmlFor=\"ClientId\" className='f-badge-title mt-2'>Trusted Connection</label> */}\r\n                                            {/* </div> */}\r\n\r\n                                            {/* <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"> */}\r\n                                            <label htmlFor=\"clientSecret\" className='f-badge-title mt-2'>Operating System</label>\r\n                                            <div className=\"px-2\">\r\n                                                <textarea className=\"form-control form-control-sm\" id=\"clientSecret\" value={data.databaseServerDescription} onChange={(e) => {\r\n                                                    setData({ ...data, databaseServerDescription: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"></div>\r\n                                    {/* <hr /> */}\r\n                                    <Buttons />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport './StorageAdd.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../../../../../Screens/Headers/Headers\";\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\n\r\nexport default function StorageAdd() {\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons mt-4 mb-4\">\r\n            <button className=\"btn btn-sm btn-primary buttons\" onClick={async () => {\r\n\r\n                ItrApiService.POST({\r\n                    data: { ...data },\r\n                    url: 'CloudConnect/Configuration/DatabaseServer'\r\n                }).then(res => {\r\n                    if (res.Success == true) {\r\n                        if (res.result.isSuccess == true) {\r\n                            history.goBack()\r\n                        } else {\r\n                            NotificationManager.error(res.result.message);\r\n                        }\r\n                    } else {\r\n                        NotificationManager.error(res.message);\r\n                    }\r\n                })\r\n            }} > Save</button>\r\n            <button className=\"btn btn-sm close btn-outline-primary\" onClick={() => history.goBack()}> Close</button>\r\n        </div>\r\n    }\r\n\r\n    var loginUser = () => {\r\n        return {\r\n            pin: document.getElementById('adminPin').value\r\n        }\r\n    }\r\n\r\n    const [data, setData] = useState({\r\n        databaseServerID: 0,\r\n        databaseServerName: \"\",\r\n        userName: \"\",\r\n        password: \"\",\r\n        trusted_Connection: true,\r\n        databaseServerDescription: \"\"\r\n    })\r\n\r\n    const getUser = async () => {\r\n        let result = await ItrAuthService.GetUserInfo();\r\n        if (result.Success == true) {\r\n            setData({ ...data, customerID: result.customerCode });\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        getUser()\r\n    }, [])\r\n\r\n\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false)\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <div className=\"customer-dynamic-pages pt-4 \">\r\n                <NxTitleTab className=\"title-tab page-title\" title='Add Storage' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} />\r\n                <div className=\"resource-groups-add-main-form mt-2\">\r\n                    <div className=\"card resource-groups-add-card-form\">\r\n                        <div className=\"card-body\">\r\n                            <div className=\"container-form\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <div className=\"row\">\r\n\r\n                                            <label htmlFor=\"name\" className='f-badge-title mt-2'>Storage Name</label>\r\n                                            <div className=\"px-2\">\r\n                                                <input className=\"form-control form-control-sm\" id=\"name\" type=\"text\" value={data.databaseServerName} onChange={(e) => {\r\n                                                    setData({ ...data, databaseServerName: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n\r\n                                            <label htmlFor=\"adminPin\" className='f-badge-title mt-2'>Container URL</label>\r\n                                            <div className=\"px-2\">\r\n                                                <input className=\"form-control form-control-sm\" type=\"text\" value={data.userName} onChange={(e) => {\r\n                                                    setData({ ...data, userName: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n\r\n                                            <label htmlFor=\"SubscriptionId\" className='f-badge-title mt-2'>Access Key</label>\r\n                                            <div className=\"px-2\">\r\n                                                <input className=\"form-control form-control-sm\" id=\"SubscriptionId\" type=\"password\" value={data.password} onChange={(e) => {\r\n                                                    setData({ ...data, password: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"></div>\r\n                                    <Buttons />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\nimport './ClusterAdd.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService, ItrAuthService } from '@afiplfeed/itr-ui';\r\nimport Headers from \"../../../../../../Screens/Headers/Headers\";\r\nimport { NotificationManager } from \"react-notifications\";\r\n\r\n\r\nexport default function ClusterAdd() {\r\n    const Buttons = () => {\r\n        return <div className=\"form-button nx-enquiry-buttons mt-4 mb-4\">\r\n            <button className=\"btn btn-sm btn-primary buttons\" onClick={async () => {\r\n\r\n                ItrApiService.POST({\r\n                    data: { ...data },\r\n                    url: 'CloudConnect/Configuration/DatabaseServer'\r\n                }).then(res => {\r\n                    if (res.Success == true) {\r\n                        if (res.result.isSuccess == true) {\r\n                            history.goBack()\r\n                        } else {\r\n                            NotificationManager.error(res.result.message);\r\n                        }\r\n                    } else {\r\n                        NotificationManager.error(res.message);\r\n                    }\r\n                })\r\n            }} > Save</button>\r\n            <button className=\"btn btn-sm close btn-outline-primary\" onClick={() => history.goBack()}> Close</button>\r\n        </div>\r\n    }\r\n\r\n    var loginUser = () => {\r\n        return {\r\n            pin: document.getElementById('adminPin').value\r\n        }\r\n    }\r\n\r\n    const [data, setData] = useState({\r\n        databaseServerID: 0,\r\n        databaseServerName: \"\",\r\n        userName: \"\",\r\n        password: \"\",\r\n        trusted_Connection: true,\r\n        databaseServerDescription: \"\"\r\n    })\r\n\r\n    const getUser = async () => {\r\n        let result = await ItrAuthService.GetUserInfo();\r\n        if (result.Success == true) {\r\n            setData({ ...data, customerID: result.customerCode });\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n    }\r\n\r\n    useEffect(() => {\r\n        getUser()\r\n    }, [])\r\n\r\n\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false)\r\n    return (\r\n        <div>\r\n            <NxLoader state={loading} />\r\n            <Headers />\r\n            <div className=\"customer-dynamic-pages pt-4 \">\r\n                <NxTitleTab className=\"title-tab page-title\" title='Add Cluster' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} />\r\n                <div className=\"resource-groups-add-main-form mt-2\">\r\n                    <div className=\"card resource-groups-add-card-form\">\r\n                        <div className=\"card-body\">\r\n                            <div className=\"container-form\">\r\n                                <div className=\"row\">\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\">\r\n                                        <div className=\"row\">\r\n                                            <label htmlFor=\"name\" className='f-badge-title mt-2'>Cluster Name</label>\r\n                                            <div className=\"px-2\">\r\n                                                <input className=\"form-control form-control-sm\" id=\"name\" type=\"text\" value={data.databaseServerName} onChange={(e) => {\r\n                                                    setData({ ...data, databaseServerName: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n                                            <label htmlFor=\"adminPin\" className='f-badge-title mt-2'>API server address</label>\r\n                                            <div className=\"px-2\">\r\n                                                <input className=\"form-control form-control-sm\" type=\"text\" value={data.userName} onChange={(e) => {\r\n                                                    setData({ ...data, userName: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n                                            <label htmlFor=\"SubscriptionId\" className='f-badge-title mt-2'>Network type</label>\r\n                                            <div className=\"px-2\">\r\n\r\n                                                <input className=\"form-control form-control-sm\" id=\"SubscriptionId\" type=\"password\" value={data.password} onChange={(e) => {\r\n                                                    setData({ ...data, password: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n                                            <label htmlFor=\"clientSecret\" className='f-badge-title mt-2'>Maximum node count</label>\r\n                                            <div className=\"px-2\">\r\n                                                <textarea className=\"form-control form-control-sm\" id=\"clientSecret\" value={data.databaseServerDescription} onChange={(e) => {\r\n                                                    setData({ ...data, databaseServerDescription: e.target.value })\r\n                                                }} />\r\n                                            </div>\r\n                                            <label htmlFor=\"clientSecret\" className='f-badge-title mt-2'>AKS Network Policy</label>\r\n                                            <div className=\"px-2\">\r\n                                                <select className=\"form-control form-control-sm\" id=\"clientSecret\" value={data.databaseServerDescription} onChange={(e) => {\r\n                                                    setData({ ...data, databaseServerDescription: e.target.value })\r\n                                                }} >\r\n                                                    <option value=\"\" selected disabled>--please select--</option>\r\n                                                    <option value=\"1\">Kubernetes - Calico</option>\r\n                                                    <option value=\"2\">Azure CNI - Azure</option>\r\n                                                </select>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n\r\n                                    <div className=\"col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 mt-2\"></div>\r\n                                    {/* <hr /> */}\r\n                                    <Buttons />\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from \"react\";\r\n// import './DatabaseServer.css';\r\nimport { useHistory } from 'react-router-dom';\r\nimport { NxLoader, NxTitleTab, NxActionTab, NxGridList, NxFooter } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\n// import Headers from \"../../Screens/Headers/Headers\";\r\n\r\n\r\nconst splits = async (dests, setData, setExport) => {\r\n    let arr = [];\r\n    let arr2 = [];\r\n    for (let value of dests) {\r\n        let data = [value.databaseServerName, value.userName, value.trusted_Connection, value.isActive == true ? 'Active' : 'inActive'];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Subscription Name': value.name,\r\n            'Client ID': value.clientID,\r\n            'Subscription ID': value.azureID,\r\n            'Status': value.isActive == true ? 'Active' : 'inActive'\r\n        }\r\n        arr2 = [...arr2, data]\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\nconst splits1 = async (dests, setData, setExport,history) => {\r\n    let arr = [];\r\n    let arr2 = []\r\n    for (let value of dests) {\r\n        let data = [value.databaseServerName, value.userName, value.databaseServerDescription, value.isActive == true ? 'Active' : 'inActive',\r\n        <button className=\"btn btn-sm btn-primary\" style={{ fontSize: '14px', borderRadius: '0' }}\r\n            onClick={(e) => {\r\n                sessionStorage.setItem('editSupportId', value.databaseServerID);\r\n                e.stopPropagation();\r\n                history.push({\r\n                    pathname : '/databaseserver/edit',\r\n                    state: value\r\n                });\r\n            }}>Edit</button>];\r\n        let obj = { sendItem: dests, data: data };\r\n        // let obj2 = {\r\n        //     'Subscription Name': dests.name,\r\n        //     'Client ID': dests.clientID,\r\n        //     'Subscription ID': dests.azureID,\r\n        //     'Status': dests.isActive == true ? 'Active' : 'inActive'\r\n        // }\r\n        // arr2 = [...arr2, obj2];\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr)\r\n}\r\n\r\n\r\nexport default function Cluster() {\r\n    let history = useHistory();\r\n    const [load, setLoad] = useState(false);\r\n    const [exportVal, setExport] = useState([]);\r\n    const [handel, setHandel] = useState(false);\r\n    useEffect(() => {\r\n        setLoad(true)\r\n        ItrApiService.GET({\r\n            url: 'CloudConnect/Configuration/DatabaseServer/GetAllConfidentialDatabaseServer'\r\n        }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        setVale(res.result.data);\r\n                        splits1(res.result.data, setData, setExport,history)\r\n                    }\r\n                }\r\n            }\r\n            setLoad(false)\r\n        })\r\n    }, []);\r\n\r\n\r\n\r\n    const [vals, setVale] = useState([])\r\n    const [data, setData] = useState([]);\r\n    return (\r\n        <div>\r\n            <NxLoader state={load} />\r\n            {/* <Headers /> */}\r\n            {/* <VxBreadcrumb className=\"navigation-breadcrumb\" data={[\r\n                {\r\n                    name: 'Home',\r\n                    onClick: () => {\r\n                        history.push('/partner-board');\r\n                    }\r\n                }\r\n            ]} /> */}\r\n            <div className=\"customer-dynamic-pages pt-0\">\r\n                {/* <NxTitleTab className=\"title-tab page-title\" title='Azure Connect' onCloseClick={() => {\r\n                    history.goBack();\r\n                }} /> */}\r\n\r\n                <div className=\"onboarding-main mt-1\">\r\n                    <div className=\"d-flex justify-content-between align-items-center\">\r\n                        <NxActionTab className=\"px-0\"\r\n                            exportValue={exportVal}\r\n                            fileName='Azure Cloud'\r\n                            // onColumnsClick={() => { setHandel(true) }}\r\n                            onRefreshClick={() => {\r\n                                setLoad(true)\r\n                                setTimeout(function () {\r\n                                    setLoad(false)\r\n                                }, 2000);\r\n                            }}\r\n                            onNewEntryClick={() => {\r\n                                history.push('/databaseserver/add')\r\n                            }}\r\n                            enableNewEntry={false}\r\n                        />\r\n                        <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/cluster/add')}>Add </button>\r\n                    </div>\r\n                    <div className=\"mb-5\">\r\n                        <NxGridList\r\n                            enableSearch={true}\r\n                            autoSearch={true}\r\n                            enableAutoPagination={true}\r\n                            showShowing={true}\r\n                            header={[\r\n                                {\r\n                                    name: 'Cluster name',\r\n                                    sort: false,\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'API server address',\r\n                                    sort: false,\r\n                                    search: true\r\n                                },\r\n                                {\r\n                                    name: 'Network type',\r\n                                    sort: false,\r\n                                },\r\n                                {\r\n                                    name: 'Maximum node count',\r\n                                    sort: false,\r\n                                },\r\n                                {\r\n                                    name: 'AKS Network Policy',\r\n                                    sort: false,\r\n                                },\r\n\r\n                            ]}\r\n                            // rowClick={(data) => {\r\n                            //     history.push({\r\n                            //         pathname: '/databaseserver/edit',\r\n                            //         state: data\r\n                            //     })\r\n                            // }}\r\n                            data={[]}\r\n                        />\r\n                    </div>\r\n                </div>\r\n            </div>\r\n\r\n            {/* <NxFooter className=\"verscio-footer\" companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} /> */}\r\n        </div>\r\n    )\r\n}","import React, { useEffect, useState } from 'react';\r\nimport './ManageCluster.css';\r\nimport { useHistory } from 'react-router';\r\nimport { NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport { DatePicker, Tabs } from 'antd';\r\nimport { DashboardOutlined, FormOutlined } from '@ant-design/icons';\r\nimport Headers from '../../../../../Screens/Headers/Headers';\r\nimport Cluster from '../Cluster/Cluster';\r\n\r\nconst { RangePicker } = DatePicker;\r\n\r\n\r\n\r\nexport default function ManageCluster() {\r\n    const { TabPane } = Tabs;\r\n    let history = useHistory();\r\n\r\n    const [activeString, setActiveString] = useState('1')\r\n    useEffect(() => {\r\n        let s = sessionStorage.getItem('rc');\r\n        if (s) {\r\n            setActiveString(s)\r\n        }\r\n    }, []);\r\n    return (\r\n        <>\r\n            <Headers />\r\n            <NxTitleTab className=\"title-tab\" title=\"Cluster\" onCloseClick={() => {\r\n                sessionStorage.removeItem('rc');\r\n                history.goBack()\r\n            }} />\r\n            <div className=\"billing-tabs billing-main\">\r\n                <Tabs defaultActiveKey=\"1\" type=\"card\" activeKey={activeString} onChange={(e) => {\r\n                    setActiveString(e);\r\n                    sessionStorage.setItem('rc', e)\r\n                }}>\r\n                    <TabPane tab={<div className=\"d-flex justify-content-center px-2\">\r\n                        {/* <span ><FormOutlined /></span> */}\r\n                        <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }}>AKS Cluster</span>\r\n                    </div>} key=\"1\">\r\n                        <Cluster />\r\n                    </TabPane>\r\n                </Tabs>\r\n            </div>\r\n            <NxFooter companyName=\"© 2022 Ithred Solutions\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useHistory } from 'react-router';\r\nimport { Tabs, Switch, Rate, Modal, Button, PageHeader, Tag, Alert, Space, Tooltip } from 'antd';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui'\r\nimport { NxLoader, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { AppstoreOutlined } from '@ant-design/icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faDollarSign, faIdBadge, faInfo, faTicketAlt, faInfoCircle, faCode } from '@fortawesome/free-solid-svg-icons';\r\nimport Enrollment from '../../enrollment';\r\nimport EnrollmentEntry from '../../enrollmentEntry';\r\nimport { DashboardOutlined, DollarOutlined, ForkOutlined } from \"@ant-design/icons\";\r\nimport StoreConnectList from '../../StoreConnectList/StoreConnectList';\r\nimport { NotificationManager } from \"react-notifications\";\r\nimport CustomerSidebar from '../../../Screens/CustomerSidebar/CustomerSidebar';\r\nimport LicenseManagement from '../../LicenseManagement/licenseManagement';\r\nimport AppStores from '../../AppStore/appStore';\r\nimport PartnerManagement from '../../nexTabs/PartnerManagement/PartnerManagement';\r\n\r\nexport default function SystemIntegratorHome({ data = [{ image: '', heding: '', info: '' }] }) {\r\n\r\n    const { TabPane } = Tabs;\r\n\r\n    let history = useHistory();\r\n\r\n    // subscription \r\n    const [filtersubscrption, setFiltersubscrption] = useState([\r\n        { id: 1, name: \"All Apps\", isChecked: true },\r\n        { id: 2, name: \"Subscribed Apps\", isChecked: false },\r\n        { id: 3, name: \"Available Apps\", isChecked: false },\r\n        { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n    ])\r\n\r\n    const handleChange = (e, index, id) => {\r\n        if (e == true) {\r\n            if (id == 1) {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: true },\r\n                    { id: 2, name: \"Available Apps\", isChecked: false },\r\n                    { id: 3, name: \"Subscribed Apps\", isChecked: false },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n                ])\r\n            } else if (id == 2) {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: false },\r\n                    { id: 2, name: \"Available Apps\", isChecked: true },\r\n                    { id: 3, name: \"Aubscribed Apps\", isChecked: false },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n                ])\r\n            }\r\n            else if (id == 3) {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: false },\r\n                    { id: 2, name: \"Available Apps\", isChecked: false },\r\n                    { id: 3, name: \"Aubscribed Apps\", isChecked: true },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n                ])\r\n            } else {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: false },\r\n                    { id: 2, name: \"Available Apps\", isChecked: false },\r\n                    { id: 3, name: \"Aubscribed Apps\", isChecked: false },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: true },\r\n                ])\r\n            }\r\n        }\r\n    }\r\n\r\n    const [subscriptionData, setSubscriptionData] = useState([]);\r\n    const [subscriptionId, setSubscriptionId] = useState('');\r\n    const [clientId, setClientid] = useState('');\r\n    const [enrollmentId, setEnrollmentId] = useState('');\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    // list-Subscription-Api\r\n    const getData = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'DevOps/Enrollment/EnrollmentWithSubscription'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let data = result.result.data;\r\n            if (data) {\r\n                for (let id of data) {\r\n                    setSubscriptionId(id.clientSubscriptionID);\r\n                    setClientid(id.clientID);\r\n                    setEnrollmentId(id.id);\r\n                }\r\n            }\r\n            if (data === null || !data.length) {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n            else {\r\n                setSubscriptionData(data);\r\n                // await splits(data,setDatas);\r\n                // await setpassCustomers(getCustomerDetails);\r\n            }\r\n            // setCustomers(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    const [noOfUnit, setNoOfUnit] = useState();\r\n\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n\r\n    var saveSubscribe = {\r\n        clientSubscriptionID: subscriptionId,\r\n        enrollmentID: enrollmentId,\r\n        clientID: clientId,\r\n        noofUnit: parseInt(noOfUnit)\r\n    }\r\n\r\n    var unSubscribe = {\r\n        clientSubscriptionID: subscriptionId,\r\n        clientID: clientId\r\n    }\r\n    const [appModaldetails, setAppModalDetails] = useState(false);\r\n    const [showLicenseDetails, setShowLicenseDetails] = useState(false);\r\n    const [moveSubscribeTab, setMoveSubscibeTab] = useState('1');\r\n    const [confirmSubscribe, setConfirmSubscribe] = useState(false);\r\n    const [appPolicydetails, setAppPolicyDetails] = useState(false);\r\n    const [reloads, setReloads] = useState(true);\r\n\r\n\r\n    const showLicenseTable = () => {\r\n        if (showLicenseDetails == true) {\r\n            setShowLicenseDetails(false);\r\n        }\r\n        else {\r\n            setShowLicenseDetails(true);\r\n        }\r\n    }\r\n\r\n    const [appsData, setAppsData] = useState({\r\n        available: '',\r\n        subscribed: '',\r\n        purchased: '',\r\n        unassigned: '',\r\n    })\r\n\r\n    const getAppStoreData = () => {\r\n        ItrApiService.GET({\r\n            url: 'RevOps/StoreConnect/GetAppHubDashBoard'\r\n        }).then((res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    let obj = { ...appsData }\r\n                    for (let data of res.result.data) {\r\n                        if (data.categoryName == 'Available Apps') {\r\n                            obj = { ...obj, available: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'Subscribed Apps') {\r\n                            obj = { ...obj, subscribed: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'Purchased Licenses') {\r\n                            obj = { ...obj, purchased: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'Unassigned Licenses') {\r\n                            obj = { ...obj, unassigned: data.categoryCount }\r\n                        }\r\n                    }\r\n                    setAppsData(obj);\r\n                }\r\n            }\r\n        }))\r\n    }\r\n\r\n\r\n    const [activeString, setActiveString] = useState('1')\r\n    useEffect(() => {\r\n        let s = sessionStorage.getItem('ahss');\r\n        if (s) {\r\n            setActiveString(s)\r\n        }\r\n        getAppStoreData();\r\n\r\n    }, []);\r\n\r\n    // useEffect(async () => {\r\n    //     setLoader(true);\r\n    //     await getData();\r\n    //     setLoader(false);\r\n    // }, [])\r\n\r\n    return (\r\n        <>\r\n            <NxLoader state={loader} />\r\n            <Headers />\r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true} />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                    <NxTitleTab className=\"title-tab\" title=\"System Integrator\" onCloseClick={() => history.push('/access')} />\r\n                    <div className=\"billing-tabs billing-main\">\r\n                        <Tabs defaultActiveKey=\"1\" type=\"card\" activeKey={activeString} onChange={(e) => {\r\n                            setActiveString(e);\r\n                            // if (e == '1') {\r\n                            //     setReloads(!reloads)\r\n                            // }\r\n                            sessionStorage.setItem('ahss', e)\r\n                        }}>\r\n                            <TabPane tab={\r\n                                <div className=\"d-flex justify-content-center\">\r\n                                    {/* <span ><DashboardOutlined /></span> */}\r\n                                    <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }} >Registration</span>\r\n                                </div>\r\n                            } key=\"1\">\r\n                                <PartnerManagement />\r\n                                {/* <Enquiry /> */}\r\n                            </TabPane>\r\n                            <TabPane tab={\r\n                                <div className=\"d-flex justify-content-center\">\r\n                                    {/* <span ><DashboardOutlined /></span> */}\r\n                                    <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }} >App Enrollment</span>\r\n                                </div>\r\n                            } key=\"2\">\r\n                                <EnrollmentEntry />\r\n                            </TabPane>\r\n                            <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                {/* <span ><ForkOutlined /></span> */}\r\n                                <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }}>Store Connect</span>\r\n                            </div>} key=\"3\">\r\n                                <StoreConnectList />\r\n                            </TabPane>\r\n                            {/* <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }}>Billing Configuration</span>\r\n                            </div>} key=\"4\">\r\n                               \r\n                                <AppStores />\r\n                            </TabPane> */}\r\n                            {/* <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                <span ><ForkOutlined /></span>\r\n                                <span style={{ fontSize: '16px',paddingLeft:\"12px\",paddingRight:\"12px\" }}>License Management</span>\r\n                            </div>} key=\"4\">\r\n                                <LicenseManagement />\r\n                            </TabPane> */}\r\n                            {/* <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                <span ><DollarOutlined /></span>\r\n                                <span style={{ fontSize: '16px' }}>Customers</span>\r\n                            </div>} key=\"4\">\r\n                                <Customer />\r\n                                \r\n                            </TabPane> */}\r\n                        </Tabs>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useHistory } from 'react-router';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { NxTitleTab, NxFooter, NxGridList, NxLoader } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport CustomerSidebar from '../../../Screens/CustomerSidebar/CustomerSidebar';\r\n\r\nconst splits = async (dests, setData, setExport) => {\r\n    let arr = [];\r\n    let arr2 = [];\r\n    for (let value of dests) {\r\n        let data = [value.partnerName, value.supportEmail, value.supportPhone, value.partnerWebsite];\r\n        let obj = { sendItem: value, data: data };\r\n        let obj2 = {\r\n            'Partner Name': value.partnerName,\r\n            'Support Email': value.supportEmail,\r\n            'Support Phone': value.supportPhone,\r\n            'Partner Website': value.partnerWebsite\r\n        };\r\n        arr2 = [...arr2, obj2];\r\n        arr = [...arr, obj]\r\n    }\r\n    setExport(arr2);\r\n    setData(arr);\r\n}\r\nexport default function ServiceProviderManagement() {\r\n\r\n    let history = useHistory();\r\n    const [loading, setLoading] = useState(false);\r\n\r\n    useEffect( () => {\r\n        setLoading(true);\r\n        ItrApiService.GET({ url: 'RevOps/PartnerInformation' }).then(res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    if (res.result.data) {\r\n                        splits(res.result.data, setData, setExport);\r\n                    } else {\r\n                        setData([])\r\n                    }\r\n                } else {\r\n                    NotificationManager.error(res.result.message);\r\n                }\r\n            } else {\r\n                NotificationManager.error(res.message);\r\n            }\r\n            setLoading(false);\r\n        })\r\n    }, []);\r\n\r\n    const [data, setData] = useState([]);\r\n    const [exportData, setExport] = useState([]);\r\n\r\n    return (\r\n        <>\r\n            {/* <NxTitleTab className=\"title-tab\" title=\"Partner Management\" onCloseClick={() => history.push('/access/systemIntegrator')} /> */}\r\n\r\n<div className=\"card1 mt-0 mx-3\">\r\n    <div className=\"card-body1\">\r\n        <div className=\"container-form mb-5\">\r\n            <div className=\"d-flex justify-content-end align-items-center\">\r\n                {/* <NxActionTab className=\"resource-groups-list-action-tab px-0\"\r\n                    exportValue={exportData}\r\n                    fileName='Partner-Management'\r\n                    onRefreshClick={() => {\r\n                        setLoad(true)\r\n                        ItrApiService.GET({ url: 'RevOps/PartnerInformation' }).then(res => {\r\n                            if (res.Success == true) {\r\n                                if (res.result.isSuccess == true) {\r\n                                    if (res.result.data) {\r\n                                        splits(res.result.data, setData, setExport);\r\n                                    }\r\n                                    else {\r\n                                        setData([]);setExport([]);\r\n                                    }\r\n                                }\r\n                            }\r\n                            setLoad(false)\r\n                        })\r\n                    }}\r\n                    onNewEntryClick={() => {\r\n                        history.push('/partner-management/add')\r\n                    }}\r\n                    enableNewEntry={false}\r\n                /> */}\r\n                <button className='btn btn-sm' style={{ backgroundColor: 'rgb(82, 196, 26)', color: 'white', fontSize: '14px' }} onClick={() => history.push('/serviceprovider-management/add')}>Add Service Provider </button>\r\n            </div>\r\n\r\n            <div className=\"row mt-0 mx-0 mt-2\">\r\n                <NxGridList\r\n                    header={[\r\n                        {\r\n                            name: 'Partner Name',\r\n                            sort: true,\r\n                        },\r\n                        {\r\n                            name: 'Support Email',\r\n                            search: true,\r\n                        },\r\n                        {\r\n                            name: 'Support Phone',\r\n                            sort: true,\r\n                        },\r\n                        {\r\n                            name: 'Partner Website',\r\n                            search: true,\r\n                        },\r\n                    ]}\r\n                    data={data}\r\n                    enableSearch={true}\r\n                    autoSearch={true}\r\n                    enableAutoPagination={true}\r\n                    showShowing={true}\r\n                    rowClick={(data) => {\r\n                        history.push({\r\n                            pathname: '/partner-management/edit',\r\n                            state: data\r\n                        });\r\n                    }}\r\n                />\r\n            </div>\r\n\r\n        </div>\r\n    </div>\r\n</div>\r\n        </>\r\n    )\r\n}\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useHistory } from 'react-router';\r\nimport { Tabs, Switch, Rate, Modal, Button, PageHeader, Tag, Alert, Space, Tooltip } from 'antd';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui'\r\nimport { NxLoader, NxTitleTab, NxFooter } from '@afiplfeed/itr-app';\r\nimport Headers from '../../../Screens/Headers/Headers';\r\nimport { AppstoreOutlined } from '@ant-design/icons';\r\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\r\nimport { faDollarSign, faIdBadge, faInfo, faTicketAlt, faInfoCircle, faCode } from '@fortawesome/free-solid-svg-icons';\r\nimport Enrollment from '../../enrollment';\r\nimport EnrollmentEntry from '../../enrollmentEntry';\r\nimport { DashboardOutlined, DollarOutlined, ForkOutlined } from \"@ant-design/icons\";\r\nimport StoreConnectList from '../../StoreConnectList/StoreConnectList';\r\nimport { NotificationManager } from \"react-notifications\";\r\nimport CustomerSidebar from '../../../Screens/CustomerSidebar/CustomerSidebar';\r\nimport LicenseManagement from '../../LicenseManagement/licenseManagement';\r\nimport AppStores from '../../AppStore/appStore';\r\nimport PartnerManagement from '../../nexTabs/PartnerManagement/PartnerManagement';\r\nimport ServiceProviderManagement from '../../nexTabs/ServiceProviderManagement/serviceProviderManagement';\r\n\r\nexport default function ServiceProviderHome({ data = [{ image: '', heding: '', info: '' }] }) {\r\n\r\n    const { TabPane } = Tabs;\r\n\r\n    let history = useHistory();\r\n\r\n    // subscription \r\n    const [filtersubscrption, setFiltersubscrption] = useState([\r\n        { id: 1, name: \"All Apps\", isChecked: true },\r\n        { id: 2, name: \"Subscribed Apps\", isChecked: false },\r\n        { id: 3, name: \"Available Apps\", isChecked: false },\r\n        { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n    ])\r\n\r\n    const handleChange = (e, index, id) => {\r\n        if (e == true) {\r\n            if (id == 1) {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: true },\r\n                    { id: 2, name: \"Available Apps\", isChecked: false },\r\n                    { id: 3, name: \"Subscribed Apps\", isChecked: false },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n                ])\r\n            } else if (id == 2) {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: false },\r\n                    { id: 2, name: \"Available Apps\", isChecked: true },\r\n                    { id: 3, name: \"Aubscribed Apps\", isChecked: false },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n                ])\r\n            }\r\n            else if (id == 3) {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: false },\r\n                    { id: 2, name: \"Available Apps\", isChecked: false },\r\n                    { id: 3, name: \"Aubscribed Apps\", isChecked: true },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: false },\r\n                ])\r\n            } else {\r\n                setFiltersubscrption([\r\n                    { id: 1, name: \"All Apps\", isChecked: false },\r\n                    { id: 2, name: \"Available Apps\", isChecked: false },\r\n                    { id: 3, name: \"Aubscribed Apps\", isChecked: false },\r\n                    { id: 4, name: \"Unsubscribed Apps\", isChecked: true },\r\n                ])\r\n            }\r\n        }\r\n    }\r\n\r\n    const [subscriptionData, setSubscriptionData] = useState([]);\r\n    const [subscriptionId, setSubscriptionId] = useState('');\r\n    const [clientId, setClientid] = useState('');\r\n    const [enrollmentId, setEnrollmentId] = useState('');\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    // list-Subscription-Api\r\n    const getData = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'DevOps/Enrollment/EnrollmentWithSubscription'\r\n        });\r\n        if (result.result.isSuccess == true) {\r\n            let data = result.result.data;\r\n            if (data) {\r\n                for (let id of data) {\r\n                    setSubscriptionId(id.clientSubscriptionID);\r\n                    setClientid(id.clientID);\r\n                    setEnrollmentId(id.id);\r\n                }\r\n            }\r\n            if (data === null || !data.length) {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n            else {\r\n                setSubscriptionData(data);\r\n                // await splits(data,setDatas);\r\n                // await setpassCustomers(getCustomerDetails);\r\n            }\r\n            // setCustomers(getCustomerDetails);\r\n        }\r\n        else if (result.result.isSuccess == false) {\r\n            NotificationManager.error(result.result.message);\r\n            // sessionStorage.clear();\r\n            // history.push('/')\r\n        }\r\n    }\r\n\r\n    const [noOfUnit, setNoOfUnit] = useState();\r\n\r\n    const [handel, setHandel] = useState(false);\r\n    const [handel2, setHandel2] = useState(false);\r\n\r\n    var saveSubscribe = {\r\n        clientSubscriptionID: subscriptionId,\r\n        enrollmentID: enrollmentId,\r\n        clientID: clientId,\r\n        noofUnit: parseInt(noOfUnit)\r\n    }\r\n\r\n    var unSubscribe = {\r\n        clientSubscriptionID: subscriptionId,\r\n        clientID: clientId\r\n    }\r\n    const [appModaldetails, setAppModalDetails] = useState(false);\r\n    const [showLicenseDetails, setShowLicenseDetails] = useState(false);\r\n    const [moveSubscribeTab, setMoveSubscibeTab] = useState('1');\r\n    const [confirmSubscribe, setConfirmSubscribe] = useState(false);\r\n    const [appPolicydetails, setAppPolicyDetails] = useState(false);\r\n    const [reloads, setReloads] = useState(true);\r\n\r\n\r\n    const showLicenseTable = () => {\r\n        if (showLicenseDetails == true) {\r\n            setShowLicenseDetails(false);\r\n        }\r\n        else {\r\n            setShowLicenseDetails(true);\r\n        }\r\n    }\r\n\r\n    const [appsData, setAppsData] = useState({\r\n        available: '',\r\n        subscribed: '',\r\n        purchased: '',\r\n        unassigned: '',\r\n    })\r\n\r\n    const getAppStoreData = () => {\r\n        ItrApiService.GET({\r\n            url: 'RevOps/StoreConnect/GetAppHubDashBoard'\r\n        }).then((res => {\r\n            if (res.Success == true) {\r\n                if (res.result.isSuccess == true) {\r\n                    let obj = { ...appsData }\r\n                    for (let data of res.result.data) {\r\n                        if (data.categoryName == 'Available Apps') {\r\n                            obj = { ...obj, available: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'Subscribed Apps') {\r\n                            obj = { ...obj, subscribed: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'Purchased Licenses') {\r\n                            obj = { ...obj, purchased: data.categoryCount }\r\n                        }\r\n                        else if (data.categoryName == 'Unassigned Licenses') {\r\n                            obj = { ...obj, unassigned: data.categoryCount }\r\n                        }\r\n                    }\r\n                    setAppsData(obj);\r\n                }\r\n            }\r\n        }))\r\n    }\r\n\r\n\r\n    const [activeString, setActiveString] = useState('1')\r\n    useEffect(() => {\r\n        let s = sessionStorage.getItem('ahss');\r\n        if (s) {\r\n            setActiveString(s)\r\n        }\r\n        getAppStoreData();\r\n\r\n    }, []);\r\n\r\n    // useEffect(async () => {\r\n    //     setLoader(true);\r\n    //     await getData();\r\n    //     setLoader(false);\r\n    // }, [])\r\n\r\n    return (\r\n        <>\r\n            <NxLoader state={loader} />\r\n            <Headers />\r\n            <div className='d-flex custom-body-container'>\r\n                <div className='body-sidebar'>\r\n                    <CustomerSidebar visible={true} />\r\n                </div>\r\n                <div className='body-workspace'>\r\n                    <NxTitleTab className=\"title-tab\" title=\"Service Provider\" onCloseClick={() => history.push('/access')} />\r\n                    <div className=\"billing-tabs billing-main\">\r\n                        <Tabs defaultActiveKey=\"1\" type=\"card\" activeKey={activeString} onChange={(e) => {\r\n                            setActiveString(e);\r\n                            // if (e == '1') {\r\n                            //     setReloads(!reloads)\r\n                            // }\r\n                            sessionStorage.setItem('ahss', e)\r\n                        }}>\r\n                            <TabPane tab={\r\n                                <div className=\"d-flex justify-content-center\">\r\n                                    {/* <span ><DashboardOutlined /></span> */}\r\n                                    <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }} >Registration</span>\r\n                                </div>\r\n                            } key=\"1\">\r\n                                <ServiceProviderManagement />\r\n                                {/* <Enquiry /> */}\r\n                            </TabPane>\r\n                            <TabPane tab={\r\n                                <div className=\"d-flex justify-content-center\">\r\n                                    {/* <span ><DashboardOutlined /></span> */}\r\n                                    <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }} >Service Enrollment</span>\r\n                                </div>\r\n                            } key=\"2\">\r\n                                <EnrollmentEntry />\r\n                            </TabPane>\r\n                            <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                {/* <span ><ForkOutlined /></span> */}\r\n                                <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }}>Store Connect</span>\r\n                            </div>} key=\"3\">\r\n                                <StoreConnectList />\r\n                            </TabPane>\r\n                            {/* <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                <span style={{ fontSize: '16px', paddingLeft: \"12px\", paddingRight: \"12px\" }}>Billing Configuration</span>\r\n                            </div>} key=\"4\">\r\n                               \r\n                                <AppStores />\r\n                            </TabPane> */}\r\n                            {/* <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                <span ><ForkOutlined /></span>\r\n                                <span style={{ fontSize: '16px',paddingLeft:\"12px\",paddingRight:\"12px\" }}>License Management</span>\r\n                            </div>} key=\"4\">\r\n                                <LicenseManagement />\r\n                            </TabPane> */}\r\n                            {/* <TabPane tab={<div className=\"d-flex justify-content-center\">\r\n                                <span ><DollarOutlined /></span>\r\n                                <span style={{ fontSize: '16px' }}>Customers</span>\r\n                            </div>} key=\"4\">\r\n                                <Customer />\r\n                                \r\n                            </TabPane> */}\r\n                        </Tabs>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </>\r\n    )\r\n}\r\n","import { NxFooter, NxLoader, NxTitleTab } from '@afiplfeed/itr-app';\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport React, { useEffect, useState } from 'react';\r\nimport { NotificationManager } from 'react-notifications';\r\nimport { useHistory } from 'react-router-dom'\r\nimport Headers from '../../../Screens/Headers/Headers';\r\n\r\nfunction AddServiceProviderManagement() {\r\n    const history = useHistory();\r\n    const [loader, setLoader] = useState(false);\r\n\r\n    const [allCountries, setAllCountries] = useState([]);\r\n    const getCountry = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/Country/GetCountries'\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let getCountryDetails = result.result.data;\r\n                if (result.result.data) {\r\n                    setAllCountries(getCountryDetails);\r\n                }\r\n            }\r\n            else if (result.result.isSuccess == false) {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n    }\r\n\t// CommissionPlan\r\n    const [allCommissionPlans, setAllCommissionPlans] = useState([]);\r\n    const getCommissionPlan = async () => {\r\n        let result = await ItrApiService.GET({\r\n            url: 'RevOps/CommissionPlan/GetAllCommissionPlan'\r\n        });\r\n        if (result.Success == true) {\r\n            if (result.result.isSuccess == true) {\r\n                let getCommissionPlans = result.result.data;\r\n                if (result.result.data) {\r\n                    setAllCommissionPlans(getCommissionPlans);\r\n                }\r\n            }\r\n            else if (result.result.isSuccess == false) {\r\n                NotificationManager.error(result.result.message);\r\n            }\r\n        } else {\r\n            NotificationManager.error(result.message);\r\n        }\r\n    }\r\n    const [datas, setPartnerManagement] = useState({\r\n        \"partnerInformationID\": 0,\r\n        \"partnerCode\": \"\",\r\n        \"partnerName\": \"\",\r\n        \"supportEmail\": \"\",\r\n        \"supportPhone\": \"\",\r\n        \"partnerWebsite\": \"\",\r\n        \"partnerLogo\": \"\",\r\n        \"addressLine1\": \"\",\r\n        \"addressLine2\": \"\",\r\n        \"city\": \"\",\r\n        \"state\": \"\",\r\n        \"pinCode\": \"\",\r\n        \"country\": 0,\r\n        \"cin\": \"\",\r\n        \"pan\": \"\",\r\n        \"gst\": \"\",\r\n        \"tan\": \"\",\r\n\t\t\"commissionPlanID\": 0\r\n    });\r\n\r\n    useEffect(() => {\r\n        getCountry()\r\n\t\tgetCommissionPlan()\r\n    }, [])\r\n    return (\r\n        <div>\r\n            <Headers />\r\n            <NxLoader state={loader} />\r\n            <NxTitleTab className=\"title-tab\" title=\"Service Provider Setup\" onCloseClick={() => history.goBack()} />\r\n            <div className=\"card password-policy-main mt-0\">\r\n                <div className=\"card-body p-0 mb-5\" >\r\n                    <div className=\"row p-3 mx-1\">\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"billerName\" className='f-badge-title'>Partner Name</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='billerName' value={datas.partnerName} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, partnerName: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"email\" className='f-badge-title'>Support Email</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"email\" id='email' value={datas.supportEmail} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, supportEmail: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"phNo\" className='f-badge-title' >Support Phone Number</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"tel\" id='phNo' value={datas.supportPhone} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, supportPhone: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"website\" className='f-badge-title'>Partner Website</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"url\" id='website' value={datas.partnerWebsite} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, partnerWebsite: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"logo\" className='f-badge-title'>Upload Logo</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"file\" id='logo' onChange={(e) => {\r\n                                    let img = e.target.files[0];\r\n                                    const fileReader = new FileReader();\r\n                                    fileReader.readAsDataURL(img)\r\n                                    fileReader.onload = async () => {\r\n                                        setPartnerManagement({ ...datas, partnerLogo: fileReader.result })\r\n                                    }\r\n                                    fileReader.onerror = async () => {\r\n                                        return false\r\n                                    }\r\n                                }} />\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"address1\" className='f-badge-title'>Address Line 1</label>\r\n                                <textarea className=\"form-control form-control-sm mt-1\" id='address1' rows=\"1\" value={datas.addressLine1} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, addressLine1: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12  mt-2'>\r\n                                <label htmlFor=\"address2\" className='f-badge-title'>Address Line 2</label>\r\n                                <textarea className=\"form-control form-control-sm mt-1\" id='address2' rows=\"1\" value={datas.addressLine2} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, addressLine2: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <div className='row'>\r\n                                    <div className='col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6'>\r\n                                        <label htmlFor=\"state\" className='f-badge-title'>State</label>\r\n                                        <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='state' value={datas.state} onChange={(e) => {\r\n                                            setPartnerManagement({ ...datas, state: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n\r\n                                    <div className='col-12 col-sm-12 col-md-6 col-lg-6 col-xl-6'>\r\n                                        <label htmlFor=\"zip\" className='f-badge-title'>Zip</label>\r\n                                        <input className=\"form-control form-control-sm mt-1\" type='tel' id='zip' value={datas.pinCode} onChange={(e) => {\r\n                                            setPartnerManagement({ ...datas, pinCode: e.target.value })\r\n                                        }} />\r\n                                    </div>\r\n                                </div>\r\n\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"state\" className='f-badge-title'>City</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='city' value={datas.city} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, city: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"country\" className='f-badge-title'>Country</label>\r\n                                <select className=\"form-select form-select-sm mt-1\"\r\n                                    value={datas.country} onChange={(e) => {\r\n                                        setPartnerManagement({ ...datas, country: e.target.value })\r\n                                    }}\r\n                                >\r\n                                    <option value=\"\" selected disabled> -- Please Select -- </option>\r\n                                    {allCountries.map((country, index) => {\r\n                                        return <option key={index} value={country.countryID}> {country.countryName} </option>\r\n                                    })}\r\n                                </select>\r\n                            </div>\r\n\r\n\r\n                        </div>\r\n\r\n                        <div className='col-12 col-sm-12 col-md-6 col-lg-4 col-xl-4 mt-2'>\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"cin\" className='f-badge-title'>Company identification number (CIN)</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='cin' value={datas.cin} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, cin: e.target.value })\r\n                                }} />\r\n                            </div>\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"cin\" className='f-badge-title'>Partner PAN (Permanent Account Number)</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='cin' value={datas.pan} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, pan: e.target.value })\r\n                                }} />\r\n                            </div>\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"gst\" className='f-badge-title'>Goods & Services Tax (GST) Identification number</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='gst' value={datas.gst} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, gst: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n                            <div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"tan\" className='f-badge-title'>Tax deduction account number (TAN)</label>\r\n                                <input className=\"form-control form-control-sm mt-1\" type=\"text\" id='tan' value={datas.tan} onChange={(e) => {\r\n                                    setPartnerManagement({ ...datas, tan: e.target.value })\r\n                                }} />\r\n                            </div>\r\n\r\n\t\t\t\t\t\t\t<div className='col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 mt-2'>\r\n                                <label htmlFor=\"tan\" className='f-badge-title'>Commission Plan</label>\r\n                                <select className=\"form-select form-select-sm mt-1\"\r\n                                    value={datas.commissionPlanID}\r\n                                    onChange={(e) => {\r\n                                        setPartnerManagement({ ...datas, commissionPlanID: e.target.value })\r\n                                    }}\r\n                                >\r\n\t\t\t\t\t\t\t\t\t<option value=\"0\" selected > -- Please Select -- </option>\r\n                                    {allCommissionPlans && allCommissionPlans.map((data, index) => {\r\n                                        return <option key={index} value={data.commissionPlanID}> {data.commissionPlanName} </option>\r\n                                    })}\r\n                                </select>\r\n                            </div>\r\n                        </div>\r\n\r\n                        <div className='text-end'>\r\n                            <button className='btn btn-primary mt-4 mb-5' onClick={() => {\r\n                                setLoader(true);\r\n                                ItrApiService.POST({ data: datas, url: 'RevOps/PartnerInformation' }).then(res => {\r\n                                    if (res.Success == true) {\r\n                                        if (res.result.isSuccess == true) {\r\n                                            NotificationManager.success('Updated!');\r\n                                            history.goBack();\r\n                                            setLoader(false);\r\n                                        }\r\n                                        else {\r\n                                            setLoader(false);\r\n                                            NotificationManager.error(res.result.message);\r\n                                        }\r\n                                    }\r\n                                    else {\r\n                                        setLoader(false);\r\n                                        NotificationManager.error(res.message);\r\n                                    }\r\n                                })\r\n                            }}>Save</button>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <NxFooter companyName=\"© 2023 Altascio Technologies (I) Pvt. Ltd.,\" ExtraContent={[\r\n                { name: 'Terms of Service' },\r\n                { name: 'Privacy' },\r\n            ]} />\r\n        </div>\r\n    );\r\n}\r\n\r\nexport default AddServiceProviderManagement;","import React, { useEffect } from 'react';\r\nimport { BrowserRouter as Router, Switch, Redirect, HashRouter, Route } from 'react-router-dom';\r\nimport { Space } from 'antd';\r\nimport Login from '../Screens/login/login';\r\nimport Partner from '../partnerBoard/dashboard/dashboard';\r\nimport UserEntry from '../partnerBoard/userentry/index';\r\nimport Customer from '../customerBoard/dashboard/dashboard';\r\nimport Enquiry from '../partnerBoard/enquiry/index';\r\nimport Enrollment from '../customerBoard/enrollment/index';\r\nimport EnrollmentEntry from '../customerBoard/enrollmentEntry';\r\nimport Framework from '../customerBoard/framework/framework';\r\n// import IdentityAccess from '../customerBoard/identityAccess/identityAccess';\r\nimport editUserEntry from '../partnerBoard/editUserEntry';\r\nimport Customers from '../partnerBoard/customers/customers';\r\nimport AddCustomers from '../partnerBoard/AddCustomers/AddCustomers';\r\nimport PartnerUsers from '../partnerBoard/PartnerUsers/PartnerUsers';\r\nimport AddPartnerUser from '../partnerBoard/AddPartnerUser/AddPartnerUser';\r\nimport OnBoarding from '../partnerBoard/OnBoarding/OnBoarding';\r\nimport Support from '../partnerBoard/Support/Support';\r\n// import Feedback from '../partnerBoard/Feedback/Feedback';\r\nimport Feedback from '../customerBoard/nexTabs/feedback/feedback';\r\nimport LoginTheme from '../Screens/LoginTheme/LoginTheme';\r\n// import EditIdentityAccess from '../customerBoard/editIdentityAccess/editIdentityAccess';\r\nimport EditEnrollmentEntry from '../customerBoard/editEnrollmentEntry';\r\nimport PlatformUser from '../customerBoard/nexTabs/PlatformUser/PlatformUser';\r\nimport CustomerPasswordPolicy from '../customerBoard/ConfigurationComponent/CustomerPasswordPolicy/CustomerPasswordPolicy';\r\nimport PartnerPasswordPolicy from '../partnerBoard/ConfigurstionComponent/PartnerPasswordPolicy/PartnerPasswordPolicy';\r\nimport AddPlatformUser from '../customerBoard/nexTabs/AddPlatformUser/AddPlatformUser';\r\nimport Notification from '../partnerBoard/ConfigurstionComponent/notification/notification';\r\nimport Audit from '../customerBoard/nexTabs/audit/audit';\r\nimport Configuration from '../customerBoard/nexTabs/Configuration/Adminstrator';\r\nimport ConfigurationTab from '../partnerBoard/NewTabs/ConfigurationTab/ConfigurationTab';\r\n// import ManageUsers from '../customerBoard/nexTabs/users/ManageUsers/ManageUsers';\r\nimport ResetPassword from '../customerBoard/nexTabs/users/ResetPassword/ResetPassword';\r\nimport AppEnrollmentTab from '../partnerBoard/NewTabs/appEnrollmentTab/appEnrollmentTab';\r\nimport CarouselTab from '../partnerBoard/NewTabs/carouselTab/carouselTab';\r\nimport PartnerSubscriptionTab from '../partnerBoard/NewTabs/partnerSubscriptionTab/partnerSubscriptionTab';\r\nimport userAudit from '../customerBoard/nexTabs/logAnalytics/userAudit/userAudit';\r\nimport AccessLog from '../customerBoard/nexTabs/logAnalytics/accessLog/accessLog';\r\nimport DeviceManagement from '../customerBoard/nexTabs/logAnalytics/deviceManagement/deviceManagement';\r\nimport EmailSetup from '../customerBoard/nexTabs/notification/emailSetup/emailSetup';\r\nimport SmsGateway from '../customerBoard/nexTabs/notification/smsGateway/smsGateway';\r\nimport Profile from '../Screens/Profile/Profile';\r\nimport CustomerDashboard from '../customerBoard/nexTabs/customerBoard/customerBoardCounts/customerBoardCounts';\r\nimport CustomerUsers from '../customerBoard/nexTabs/users/users';\r\nimport CustomerMonitoring from '../customerBoard/nexTabs/monitoring/monitoring';\r\nimport CustomerSubscription from '../customerBoard/nexTabs/subscription/subscription';\r\nimport CustomerBilling from '../customerBoard/nexTabs/Billing/billing';\r\nimport CustomerSupport from '../customerBoard/nexTabs/support/support';\r\nimport PageCustomers from '../customerBoard/nexTabs/customers/customers';\r\nimport ResetForm from '../Screens/ResetPasswordForm/ResetPasswordForm';\r\nimport OnBoardingAdd from '../partnerBoard/OnBoardingAdd/OnBoardingAdd';\r\nimport AddSupport from '../customerBoard/nexTabs/AddSupport/AddSupport';\r\nimport BillerInformation from '../customerBoard/nexTabs/BillerInformation/BillerInformation';\r\nimport Taxation from '../customerBoard/nexTabs/Taxation/Taxation';\r\nimport AddTaxation from '../customerBoard/nexTabs/AddTaxation/AddTaxation';\r\nimport OnBoardingEdit from '../partnerBoard/OnBoardingEdit/OnBoardingEdit';\r\nimport StoreConnectList from '../customerBoard/StoreConnectList/StoreConnectList';\r\nimport StoreConnectEntry from '../customerBoard/StoreConnectEntry/StoreConnectEntry';\r\nimport ServiceDetails from '../customerBoard/ServiceDetails/ServiceDetails';\r\nimport CommsGateway from '../customerBoard/nexTabs/Configuration/CommsGateway/CommsGateway';\r\nimport Adminstrator from '../customerBoard/nexTabs/Configuration/Adminstrator';\r\nimport IdleTimeout from '../customerBoard/nexTabs/IdleTimeout/IdleTimeout';\r\nimport BillngConfiguration from '../customerBoard/nexTabs/Configuration/BillngConfiguration/BillngConfiguration';\r\nimport AddBillingRules from '../customerBoard/nexTabs/AddBillingRules/AddBillingRules';\r\nimport CloudConnect from '../customerBoard/CloudConnect/CloudConnect';\r\nimport CloudConnectAdd from '../customerBoard/CloudConnectAdd/CloudConnectAdd';\r\nimport DockerConnect from '../customerBoard/nexTabs/Configuration/DockerConnect/DockerConnect';\r\nimport RepoConnect from '../customerBoard/nexTabs/Configuration/RepoConnect/RepoConnect';\r\nimport GitRepoAdd from '../customerBoard/nexTabs/Configuration/RepoConnect/GitRepoAdd/GitRepoAdd';\r\nimport DockerHubAdd from '../customerBoard/DockerHubAdd/DockerHubAdd';\r\nimport AzureRepoAdd from '../customerBoard/nexTabs/Configuration/RepoConnect/AzureRepoAdd/AzureRepoAdd';\r\nimport AzureContainerRegisterAdd from '../customerBoard/AzureContainerRegisterAdd/AzureContainerRegisterAdd';\r\nimport Performance from '../customerBoard/nexTabs/Performance/Performance'\r\nimport DockerHubEdit from '../customerBoard/DockerHubEdit/DockerHubEdit';\r\nimport AzureContainerRegisterEdit from '../customerBoard/AzureContainerRegisterEdit/AzureContainerRegisterEdit';\r\nimport GitRepoEdit from '../customerBoard/nexTabs/Configuration/RepoConnect/GitRepoEdit/GitRepoEdit';\r\nimport AzureRepoEdit from '../customerBoard/nexTabs/Configuration/RepoConnect/AzureRepoEdit/AzureRepoEdit';\r\nimport ProtectedRoute from './ProtectedRoutes';\r\nimport BillingRulesEdit from '../customerBoard/nexTabs/BillingRulesEdit/BillingRulesEdit';\r\nimport TaxationEdit from '../customerBoard/nexTabs/TaxationEdit/TaxationEdit';\r\nimport CloudConnectEdit from '../customerBoard/CloudConnectEdit/CloudConnectEdit';\r\nimport EditSupport from '../customerBoard/nexTabs/EditSupport/EditSupport';\r\nimport DatabaseServerAdd from '../customerBoard/DatabaseServerAdd/DatabaseServerAdd';\r\nimport DatabaseServerEdit from '../customerBoard/DatabaseServerEdit/DatabaseServerEdit';\r\nimport EditProfile from '../Screens/Profile/EditProfile';\r\nimport CustomerSummary from '../partnerBoard/CustomerSummary/CustomerSummary';\r\nimport AddCurrencyConv from '../customerBoard/nexTabs/AddCurrencyConv/AddCurrencyConv';\r\nimport EditCurrencyConv from '../customerBoard/nexTabs/EditCurrencyConv/EditCurrencyConv';\r\nimport ManageAccess from '../customerBoard/nexTabs/ManageAccess/ManageAccess';\r\nimport AddManageAccess from '../customerBoard/nexTabs/AddManageAccess/AddManageAccess';\r\nimport EditManageAccess from '../customerBoard/nexTabs/EditManageAccess/EditManageAccess';\r\nimport PartnerManagement from '../customerBoard/nexTabs/PartnerManagement/PartnerManagement';\r\nimport AddPartnerManagement from '../customerBoard/nexTabs/AddPartnerManagement/AddPartnerManagement';\r\nimport EditPartnerManagement from '../customerBoard/nexTabs/EditPartnerManagement/EditPartnerManagement';\r\nimport CommisionPlan from '../customerBoard/nexTabs/CommisionPlan/CommisionPlan';\r\nimport AddCommisionPlan from '../customerBoard/nexTabs/AddCommisionPlan/AddCommisionPlan';\r\nimport EditCommisionPlan from '../customerBoard/nexTabs/EditCommisionPlan/EditCommisionPlan';\r\nimport PartnerDashboard from '../ParnterBoards/PartnerDashboards/PartnerDashboard';\r\nimport LicenseVault from '../customerBoard/nexTabs/Configuration/LicenseVault/LicenseVault';\r\nimport EditCustomerSummary from '../partnerBoard/EditCustomerSummary/EditCustomerSummary';\r\nimport DownloadHome from '../customerBoard/Download/downloadHome';\r\nimport AccessHome from '../customerBoard/Access/accessHome';\r\nimport ManageUsers from '../customerBoard/ManageUsers/ManageUsers';\r\nimport IdentityAccess from '../customerBoard/ManageUsers/identityAccess/identityAccess';\r\nimport EditIdentityAccess from '../customerBoard/ManageUsers/editIdentityAccess/editIdentityAccess';\r\nimport SecurityHome from '../customerBoard/Security/securityHome';\r\nimport EnrollmentHome from '../customerBoard/ManageEnrollment/enrollmentHome';\r\nimport AppStores from '../customerBoard/AppStore/appStore';\r\nimport OnlineHelpHome from '../customerBoard/Download/OnlineHelp/onlinehelpHome';\r\nimport AuthenticationKey from '../customerBoard/Download/AuthenticationKey/authenticationKey';\r\nimport AppServiceHome from '../customerBoard/AppServices/appServiceHome';\r\nimport MarketplaceHome from '../customerBoard/Marketplace/marketplaceHome';\r\nimport Repository from '../customerBoard/nexTabs/Configuration/Repositary/Repositary';\r\nimport DatabaseServer from '../customerBoard/nexTabs/Configuration/DatabaseServer/DatabaseServer';\r\nimport DatabaseServers from '../customerBoard/nexTabs/Configuration/DatabaseServer/DatabaseServer';\r\nimport Registry from '../customerBoard/nexTabs/Configuration/Registry/Registery';\r\nimport Registery from '../customerBoard/nexTabs/Configuration/Registry/Registery';\r\nimport Customintegration from '../customerBoard/nexTabs/PaymentGateway/Customintegration/Customintegration';\r\nimport Environment from '../customerBoard/nexTabs/Configuration/Environment/Environment';\r\nimport Versions from '../customerBoard/nexTabs/Configuration/Versions/Versions';\r\nimport SecurityTwoFactor from '../customerBoard/Security/SecurityTwoFactor';\r\nimport ApiManagement from '../customerBoard/nexTabs/ApiManagement/ApiManagement';\r\nimport Federation from '../customerBoard/nexTabs/Federation/Federation';\r\nimport Developers from '../customerBoard/nexTabs/Developers/Developers';\r\nimport AddDevelopers from '../customerBoard/nexTabs/AddDevelopers/AddDevelopers';\r\nimport VirtualMachineAdd from '../customerBoard/nexTabs/Configuration/ManageResources/VirtualMachine/VirtualMachineAdd/VirtualMachineAdd';\r\nimport StorageAdd from '../customerBoard/nexTabs/Configuration/ManageResources/Storage/StorageAdd/StorageAdd';\r\nimport ClusterAdd from '../customerBoard/nexTabs/Configuration/ManageResources/Cluster/ClusterAdd/ClusterAdd';\r\nimport ManageCluster from '../customerBoard/nexTabs/Configuration/ManageResources/ManageCluster/ManageCluster';\r\nimport SystemIntegratorHome from '../customerBoard/Access/SystemIntegrator/systemIntegratorHome';\r\nimport ServiceProviderHome from '../customerBoard/Access/ServiceProvider/serviceProviderHome';\r\nimport AddServiceProviderManagement from '../customerBoard/nexTabs/ServiceProviderManagement/AddServiceProviderManagement';\r\nimport LicenseManagement from '../customerBoard/LicenseManagement/licenseManagement';\r\nimport Invoice from '../customerBoard/nexTabs/Invoice/Invoice';\r\n\r\nexport default function Routes() {\r\n\r\n    // let getAuth = sessionStorage.getItem('userInfo');\r\n\r\n    // const checkAuth = () => {\r\n    //     if (!getAuth) {\r\n    //         <Redirect to='/dashboard' />\r\n    //     }\r\n    // }\r\n\r\n    useEffect(() => {\r\n        // checkAuth();\r\n    }, [])\r\n\r\n    return (\r\n        <HashRouter>\r\n            <Switch>\r\n                <Route exact path='/' component={LoginTheme} />\r\n                <Route exact path='/reset-password' component={ResetForm} />\r\n                {/*customer-components */}\r\n                {/* <ProtectedRoute exact path=\"/customer-board\" component={Customer} /> */}\r\n                <ProtectedRoute exact path=\"/dashboard\" component={CustomerDashboard} />\r\n                {/* <ProtectedRoute exact path=\"/partner-dashboard\" component={ParnterBoards} /> */}\r\n                <ProtectedRoute exact path=\"/users\" component={CustomerUsers} />\r\n\r\n                <ProtectedRoute exact path=\"/customers\" component={PageCustomers} />\r\n\r\n                {/* <ProtectedRoute exact path=\"/performance\" component={CustomerMonitoring} /> */}\r\n                <ProtectedRoute exact path=\"/performance\" component={Performance} />\r\n                <ProtectedRoute exact path=\"/billing\" component={CustomerBilling} />\r\n                <ProtectedRoute exact path=\"/biller-information\" component={BillerInformation} />\r\n                <ProtectedRoute exact path=\"/federation\" component={Federation} />\r\n                {/* <ProtectedRoute exact path=\"/paymentgateway\" component={PaymentGateway} /> */}\r\n                <ProtectedRoute exact path=\"/paymentgateway\" component={Customintegration} />\r\n\r\n                <ProtectedRoute exact path='/taxation' component={Taxation} />\r\n                <ProtectedRoute exact path='/taxation/add' component={AddTaxation} />\r\n                <ProtectedRoute exact path=\"/support\" component={CustomerSupport} />\r\n                <ProtectedRoute exact path=\"/support/add\" component={AddSupport} />\r\n                <ProtectedRoute exact path=\"/support/edit\" component={EditSupport} />\r\n\r\n                <ProtectedRoute exact path='/profile' component={Profile} />\r\n                <ProtectedRoute exact path='/edit/profile' component={EditProfile} />\r\n\r\n                <ProtectedRoute exact path=\"/appservices\" component={AppServiceHome} />\r\n                {/* <ProtectedRoute exact path=\"/apps-store\" component={AppStores} /> */}\r\n                {/* <ProtectedRoute exact path=\"/apps-store/manage-apps\" component={Enrollment} />\r\n                <ProtectedRoute exact path=\"/apps-store/store-connect\" component={StoreConnectList} />\r\n                <ProtectedRoute exact path=\"/apps-store/service-details\" component={ServiceDetails} />\r\n                <ProtectedRoute exact path=\"/apps-store/store-connect/add\" component={StoreConnectEntry} /> */}\r\n\r\n                <ProtectedRoute exact path=\"/apps-store/service-details\" component={ServiceDetails} />\r\n                <ProtectedRoute exact path=\"/apps-store/store-connect/add\" component={StoreConnectEntry} />\r\n\r\n                <ProtectedRoute exact path=\"/enrollment\" component={EnrollmentHome} />\r\n                <ProtectedRoute exact path=\"/enrollment/manage-apps\" component={Enrollment} />\r\n                <ProtectedRoute exact path=\"/enrollment/store-connect\" component={StoreConnectList} />\r\n                <ProtectedRoute exact path=\"/enrollment/service-details\" component={ServiceDetails} />\r\n                <ProtectedRoute exact path=\"/enrollment/store-connect/add\" component={StoreConnectEntry} />\r\n\r\n                {/* developers */}\r\n                <ProtectedRoute exact path=\"/developers-access\" component={Developers} />\r\n                <ProtectedRoute exact path=\"/developers-access/add\" component={AddDevelopers} />\r\n\r\n                {/* Manage-Access-Management */}\r\n                <ProtectedRoute exact path=\"/manage-access\" component={ManageAccess} />\r\n                <ProtectedRoute exact path=\"/manage-access/add\" component={AddManageAccess} />\r\n                <ProtectedRoute exact path=\"/manage-access/edit\" component={EditManageAccess} />\r\n\r\n                <ProtectedRoute exact path=\"/partner-management\" component={PartnerManagement} />\r\n                <ProtectedRoute exact path=\"/partner-management/add\" component={AddPartnerManagement} />\r\n                <ProtectedRoute exact path=\"/partner-management/edit\" component={EditPartnerManagement} />\r\n\r\n                \r\n                <ProtectedRoute exact path=\"/serviceprovider-management/add\" component={AddServiceProviderManagement} />\r\n\r\n\r\n                {/* commision-plan */}\r\n                <ProtectedRoute exact path=\"/commision-plan\" component={CommisionPlan} />\r\n                <ProtectedRoute exact path=\"/commision-plan/add\" component={AddCommisionPlan} />\r\n                <ProtectedRoute exact path=\"/commision-plan/edit\" component={EditCommisionPlan} />\r\n\r\n\r\n                <ProtectedRoute exact path=\"/partner-board\" component={Partner} />\r\n\r\n                {/* enquiry-form */}\r\n                <ProtectedRoute exact path='/enquiry' component={Enquiry} />\r\n                <ProtectedRoute exact path='/enquiry/add' component={UserEntry} />\r\n                <ProtectedRoute exact path='/enquiry/edit' component={editUserEntry} />\r\n\r\n                {/* customer */}\r\n                <ProtectedRoute exact path='/customer' component={Customers} />\r\n                <ProtectedRoute exact path='/customer/summary' component={CustomerSummary} />\r\n                <ProtectedRoute exact path='/customer/summary/edit' component={EditCustomerSummary} />\r\n                <ProtectedRoute exact path='/customer/add' component={AddCustomers} />\r\n\r\n                {/* partner-users */}\r\n                <ProtectedRoute exact path='/partner-user' component={PartnerUsers} />\r\n                <ProtectedRoute exact path='/partner-user/add' component={AddPartnerUser} />\r\n\r\n                {/* onBoarding */}\r\n                <ProtectedRoute exact path='/onboarding' component={OnBoarding} />\r\n                <ProtectedRoute exact path=\"/onboarding/add\" component={OnBoardingAdd} />\r\n                <ProtectedRoute exact path=\"/onboarding/edit\" component={OnBoardingEdit} />\r\n\r\n                {/* support */}\r\n                {/* <ProtectedRoute exact path='/support' component={Support} /> */}\r\n\r\n                {/* feedback */}\r\n                {/* <ProtectedRoute exact path='/feedback' component={Feedback} /> */}\r\n                <ProtectedRoute exact path='/feedback' component={Feedback} />\r\n\r\n                {/* Enrollment-Tab */}\r\n                <ProtectedRoute exact path=\"/enrollment\" component={AppEnrollmentTab} />\r\n                <ProtectedRoute exact path=\"/carousel\" component={CarouselTab} />\r\n                <ProtectedRoute exact path=\"/subscription\" component={PartnerSubscriptionTab} />\r\n\r\n                {/* enrollment */}\r\n                <ProtectedRoute exact path=\"/distribution/appsenrollment\" component={Enrollment} />\r\n                <ProtectedRoute exact path=\"/enrollment/add\" component={EnrollmentEntry} />\r\n                <ProtectedRoute exact path=\"/enrollment/edit\" component={EditEnrollmentEntry} />\r\n\r\n                {/* framework */}\r\n                {/* <ProtectedRoute exact path=\"/framework/iam\" component={Framework} />\r\n                <ProtectedRoute exact path=\"/framework/iam/add\" component={IdentityAccess} />\r\n                <ProtectedRoute exact path=\"/framework/iam/edit\" component={EditIdentityAccess} /> */}\r\n\r\n                <ProtectedRoute exact path='/platformUser' component={PlatformUser} />\r\n                <ProtectedRoute exact path='/platformUser/add' component={AddPlatformUser} />\r\n                {/* <ProtectedRoute exact path='/platformuser/edit' component={PlatformUser} /> */}\r\n\r\n                <ProtectedRoute exact path='/PasswordPolicy' component={CustomerPasswordPolicy} />\r\n                <ProtectedRoute exact path='/Password-Policy' component={PartnerPasswordPolicy} />\r\n\r\n                {/* security-two-factor */}\r\n                <ProtectedRoute exact path='/security-two-factor' component={SecurityTwoFactor} />\r\n\r\n                {/* partner-notification-page */}\r\n                <ProtectedRoute exact path='/notification' component={Notification} />\r\n                <ProtectedRoute exact path='/log-analytics' component={Audit} />\r\n\r\n                {/* customer-configuration */}\r\n                <ProtectedRoute exact path='/administrator' component={Adminstrator} />\r\n                <ProtectedRoute exact path='/billing-rules/add' component={AddBillingRules} />\r\n                <ProtectedRoute exact path='/currency-conversion/add' component={AddCurrencyConv} />\r\n                <ProtectedRoute exact path='/currency-conversion/edit' component={EditCurrencyConv} />\r\n                <ProtectedRoute exact path='/administrator/comms-gateway' component={CommsGateway} />\r\n\r\n\r\n                {/* partner-configuration */}\r\n                <ProtectedRoute exact path='/partner-Configuration' component={ConfigurationTab} />\r\n\r\n                {/* users-management */}\r\n                {/* <ProtectedRoute exact path='/manage-users' component={ManageUsers} /> */}\r\n                <ProtectedRoute exact path='/reset-users' component={ResetPassword} />\r\n\r\n                {/* log-analytics */}\r\n                <ProtectedRoute exact path=\"/user-audit\" component={userAudit} />\r\n                <ProtectedRoute exact path=\"/access-log\" component={AccessLog} />\r\n                <ProtectedRoute exact path=\"/device-management\" component={DeviceManagement} />\r\n\r\n                {/* notification-customer */}\r\n                <ProtectedRoute exact path=\"/email-setup\" component={EmailSetup} />\r\n                <ProtectedRoute exact path=\"/sms-gateway\" component={SmsGateway} />\r\n                <ProtectedRoute exact path=\"/idle-timeout\" component={IdleTimeout} />\r\n                <ProtectedRoute exact path=\"/API-management\" component={ApiManagement} />\r\n\r\n                <ProtectedRoute exact path=\"/cloud-connect\" component={CloudConnect} />\r\n                <ProtectedRoute exact path=\"/cloud-connect/add\" component={CloudConnectAdd} />\r\n                <ProtectedRoute exact path=\"/cloud-connect/edit\" component={CloudConnectEdit} />\r\n                <ProtectedRoute exact path=\"/databaseserver/add\" component={DatabaseServerAdd} />\r\n                <ProtectedRoute exact path=\"/databaseserver/edit\" component={DatabaseServerEdit} />\r\n                <ProtectedRoute exact path='/azure-container-register/add' component={AzureContainerRegisterAdd} />\r\n\r\n                <ProtectedRoute exact path=\"/docker-connect\" component={DockerConnect} />\r\n                <ProtectedRoute exact path=\"/repo-connect\" component={RepoConnect} />\r\n                <ProtectedRoute exact path=\"/cluster\" component={ManageCluster} />\r\n\r\n                {/* manage-resources */}\r\n                <ProtectedRoute exact path=\"/virtual-machine/add\" component={VirtualMachineAdd} />\r\n                <ProtectedRoute exact path=\"/storage/add\" component={StorageAdd} />\r\n                <ProtectedRoute exact path=\"/cluster/add\" component={ClusterAdd} />\r\n\r\n                <ProtectedRoute exact path=\"/azure-repo/add\" component={AzureRepoAdd} />\r\n                <ProtectedRoute exact path=\"/git-repo/add\" component={GitRepoAdd} />\r\n                <ProtectedRoute exact path=\"/docker-hub/add\" component={DockerHubAdd} />\r\n                <ProtectedRoute exact path=\"/license-vault\" component={LicenseVault} />\r\n                {/* new */}\r\n                <ProtectedRoute exact path=\"/repositary\" component={Repository} />\r\n                <ProtectedRoute exact path=\"/database-server\" component={DatabaseServers} />\r\n                <ProtectedRoute exact path=\"/registery\" component={Registery} />\r\n                <ProtectedRoute exact path=\"/environment\" component={Environment} />\r\n                <ProtectedRoute exact path=\"/version\" component={Versions} />\r\n\r\n\r\n                {/* New Routes */}\r\n                <ProtectedRoute exact path=\"/docker-hub/edit\" component={DockerHubEdit} />\r\n                <ProtectedRoute exact path='/azure-container-register/edit' component={AzureContainerRegisterEdit} />\r\n                <ProtectedRoute exact path=\"/git-repo/edit\" component={GitRepoEdit} />\r\n                <ProtectedRoute exact path=\"/azure-repo/edit\" component={AzureRepoEdit} />\r\n\r\n                <ProtectedRoute exact path='/billing-rules/edit' component={BillingRulesEdit} />\r\n                <ProtectedRoute exact path='/taxation/edit' component={TaxationEdit} />\r\n\r\n                <ProtectedRoute exact path='/security' component={SecurityHome} />\r\n\r\n                <ProtectedRoute exact path='/developers' component={DownloadHome} />\r\n                <ProtectedRoute exact path='/developers/onlinehelp' component={OnlineHelpHome} />\r\n                <ProtectedRoute exact path='/developers/authenticationkey' component={AuthenticationKey} />\r\n\r\n                <ProtectedRoute exact path='/access' component={AccessHome} />\r\n                <ProtectedRoute exact path='/access/manage-user' component={ManageUsers} />\r\n                <ProtectedRoute exact path='/access/manage-user/add' component={IdentityAccess} />\r\n                <ProtectedRoute exact path=\"/access/manage-user/edit\" component={EditIdentityAccess} />\r\n                <ProtectedRoute exact path=\"/access/systemIntegrator\" component={SystemIntegratorHome} />\r\n                <ProtectedRoute exact path=\"/access/serviceProvider\" component={ServiceProviderHome} />\r\n\r\n                <ProtectedRoute exact path='/marketplace' component={MarketplaceHome} />\r\n                <ProtectedRoute exact path='/marketplace/billing-configuration' component={BillngConfiguration} />\r\n                <ProtectedRoute exact path='/marketplace/storefront' component={AppStores} />\r\n                <ProtectedRoute exact path='/marketplace/subscriptions' component={LicenseManagement} />                \r\n                <ProtectedRoute exact path='/marketplace/invoices' component={Invoice} />\r\n\r\n                {/* New Routes */}\r\n\r\n                {/* <ProtectedRoute exact path=\"/repo-connect\" component={RepoConnect} /> */}\r\n\r\n\r\n                {/* error-component */}\r\n                {/* <ProtectedRoute exact path=\"*\" component={IdentityAccess}  /> */}\r\n            </Switch>\r\n\r\n            {/* <div className='footer'>\r\n                <Space>\r\n                    <span> © 2022 Ithred Solutions. </span>\r\n                </Space>\r\n            </div> */}\r\n        </HashRouter>\r\n    )\r\n}\r\n","import './App.css';\r\nimport Routes from './routes/routes';\r\nimport '@afiplfeed/itr-app/dist/index.css'\r\nimport { ItrApiService } from '@afiplfeed/itr-ui';\r\nimport { NxConfigs } from '@afiplfeed/itr-app';\r\nimport { useEffect } from 'react';\r\nimport { NotificationManager, NotificationContainer } from \"react-notifications\";\r\n\r\nfunction App() {\r\n  NxConfigs('theme1');\r\n  useEffect(() => {\r\n    ItrApiService.CONFIG(process.env.react_app_env, process.env.react_app_baseurl, process.env.react_app_site)\r\n  }, [])\r\n  return (\r\n    <div>\r\n      <NotificationContainer />\r\n      <Routes />\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default App;\r\n","const reportWebVitals = onPerfEntry => {\r\n  if (onPerfEntry && onPerfEntry instanceof Function) {\r\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n      getCLS(onPerfEntry);\r\n      getFID(onPerfEntry);\r\n      getFCP(onPerfEntry);\r\n      getLCP(onPerfEntry);\r\n      getTTFB(onPerfEntry);\r\n    });\r\n  }\r\n};\r\n\r\nexport default reportWebVitals;\r\n","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport 'bootstrap/dist/css/bootstrap.min.css';\r\nimport 'antd/dist/antd.css';\r\nimport 'react-notifications/lib/notifications.css';\r\n\r\nReactDOM.render(\r\n  <React.StrictMode>\r\n    <App />\r\n  </React.StrictMode>,\r\n  document.getElementById('root')\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n"],"sourceRoot":""}