Access Denied
\n )\n }\n var createButton = null;\n var updateButton = null;\n var deleteButton = null\n var renewButton = null;\n if (this.props.mode == undefined || this.props.mode == 0) {\n if (this.props.match.params.encryptedLicenseId) {\n updateButton =\n { this.setState({ showRenewMsg: false }); }}>\n License Renew \n \n \n \n \n \n
\n )\n }\n}\nconst mapStateToProps = (state, ownProps) => {\n return {\n currentUser: state.application.currentUser\n }\n}\nfunction mapDispatchToProps(dispatch) {\n return {\n showLoading: function (caller) { return dispatch(applicationActionCreator.showLoading(caller)) },\n hideLoading: function (caller) { return dispatch(applicationActionCreator.hideLoading(caller)) },\n successMessage: function (message) { return dispatch(applicationActionCreator.notification.success(message)) },\n errorMessage: function (message) { return dispatch(applicationActionCreator.notification.error(message)) }\n }\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(Edit)","import React from 'react';\nimport Axios from 'axios';\n\nimport _ from \"underscore\";\n\nimport { Confirm, Button, Grid, Icon, Checkbox, List } from 'semantic-ui-react';\nimport { Link } from 'react-router-dom';\n\nimport IMComponent from '../Components/IMComponent';\nimport { goToPageNavigation } from '../Index';\nimport { getDate } from '../../components/utility/Helper';\n\nimport applicationActionCreator from '../../redux/actions/applicationActions';\nimport { connect } from 'react-redux';\n\nexport class LicenseGridForMerging extends IMComponent {\n constructor(props) {\n super(props);\n\n this.state = {\n data: this.props.location.state,\n filter: { email: \"\" },\n orderBy: [],\n selectedMainLicensePack: \"\",\n selectedMainLicensePackProductId: \"\",\n selectedMainValidUntil: \"\",\n selectedMainUserEmail: \"\",\n selectedForMerging: [\n {\n encryptedId: \"\",\n endDate: NaN,\n productId: NaN\n }],\n\n showConfirmModalForEndDate: false,\n showConfirmModalForProductId: false,\n showCombinedConfirmModal: false\n };\n\n this.changeEmailOrderBy = this.changeEmailOrderBy.bind(this);\n this.selectMainLicensePack = this.selectMainLicensePack.bind(this);\n this.selectForMergingLicensePack = this.selectForMergingLicensePack.bind(this);\n this.mergeLicenses = this.mergeLicenses.bind(this);\n }\n\n getProductName = (productId) => {\n switch (productId) {\n case 1: return 'FS Pro Standard';\n case 2: return 'FS Pro for Outlook';\n case 3: return 'FS Pro Business';\n default: return '';\n }\n }\n\n changeEmailOrderBy = function () {\n const orderBy = this.state.orderBy.filter(function (ordering) { return ordering.name !== \"email\"; });\n const order = this.state.orderBy.find(function (ordering) { return ordering.name === \"email\"; });\n this.setState({\n orderBy: [\n ...orderBy,\n {\n name: \"email\",\n dir: order && order.dir === \"asc\" ? \"desc\" : \"asc\"\n }\n ]\n },\n this.callParentFilterChange);\n }\n\n selectMainLicensePack = (encryptedId, productId, userEmail, validUntil, e) => {\n this.setState((prevState) => {\n let mainLicensePack, mainLicensePackProductId, mainUserEmail, mainValidUntil;\n\n if (prevState.selectedMainLicensePack === encryptedId) {\n mainLicensePack = mainLicensePackProductId = mainUserEmail = mainValidUntil = '';\n } else {\n mainLicensePack = encryptedId;\n mainLicensePackProductId = productId;\n mainUserEmail = userEmail;\n mainValidUntil = validUntil;\n }\n\n return {\n selectedMainLicensePack: mainLicensePack,\n selectedMainLicensePackProductId: mainLicensePackProductId,\n selectedForMerging: [],\n selectedMainUserEmail: mainUserEmail,\n selectedMainValidUntil: mainValidUntil,\n selectedMainLicensePacksValidUntil: []\n };\n });\n }\n\n selectForMergingLicensePack = (encryptedId, endDate, productId, e) => {\n this.setState(prevState => {\n const val = prevState.selectedForMerging.some(x => x.encryptedId === encryptedId)\n ? prevState.selectedForMerging.filter(x => x.encryptedId !== encryptedId)\n : prevState.selectedForMerging.concat({ encryptedId: encryptedId, endDate: endDate, productId: productId });\n\n return {\n selectedForMerging: val\n };\n });\n }\n\n mergeLicenses = () => {\n const selectedForMerging = this.state.selectedForMerging.filter(x => x.encryptedId !== \"\");\n const selectedMainValidUntilTime = getDate(this.state.selectedMainValidUntil, true).getTime();\n\n // Check EndDate for Merged and Main LicensePacks\n // Should be EndDate for Main longer than Merged License Packs. Otherwise, need to show the following notification\n const showConfirmModalForEndDate = selectedForMerging.some(x => getDate(x.endDate, true).getTime() > selectedMainValidUntilTime);\n\n // Check that all Merged License Packs have the same ProductId as ProductId for Main License Pack\n // Should be the same ProductIds. Otherwise, need to show the following notification\n const showConfirmModalForProductId = selectedForMerging.some(x => x.productId !== this.state.selectedMainLicensePackProductId);\n\n if (showConfirmModalForEndDate && showConfirmModalForProductId) {\n this.setState({\n showCombinedConfirmModal: true\n });\n } else {\n if (showConfirmModalForEndDate) {\n this.setState({\n showConfirmModalForEndDate: showConfirmModalForEndDate\n });\n } else if (showConfirmModalForProductId) {\n this.setState({\n showConfirmModalForProductId: showConfirmModalForProductId\n });\n }\n }\n\n if (!showConfirmModalForEndDate && !showConfirmModalForProductId) {\n this.mergeLicensesInternal();\n }\n }\n\n mergeLicensesInternal = () => {\n const self = this;\n const title = 'License Merge';\n const promise = Axios.get('/api/Licenses/encrypted/' + self.state.selectedMainLicensePack)\n .then(function (response) {\n self.setState({\n model: {\n email: response.data.manager,\n encryptedProductId: response.data.encryptedProductId\n }\n });\n self.setState({ errors: {} });\n })\n .catch(function (ex) {\n throw ex;\n })\n .then(function () {\n Axios.post(`/api/Licenses/${self.state.selectedMainLicensePack}/LicenseUsages/Merge`,\n {\n EncryptedUsageIds: self.state.selectedForMerging.filter(x => x.encryptedId !== \"\")\n .map(x => x.encryptedId),\n EncryptedProductId: self.state.model.encryptedProductId\n })\n .then(function () {\n self.showToastSuccess({ title: title, message: \"Licenses were merged successfully.\" });\n goToPageNavigation(\"/\");\n })\n .catch(function (ex) {\n if (!!ex.response && ex.response.status === 400) {\n self.showToastError({ title: title, message: ex.response.data });\n } else {\n self.showToastError({\n title: title,\n message: \"There were some error please contact to Administrators.\"\n });\n }\n })\n .finally(function () {\n self.props.hideLoading(\"LOAD_SEARCH_RESULTS\");\n });\n })\n .catch(function (ex) {\n if (!!ex.response && ex.response.status === 400) {\n self.showToastError({ title: title, message: ex.response.data });\n } else {\n self.showToastError({\n title: title,\n message: \"There were some error please contact to Administrators.\"\n });\n }\n\n self.props.hideLoading(\"LOAD_SEARCH_RESULTS\");\n });\n\n this.props.showLoading(\"LOAD_SEARCH_RESULTS\");\n return promise;\n }\n\n renderTitleBar = function () {\n if (this.state.selectedMainLicensePack !== '' && this.state.selectedForMerging.filter(x => x.encryptedId !== \"\").length !== 0) {\n return [\n \n \n
\n Licenses
\n{ this.props.mode == 1 ? 'Renew License' : (this.props.match.params.encryptedLicenseId) ? 'Update License' : 'Create License'}
\n\n \n
\n \n
\n \n Error: License Renewal Unsuccessful
\n Current License Pack: {this.state.currentUserCount} Users
\n Requested Renewal: {this.state.renewUserCount} Users
\n Issue: The number of currently assigned users exceeds the requested renewal count. Please reduce the assigned users to {this.state.renewUserCount} or fewer before proceeding with the renewal.
\n
\n (Click outside this dialog to close it).\n
\n\n \n \n \n\n
];\n }\n else {\n return [\n \n this.mergeLicenses()} />\n
\n \n \n \n \n\n
];\n }\n }\n\n renderHeader = function () {\n const styleButtonHeader = {\n cursor: \"pointer\"\n }\n\n const order = this.state.orderBy.find(function (ordering) { return ordering.name === \"email\"; });\n const emailOrderIcon = !order ? \"arrows alternate vertical\" : `arrow ${(order.dir === \"asc\" ? \"down\" : \"up\")}`;\n return [\n \n
\n Select License Packs for merging
\n\n EMAIL
:\n \"EMAIL\"}\n \n {this.getProductName(item.productId)}\n
\n {/*this.truncateEmail(item.manager)*/item.manager}
{item.name}
\n{String(item.trial) === 'true' ? 'Trial' : 'Full'}
\n{item.status}
\n{item.startDate}
\n{item.endDate}
\n99 || item.userCount > 99 ? \"0.85em\" : \"1em\" }}>{item.canManage || this.state.data.isAdmin ? item.usedCount + ' / ' + item.userCount : ''}
\n\n \n
\n \n \n
\n : null\n }\n \n \n \n \n\n
];\n }\n\n renderConfirmationModalForEndDate = () => {\n return [\n \n
\n No information for merging
\n\n
];\n }\n\n renderCombinedConfirmationModal = () => {\n return [\n {msg}
\n- \n
{item.accountName}
\n{item.roleName}
\n{item.firstName}
\n : this.onFocused(e, item)} />\n }\n{item.lastName}
\n : this.onFocused(e, item)} />\n }\n]))}\n
{item.version}
:\n| \n {item.versionMatch == 1 ?\n | \n {item.version} | \n
this.onManageAccessFocused(e)}>\n \n \n {this.getManageAccessOptions(item, index)}\n \n \n
\n \n {item.sessionCount > 0 ?\n \n : ''}\n {item.accountName}
\n{item.firstName}
\n : \n }\n{item.lastName}
\n : \n }\n]))}\n
{item.version}
:\n| \n {item.versionMatch == 1 ?\n | \n {item.version} | \n
this.onManageAccessFocused(e)}>\n \n \n {this.getManageAccessOptions(item, index)}\n \n \n
\n\n \n {item.sessionCount > 0 ?\n \n : ''}\n (mm/dd/yyyy)\n
(mm/dd/yyyy)\n
{this.props.comment}
: null}\n {this.props.commentHtml}\n\n \n\n {/*License Management Modal*/}\n { this.setState({ showLicenseManagement: false }); }}>\n \n \n \n \n {!this.state.editManager ?\n \n \n \n \n \n \n \n \n \n \n \n \n \n : \n \n \n \n \n \n \n \n \n \n \n }\n \n \n \n\n {/*FS Pro Cloud Settings Modal*/}\n { this.setState({ showFSProCloudSettings: false }); }}>\n \n \n \n \n {/*Organization Info when Organization is linked to Cloud*/}\n {((!this.state.editOrganizationName && !this.state.editOrganization && !this.state.linkOrganization)\n && (((!this.props.currentUser.data.administrator && this.state.originalOrganizationName !== null) || this.props.currentUser.data.administrator) && this.state.productId === 3)) ?\n \n \n \n \n \n \n {this.state.originalOrganizationName !== null ?\n \n \n : null}\n \n \n \n {this.state.originalOrganizationName !== null ?\n \n \n {!this.props.currentUser.data.administrator && this.state.originalOrganizationName !== null && this.state.productId === 3 ?\n \n \n \n : null}\n\n {/*Link organization Info when Organization is not linked to Cloud for Admin*/}\n {this.state.linkOrganization && !this.state.selectLicenseForLinking && this.props.currentUser.data.administrator ?\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n : null}\n\n {/*Select organization for linking*/}\n {this.state.selectLicenseForLinking && this.props.isAdmin ?\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n : null}\n\n {/*Organization Info when Organization is not linked to Cloud for not Admin*/}\n {!this.state.editOrganizationName && !this.state.editOrganization && this.state.originalOrganizationName === null && !this.props.isAdmin && !this.state.linkOrganization && this.state.productId === 3 ?\n \n \n \n \n \n \n : null}\n\n {/*Change Organization Name*/}\n {this.state.editOrganizationName ?\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n : null}\n\n {/*Change Organization*/}\n {this.state.editOrganization ?\n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n \n : null}\n \n \n \n\n {/*User Data Operations Modal*/}\n { this.setState({ showUserDataOperations: false }); }}>\n \n \n \n \n \n \n \n \n \n {canUserImport &&\n \n \n \n \n \n \n\n {/*AI Features Modal*/}\n { this.setState({ showAIFeatures: false }); }}>\n \n \n \n \n \n \n \n Used tokens\n \n \n {this.state.aiGatewayInputTokens + this.state.aiGatewayOutputTokens}\n \n \n \n\n \n \n Limit tokens\n \n \n {\n this.props.isAdmin ?\n\n \n :\n {this.state.aiGatewayLimitTokens}\n }\n \n \n \n \n \n { \n this.props.isAdmin ?\n \n \n\n : null\n }\n \n \n \n \n \n \n\n\n {/**/}\n {/* */}\n {/* */}\n {/* */}{/*Change License Administrator*/}\n {/* */}\n {/* */}\n {/* {this.state.productId === 3 &&*/}\n {/* }*/}\n {/* */}\n {/* {((this.state.canManage && this.props.total > 1) || this.props.isAdmin || this.props.currentUser.data.isManager) &&*/}\n {/* */}\n {/* {this.state.productId === 3 &&*/}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* {this.state.originalOrganizationName !== null ?*/}\n {/* */}\n {/* */}\n {/* : null}*/}\n {/* */}\n {/* */}\n {/* */}\n {/* {this.state.originalOrganizationName !== null ?*/}\n {/* */}\n {/* */}\n {/* {!this.props.currentUser.data.administrator && this.state.originalOrganizationName !== null && this.state.productId === 3 ?*/}\n {/* */}\n {/* */}\n {/* */}\n {/* : null}*/}\n\n {/* */}{/*Link organization Info when Organization is not linked to Cloud for Admin*/}\n {/* {this.state.linkOrganization && !this.state.selectLicenseForLinking && this.props.currentUser.data.administrator ?*/}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* : null}*/}\n\n {/* */}{/*Select organization for linking*/}\n {/* {this.state.selectLicenseForLinking && this.props.isAdmin ?*/}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* : null}*/}\n\n {/* */}{/*Organization Info when Organization is not linked to Cloud for not Admin*/}\n {/* {!this.state.editOrganizationName && !this.state.editOrganization && this.state.originalOrganizationName === null && !this.props.isAdmin && !this.state.linkOrganization && this.state.productId === 3 ?*/}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* : null}*/}\n\n {/* */}{/*Change Organization Name*/}\n {/* {this.state.editOrganizationName ?*/}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* : null}*/}\n\n {/* */}{/*Change Organization*/}\n {/* {this.state.editOrganization ?*/}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* : null}*/}\n {/* }*/}\n {/* */}\n {/* {this.state.productId === 3 &&*/}\n {/* }*/}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* {canUserImport &&*/}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n\n { this.setState({ showConfirmModal: false }) }}\n onConfirm={this.changeLicenseAdmin}\n header=\"Confirm License Administrator Change\"\n content={!this.props.isAdmin ?\n \"Are you sure you want to change the license administrator for this license? An email will be sent to the new administrator for confirmation.\" :\n \"Are you sure you want to change the license administrator for this license? This change won't require a confirmation.\"} />\n\n { this.setState({ showChangeOrganizationNameConfirmModal: false }) }}\n onConfirm={this.changeOrganizationName}\n header=\"Confirm Organization Name Change\"\n content={!this.props.isAdmin ?\n \"Are you sure you want to change the organization name for this license?\" :\n \"Are you sure you want to change the organization name for this license? This change won't require a confirmation.\"} />\n\n { this.setState({ showChangeOrganizationConfirmModal: false }) }}\n onConfirm={this.changeOrganization}\n header=\"Confirm Organization Change\"\n content={!this.props.isAdmin ?\n \"Are you sure you want to change the organization for this license?\" :\n \"Are you sure you want to change the organization for this license? This change won't require a confirmation.\"} />\n\n { this.setState({ showLinkOrganizationConfirmModal: false }) }}\n onConfirm={this.handleLinkSelectedOrganization}\n header=\"Confirm Organization Link\"\n content=\"Are you sure you want to link the organization for this license? This change won't require a confirmation.\" />\n\n { this.setState({ showMailSentMsg: false }); this.onCancel(); }}>\n Email Sent \n \n\n \n\n \n \n \n\n \n License Administrator Change Log \n \n \n {/*\n \n \n \n \n \n \n \n {this.renderLicenseAdministratorHistoryData(this.state.licenseAdministratorHistory)}\n {this.state.purchaserEmail ?\n \n \n \n \n \n \n
\n )\n }\n}\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n currentUser: state.application.currentUser\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n showLoading: function (caller) { return dispatch(applicationActionCreator.showLoading(caller)) },\n hideLoading: function (caller) { return dispatch(applicationActionCreator.hideLoading(caller)) },\n successMessage: function (message) { return dispatch(applicationActionCreator.notification.success(message)) },\n errorMessage: function (message) { return dispatch(applicationActionCreator.notification.error(message)) }\n }\n}\nexport default connect(mapStateToProps, mapDispatchToProps)(LicenseUsagesHeader)","import React, { Component } from 'react'\nimport Axios from 'axios';\nimport IMComponent from '../Components/IMComponent';\n\nimport { Link } from 'react-router-dom';\n\nimport { Modal, Button, Grid, Icon } from 'semantic-ui-react';\n\nimport applicationActionCreator from '../../redux/actions/applicationActions';\nimport { messages } from '../../components/utility/Helper';\n\nimport LicenseUsageGrid from './LicenseUsagesGrid';\nimport LicenseUsagesHeader from './LicenseUsagesHeader';\nimport LicenseUsagesNewRow from './LicenseUsagesNewRow';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\n\nconst componentURL = \"/api/Licenses/{0}/LicenseUsages\";\nexport let addNewUsage;\nclass List extends IMComponent {\n constructor(props) {\n super(props);\n props.showLoading(\"LicenseUsage_Started\");\n const { match: { params: { licenseId } } } = this.props;\n this.state = {\n licenseId: licenseId,\n duplicateOrganizationId: \"\",\n duplicateLicenseId: \"\",\n duplicateEmail: \"\",\n duplicateUserId: \"\",\n duplicateRoleId: \"\",\n duplicatedUsage: \"\",\n revokemode: false,\n addUserFromOtherOrganizationMode: false,\n updateUserOrganizationMode: false,\n updateUserOrganizationOption: null,\n previousLurId: null,\n revokeReason: 'User revoke',\n offlineChecked: this.props.data == null ? false : this.props.data.Offline,\n renew: this.props.data == null ? false : this.props.data.ToRenew,\n maximumSessions: {},\n currentLicense: {},\n data: [],\n usages: [],\n total: 0,\n licenseEndDate: \"\",\n loadData: true,\n loadRolesData: true,\n addingUserFromOtherOrganization: false\n };\n this.loadLicenseUsages = this.loadLicenseUsages.bind(this);\n this.loadRolesFromServer = this.loadRolesFromServer.bind(this);\n\n this.loadLicenseUsages();\n this.loadRolesFromServer();\n addNewUsage = this.onAddNewUsage.bind(this);\n this.onAddNewUsage = this.onAddNewUsage.bind(this);\n this.onAddNewUsageWithDuplicateRevoking = this.onAddNewUsageWithDuplicateRevoking.bind(this);\n this.onAddNewUsageSimple = this.onAddNewUsageSimple.bind(this);\n this.handleConfirmation = this.handleConfirmation.bind(this);\n this.handleCancel = this.handleCancel.bind(this);\n this.handleOfflineChecked = this.handleOfflineChecked.bind(this);\n this.hasdataChanged = this.hasdataChanged.bind(this);\n this.handleRenewChecked = this.handleRenewChecked.bind(this);\n this.handleUpdate = this.handleUpdate.bind(this);\n this.handleKeyPress = this.handleKeyPress.bind(this);\n this.handleDataChange = this.handleDataChange.bind(this);\n this.handleAddUserFromOtherOrganization = this.handleAddUserFromOtherOrganization.bind(this);\n this.handleAddUserFromOtherOrganizationCancel = this.handleAddUserFromOtherOrganizationCancel.bind(this);\n this.handleUpdateUserOrganization = this.handleUpdateUserOrganization.bind(this);\n this.handleUpdateUserOrganizationNo = this.handleUpdateUserOrganizationNo.bind(this);\n }\n\n onAddNewUsage = function (usage) {\n usage.licenseCryptId = this.state.licenseId;\n this.props.showLoading(\"ADD_NEW_USAGE\");\n if (this.state.addUserFromOtherOrganizationMode || this.state.updateUserOrganizationMode) {\n this.onAddNewUsageWithDuplicateRevoking(usage);\n }\n else {\n this.onAddNewUsageSimple(usage);\n }\n }\n\n onAddNewUsageSimple = function (usage) {\n usage.licenseCryptId = this.state.licenseId;\n const self = this;\n this.props.showLoading(\"ADD_NEW_USAGE\");\n // CheckLinkingToOrganization\n return Axios.put(`api/Licenses/encrypted/${this.state.licenseId}`)\n .then(function() {\n Axios.post(`api/Licenses/${self.state.licenseId}/LicenseUsages/DuplicateOrganizationId/${self.state.duplicateOrganizationId}`, usage)\n .then(function() {\n self.setState({ usages: [], total: 0, canShowRoles: false });\n return self.reloadData();\n //return self.loadLicenseUsages();\n })\n .then(function() {\n self.props.successMessage({\n title: \"Usage License\",\n message: messages.success.usageWasAddedSucessfully\n });\n })\n .catch(function(ex) {\n self.setState({ something: ex });\n if (ex.response.data.message === 'User is part of other organization') {\n self.setState({\n addUserFromOtherOrganizationMode: true,\n duplicateOrganizationId: ex.response.data.organizationId,\n duplicateEmail: ex.response.data.email,\n duplicatedUsage: usage\n });\n }\n else if (ex.response.data.message === 'User is part of other organization2')\n {\n self.setState({\n updateUserOrganizationMode: true,\n duplicateOrganizationId: ex.response.data.organizationId,\n duplicateEmail: ex.response.data.email,\n duplicatedUsage: usage,\n previousLurId: ex.response.data.previousLurId\n });\n }\n else {\n self.props.errorMessage({ title: \"Usage Error\", message: ex.response.data });\n self.setState({\n duplicateOrganizationId: \"\",\n addUserFromOtherOrganizationMode: false\n });\n }\n\n self.setState({ addingUserFromOtherOrganization: false });\n })\n .then(function() {\n if (self.state.addingUserFromOtherOrganization === false) {\n self.props.hideLoading(\"ADD_NEW_USAGE\");\n }\n });\n });\n }\n\n onAddNewUsageWithDuplicateRevoking = function(usage) {\n usage.licenseCryptId = this.state.licenseId;\n const self = this;\n this.props.showLoading(\"ADD_NEW_USAGE\");\n if (this.state.updateUserOrganizationMode) {\n usage.updateUserOrganizationOption = this.state.updateUserOrganizationOption;\n }\n var um = this.state.updateUserOrganizationMode;\n this.setState({ addUserFromOtherOrganizationMode: false, updateUserOrganizationMode: false });\n return Axios\n .post(`api/Licenses/${self.state.licenseId}/LicenseUsages/DuplicateOrganizationId/${self.state.duplicateOrganizationId}`, usage)\n .then(function (response) {\n if (um) {\n Axios.delete(`/api/Licenses/${self.state.licenseId}/LicenseUsages/${self.state.previousLurId}?informCloud=false`);\n }\n else {\n const url = `/api/Licenses/${self.state.licenseId}/LicenseUsages/userWithOrganization`;\n Axios.post(url,\n {\n EncryptedOrganizationId: self.state.duplicateOrganizationId,\n EncryptedEmail: self.state.duplicateEmail\n });\n }\n })\n .catch (function(e) {\n self.props.hideLoading(\"ADD_NEW_USAGE\");\n if (!!e.response && e.response.status === 400)\n self.showToastError({ title: \"Revoke duplicate user\", message: e.response.data });\n else\n self.showToastError({\n title: \"Revoke duplicate user\",\n message: \"There were some error please contact to Administrators.\"\n });\n })\n .then(function() {\n //self.setState({\n // usages: [],\n // total: 0,\n // canShowRoles: false\n //});\n\n self.setState({\n duplicateOrganizationId: \"\",\n addUserFromOtherOrganizationMode: false,\n addingUserFromOtherOrganization: false\n });\n\n self.props.successMessage({\n title: \"Usage License\",\n message: messages.success.usageWasAddedSucessfully\n });\n self.props.hideLoading(\"ADD_NEW_USAGE\");\n\n return self.loadLicenseUsages();\n })\n .catch(function(e) {\n self.props.hideLoading(\"ADD_NEW_USAGE\");\n if (!!e.response && e.response.status === 400)\n self.showToastError({ title: \"Revoke duplicate user\", message: e.response.data });\n else\n self.showToastError({\n title: \"Revoke duplicate user\",\n message: \"There were some error please contact to Administrators.\"\n });\n });\n }\n\n loadRolesFromServer() {\n const self = this;\n return Axios.get(`api/Roles/${this.state.licenseId}`)\n .then(function (response) {\n self.setState({ roles: response.data });\n })\n .catch(function (e) {\n // ToDo: Show alert message is changing max sessions fails\n console.error(e.status, e.toString());\n })\n .then(function () {\n self.setState({ loadRolesData: false });\n });\n }\n\n loadLicenseUsages = function () {\n const self = this;\n const url = componentURL.format(this.state.licenseId);\n return Axios.get(url, { params: { version: Math.random() } })\n .then(function (response) {\n\n self.setState({\n usages: response.data.usages,\n total: response.data.total,\n canShowRoles: response.data.canShowRoles,\n endDate: response.data.endDate,\n startDate: response.data.startDate,\n productId: response.data.productId\n });\n })\n .catch(function (ex) {\n console.log(ex);\n })\n .then(function () {\n self.setState({ loadData: false });\n if (self.state.addingUserFromOtherOrganization === false) {\n self.props.hideLoading('LOAD_USAGES');\n }\n });\n }\n\n revokeClicked = (e) => {\n this.setState({\n revokemode: true,\n id: e.target.getAttribute('id'),\n index: e.target.getAttribute('index')\n });\n }\n\n removeSessionsClick = (e) => {\n e.preventDefault();\n this.setState({\n removemode: true,\n id: e.target.getAttribute('id'),\n index: e.target.getAttribute('index')\n });\n }\n\n handleConfirmation = function () {\n this.props.showLoading('CONFIRMATION_MODAL');\n const { removemode, revokemode } = this.state\n const self = this;\n this.setState({\n revokemode: false,\n removemode: false\n });\n const url = revokemode ? `/api/Licenses/${this.state.licenseId}/LicenseUsages/${this.state.id}` :\n removemode ? `/api/Session/${this.state.licenseId}/LicenseUsages/${this.state.id}` : '';\n return Axios.delete(url)\n .then(function (response) {\n if (response) {\n self.props.successMessage({ title: \"Revoke Usage\", message: \"Usage was revoked successfully.\" })\n return self.loadLicenseUsages();\n }\n })\n .catch(function (e) {\n if (!!e.response && e.response.status === 400)\n self.showToastError({ title: \"Revoke user\", message: e.response.data });\n else\n self.showToastError({\n title: \"Revoke user\",\n message: \"There were some error please contact to Administrators.\"\n });\n })\n .then(function () {\n self.props.hideLoading('CONFIRMATION_MODAL');\n });\n }\n\n hasdataChanged() {\n return (this.state.offlineChecked === this.state.data.Offline) &&\n (this.state.renew === this.state.data.ToRenew) ? false : true;\n }\n\n handleCancel() {\n this.setState({\n revokemode: false,\n removemode: false\n });\n }\n\n handleAddUserFromOtherOrganization = function () {\n this.setState({ addingUserFromOtherOrganization: true });\n this.onAddNewUsage(this.state.duplicatedUsage);\n }\n\n handleUpdateUserOrganization = function () {\n this.state.updateUserOrganizationOption = true; \n this.onAddNewUsage(this.state.duplicatedUsage);\n }\n\n handleUpdateUserOrganizationNo = function () {\n this.state.updateUserOrganizationOption = false;\n this.onAddNewUsage(this.state.duplicatedUsage);\n }\n\n handleAddUserFromOtherOrganizationCancel() {\n this.setState({\n addUserFromOtherOrganizationMode: false,\n duplicateOrganizationId: \"\"\n });\n }\n\n handleOfflineChecked(e) {\n this.setState({\n offlineChecked: e.target.checked,\n });\n }\n handleRenewChecked(e) {\n this.setState({\n renew: e.target.checked,\n });\n }\n\n handleDataChange(e, id) {\n let maximumSessions = Object.assign({}, this.state.maximumSessions);\n switch (e.target.name) {\n case 'maximumSessions':\n maximumSessions[id] = e.target.value;\n this.setState({\n LicenseId: e.target.getAttribute('licenseid'),\n Index: e.target.getAttribute('index'),\n Id: e.target.id,\n maximumSessions\n });\n break;\n default:\n break;\n }\n return e.target.value;\n }\n\n handleKeyPress(e, item) {\n let maximumSessions = Object.assign({}, this.state.maximumSessions);\n maximumSessions[item.id] = e.target.value;\n this.setState({\n LicenseId: item.LicenseId,\n Index: e.target.getAttribute('index'),\n Id: item.id,\n maximumSessions\n });\n if (e.target.value !== 2) {\n if (e.charCode === 13) {\n this.handleUpdate(e.target.value, e.target.getAttribute('index'), item);\n }\n }\n }\n\n handleUpdate(value, index, item) {\n let userdata = this.state.data[index];\n userdata.MaximumSessions = value;\n const self = this;\n\n return Axios.put('api/Licenses/' + item.LicenseId + '/LicenseUsages/' + item.Id, userdata, { responseType: 'text' })\n .then(function (response) {\n if (response) {\n self.props.handleFilter(item.LicenseId);\n }\n })\n .catch(function (e) {\n // ToDo: Show alert message is changing max sessions fails\n console.error(e.status, e.toString());\n\n });\n }\n\n reloadData = () => {\n this.setState({ loadData: true });\n this.loadLicenseUsages();\n }\n\n render() {\n const { usages, revokemode, removemode, addUserFromOtherOrganizationMode, updateUserOrganizationMode, previousLurId, updateUserOrganizationOption, total, licenseId, canShowRoles, roles, endDate, startDate, loadData, loadRolesData, productId } = this.state;\n const canAddUsage = usages.length < total;\n if (productId == 9) {\n return \n Change License Admin\n \n \n \n
\n License Administrator
\n\n {this.state.adminEmail}\n {this.props.currentUser.data.administrator ?\n
\n \n \n
\n : null}\n \n FS Pro Cloud Settings\n \n \n \n
\n Organization Name
\n\n \n \n {this.getFsProCloudSettingsOptions(organizationOptions)}\n \n \n
\n {this.state.organizationName}
\n :[Organization is not linked]
}\nLinking Organization
\nSelecting Organization
\nThis license pack is not currently associated with an FS Pro Cloud\n organization. For automatic user access to FS Pro Cloud, please\n Contact support to link an existing organization or create a new one
\nRenaming Organization
\nChanging Organization
\n\n Import/Export Users\n \n \n \n
\n Manage Users
\n\n this.importUsersRef = x}\n onSelectionFileSuccess={this.onSelectionFileSuccess}\n title='Import Users'\n showComponent={false}\n commentHtml={
\n }\n\n The csv file should contain columns with these headers:
\n
\n \n
*Only email is required
}\n types={['csv']} onErrorHandling={this.showErrorMessage} />\n \n \n
| FirstName | \nLastName | \n
*Only email is required
\n AI Features\n {/**/}\n {/* */}\n {/**/}\n
\n */}\n {/* {((this.state.canManage && this.props.total > 1) || this.props.isAdmin) &&*/}\n {/*
*/}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* : */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* */}\n {/* }*/}\n {/*
}*/}\n {/* */}\n {/*
*/}\n {/* {!this.state.editManager ?*/}\n {/* License Management
*/}\n {/* */}\n {/* */}\n {/* */}\n {/*License Administrator
*/}\n {/**/}\n {/* {this.state.adminEmail}*/}\n {/* {this.props.currentUser.data.administrator ?*/}\n {/*
*/}\n {/* */}\n {/* */}\n {/*
*/}\n {/* : null}*/}\n {/* */}\n {/*
}*/}\n {/* */}{/*Organization Info when Organization is linked to Cloud*/}\n {/* {((!this.state.editOrganizationName && !this.state.editOrganization && !this.state.linkOrganization)*/}\n {/* && (((!this.props.currentUser.data.administrator && this.state.originalOrganizationName !== null) || this.props.currentUser.data.administrator) && this.state.productId === 3)) ?*/}\n {/* FS Pro Cloud Settings
*/}\n {/* */}\n {/* */}\n {/* */}\n {/*Organization Name
*/}\n {/**/}\n {/* */}\n {/* */}\n {/* {this.getFsProCloudSettingsOptions(organizationOptions)}*/}\n {/* */}\n {/* */}\n {/*
*/}\n {/* {this.state.organizationName}
*/}\n {/* :[Organization is not linked]
}*/}\n {/*Linking Organization
*/}\n {/*Selecting Organization
*/}\n {/*This license pack is not currently associated with an FS Pro Cloud*/}\n {/* organization. For automatic user access to FS Pro Cloud, please*/}\n {/* Contact support to link an existing organization or create a new one
*/}\n {/*Renaming Organization
*/}\n {/*Changing Organization
*/}\n {/**/}\n {/*
*/}\n {/* User Data Operations
*/}\n {/* */}\n {/* */}\n {/* */}\n {/*Data Transfer
*/}\n {/**/}\n {/* this.importUsersRef = x}*/}\n {/* onSelectionFileSuccess={this.onSelectionFileSuccess}*/}\n {/* title='Import users'*/}\n {/* showComponent={false}*/}\n {/* commentHtml={
*/}\n {/* }*/}\n\n {/* The csv file should contain columns with these headers:
*/}\n {/*
*/}\n {/* */}\n {/*
*Only email is required
}*/}\n {/* types={['csv']} onErrorHandling={this.showErrorMessage} />*/}\n {/* */}\n {/* */}\n {/*
| FirstName | */}\n {/*LastName | */}\n {/*
*Only email is required
\n {/*
\n\n */}\n {/*
*/}\n {/*Assigned Licenses {this.props.current} / {this.props.total}
*/}\n {/* */}{/*Turn on / off AI Features by License Administrator or Super Admin*/}\n {/* {this.state.aiGatewayTokenId !== null && ((this.state.canManage && !this.state.aiFeaturesDisabledBySuperAdmin) || this.props.isAdmin)*/}\n {/* ? this.state.aiFeaturesEnabled*/}\n {/* ?*/}\n {/* {this.props.currentUser && this.props.currentUser.data && this.props.currentUser.data.administrator ?*/}\n {/*
*/}\n */}\n {/*
: null}\n An email has been sent to the new administrator requesting approval.
\n The change will not be effective until the new administrator accepts the change.
\n (Click outside this dialog to close it).\n
Here you can see the history of changes in license administrators.
*/}\nDate (mm/dd/yyyy)
\nNew License Administrator Email
\n\n
\n : null}\n Email Purchaser:
\n {this.state.purchaserEmail}\nOperation not available
\n }\n const modalRevoke =\n \n \n {usages.length ?\n \n {modalRevoke}\n {modalAddUserFromOtherOrganization}\n {modalUpdateUserOrganization}\n
;\n\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n showLoading: function (caller) { return dispatch(applicationActionCreator.showLoading(caller)) },\n hideLoading: function (caller) { return dispatch(applicationActionCreator.hideLoading(caller)) },\n successMessage: function (message) { return dispatch(applicationActionCreator.notification.success(message)) },\n errorMessage: function (message) { return dispatch(applicationActionCreator.notification.error(message)) },\n }\n}\n\nexport default connect(null, mapDispatchToProps)(List);","import React from \"react\";\n\nimport { Button, Dropdown, Input, Grid } from \"semantic-ui-react\";\n\nimport IMComponent from \"../Components/IMComponent\";\nimport { IMErrorComponent } from \"../Components/IMErrorComponent\";\nimport { isEmailValid, messages } from \"../../components/utility/Helper\";\n\nimport { addNewUsage } from \"./List\";\n\nexport default class LicenseUsagesNewRow extends IMComponent {\n constructor(props) {\n super(props, { email: \"\", firstName: \"\", lastName: \"\", role: \"\" });\n const { canShowRoles, roles } = this.props;\n if (canShowRoles) {\n const roleList = \n roles.map((x) => {\n return { text: x.descr, value: x.id };\n });\n const roleSelected = roleList[1].value;\n this.onModelPropertyChange({\n target: { name: \"role\", value: roleSelected },\n });\n }\n }\n\n handleAddLicenseUser = () => {\n let newLicenseUsage = {\n accountName: this.state.model.email,\n encryptedRoleId: this.state.model.role,\n firstName: this.state.model.firstName,\n lastName: this.state.model.lastName,\n roleId: this.state.model.role ? this.state.model.role : 0,\n };\n addNewUsage(newLicenseUsage);\n this.resetModel();\n };\n onModelValidation = () => {\n const { email, firstName, lastName } = this.state.model;\n let errors = {};\n let validModel = true;\n if (!isEmailValid(email)) {\n errors.email = messages.errors.invalidEmail;\n validModel = false;\n }\n if (firstName.length == 0) {\n errors.firstName = messages.errors.firstNameRequired;\n validModel = false;\n }\n if (lastName.length == 0) {\n errors.lastName = messages.errors.lastNameRequired;\n validModel = false;\n }\n \n this.setState({ errors });\n\n return validModel;\n };\n render() {\n /*Set role id to publisher as default */\n if (this.state.model.role === \"\") {\n this.state.model.role = 3;\n }\n\n const { email, firstName, lastName, role } = this.state.model;\n const { canShowRoles, roles } = this.props;\n const { validModel } = this.state;\n const { email: errorEmail, firstName: errorFirstName, lastName: errorLastName } = this.state.errors;\n\n const roleList = canShowRoles\n ? roles.map((x) => {\n return { text: x.descr, value: x.id };\n })\n : null;\n const roleSelected = canShowRoles && !role ? roleList[0].value : role;\n const extraColumn = canShowRoles ? 1 : 3;\n return (\n SKU
\n {item.skuId}
\n{item.months}
\n{item.years}
\n{item.quantity}
\n\n
\n )\n}\nexport default CenteredMidLayout;","import React from 'react';\n\nimport axios from 'axios';\n\nimport { Link } from 'react-router-dom';\n\nimport { Form, Accordion, Icon } from 'semantic-ui-react';\nimport ProductSkus from './ProductSkus';\n\nimport applicationActionCreator, { actions } from '../../redux/actions/applicationActions';\nimport CenteredMidLayout from '../Components/CenteredMidLayout';\nimport IMComponent from '../Components/IMComponent';\nimport { Button, Header, Image, Modal } from 'semantic-ui-react'\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\n\nclass Edit extends IMComponent {\n constructor(props) {\n super(props);\n\n this.loadProductInformation(props.match.params.productId);\n }\n\n onModelValidation = () => {\n return true;\n }\n\n loadProductInformation = function (id) {\n const self = this;\n if (!id)\n return;\n this.props.showLoading('LOAD_INFORMATION_PRODUCT');\n return axios.get('api/Product/' + id)\n .then(function (response) {\n if (response) {\n self.setState({ model: response.data });\n }\n })\n .catch(function (e) {\n this.showToastError({ title: \"Product\", message: e.response.data })\n })\n .then(function () {\n self.props.hideLoading('LOAD_INFORMATION_PRODUCT');\n });\n }\n\n onClickSubmitHandler = () => {\n if (!this.props.match.params.productId)\n this.submitCreateProduct();\n else\n this.submitUpdateProduct();\n }\n\n submitCreateProduct = function () {\n this.props.showLoading('SUBMIT_PRODUCT');\n const self = this;\n return axios.post('api/Product', this.state.model)\n .then(function (response) {\n if (response) {\n self.props.goToPage(`/product/edit/${response.data.productId}`);\n self.showToastSuccess({ title: \"Product\", message: \"Product was created successfully.\" })\n }\n })\n .catch(function (e) {\n self.showToastError({ title: \"Product\", message: e.response.data })\n })\n .then(function () {\n self.props.hideLoading('SUBMIT_PRODUCT');\n })\n }\n\n submitUpdateProduct = function () {\n this.props.showLoading('SUBMIT_PRODUCT');\n const self = this;\n return axios.put('api/Product', this.state.model)\n .then(function (response) {\n if (response) {\n self.showToastSuccess({ title: \"Product\", message: \"Product was updated successfully.\" });\n }\n })\n .catch(function (e) {\n self.showToastError({ title: \"Product\", message: e.response.data });\n })\n .then(function () {\n self.props.hideLoading('SUBMIT_PRODUCT');\n })\n\n }\n\n handleDataChange = (e) => {\n switch (e.target.name) {\n case 'name': this.setState({ productName: e.target.value });\n break;\n default:\n break;\n }\n }\n\n handleSkuDeleted = (sku) => {\n let product = this.state.model;\n let skus = product.productSkus;\n let newSkus = skus.filter(x => x.skuId != sku.skuId);\n product.productSkus = newSkus;\n this.setState({ model: product, validModel: true });\n };\n\n handleSkuAdded = (sku) => {\n let product = this.state.model;\n let skus = product && product.productSkus ? product.productSkus : [];\n skus.push(sku);\n product.productSkus = skus;\n this.setState({ model: product, validModel: true });\n\n };\n\n render() {\n let formClassName = this.props.editmode ? 'col-sm-6 col-md-6 col-sm-offset-3 col-md-offset-3 no__padding' : 'col-sm-6 col-md-6 col-sm-offset-3 col-md-offset-3';\n let saveChangeslabel = !this.props.match.params.productId ? \"CREATE\" : \"UPDATE\";\n const { validModel } = this.state;\n const { name, lastVersion, downloadLink, mainProgram, shopifyAlias, limitTokens } = this.state.model;\n const modalButton = \n {Children}\n
\n \n\n \n \n
\n\n Product SKUs \n \n \n \n\n \n
\n );\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n showLoading: function (caller) { return dispatch(applicationActionCreator.showLoading(caller)) },\n hideLoading: function (caller) { return dispatch(applicationActionCreator.hideLoading(caller)) },\n successMessage: function (message) { return dispatch(applicationActionCreator.notification.success(message)) },\n errorMessage: function (message) { return dispatch(applicationActionCreator.notification.error(message)) },\n }\n}\n\nexport default connect(null, mapDispatchToProps)(Edit);","import React, { Component } from 'react';\n\nimport { Grid, Input } from 'semantic-ui-react';\n\nimport matchSorter from 'match-sorter';\n\nimport _ from 'underscore';\n\nimport IMComponent from '../Components/IMComponent';\n\nexport default class ProductsGrid extends IMComponent {\n\n constructor(props) {\n super(props, {});\n }\n\n renderHeader = () => {\n const { queryProductName } = this.state;\n return [\n \n
\n \n \n
\n Product
\n \n \n
\n \n
{item.name}
\n\n ![\"user](\"img/user.png\")
\n
\n ),\n maxWidth: 40,\n filterable: false,\n sortable: false\n }, {\n Cell: () => (\n \n ),\n maxWidth: 40,\n filterable: false,\n sortable: false\n }, {\n Cell: (cellInfo) => (\n \n \n {cellInfo.original.name}\n
\n ),\n Header: 'Name ',\n maxWidth: 350,\n filterable: false,\n sortable: false\n }, {\n Cell: (cellInfo) => ([\n ,\n ]\n ),\n maxWidth: 350,\n filterable: false,\n sortable: false\n }\n ];\n return (\n \n );\n }\n}\n\n\n\nfunction mapDispatchToProps(dispatch) {\n return {\n showLoading: function (caller) { return dispatch(applicationActionCreator.showLoading(caller)) },\n hideLoading: function (caller) { return dispatch(applicationActionCreator.hideLoading(caller)) },\n successMessage: function (message) { return dispatch(applicationActionCreator.notification.success(message)) },\n errorMessage: function (message) { return dispatch(applicationActionCreator.notification.error(message)) },\n }\n}\n\nexport default connect(null, mapDispatchToProps)(List);","import React, { Component } from 'react'\nimport { Switch } from 'react-router-dom';\n\nimport PropsRoute from '../Components/PropsRoute';\n\nimport Edit from './Edit';\nimport List from './List';\n\n\nexport default class Index extends Component {\n render() {\n return (\n \n\n \n \n \n
\n )\n }\n}\n","import React, { Component } from 'react'\n\nexport default class IMRow extends Component {\n\n renderRow() {\n const { row, columns } = this.props;\n if (!row)\n return columns.map((x, i) => \n
\n \n \n
\n Single Sign On
\n \n \n
\n \n \n
\n
\n )\n }\n}\n","import React, { } from 'react'\nimport Axios from 'axios';\n\nimport { Input } from 'semantic-ui-react';\n\nimport { goToPageNavigation } from '../Index';\nimport IMComponent from '../Components/IMComponent';\nimport { confirmationModal } from '../Components/ModalComponent';\nimport IMTable from '../Components/IM/IMTable';\nimport applicationActionCreator, { actions } from '../../redux/actions/applicationActions';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\n\nclass List extends IMComponent {\n\n constructor(props) {\n super(props)\n this.loadData();\n }\n\n loadData() {\n const self = this;\n Axios.get(\"/api/singlesignon\")\n .then(function (response) {\n self.setState({ data: response.data });\n })\n }\n\n\n deleteSSO = function (row, siteName) {\n const SSOId = row.target.id;\n const self = this;\n this.props.showLoading('DELETE_SSO');\n return confirmationModal('Delete SSO?', `Are you sure to delete '${siteName}' SSO?`)\n .then(function () {\n self.setState({ data: [] });\n })\n .then(function () {\n return Axios.delete(`/api/SingleSignOn/${SSOId}`);\n })\n .then(function () {\n self.loadData();\n self.showToastSuccess({ title: \"Single Site On\", message: \"Deleted successfully.\" })\n })\n .catch(function (e) {\n if (e)\n console.error(self.props.match.url, e.status, e.toString());\n })\n .then(function () {\n self.props.hideLoading('DELETE_SSO')\n })\n }\n\n\n showSSOSiteEdit(row) {\n const siteId = row.target.id;\n goToPageNavigation(`/single-sign-on/edit/${siteId}`);\n }\n\n showProductNew = () => {\n goToPageNavigation(\"/single-sign-on/new\");\n }\n\n render() {\n const columns = [\n {\n header: \"Name\",\n identificator: \"name\",\n render: (row) => row.name,\n colWidth: \"two\",\n sortable: true,\n filterRender: (filterCallback) =>\n filterCallback(value)}>\n },\n {\n colWidth: \"five\",\n header: \"URL\",\n sortable: true,\n render: (row) => row.url,\n identificator: \"url\",\n filterRender: (filterCallback) =>\n filterCallback(value)}>\n },\n {\n colWidth: \"seven\",\n header: \"Public Key\",\n identificator: \"publicKey\",\n sortable: true,\n render: (row) => row.publicKey\n },\n {\n colWidth: \"two\",\n header: \"\",\n renderContent: (row) => | \n {rows.count !== 0 ? (\n \n )\n : null}\n \n \n \n Pagination: \n | \n
|---|
\n \n \n\n
\n }\n ]\n const { data } = this.state;\n\n return (\n
\n {!!data ?\n : null}\n
\n )\n }\n}\n\n\nfunction mapDispatchToProps(dispatch) {\n return {\n showLoading: function (caller) { return dispatch(applicationActionCreator.showLoading(caller)) },\n hideLoading: function (caller) { return dispatch(applicationActionCreator.hideLoading(caller)) },\n successMessage: function (message) { return dispatch(applicationActionCreator.notification.success(message)) },\n errorMessage: function (message) { return dispatch(applicationActionCreator.notification.error(message)) },\n }\n}\n\nexport default connect(null, mapDispatchToProps)(List);","import React, { Component } from 'react'\nimport {Switch, Route} from 'react-router-dom';\n\nimport PropsRoute from '../Components/PropsRoute';\n\nimport Edit from './Edit';\nimport List from './List';\n\nexport default class Index extends Component {\n render() {\n return (Single Sign On Sites
\n \n\n {!!data ?\n
\n \n \n
\n )\n }\n}\n","import React from 'react';\nimport queryString from 'query-string';\nimport { Popup } from 'semantic-ui-react'\nimport { withRouter } from 'react-router-dom';\nimport axios from 'axios';\nimport { getPasswordValidation } from './utility/Helper';\nimport { connect } from 'react-redux';\nimport applicationActionCreator from '../redux/actions/applicationActions';\n\nclass ResetPassword extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n confirmPassword: \"\",\n newPassword: \"\",\n errorMessage: \"\",\n passwordHelper: false,\n validations: getPasswordValidation(\"\"),\n token: queryString.parse(this.props.location.search).token\n };\n\n this.handleNewPasswordChange = this.handleNewPasswordChange.bind(this);\n this.handleConfirmPasswordChange = this.handleConfirmPasswordChange.bind(this);\n this.handleResetPasswordSubmit = this.handleResetPasswordSubmit.bind(this);\n this.onPasswordChangeSuccessfully = this.onPasswordChangeSuccessfully.bind(this);\n this.passwordSetting();\n }\n\n passwordSetting() {\n const self = this;\n self.props.showLoading(\"LoadPasswordSettings\");\n axios.get(`/api/PasswordSettings?t=${encodeURIComponent(this.state.token)}`)\n .then((response) => { self.setState({ passwordSetting: response.data }) })\n .catch((e) => { self.setState({ errorMessage: e.response.data }); })\n .then(() => {\n self.onPasswordChange(\"\");\n self.props.hideLoading(\"LoadPasswordSettings\");\n self.setState({ passwordHelper: true });\n });\n }\n\n onPasswordChange = (newVal) => {\n\n var validations = getPasswordValidation(newVal, this.state.passwordSetting);\n\n this.setState({\n newPassword: newVal,\n validations\n });\n }\n\n handleNewPasswordChange(e) {\n var newVal = e.target.value;\n this.onPasswordChange(newVal);\n }\n handleConfirmPasswordChange(e) {\n this.setState({ confirmPassword: e.target.value });\n }\n onPasswordChangeSuccessfully() {\n window.location = \"/\";\n }\n\n handleResetPasswordSubmit(e) {\n this.setState({ isLoading: true });\n e.preventDefault();\n var self = this;\n try {\n if (this.state.validations.filter(x => !x.status).length > 0) {\n this.setState({ errorMessage: \"Password did not match Password Policy!\" });\n return;\n }\n if (this.state.newPassword !== this.state.confirmPassword) {\n this.setState({ errorMessage: \"Password did not match! Please try again!\" });\n return;\n }\n axios.put(`/api/ResetPassword?t=${encodeURIComponent(this.state.token)}&p=${encodeURIComponent(this.state.newPassword)}`)\n .then(function () {\n self.onPasswordChangeSuccessfully();\n\n self.setState({ isLoading: false });\n })\n .catch(function (error) {\n self.setState({ errorMessage: error.response.data, isLoading: false });\n });\n } catch (e) {\n console.log(e);\n }\n }\n\n render() {\n return (\n \n
\n );\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n showLoading: function (caller) { return dispatch(applicationActionCreator.showLoading(caller)) },\n hideLoading: function (caller) { return dispatch(applicationActionCreator.hideLoading(caller)) }\n }\n}\n\nexport default withRouter(connect(null, mapDispatchToProps)(ResetPassword));","import { Grid, Button, Input } from 'semantic-ui-react';\n\nimport _ from 'underscore';\nimport React from 'react';\nimport IMComponent from '../Components/IMComponent';\nimport { Link } from 'react-router-dom';\n\nexport default class UsersGrid extends IMComponent {\n constructor(props) {\n super(props, {});\n this.state = { queryName: '' };\n }\n\n renderHeader = () => {\n const { queryName } = this.state;\n return [\n \n \n \n Information Mapping Logo\n \n \n
\n FS Pro Console
\n\n
\n \n
\n Welcome to the FS Pro Console, you can manage, update and renew your FS Pro Licenses here.
\n\n
\n \n {(this.state.errorMessage !== \"\") ?
\n \n {this.state.errorMessage}\n
: ''}\n Reset Password
\nReset your password!
\n \n\n {`${item.firstName != null ? item.firstName : \"[no first name]\"} ${item.lastName != null ? item.lastName : \"[no last name]\"}`}
{item.email}
Access Denied
\n )\n }\n return (\n\n \n \n \n \n \n You can swith the role for user between 'IM Super Administrator'/'Standard User'.\n \n \n\n\n
\n );\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n showLoading: function (caller) { return dispatch(applicationActionCreator.showLoading(caller)) },\n hideLoading: function (caller) { return dispatch(applicationActionCreator.hideLoading(caller)) },\n successMessage: function (message) { return dispatch(applicationActionCreator.notification.success(message)) }\n }\n}\n\nconst mapStateToProps = (state, ownProps) => {\n return {\n currentUser: state.application.currentUser\n }\n}\n\nexport default connect(mapStateToProps, mapDispatchToProps)(List);","export const countryOptions = [\n { key: 'af', value: 'af', flag: 'af', text: 'Afghanistan' },\n { key: 'ax', value: 'ax', flag: 'ax', text: 'Aland Islands' },\n { key: 'al', value: 'al', flag: 'al', text: 'Albania' },\n { key: 'dz', value: 'dz', flag: 'dz', text: 'Algeria' },\n { key: 'as', value: 'as', flag: 'as', text: 'American Samoa' },\n { key: 'ad', value: 'ad', flag: 'ad', text: 'Andorra' },\n { key: 'ao', value: 'ao', flag: 'ao', text: 'Angola' },\n { key: 'ai', value: 'ai', flag: 'ai', text: 'Anguilla' },\n { key: 'ag', value: 'ag', flag: 'ag', text: 'Antigua' },\n { key: 'ar', value: 'ar', flag: 'ar', text: 'Argentina' },\n { key: 'am', value: 'am', flag: 'am', text: 'Armenia' },\n { key: 'aw', value: 'aw', flag: 'aw', text: 'Aruba' },\n { key: 'au', value: 'au', flag: 'au', text: 'Australia' },\n { key: 'at', value: 'at', flag: 'at', text: 'Austria' },\n { key: 'az', value: 'az', flag: 'az', text: 'Azerbaijan' },\n { key: 'bs', value: 'bs', flag: 'bs', text: 'Bahamas' },\n { key: 'bh', value: 'bh', flag: 'bh', text: 'Bahrain' },\n { key: 'bd', value: 'bd', flag: 'bd', text: 'Bangladesh' },\n { key: 'bb', value: 'bb', flag: 'bb', text: 'Barbados' },\n { key: 'by', value: 'by', flag: 'by', text: 'Belarus' },\n { key: 'be', value: 'be', flag: 'be', text: 'Belgium', code:'32' },\n { key: 'bz', value: 'bz', flag: 'bz', text: 'Belize' },\n { key: 'bj', value: 'bj', flag: 'bj', text: 'Benin' },\n { key: 'bm', value: 'bm', flag: 'bm', text: 'Bermuda' },\n { key: 'bt', value: 'bt', flag: 'bt', text: 'Bhutan' },\n { key: 'bo', value: 'bo', flag: 'bo', text: 'Bolivia' },\n { key: 'ba', value: 'ba', flag: 'ba', text: 'Bosnia' },\n { key: 'bw', value: 'bw', flag: 'bw', text: 'Botswana' },\n { key: 'bv', value: 'bv', flag: 'bv', text: 'Bouvet Island' },\n { key: 'br', value: 'br', flag: 'br', text: 'Brazil' },\n { key: 'vg', value: 'vg', flag: 'vg', text: 'British Virgin Islands' },\n { key: 'bn', value: 'bn', flag: 'bn', text: 'Brunei' },\n { key: 'bg', value: 'bg', flag: 'bg', text: 'Bulgaria' },\n { key: 'bf', value: 'bf', flag: 'bf', text: 'Burkina Faso' },\n { key: 'bi', value: 'bi', flag: 'bi', text: 'Burundi' },\n { key: 'tc', value: 'tc', flag: 'tc', text: 'Caicos Islands' },\n { key: 'kh', value: 'kh', flag: 'kh', text: 'Cambodia' },\n { key: 'cm', value: 'cm', flag: 'cm', text: 'Cameroon' },\n { key: 'ca', value: 'ca', flag: 'ca', text: 'Canada' },\n { key: 'cv', value: 'cv', flag: 'cv', text: 'Cape Verde' },\n { key: 'ky', value: 'ky', flag: 'ky', text: 'Cayman Islands' },\n { key: 'cf', value: 'cf', flag: 'cf', text: 'Central African Republic' },\n { key: 'td', value: 'td', flag: 'td', text: 'Chad' },\n { key: 'cl', value: 'cl', flag: 'cl', text: 'Chile' },\n { key: 'cn', value: 'cn', flag: 'cn', text: 'China' },\n { key: 'cx', value: 'cx', flag: 'cx', text: 'Christmas Island' },\n { key: 'cc', value: 'cc', flag: 'cc', text: 'Cocos Islands' },\n { key: 'co', value: 'co', flag: 'co', text: 'Colombia' },\n { key: 'km', value: 'km', flag: 'km', text: 'Comoros' },\n { key: 'cg', value: 'cg', flag: 'cg', text: 'Congo Brazzaville' },\n { key: 'cd', value: 'cd', flag: 'cd', text: 'Congo' },\n { key: 'ck', value: 'ck', flag: 'ck', text: 'Cook Islands' },\n { key: 'cr', value: 'cr', flag: 'cr', text: 'Costa Rica' },\n { key: 'ci', value: 'ci', flag: 'ci', text: 'Cote Divoire' },\n { key: 'hr', value: 'hr', flag: 'hr', text: 'Croatia' },\n { key: 'cu', value: 'cu', flag: 'cu', text: 'Cuba' },\n { key: 'cy', value: 'cy', flag: 'cy', text: 'Cyprus' },\n { key: 'cz', value: 'cz', flag: 'cz', text: 'Czech Republic' },\n { key: 'dk', value: 'dk', flag: 'dk', text: 'Denmark' },\n { key: 'dj', value: 'dj', flag: 'dj', text: 'Djibouti' },\n { key: 'dm', value: 'dm', flag: 'dm', text: 'Dominica' },\n { key: 'do', value: 'do', flag: 'do', text: 'Dominican Republic' },\n { key: 'ec', value: 'ec', flag: 'ec', text: 'Ecuador' },\n { key: 'eg', value: 'eg', flag: 'eg', text: 'Egypt' },\n { key: 'sv', value: 'sv', flag: 'sv', text: 'El Salvador' },\n { key: 'gb', value: 'gb', flag: 'gb', text: 'England', code:'44' },\n { key: 'gq', value: 'gq', flag: 'gq', text: 'Equatorial Guinea' },\n { key: 'er', value: 'er', flag: 'er', text: 'Eritrea' },\n { key: 'ee', value: 'ee', flag: 'ee', text: 'Estonia' },\n { key: 'et', value: 'et', flag: 'et', text: 'Ethiopia' },\n { key: 'eu', value: 'eu', flag: 'eu', text: 'European Union' },\n { key: 'fk', value: 'fk', flag: 'fk', text: 'Falkland Islands' },\n { key: 'fo', value: 'fo', flag: 'fo', text: 'Faroe Islands' },\n { key: 'fj', value: 'fj', flag: 'fj', text: 'Fiji' },\n { key: 'fi', value: 'fi', flag: 'fi', text: 'Finland' },\n { key: 'fr', value: 'fr', flag: 'fr', text: 'France' },\n { key: 'gf', value: 'gf', flag: 'gf', text: 'French Guiana' },\n { key: 'pf', value: 'pf', flag: 'pf', text: 'French Polynesia' },\n { key: 'tf', value: 'tf', flag: 'tf', text: 'French Territories' },\n { key: 'ga', value: 'ga', flag: 'ga', text: 'Gabon' },\n { key: 'gm', value: 'gm', flag: 'gm', text: 'Gambia' },\n { key: 'ge', value: 'ge', flag: 'ge', text: 'Georgia' },\n { key: 'de', value: 'de', flag: 'de', text: 'Germany' },\n { key: 'gh', value: 'gh', flag: 'gh', text: 'Ghana' },\n { key: 'gi', value: 'gi', flag: 'gi', text: 'Gibraltar' },\n { key: 'gr', value: 'gr', flag: 'gr', text: 'Greece' },\n { key: 'gl', value: 'gl', flag: 'gl', text: 'Greenland' },\n { key: 'gd', value: 'gd', flag: 'gd', text: 'Grenada' },\n { key: 'gp', value: 'gp', flag: 'gp', text: 'Guadeloupe' },\n { key: 'gu', value: 'gu', flag: 'gu', text: 'Guam' },\n { key: 'gt', value: 'gt', flag: 'gt', text: 'Guatemala' },\n { key: 'gw', value: 'gw', flag: 'gw', text: 'Guinea-Bissau' },\n { key: 'gn', value: 'gn', flag: 'gn', text: 'Guinea' },\n { key: 'gy', value: 'gy', flag: 'gy', text: 'Guyana' },\n { key: 'ht', value: 'ht', flag: 'ht', text: 'Haiti' },\n { key: 'hm', value: 'hm', flag: 'hm', text: 'Heard Island' },\n { key: 'hn', value: 'hn', flag: 'hn', text: 'Honduras' },\n { key: 'hk', value: 'hk', flag: 'hk', text: 'Hong Kong' },\n { key: 'hu', value: 'hu', flag: 'hu', text: 'Hungary' },\n { key: 'is', value: 'is', flag: 'is', text: 'Iceland' },\n { key: 'in', value: 'in', flag: 'in', text: 'India' },\n { key: 'io', value: 'io', flag: 'io', text: 'Indian Ocean Territory' },\n { key: 'id', value: 'id', flag: 'id', text: 'Indonesia' },\n { key: 'ir', value: 'ir', flag: 'ir', text: 'Iran' },\n { key: 'iq', value: 'iq', flag: 'iq', text: 'Iraq' },\n { key: 'ie', value: 'ie', flag: 'ie', text: 'Ireland' },\n { key: 'il', value: 'il', flag: 'il', text: 'Israel' },\n { key: 'it', value: 'it', flag: 'it', text: 'Italy' },\n { key: 'jm', value: 'jm', flag: 'jm', text: 'Jamaica' },\n { key: 'jp', value: 'jp', flag: 'jp', text: 'Japan' },\n { key: 'jo', value: 'jo', flag: 'jo', text: 'Jordan' },\n { key: 'kz', value: 'kz', flag: 'kz', text: 'Kazakhstan' },\n { key: 'ke', value: 'ke', flag: 'ke', text: 'Kenya' },\n { key: 'ki', value: 'ki', flag: 'ki', text: 'Kiribati' },\n { key: 'kw', value: 'kw', flag: 'kw', text: 'Kuwait' },\n { key: 'kg', value: 'kg', flag: 'kg', text: 'Kyrgyzstan' },\n { key: 'la', value: 'la', flag: 'la', text: 'Laos' },\n { key: 'lv', value: 'lv', flag: 'lv', text: 'Latvia' },\n { key: 'lb', value: 'lb', flag: 'lb', text: 'Lebanon' },\n { key: 'ls', value: 'ls', flag: 'ls', text: 'Lesotho' },\n { key: 'lr', value: 'lr', flag: 'lr', text: 'Liberia' },\n { key: 'ly', value: 'ly', flag: 'ly', text: 'Libya' },\n { key: 'li', value: 'li', flag: 'li', text: 'Liechtenstein' },\n { key: 'lt', value: 'lt', flag: 'lt', text: 'Lithuania' },\n { key: 'lu', value: 'lu', flag: 'lu', text: 'Luxembourg' },\n { key: 'mo', value: 'mo', flag: 'mo', text: 'Macau' },\n { key: 'mk', value: 'mk', flag: 'mk', text: 'Macedonia' },\n { key: 'mg', value: 'mg', flag: 'mg', text: 'Madagascar' },\n { key: 'mw', value: 'mw', flag: 'mw', text: 'Malawi' },\n { key: 'my', value: 'my', flag: 'my', text: 'Malaysia' },\n { key: 'mv', value: 'mv', flag: 'mv', text: 'Maldives' },\n { key: 'ml', value: 'ml', flag: 'ml', text: 'Mali' },\n { key: 'mt', value: 'mt', flag: 'mt', text: 'Malta' },\n { key: 'mh', value: 'mh', flag: 'mh', text: 'Marshall Islands' },\n { key: 'mq', value: 'mq', flag: 'mq', text: 'Martinique' },\n { key: 'mr', value: 'mr', flag: 'mr', text: 'Mauritania' },\n { key: 'mu', value: 'mu', flag: 'mu', text: 'Mauritius' },\n { key: 'yt', value: 'yt', flag: 'yt', text: 'Mayotte' },\n { key: 'mx', value: 'mx', flag: 'mx', text: 'Mexico' },\n { key: 'fm', value: 'fm', flag: 'fm', text: 'Micronesia' },\n { key: 'md', value: 'md', flag: 'md', text: 'Moldova' },\n { key: 'mc', value: 'mc', flag: 'mc', text: 'Monaco' },\n { key: 'mn', value: 'mn', flag: 'mn', text: 'Mongolia' },\n { key: 'me', value: 'me', flag: 'me', text: 'Montenegro' },\n { key: 'ms', value: 'ms', flag: 'ms', text: 'Montserrat' },\n { key: 'ma', value: 'ma', flag: 'ma', text: 'Morocco' },\n { key: 'mz', value: 'mz', flag: 'mz', text: 'Mozambique' },\n { key: 'na', value: 'na', flag: 'na', text: 'Namibia' },\n { key: 'nr', value: 'nr', flag: 'nr', text: 'Nauru' },\n { key: 'np', value: 'np', flag: 'np', text: 'Nepal' },\n { key: 'an', value: 'an', flag: 'an', text: 'Netherlands Antilles' },\n { key: 'nl', value: 'nl', flag: 'nl', text: 'Netherlands' },\n { key: 'nc', value: 'nc', flag: 'nc', text: 'New Caledonia' },\n { key: 'pg', value: 'pg', flag: 'pg', text: 'New Guinea' },\n { key: 'nz', value: 'nz', flag: 'nz', text: 'New Zealand' },\n { key: 'ni', value: 'ni', flag: 'ni', text: 'Nicaragua' },\n { key: 'ne', value: 'ne', flag: 'ne', text: 'Niger' },\n { key: 'ng', value: 'ng', flag: 'ng', text: 'Nigeria' },\n { key: 'nu', value: 'nu', flag: 'nu', text: 'Niue' },\n { key: 'nf', value: 'nf', flag: 'nf', text: 'Norfolk Island' },\n { key: 'kp', value: 'kp', flag: 'kp', text: 'North Korea' },\n { key: 'mp', value: 'mp', flag: 'mp', text: 'Northern Mariana Islands' },\n { key: 'no', value: 'no', flag: 'no', text: 'Norway' },\n { key: 'om', value: 'om', flag: 'om', text: 'Oman' },\n { key: 'pk', value: 'pk', flag: 'pk', text: 'Pakistan' },\n { key: 'pw', value: 'pw', flag: 'pw', text: 'Palau' },\n { key: 'ps', value: 'ps', flag: 'ps', text: 'Palestine' },\n { key: 'pa', value: 'pa', flag: 'pa', text: 'Panama' },\n { key: 'py', value: 'py', flag: 'py', text: 'Paraguay' },\n { key: 'pe', value: 'pe', flag: 'pe', text: 'Peru' },\n { key: 'ph', value: 'ph', flag: 'ph', text: 'Philippines' },\n { key: 'pn', value: 'pn', flag: 'pn', text: 'Pitcairn Islands' },\n { key: 'pl', value: 'pl', flag: 'pl', text: 'Poland' },\n { key: 'pt', value: 'pt', flag: 'pt', text: 'Portugal' },\n { key: 'pr', value: 'pr', flag: 'pr', text: 'Puerto Rico' },\n { key: 'qa', value: 'qa', flag: 'qa', text: 'Qatar' },\n { key: 're', value: 're', flag: 're', text: 'Reunion' },\n { key: 'ro', value: 'ro', flag: 'ro', text: 'Romania' },\n { key: 'ru', value: 'ru', flag: 'ru', text: 'Russia' },\n { key: 'rw', value: 'rw', flag: 'rw', text: 'Rwanda' },\n { key: 'sh', value: 'sh', flag: 'sh', text: 'Saint Helena' },\n { key: 'kn', value: 'kn', flag: 'kn', text: 'Saint Kitts and Nevis' },\n { key: 'lc', value: 'lc', flag: 'lc', text: 'Saint Lucia' },\n { key: 'pm', value: 'pm', flag: 'pm', text: 'Saint Pierre' },\n { key: 'vc', value: 'vc', flag: 'vc', text: 'Saint Vincent' },\n { key: 'ws', value: 'ws', flag: 'ws', text: 'Samoa' },\n { key: 'sm', value: 'sm', flag: 'sm', text: 'San Marino' },\n { key: 'gs', value: 'gs', flag: 'gs', text: 'Sandwich Islands' },\n { key: 'st', value: 'st', flag: 'st', text: 'Sao Tome' },\n { key: 'sa', value: 'sa', flag: 'sa', text: 'Saudi Arabia' },\n { key: 'sn', value: 'sn', flag: 'sn', text: 'Senegal' },\n { key: 'cs', value: 'cs', flag: 'cs', text: 'Serbia' },\n { key: 'rs', value: 'rs', flag: 'rs', text: 'Serbia' },\n { key: 'sc', value: 'sc', flag: 'sc', text: 'Seychelles' },\n { key: 'sl', value: 'sl', flag: 'sl', text: 'Sierra Leone' },\n { key: 'sg', value: 'sg', flag: 'sg', text: 'Singapore' },\n { key: 'sk', value: 'sk', flag: 'sk', text: 'Slovakia' },\n { key: 'si', value: 'si', flag: 'si', text: 'Slovenia' },\n { key: 'sb', value: 'sb', flag: 'sb', text: 'Solomon Islands' },\n { key: 'so', value: 'so', flag: 'so', text: 'Somalia' },\n { key: 'za', value: 'za', flag: 'za', text: 'South Africa' },\n { key: 'kr', value: 'kr', flag: 'kr', text: 'South Korea' },\n { key: 'es', value: 'es', flag: 'es', text: 'Spain' },\n { key: 'lk', value: 'lk', flag: 'lk', text: 'Sri Lanka' },\n { key: 'sd', value: 'sd', flag: 'sd', text: 'Sudan' },\n { key: 'sr', value: 'sr', flag: 'sr', text: 'Suriname' },\n { key: 'sj', value: 'sj', flag: 'sj', text: 'Svalbard' },\n { key: 'sz', value: 'sz', flag: 'sz', text: 'Swaziland' },\n { key: 'se', value: 'se', flag: 'se', text: 'Sweden' },\n { key: 'ch', value: 'ch', flag: 'ch', text: 'Switzerland' },\n { key: 'sy', value: 'sy', flag: 'sy', text: 'Syria' },\n { key: 'tw', value: 'tw', flag: 'tw', text: 'Taiwan' },\n { key: 'tj', value: 'tj', flag: 'tj', text: 'Tajikistan' },\n { key: 'tz', value: 'tz', flag: 'tz', text: 'Tanzania' },\n { key: 'th', value: 'th', flag: 'th', text: 'Thailand' },\n { key: 'tl', value: 'tl', flag: 'tl', text: 'Timorleste' },\n { key: 'tg', value: 'tg', flag: 'tg', text: 'Togo' },\n { key: 'tk', value: 'tk', flag: 'tk', text: 'Tokelau' },\n { key: 'to', value: 'to', flag: 'to', text: 'Tonga' },\n { key: 'tt', value: 'tt', flag: 'tt', text: 'Trinidad' },\n { key: 'tn', value: 'tn', flag: 'tn', text: 'Tunisia' },\n { key: 'tr', value: 'tr', flag: 'tr', text: 'Turkey' },\n { key: 'tm', value: 'tm', flag: 'tm', text: 'Turkmenistan' },\n { key: 'tv', value: 'tv', flag: 'tv', text: 'Tuvalu' },\n { key: 'ug', value: 'ug', flag: 'ug', text: 'Uganda' },\n { key: 'ua', value: 'ua', flag: 'ua', text: 'Ukraine' },\n { key: 'ae', value: 'ae', flag: 'ae', text: 'United Arab Emirates' },\n { key: 'us', value: 'us', flag: 'us', text: 'United States' },\n { key: 'uy', value: 'uy', flag: 'uy', text: 'Uruguay' },\n { key: 'um', value: 'um', flag: 'um', text: 'Us Minor Islands' },\n { key: 'vi', value: 'vi', flag: 'vi', text: 'Us Virgin Islands' },\n { key: 'uz', value: 'uz', flag: 'uz', text: 'Uzbekistan' },\n { key: 'vu', value: 'vu', flag: 'vu', text: 'Vanuatu' },\n { key: 'va', value: 'va', flag: 'va', text: 'Vatican City' },\n { key: 've', value: 've', flag: 've', text: 'Venezuela' },\n { key: 'vn', value: 'vn', flag: 'vn', text: 'Vietnam' },\n { key: 'wf', value: 'wf', flag: 'wf', text: 'Wallis and Futuna' },\n { key: 'eh', value: 'eh', flag: 'eh', text: 'Western Sahara' },\n { key: 'ye', value: 'ye', flag: 'ye', text: 'Yemen' },\n { key: 'zm', value: 'zm', flag: 'zm', text: 'Zambia' },\n { key: 'zw', value: 'zw', flag: 'zw', text: 'Zimbabwe' },\n]","\nimport React from 'react';\n\nimport Axios from 'axios';\n\nimport { Link } from 'react-router-dom';\n\nimport { Form, Input, Label, Popup } from 'semantic-ui-react';\n\nimport { onUserChanged } from '../Index';\nimport CenteredMidLayout from '../Components/CenteredMidLayout';\nimport IMComponent, { IMErrorField } from '../Components/IMComponent';\nimport { showLoading, hideLoading } from '../Components/ModalComponent';\nimport AuthenticationInformation from '../Utilities/AuthenticationInformation';\nimport { countryOptions } from '../../components/Semantic-ui-options';\nimport { isEmailValid, errorMessages, getPasswordValidation, isNullOrEmpty } from '../../components/utility/Helper';\nimport { connect } from 'react-redux';\nimport applicationActionCreator, { actions } from '../../redux/actions/applicationActions';\nimport { bindActionCreators } from 'redux';\n\nfunction AccountCenteredMidLayout({ children: Children }) {\n return (\n Users
\n \n New\n\n \n\n
\n )\n}\n\nclass MyAccount extends IMComponent {\n constructor(props) {\n super(props, { firstName: '', phone: '', password: '', repassword: '', lastName: '', email: '', company: '', countryCode: '', phoneCode: '' });\n this.state = {\n countries: [],\n isManager: AuthenticationInformation.instance.isManager,\n ...this.state\n };\n props.showLoading('LOAD_MYACCOUNT');\n this.onModelValidation = this.onModelValidation.bind(this);\n this.loadCountriesAvailable = this.loadCountriesAvailable.bind(this);\n this.onSubmitHandler = this.onSubmitHandler.bind(this);\n this.loadPasswordSetting();\n }\n\n loadCountriesAvailable = function () {\n const self = this;\n Axios.get('/api/CountriesPhone')\n .then(function (countries) {\n\n const onlyShortNames = countries.data.map(x => x.shortName);\n const filteredCountries = countryOptions.filter(x => onlyShortNames.includes(x.key.toUpperCase())).map(x => {\n const country = countries.data.find(y => y.shortName === x.key.toUpperCase());\n x.code = country.code;\n return x;\n });\n\n let currentCountryCode = filteredCountries.find(x => x.key === self.state.model.countryCode);\n self.setState({\n countries: filteredCountries,\n model: {\n ...self.state.model,\n phoneCode: currentCountryCode !== undefined ? currentCountryCode.code : \"\",\n }\n });\n })\n }\n\n onPasswordEnabled = () => {\n const { passwordSetting } = this.state;\n this.setState({ passwordValidations: getPasswordValidation(\"\", passwordSetting), validModel: false });\n }\n\n onPasswordDisabled = () => {\n const { model } = this.state;\n this.setState({ model: { ...model, password: \"\", repassword: \"\" } });\n }\n\n onSubmitHandler = function () {\n const self = this;\n this.props.showLoading('SUBMIT_MYACCOUNT_CHANGES');\n return Axios.put('api/User/Update', this.state.model)\n .then(function () {\n self.props.history.push('/Licenses');\n self.showToastSuccess({ title: \"Update\", message: \"User information was successfully updated.Please check your mail for confirmation of email changing.\" });\n })\n .catch(function (ex) {\n self.showToastError({ title: \"\", message: ex.response.data });\n })\n .then(function () {\n self.props.hideLoading('SUBMIT_MYACCOUNT_CHANGES');\n })\n }\n\n loadUserData = function () {\n const self = this;\n return Axios.get('/api/User', { params: { version: Math.random() } })\n .then(function (response) { return response.data })\n .then(function (userInformation) {\n self.setState({\n isManager: userInformation.isManager,\n model: {\n firstName: userInformation.firstName,\n company: userInformation.company || '',\n lastName: userInformation.lastName,\n email: userInformation.email,\n createdAt: userInformation.createdAt,\n phone: userInformation.phone,\n countryCode: userInformation.countryCode,\n modifiedAt: userInformation.modifiedAt\n }\n });\n\n })\n .catch(function (ex) {\n console.log(ex);\n })\n .then(function () {\n self.setState({\n validModel: self.onModelValidation()\n });\n return self.loadCountriesAvailable();\n })\n }\n\n componentDidMount = function () {\n const self = this;\n this.loadUserData()\n .then(function () {\n return self.onModelValidation();\n })\n .then(function () {\n self.props.hideLoading('LOAD_MYACCOUNT');\n })\n }\n\n onModelValidation = () => {\n const { phone, password, repassword, email, countryCode } = this.state.model;\n const { passwordEnabled, passwordSetting } = this.state;\n let isValid = true;\n this.clearErrors();\n if (!isEmailValid(email)) {\n this.addError(\"email\", errorMessages.general.incorrectFormat.format(\"email\"));\n isValid = false;\n }\n\n if (passwordEnabled) {\n let passwordValidations = getPasswordValidation(password ? password : \"\")\n if (passwordValidations.filter(x => !x.status).length > 0 || password !== repassword)\n isValid = false;\n this.setState({ passwordValidations: getPasswordValidation(password ? password : \"\", passwordSetting) });\n }\n return isValid;\n }\n\n loadPasswordSetting() {\n this.props.showLoading('LOAD_PASSWORDSETTINGS')\n const self = this;\n return Axios.get(`/api/PasswordSettings/CurrentUser`)\n .then(function (passwordSetting) {\n self.setState({ passwordSetting: passwordSetting.data });\n\n })\n .then(function () {\n self.props.hideLoading('LOAD_PASSWORDSETTINGS');\n })\n }\n handleCountryChange = () => {\n let country = { code: null, value: \"\" };\n if (this.state.model.countryCode !== \"\")\n country = countryOptions.find(x => x.key === this.state.model.countryCode);\n\n this.onModelPropertyChange({ target: { name: \"phoneCode\", value: country.code } });\n }\n\n componentWillUpdate = () => {\n\n const { phone, password, repassword, countryCode } = this.state.model\n const { passwordEnabled } = this.state;\n const phoneEnabled = !!countryCode;\n\n if (!phoneEnabled && !!phone)\n this.onModelPropertyChange({ target: { name: \"phone\", value: '' } });\n if (!passwordEnabled && (password || repassword)) {\n this.onModelPropertyChange({ target: { name: \"password\", value: '' } });\n this.onModelPropertyChange({ target: { name: \"repassword\", value: '' } });\n }\n\n }\n\n render() {\n\n const { firstName, phone, password, repassword, lastName, email, company, countryCode, phoneCode } = this.state.model;\n const { countries, validModel, passwordValidations, passwordEnabled, isManager } = this.state;\n const { email: errorEmail } = this.state.errors;\n const classPassword = passwordEnabled ? \"im_text_field\" : \"hidden\";\n const phoneEnabled = !!countryCode;\n const errorCountryCode = !!countryCode ? '' : 'Please select your Country';\n\n return (\n \n {Children}\n
\n \n \n \n \n
\n )\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n successMessage: function (message) { return dispatch(applicationActionCreator.notification.success(message)) },\n errorMessage: function (message) { return dispatch(applicationActionCreator.notification.error(message)) },\n showLoading: function (caller) { return dispatch(applicationActionCreator.showLoading(caller)) },\n hideLoading: function (caller) { return dispatch(applicationActionCreator.hideLoading(caller)) }\n }\n}\n\nexport default connect(null, mapDispatchToProps)(MyAccount);","import React from 'react';\n\nimport axios from 'axios';\n\nimport { Link } from 'react-router-dom';\n\nimport { Form, Grid, Button } from 'semantic-ui-react';\n\nimport IMComponent from '../Components/IMComponent';\nimport { showLoading, hideLoading } from '../Components/ModalComponent';\nimport { bindActionCreators } from 'redux';\nimport applicationActionCreator, { actions } from '../../redux/actions/applicationActions';\nimport { connect } from 'react-redux';\n\nclass PasswordSetting extends IMComponent {\n constructor(props) {\n super(props, {\n minimunChars: 8,\n uppercaseChars: 1,\n specialChars: 1,\n expirationMonths: 12,\n twoFA: false,\n passwordHistory: false\n });\n this.state = {\n ...this.state,\n minChars: 8,\n errorMessage: '',\n successMessage: '',\n };\n this.loadPasswordSetting();\n this.onSubmitHandler = this.onSubmitHandler.bind(this);\n }\n componentDidMount() {\n }\n\n loadPasswordSetting = function () {\n const self = this;\n return axios.get('/api/PasswordSettings/CurrentUser')\n .then(function (response) {\n self.setState({ model: response.data });\n });\n }\n onModelValidation = () => {\n const { minimunChars, uppercaseChars, specialChars, ...model } = this.state.model;\n let minChars = parseInt(specialChars) + parseInt(uppercaseChars);\n\n if (minChars < 8)\n minChars = 8;\n this.setState({\n model: {\n ...model,\n specialChars: parseInt(specialChars),\n uppercaseChars: parseInt(uppercaseChars),\n minimunChars: minimunChars < minChars ? minChars : parseInt(minimunChars)\n },\n minChars\n });\n this.forceUpdate();\n return true;\n }\n\n onSubmitHandler = function () {\n const self = this;\n this.setState({ errorMessage: '', successMessage: '' });\n this.props.showLoading('SUBMIT_PASSWORDSETTINGS');\n return axios.post('/api/PasswordSettings', this.state.model)\n .then(function () {\n self.setState({ successMessage: 'Password settings saved successfully.' });\n\n })\n .catch(function (ex) {\n\n const errorMessage = ex.data;\n self.setState({ errorMessage });\n })\n .then(function () {\n self.props.hideLoading('SUBMIT_PASSWORDSETTINGS');\n });\n }\n\n render() {\n const { minimunChars, uppercaseChars, specialChars, twoFA, expirationMonths, passwordHistory } = this.state.model;\n const { errorMessage, successMessage, minChars } = this.state;\n let view = (\n \n\n
\n \n
\n My Profile
\n\n \n \n \n
\n \n \n \n {\n \n \n }\n \n \n \n \n \n \n \n {(!!errorMessage) ? : ''}\n {(!!successMessage) ? : ''}\n
\n );\n return view;\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n showLoading: function (caller) { return dispatch(applicationActionCreator.showLoading(caller)) },\n hideLoading: function (caller) { return dispatch(applicationActionCreator.hideLoading(caller)) }\n }\n}\n\nexport default connect(null, mapDispatchToProps)(PasswordSetting);","\nimport React from 'react';\n\nimport Axios from 'axios';\n\nimport { Link, withRouter } from 'react-router-dom';\n\nimport { Form, Input, Label, Popup } from 'semantic-ui-react';\nimport IMComponent, { IMErrorField } from '../Components/IMComponent';\nimport AuthenticationInformation from '../Utilities/AuthenticationInformation';\nimport { countryOptions } from '../../components/Semantic-ui-options';\nimport { isEmailValid, errorMessages, getPasswordValidation, isNullOrEmpty } from '../../components/utility/Helper';\nimport { bindActionCreators } from 'redux';\nimport { connect } from 'react-redux';\nimport applicationActionCreator, { actions } from '../../redux/actions/applicationActions';\n\nfunction AccountCenteredMidLayout({ children: Children }) {\n return (\n Password Settings
\nError
{this.state.errorMessage}
Success
{this.state.successMessage}
\n \n
\n \n
\n )\n}\n\nclass Edit extends IMComponent {\n constructor(props) {\n super(props, { firstName: '', phone: '', password: '', repassword: '', lastName: '', email: '', company: '', countryCode: '', phoneCode: '' });\n this.state = {\n countries: [],\n isManager: AuthenticationInformation.instance.isManager,\n ...this.state\n };\n props.showLoading('LOAD_USER_DATE');\n this.loadPasswordSetting();\n this.loadUserData = this.loadUserData.bind(this);\n this.onSubmitHandler = this.onSubmitHandler.bind(this);\n }\n\n loadCountriesAvailable = function () {\n const self = this;\n Axios.get('/api/CountriesPhone')\n .then(function (countries) {\n const onlyShortNames = countries.data.map(x => x.shortName);\n const filteredCountries = countryOptions.filter(x => onlyShortNames.includes(x.key.toUpperCase())).map(x => {\n var country = countries.data.find(y => y.shortName === x.key.toUpperCase());\n x.code = country.code;\n return x;\n });\n\n let currentCountryCode = filteredCountries.find(x => x.key === self.state.model.countryCode);\n self.setState({\n countries: filteredCountries,\n model: {\n ...self.state.model,\n phoneCode: currentCountryCode !== undefined ? currentCountryCode.code : \"\",\n }\n });\n\n })\n }\n\n onPasswordEnabled = () => {\n const { passwordSetting } = this.state;\n this.setState({ passwordValidations: getPasswordValidation(\"\", passwordSetting), validModel: false });\n }\n\n onPasswordDisabled = () => {\n const { model } = this.state;\n this.setState({ model: { ...model, password: \"\", repassword: \"\" } });\n }\n\n onSubmitHandler = function () {\n this.props.showLoading('SUBMIT_USER');\n const self = this;\n\n const id = self.props.match.params.userId;\n if (id) {\n return self.updateUser.bind(self, id)();\n } else {\n return self.createUser.bind(self)();\n\n }\n }\n\n createUser = function () {\n const self = this;\n return Axios.post('api/User', { ...this.state.model })\n .then(function () {\n self.props.history.push('/user/list');\n self.showToastSuccess({ title: \"Create\", message: \"User information was successfully Created\" })\n })\n .catch(function (ex) {\n debugger\n self.showToastError({ title: \"\", message: ex.response.data })\n })\n .then(function () {\n self.props.hideLoading('SUBMIT_USER');\n });\n }\n\n updateUser = function (id) {\n const self = this;\n const idInt = parseInt(id);\n this.state.model.id = idInt;\n\n return Axios.put('api/User', { ...this.state.model })\n .then(function () {\n self.props.history.push('/user/list');\n self.showToastSuccess({ title: \"Update\", message: \"User information was successfully updated\" })\n })\n .catch(function (ex) {\n debugger\n self.showToastError({ title: \"\", message: ex.response.data })\n })\n .then(function () {\n self.props.hideLoading('SUBMIT_USER');\n });\n }\n\n loadUserData = function () {\n const self = this;\n const userId = self.props.match.params.userId;\n if (!userId) {\n return new Promise(function (res) {\n res();\n })\n .then(function () {\n self.setState({\n validModel: self.onModelValidation()\n });\n })\n .then(function () {\n return self.loadCountriesAvailable();\n })\n }\n return Axios.get('/api/User/' + userId)\n .then(function (response) { return response.data; })\n .then(function (userInformation) {\n self.setState({\n isManager: userInformation.isManager,\n model: {\n firstName: userInformation.firstName,\n company: userInformation.company || '',\n lastName: userInformation.lastName,\n email: userInformation.email,\n createdAt: userInformation.createdAt,\n phone: userInformation.phone,\n countryCode: userInformation.countryCode,\n magentoId: userInformation.magentoId,\n modifiedAt: userInformation.modifiedAt\n }\n });\n\n })\n .catch(function (ex) {\n console.log(ex);\n })\n .then(function () {\n self.setState({\n validModel: self.onModelValidation()\n });\n })\n .then(function () {\n return self.loadCountriesAvailable();\n })\n }\n\n componentDidMount = function () {\n const self = this;\n return self.loadUserData()\n .then(function () {\n return self.onModelValidation();\n })\n .then(function () {\n self.props.hideLoading('LOAD_USER_DATE');\n });\n }\n\n onModelValidation = () => {\n const { phone, password, repassword, email, countryCode } = this.state.model;\n const { passwordEnabled, passwordSetting } = this.state;\n let isValid = true;\n this.clearErrors();\n if (!isEmailValid(email)) {\n this.addError(\"email\", errorMessages.general.incorrectFormat.format(\"email\"));\n isValid = false;\n }\n\n if (passwordEnabled) {\n let passwordValidations = getPasswordValidation(password ? password : \"\")\n if (passwordValidations.filter(x => !x.status).length > 0 || password !== repassword)\n isValid = false;\n this.setState({ passwordValidations: getPasswordValidation(password ? password : \"\", passwordSetting) });\n }\n return isValid;\n }\n\n loadPasswordSetting() {\n this.props.showLoading('Load_PASSWORD_SETTINGS');\n const self = this;\n return Axios.get(`/api/PasswordSettings/CurrentUser`)\n .then(function (passwordSetting) {\n self.setState({ passwordSetting: passwordSetting.data });\n })\n .then(function () {\n self.props.hideLoading('Load_PASSWORD_SETTINGS');\n })\n }\n handleCountryChange = () => {\n let country = { code: null, value: \"\" };\n if (this.state.model.countryCode !== \"\")\n country = countryOptions.find(x => x.key === this.state.model.countryCode);\n\n this.onModelPropertyChange({ target: { name: \"phoneCode\", value: country.code } });\n }\n\n componentWillUpdate = () => {\n\n const { phone, password, repassword, countryCode } = this.state.model\n const { passwordEnabled } = this.state;\n const phoneEnabled = !!countryCode;\n\n if (!phoneEnabled && !!phone)\n this.onModelPropertyChange({ target: { name: \"phone\", value: '' } });\n if (!passwordEnabled && (password || repassword)) {\n this.onModelPropertyChange({ target: { name: \"password\", value: '' } });\n this.onModelPropertyChange({ target: { name: \"repassword\", value: '' } });\n }\n\n }\n\n render() {\n\n const { firstName, phone, password, repassword, lastName, email, company, countryCode, phoneCode, magentoId } = this.state.model;\n const { countries, validModel, passwordValidations, passwordEnabled, isManager } = this.state;\n const { email: errorEmail } = this.state.errors\n const classPassword = passwordEnabled ? \"im_text_field\" : \"hidden\";\n const phoneEnabled = !!countryCode;\n const errorCountryCode = !!countryCode ? '' : 'Please select your Country';\n\n return (\n \n {Children}\n
\n \n\n \n \n \n
\n )\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n showLoading: function (caller) { return dispatch(applicationActionCreator.showLoading(caller)) },\n hideLoading: function (caller) { return dispatch(applicationActionCreator.hideLoading(caller)) },\n successMessage: function (message) { return dispatch(applicationActionCreator.notification.success(message)) },\n errorMessage: function (message) { return dispatch(applicationActionCreator.notification.error(message)) }\n }\n}\n\nexport default withRouter(connect(null, mapDispatchToProps)(Edit));","import React, { Component } from 'react';\n\nimport '../scss/app.scss';\nimport '../scss/semantic-ui-css-personalized.scss';\n\nimport ModalComponent from './Components/ModalComponent';\nimport PrivateRoute from './Components/PrivateRoute';\nimport AuthenticationInformation from './Utilities/AuthenticationInformation';\nimport { AuthenticationService } from './Utilities/AuthenticationService';\nimport { Switch, Redirect, withRouter, Route } from 'react-router-dom';\nimport applicationActionCreator from '../redux/actions/applicationActions';\nimport { connect } from 'react-redux';\nexport let goToPageNavigation;\nexport let onUserChanged;\nclass Index extends Component {\n constructor(props) {\n super(props);\n const { pathname } = this.props.location\n this.state = {\n loadingState: true,\n previousUrl: pathname,\n userInformation: null\n };\n this.onUserChanged(false);\n goToPageNavigation = this.goToPage.bind(this);\n }\n\n onToggleLoadingPage = () => {\n this.setState({ loadingState: !this.state.loadingState });\n }\n\n onUserChanged = function (force = false) {\n const userInformation = null;\n const usr = AuthenticationInformation.instance.userInformation;\n this.props.showLoading('LOADING_USER');\n const self = this;\n return new Promise((resolve) => {\n resolve();\n }).then(function () {\n if (!userInformation || force) {\n self.setState({ userInformation: AuthenticationInformation.instance.userInformation });\n return new AuthenticationService().getCurrentUser();\n }\n else\n AuthenticationInformation.instance.userInformation = userInformation;\n\n })\n .then(function () {\n if (force)\n self.forceUpdate();\n const { previousUrl } = self.state;\n if (usr !== AuthenticationInformation.instance.userInformation) {\n if (!!AuthenticationInformation.instance.userInformation.name)\n self.goToPage(previousUrl === \"/\" ? \"/private\" : previousUrl);\n else\n self.goToPage('/private');\n }\n self.props.hideLoading('LOADING_USER');\n })\n }\n\n goToPage = (url) => {\n this.setState({ userInformation: AuthenticationInformation.instance.userInformation });\n this.props.history.push(url);\n }\n\n saveStateGeneral = (value) => {\n this.setState({ ...value });\n }\n componentWillMount = () => {\n\n }\n componentDidMount() {\n\n }\n\n render() {\n const { loadingState, userInformation } = this.state;\n return (\n \n\n
\n \n
\n Edit User
\n\n \n \n \n
\n \n \n (\n : null}\n
\n )\n }\n}\n\nfunction mapDispatchToProps(dispatch) {\n return {\n showLoading: function (caller) { return dispatch(applicationActionCreator.showLoading(caller)) },\n hideLoading: function (caller) { return dispatch(applicationActionCreator.hideLoading(caller)) }\n }\n}\n\nexport default withRouter(connect(null, mapDispatchToProps)(Index))\n\n","import React, { Component } from 'react'\nimport { Switch } from 'react-router-dom';\n\nimport PropsRoute from '../Components/PropsRoute';\nimport ResetPassword from '../../components/ResetPassword';\n\nimport List from './List';\nimport MyAccount from './MyAccount';\nimport PasswordSetting from './PasswordSetting';\nimport EditUser from './EditUser';\n\n\nexport default class Index extends Component {\n render() {\n return (\n \n
\n )\n }\n}","import React, { Component } from 'react'\nimport { Route, Redirect } from 'react-router-dom'\nimport AuthenticationInformation from '../Utilities/AuthenticationInformation';\n\nimport PrivateLayout from './PrivateLayout';\n\nexport default class PrivateRoute extends Component {\n constructor(props) {\n super(props);\n this.state={\n\n }\n }\n render() {\n const { ...rest } = this.props;\n return (\n \n \n Information Mapping Logo\n \n \n
\n \n\n \n
\n FS Pro Console
\n\n
\n \n
\n\n Welcome to the FS Pro Console. Here you can manage your licenses.
\n\n
\n \n \n \n
\n \n *{this.props.errorMessage}\n
\n );\n }\n}\n\nexport default ErrorMessage;\n","import React from 'react';\nimport ErrorMessage from './ErrorMessage';\n\n\n\nclass Textbox extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n showError: false,\n value: null,\n errorMessage: 'Input is not valid',\n };\n if ((typeof props.validate) !== \"function\")\n this.validate = (x) => true;\n else\n this.validate = props.validate;\n this.handleBlur = this.handleBlur.bind(this);\n this.handleChange = this.handleChange.bind(this);\n this.handleKeyPress = this.handleKeyPress.bind(this);\n }\n validation=(value, valid)=>{\n if (typeof valid === 'undefined') {\n valid = true;\n }\n let message = '';\n let showError = false;\n if (!valid) {\n message = this.props.errorMessage;\n valid = false;\n showError = true;\n }\n\n this.setState({\n value: value,\n valid: valid,\n errorMessage: message,\n showError: showError\n });\n }\n\n handleChange(e) {\n this.validation(e.target.value);\n if (this.props.onChange) {\n this.props.onChange(e);\n }\n }\n\n handleKeyPress(e) {\n if (this.props.onKeyPress !== undefined)\n this.props.onKeyPress(e);\n }\n\n handleBlur(e) {\n let valid = true;\n valid = this.validate(e.target.value);\n this.validation(e.target.value, valid);\n }\n\n render() {\n return (\n {\n this.props.type === 'text' ?\n \n : this.props.type === 'number' ?\n \n : null\n }\n {this.state.showError ?
\n );\n }\n}\n\nexport default Textbox;\n","import React from 'react';\n\nimport axios from 'axios';\n\nimport { withRouter } from 'react-router-dom';\n\nimport { Dropdown, Button } from 'semantic-ui-react';\n\nimport Textbox from './components/Textbox';\nimport { IsValidDate, getDate, getCurrentDate, isFieldEmpty, stringToDate } from './utility/Helper';\n\nclass AddLicense extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n manager: this.props.data.Manager,\n name: this.props.data.Name,\n productId: this.props.data.productId,\n startDate: stringToDate(this.props.data.StartDate),\n endDate: stringToDate(this.props.data.EndDate),\n userCount: this.props.data.UserCount,\n emailErrorMessage: '',\n // nameErrorMessage: '',\n startdateErrorMessage: '',\n enddateErrorMessage: '',\n usercountErrorMessage: '',\n productList: [],\n };\n this.handleCancel = this.handleCancel.bind(this);\n this.handleDataChange = this.handleDataChange.bind(this);\n // this.validateName = this.validateName.bind(this);\n this.validateEndDate = this.validateEndDate.bind(this);\n this.validateUserCount = this.validateUserCount.bind(this);\n this.handleNameKeyPress = this.handleNameKeyPress.bind(this);\n this.handleUsercountKeyPress = this.handleUsercountKeyPress.bind(this);\n this.submitLicense = this.submitLicense.bind(this);\n this.checkRequiredField = this.checkRequiredField.bind(this);\n this.updateLicenses = this.updateLicenses.bind(this);\n this.emptyFields = this.emptyFields.bind(this);\n this.updateLicense = this.updateLicense.bind(this);\n this.loadProducts();\n }\n\n handleCancel() {\n this.props.onCancel();\n }\n\n updateProducts = (products) => {\n this.setState({ productList: products });\n if (products.length > 0)\n this.setState({ productId: products[0].productId });\n }\n\n loadProducts() {\n return axios.get('/api/Product')\n .then(function (response) {\n if (response) {\n this.updateProducts(response.data);\n }\n\n })\n .catch(function (e) {\n console.error(this.props.match.url, e.status, e.toString());\n });\n }\n\n checkRequiredField = () => {\n let validated = true;\n\n if (this.state.manager === '') {\n this.setState({\n emailErrorMessage: 'email address is required and cannot be empty'\n });\n validated = false;\n }\n // if (this.state.name === '') {\n // this.setState({\n // nameErrorMessage: 'Name is required and cannot be empty'\n // });\n // validated = false;\n // }\n if (this.state.startDate === '') {\n this.setState({\n startdateErrorMessage: 'Start date is required and cannot be empty'\n });\n validated = false;\n }\n if (this.state.endDate === '') {\n this.setState({\n enddateErrorMessage: 'End date is required and cannot be empty'\n });\n validated = false;\n }\n if (this.state.userCount === '') {\n this.setState({\n usercountErrorMessage: 'Number of license is required and cannot be empty'\n });\n validated = false;\n }\n return validated;\n }\n\n handleDataChange(e) {\n switch (e.target.name) {\n case 'email': this.setState({ manager: e.target.value });\n break;\n case 'name': this.setState({ name: e.target.options[e.target.selectedIndex].text, productId: (e.target.value) });\n break;\n case 'startdate': this.setState({ startDate: e.target.value });\n break;\n case 'enddate': this.setState({ endDate: e.target.value });\n break;\n case 'usercount': this.setState({ userCount: e.target.value });\n break;\n default:\n this.setState({ [e.target.name]: e.target.value });\n break;\n }\n }\n\n // validateName(name) {\n // if (isFieldEmpty(name)) {\n // this.setState({\n // nameErrorMessage: 'Name is required and cannot be empty'\n // });\n // return false;\n // }\n // return true;\n // }\n\n validateStartDate = (date) => {\n if (isFieldEmpty(date)) {\n this.setState({\n startdateErrorMessage: 'Start date is required and cannot be empty'\n });\n return false;\n }\n if (IsValidDate(date)) {\n if (getDate(date) >= getDate(getCurrentDate())) {\n if (IsValidDate(this.state.endDate)) {\n if (getDate(date) < getDate(this.state.endDate)) {\n return true;\n }\n else {\n this.setState({\n startdateErrorMessage: 'Start date cannot be greater than end date'\n });\n return false;\n }\n }\n else {\n return true;\n }\n }\n else {\n this.setState({\n startdateErrorMessage: 'Start date cannot be less than current date'\n });\n return false;\n }\n }\n else {\n this.setState({\n startdateErrorMessage: 'Start date is not valid'\n });\n return false;\n }\n }\n\n validateEndDate = (date) => {\n if (isFieldEmpty(date)) {\n this.setState({\n enddateErrorMessage: 'End date is required and cannot be empty'\n });\n return false;\n }\n if (IsValidDate(date)) {\n if (getDate(date) >= getDate(getCurrentDate())) {\n if (IsValidDate(this.state.startDate)) {\n if (getDate(date) > getDate(this.state.startDate)) {\n return true;\n }\n else {\n this.setState({\n enddateErrorMessage: 'End date cannot be less than start date'\n });\n return false;\n }\n }\n else {\n return true;\n }\n }\n else {\n this.setState({\n enddateErrorMessage: 'End date cannot be less than current date'\n });\n return false;\n }\n }\n else {\n this.setState({\n enddateErrorMessage: 'End date is not valid'\n });\n return false;\n }\n }\n\n validateUserCount(count) {\n if (isFieldEmpty(count)) {\n this.setState({\n usercountErrorMessage: 'Number of license is required and cannot be empty'\n });\n return false;\n }\n return true;\n }\n\n updateLicenses(location) {\n this.props.onInsert(location);\n this.props.editmode = true;\n }\n\n emptyFields() {\n this.setState({\n manager: '',\n startDate: '',\n endDate: '',\n userCount: ''\n });\n this.props.editmode = true;\n }\n\n submitLicense() {\n if (this.checkRequiredField()) {\n const self = this;\n this.props.showLoading(\"SubmitLicense\");\n axios.post('/api/Licenses', {\n Manager: this.state.manager,\n Name: this.state.name,\n ProductId: this.state.productId,\n StartDate: stringToDate(this.state.startDate),\n EndDate: stringToDate(this.state.endDate),\n UserCount: this.state.userCount\n })\n .then(function (response) {\n self.emptyFields();\n if (response) {\n self.updateLicenses(response.headers.location);\n }\n })\n .catch(function (e) {\n console.error(self.props.match.url, e.status, e.toString());\n\n })\n .then(function () {\n\n this.props.showLoading(\"SubmitLicense\");\n })\n }\n }\n\n updateLicense() {\n if (this.checkRequiredField()) {\n const self=this;\n return axios.put('/api/Licenses', {\n Manager: this.state.manager,\n Name: this.state.name,\n ProductId: this.state.productId,\n StartDate: this.state.startDate,\n EndDate: this.state.endDate,\n UserCount: this.state.userCount\n }).then(function (response) {\n if (response) {\n self.updateLicenses(response.headers.location);\n \n }\n })\n .catch(function (e) {\n console.error(self.props.match.url, e.status, e.toString());\n });\n }\n }\n\n handleNameKeyPress(event) {\n let e = event || window.event;\n let key = e.keyCode || e.which;\n key = String.fromCharCode(key);\n let regex = /^[a-zA-Z0-9_\\s]+$/;\n if (!regex.test(this.state.name + key)) {\n e.returnValue = false;\n if (e.preventDefault) e.preventDefault();\n }\n }\n\n handleUsercountKeyPress(event) {\n let count = typeof this.state.userCount === 'undefined' ? '' : this.state.userCount;\n let e = event || window.event;\n let key = e.keyCode || e.which;\n key = String.fromCharCode(key);\n let regex = /^[1-9][0-9]*$/;\n if (!regex.test(count + key)) {\n e.returnValue = false;\n if (e.preventDefault) e.preventDefault();\n }\n }\n\n render() {\n let labelClassName = this.props.editmode ? 'col-sm-12 col-md-12' : 'col-sm-12 col-md-12';\n let textboxClassName = this.props.editmode ? 'col-sm-12 col-md-12 form__input' : 'col-sm-12 col-md-12 form__input';\n let formClassName = this.props.editmode ? 'col-sm-6 col-md-6 col-sm-offset-3 col-md-offset-3 no__padding' : 'col-sm-6 col-md-6 col-sm-offset-3 col-md-offset-3';\n let buttonClassName = this.props.editmode ? 'col-sm-offset-4 col-sm-2' : 'col-sm-offset-4 col-sm-2';\n let addupdateButton = this.props.editmode === false ?\n :\n ;\n const productOptions = this.state.productList.map((item) => { return { key: item.productId + '', value: item.productId, text: item.name }; });\n let { productId, startdateErrorMessage } = this.state;\n if (productId === undefined && productOptions.length > 1)\n productId = productOptions[0].value;\n return (\n \n \n
\n );\n }\n}\n\nexport default withRouter(AddLicense);\n","import React from 'react';\n\nimport matchSorter from 'match-sorter';\n\nimport _ from \"underscore\";\n\nimport { Button, Grid, Input, Dropdown, Form, Icon } from 'semantic-ui-react';\n\nimport IMComponent from '../Components/IMComponent';\nimport { convertDate } from '../../components/utility/Helper';\n\nexport default class LicenseGrid extends IMComponent {\n\n constructor(props) {\n super(props);\n this.manageUsersRef = [];\n this.updateLicenseRef = [];\n this.renewLicenseRef = [];\n this.state = {\n ...this.state,\n filter: { email: \"\" },\n queryFirstName: '',\n queryLastName: '',\n orderBy: [],\n queryProduct: '',\n queryStatus: \"Active\",\n queryType: ''\n };\n this.onFilterChanged = this.onFilterChanged.bind(this);\n this.changeFilterValue = this.changeFilterValue.bind(this);\n this.callParentFilterChange = this.callParentFilterChange.bind(this);\n this.changeEmailOrderBy = this.changeEmailOrderBy.bind(this);\n this.renderHeader = this.renderHeader.bind(this);\n this.changeInputText = this.changeInputText.bind(this);\n this.handleMouseEnter = this.handleMouseEnter.bind(this);\n this.handleMouseLeave = this.handleMouseLeave.bind(this);\n this.getEditLicenseOptions = this.getEditLicenseOptions.bind(this);\n this.handleAction = this.handleAction.bind(this);\n }\n\n onFilterChanged = () => {\n const { queryProduct, queryStatus, queryEmail, queryType } = this.state;\n let resultData = this.props.data;\n if (queryEmail)\n resultData = matchSorter(resultData, queryEmail, { keys: [x => x.name, x => x.manager] });\n if (queryProduct)\n resultData = resultData.filter(x => x.productId == queryProduct);\n if (queryStatus) {\n if (queryStatus == \"all\") {\n resultData = resultData;\n } else {\n resultData = resultData.filter(x => x.status == queryStatus);\n }\n\n }\n\n if (queryType)\n resultData = resultData.filter(x => x.trial.toString() == queryType);\n return _.sortBy(resultData, row => row.accountName);\n }\n\n changeFilterValue = function (e, d) {\n switch (d.name) {\n // case \"queryEmail\": this.setState({ queryEmail: d.value }, () => { this.callParentFilterChange(); }); break;\n case \"queryProduct\": this.setState({ queryProduct: d.value }, this.callParentFilterChange); break;\n case \"queryStatus\": this.setState({ queryStatus: d.value }, this.callParentFilterChange); break;\n case \"queryType\": this.setState({ queryType: d.value }, this.callParentFilterChange); break;\n default: break;\n }\n\n }\n\n changeInputText = (e) => {\n let value = e.target.value\n this.setState({ filter: { email: value } }, this.callParentFilterChange);\n this.callParentFilterChange();\n }\n\n callParentFilterChange = function () {\n const { queryProduct, queryStatus, queryEmail, queryType, orderBy, filter } = this.state;\n this.props.onLicenseFilterChanged(queryProduct, queryStatus, queryEmail, queryType, orderBy, filter);\n }\n\n truncateEmail = (email) => {\n if (email.length > 21) {\n return email.substring(0, 18) + \"..\";\n }\n return email;\n }\n\n getProductName = (productId) => {\n switch (productId) {\n case 1: return 'FS Pro Standard';\n case 2: return 'FS Pro for Outlook';\n case 3: return 'FS Pro Business';\n case 7: return 'FS Pro Assistant';\n case 8: return 'FS Pro Basic';\n case 9: return 'FS Pro On-Prem';\n default: return '';\n }\n }\n\n getEditLicenseOptions(item, index) {\n const items = [\n ... ((item.canManage || this.props.isAdmin) && item.productId != 9) ? [{ text: \"Manage Users\" }] : [],\n ... this.props.isAdmin ? [{ text: \"Update License\" }] : [],\n ... this.props.isAdmin ? [{ text: \"Renew License\" }] : []\n ];\n\n let options = [\n ];\n\n for (let item of items) {\n options = [...options,\n \n {(item.productId == 1) ? ![\"product](\"img/FSPro2020.jpg\")
: ''}\n {(item.productId == 2) ? ![\"product](\"img/fsproOutlook.jpg\")
: ''}\n
\n : ''}\n {(item.productId == 2) ? : ''}\n {item.roleName}
\n{item.firstName}
\n{item.lastName}
\n\n
\n {this.getProductName(item.productId)}
\n {item.organizationName != null && this.props.isAdmin == 1\n ? \n{item.organizationName}
\n : null\n }\n \n{/*this.truncateEmail(item.manager)*/item.manager}
{item.name}
\n{String(item.trial) === 'true' ? 'Trial' : 'Full'}
\n{item.status}
\n{item.startDate}
\n{item.endDate}
\n99 || item.userCount > 99 ? \"0.85em\" : \"1em\" }}>{item.canManage || this.props.isAdmin ? item.usedCount + ' / ' + item.userCount : ''}
\n\n \n \n {this.getEditLicenseOptions(item, index)}\n \n \n
\n : ((item.canManage || this.props.isAdmin) && item.productId != 9) && }\n \n EMAIL
:\n \"EMAIL\"}\n \n \n {/*{data.length?\n \n
\n );\n }\n}\n\nexport default withRouter(License);\n","import React from 'react';\nimport { Button } from 'semantic-ui-react';\n\nimport { factoryGeneralState } from './Main';\n\nclass LicensesFilter extends React.Component {\n constructor(props) {\n super(props);\n this.saveInGeneral = factoryGeneralState('License');\n this.state = {\n emailPart: this.saveInGeneral.data.emailPart || \"\"\n };\n\n this.handleSearch();\n this.handleKeyPress = this.handleKeyPress.bind(this);\n }\n\n handleDataChange = (e) => {\n switch (e.target.name) {\n case 'txtemail':\n this.setState({ emailPart: e.target.value });\n break;\n default:\n break;\n }\n }\n\n validateEmail = (email) => {\n const re = /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;\n return re.test(email);\n }\n\n handleSearch = () => {\n const emailPart = this.state.emailPart;\n const format = /[!#$%^&*()+=\\[\\]{};':\"\\\\|,<>\\/?]+/;\n if (format.test(emailPart)) {\n if (!this.validateEmail(emailPart)) {\n alert(\"Please specify valid characters for names or valid email formats\");\n return;\n }\n\n }\n this.saveInGeneral.data = { emailPart: emailPart };\n this.props.handleFilter(emailPart);\n }\n\n handleKeyPress(e) {\n if (e.charCode === 13) {\n e.preventDefault();\n this.handleSearch();\n }\n }\n\n render() {\n return (\n \n
\n\n );\n }\n}\n\nexport default LicensesFilter;\n","import React from 'react';\n\nimport axios from 'axios';\n\nimport { Dropdown, Input, Popup } from 'semantic-ui-react';\n\nimport { countryOptions } from './Semantic-ui-options';\n\nimport { getPasswordValidation } from './utility/Helper';\n\nclass MyAccount extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n countries: [],\n countryCode: null,\n validations: [],\n data: {\n firstName: \"\",\n lastName: \"\",\n company: \"\",\n email: \"\",\n phone: \"\",\n countryCode: \"\",\n createdAt: \"\",\n modifiedAt: \"\",\n password: \"\",\n confirmPassword: \"\",\n enablePassword: false,\n hasErrors: false,\n errorMessage: null,\n success: false\n }\n };\n this.loadCountriesAvailable();\n this.loadUserInformation();\n this.handleFirstNameChange = this.handleFirstNameChange.bind(this);\n this.handleLastNameChange = this.handleLastNameChange.bind(this);\n this.handleEmailChange = this.handleEmailChange.bind(this);\n this.handlePasswordChange = this.handlePasswordChange.bind(this);\n this.handleConfirmPasswordChange = this.handleConfirmPasswordChange.bind(this);\n this.handleEnablePasswordChange = this.handleEnablePasswordChange.bind(this);\n this.handleCompanyChange = this.handleCompanyChange.bind(this);\n this.handleUpdateSubmit = this.handleUpdateSubmit.bind(this);\n this.loadPasswordSetting();\n }\n\n\n loadPasswordSetting() {\n this.props.showLoading(\"LoadPasswordSettings\");\n const self = this;\n axios.get(`/api/PasswordSettings/CurrentUser`)\n .then((response) => {\n self.setState({ passwordSetting: response.data });\n self.onPasswordChange(\"\");\n })\n .catch((e) => { self.setState({ errorMessage: e.response.data }); })\n .then(() => {\n self.props.hideLoading(\"LoadPasswordSettings\");\n });\n }\n\n loadUserInformation() {\n const self = this;\n return axios.get('/api/User',{params:{version:Math.random()}})\n .then(function (userInformation) {\n const currentCountryCode = self.state.countries.find(x => x.key === userInformation.data.countryCode);\n self.setState((prevState) => ({\n isManager: userInformation.data.isManager,\n data: {\n ...prevState.data,\n firstName: userInformation.data.firstName,\n company: userInformation.data.company,\n lastName: userInformation.data.lastName,\n email: userInformation.data.email,\n createdAt: userInformation.data.createdAt,\n phone: userInformation.data.phone,\n countryCode: userInformation.data.countryCode,\n phoneCode: currentCountryCode !== undefined ? currentCountryCode.code : \"\",\n modifiedAt: userInformation.data.modifiedAt\n }\n }));\n })\n }\n\n handleCountryChange = (e, d) => {\n var country = { code: null, value: \"\" };\n if (d.value !== \"\")\n country = countryOptions.find(x => x.key === d.value);\n\n this.setState((prevState) => ({\n data: {\n ...prevState.data,\n phoneCode: country.code,\n countryCode: country.value\n }\n }));\n }\n\n loadCountriesAvailable() {\n const self = this;\n return axios.get('/api/CountriesPhone')\n .then(function (countries) {\n self.setState({\n countries: countryOptions.filter(x => countries.data.includes(x.key))\n });\n\n });\n }\n handleCompanyChange(e) {\n e.persist()\n this.setState((prevState) => (\n { data: { ...prevState.data, company: e.target.value } }));\n }\n handleConfirmPasswordChange(e) {\n e.persist()\n this.setState((prevState) => (\n { data: { ...prevState.data, confirmPassword: e.target.value } }));\n }\n handleEnablePasswordChange(e) {\n e.persist()\n this.setState((prevState) => (\n {\n data: {\n ...prevState.data,\n enablePassword: !this.state.data.enablePassword,\n password: \"\",\n confirmPassword: \"\"\n },\n validations: getPasswordValidation(\"\", this.state.passwordSetting)\n }));\n }\n\n onPasswordChange = (newVal) => {\n var validations = getPasswordValidation(newVal, this.state.passwordSetting);\n\n this.setState((prevState) => (\n {\n data: { ...prevState.data, password: newVal },\n validations\n }));\n }\n\n handlePasswordChange(e) {\n var newVal = e.target.value;\n this.onPasswordChange(newVal);\n }\n handleFirstNameChange(e) {\n e.persist()\n this.setState((prevState) => (\n { data: { ...prevState.data, firstName: e.target.value } }));\n }\n handleLastNameChange(e) {\n e.persist()\n this.setState((prevState) => (\n { data: { ...prevState.data, lastName: e.target.value } }));\n }\n handleEmailChange(e) {\n e.persist()\n this.setState((prevState) => (\n { data: { ...prevState.data, email: e.target.value } }));\n }\n\n handleCountryCodeChange = (e) => {\n this.setState((prevState) => (\n { data: { ...prevState.data, countryCode: e.target.value } }));\n }\n\n onPhoneNumberChange = (e, d) => {\n console.log(d)\n this.setState((prevState) => (\n { data: { ...prevState.data, phone: d.value } }));\n }\n\n handleUpdateSubmit(e) {\n e.preventDefault();\n if (this.state.data.enablePassword === true) {\n let errorMessage = null;\n\n if (this.state.data.confirmPassword !== this.state.data.password)\n errorMessage = \"Password did not match, try again!\";\n\n if (!this.state.data.password || this.state.data.password === \"\")\n errorMessage = \"Password can not be blank, try again!\";\n\n if (errorMessage && errorMessage !== \"\") {\n this.setState((prevState) => ({\n data: {\n ...prevState.data,\n errorMessage: errorMessage,\n hasErrors: true,\n success: false\n }\n }));\n return;\n }\n }\n const self = this;\n self.props.showLoading(\"UpdateAccountInfo\");\n return axios.put('/api/User',\n {\n FirstName: this.state.data.firstName,\n company: this.state.data.company,\n LastName: this.state.data.lastName,\n Email: this.state.data.email,\n phone: this.state.data.phone,\n countryCode: this.state.data.countryCode,\n Password: this.state.data.enablePassword ? this.state.data.password : \"\"\n }\n ).then((response) => {\n\n self.props.onUserChange();\n self.loadUserInformation();\n self.setState((prevState) => ({\n data: {\n ...prevState.data,\n hasErrors: false,\n errorMessage: \"\",\n enablePassword: \"\",\n password: \"\",\n confirmPassword: \"\",\n success: true\n }\n }));\n self.props.hideLoading(\"UpdateAccountInfo\");\n })\n .catch((e) => {\n self.setState((prevState) => ({\n data: {\n ...prevState.data,\n errorMessage: e.response.data,\n hasErrors: true,\n success: false\n }\n }));\n self.props.hideLoading(\"UpdateAccountInfo\");\n });\n }\n\n render() {\n let passwordField = \n
\n\n Help me look for:
\n\n
\n \n \n {(!this.props.searching) ? :\n }\n
\n\n\n \n
\n );\n }\n}\n\nexport default MyAccount;\n","import React from 'react';\nimport axios from 'axios';\nimport { Form, Grid, Button } from 'semantic-ui-react';\n\nclass PasswordSetting extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n minChars: 8,\n upperChars: 1,\n numSpecialChars: 1,\n minimunChars:8,\n expirationMonths: 1,\n errorMessage: '',\n successMessage: '',\n passwordHistory: false,\n twoFA: false\n };\n this.loadPasswordSetting();\n }\n componentDidMount() {\n }\n\n loadPasswordSetting = () => {\n const self = this;\n axios.get('/api/PasswordSettings/CurrentUser')\n .then(function (response) {\n self.setState({\n minChars: response.data.minimunChars,\n upperChars: response.data.uppercaseChars,\n numSpecialChars: response.data.specialChars,\n expirationMonths: response.data.expirationMonths,\n twoFA: response.data.twoFA,\n passwordHistory: response.data.passwordHistory,\n });\n })\n }\n handleCounterChange = (e, { name, value }) => {\n let minChars = 8;\n switch (name) {\n case \"numSpecialChars\":\n minChars = parseInt(value) + parseInt(this.state.upperChars);\n break;\n case \"upperChars\":\n minChars = parseInt(this.state.numSpecialChars) + parseInt(value);\n break;\n default:\n break;\n }\n if (minChars>=8)\n this.setState({\n minimunChars: minChars,\n minChars: this.state.minChars < minChars ? minChars : this.state.minChars\n });\n this.setState({ [name]: value })\n }\n\n onSubmitHandler = () => {\n const self = this;\n this.setState({ errorMessage: '', successMessage: '' });\n self.props.showLoading(\"UpdatePasswordSettings\");\n axios.post('/api/PasswordSettings', {\n minimunChars: this.state.minChars,\n uppercaseChars: this.state.upperChars,\n specialChars: this.state.numSpecialChars,\n expirationMonths: this.state.expirationMonths,\n twoFA: this.state.twoFA,\n passwordHistory: this.state.passwordHistory\n })\n .then(function () {\n self.setState({ successMessage: 'Password settings saved successfully. ' });\n })\n .catch(function (error) {\n var errorMessage = error.response.data;\n self.setState({ errorMessage });\n }).finally(() => {\n self.props.hideLoading(\"UpdatePasswordSettings\");\n });\n }\n\n render() {\n let view = (\n \n
\n \n {(this.state.data.hasErrors) ?
\n \n {this.state.data.errorMessage}\n
: ''}\n\n {(this.state.data.success) ? \n User information was updated successfully!\n
: ''}\n \n \n {(this.state.errorMessage !== '') ? : ''}\n {(this.state.successMessage !== '') ? : ''}\n
\n );\n return view;\n }\n}\n\nexport default PasswordSetting;","import React from 'react';\n\nimport axios from 'axios';\n\nimport ReactTable from 'react-table';\n\nimport { withRouter } from 'react-router-dom';\n\nclass UserList extends React.Component {\n constructor(props) {\n super(props);\n this.state = { data: props.data, usersToggleAdmin: [] };\n this.loadUsersFromServer();\n this.handleSelected = this.handleSelected.bind(this);\n this.toggleAdministratorPermission = this.toggleAdministratorPermission.bind(this);\n this.saveChanges = this.saveChanges.bind(this);\n }\n\n saveChanges() {\n return axios.put('/api/Users', this.state.usersToggleAdmin)\n .then(function (response) {\n if (response) {\n this.loadUsersFromServer();\n this.setState({ usersToggleAdmin: [] });\n }\n })\n .catch(function (e) {\n console.error(this.props.match.url, e.status, e.toString());\n });\n }\n\n handleSelected(key, value) {\n //this.props.handleFilter(value);\n }\n\n toggleAdministratorPermission(e) {\n const users = this.state.data;\n var usersAdminChanged = this.state.usersToggleAdmin;\n var userId = e.target.id;\n if (usersAdminChanged.findIndex(u => u === userId) > -1) {\n usersAdminChanged = usersAdminChanged.filter(u => u !== userId);\n }\n else {\n\n usersAdminChanged.push(e.target.id);\n }\n var userIndex = users.findIndex(u => u.id.toString() === userId);\n users[userIndex].administrator = !users[userIndex].administrator;\n this.setState({ data: users, usersToggleAdmin: usersAdminChanged });\n }\n\n\n handleLicenseUsageFilter(e) {\n e.persist()\n const licenseId = e.target.id;\n const userCount = e.target.getAttribute('usercount');\n const usedCount = e.target.getAttribute('usedcount');\n const requesturl = 'api/Licenses/' + licenseId + '/LicenseUsages';\n this.setState({ manage: false });\n const self = this;\n return axios.get(requesturl)\n .then(function (response) {\n if (response) {\n self.props.setUserList(response.data);\n self.props.setLicenseId(licenseId);\n self.props.setUserCount(userCount);\n self.props.setUsedCount(usedCount);\n self.props.detailType('LicenseUsage');\n self.props.match.params.detailName = 'LicenseUsage';\n self.props.history.push('./LicenseUsages');\n }\n\n })\n .catch(function (e) {\n console.error(e.status, e.toString());\n });\n }\n\n loadUsersFromServer() {\n return axios.get('/api/Users')\n .then(function (response) {\n if (response) {\n this.setState((prevState) => ({\n ...prevState,\n data: response.data\n }));\n }\n\n })\n .catch(function (e) {\n console.error(this.props.match.url, e.status, e.toString());\n });\n }\n\n\n render() {\n const columns = [{\n Cell: () => (\n Error
{this.state.errorMessage}
Saved
{this.state.successMessage}
\n \n
\n \n {/* */}\n \n
\n ),\n maxWidth: 40,\n filterable: false,\n sortable: false\n }, {\n Cell: () => (\n \n ),\n maxWidth: 40,\n filterable: false,\n sortable: false\n }, {\n Cell: (cellInfo) => (\n \n \n {cellInfo.original.firstName + \" \" + cellInfo.original.lastName}\n
\n ),\n Header: 'Name ',\n maxWidth: 350,\n filterable: false,\n sortable: false\n }, {\n Cell: (cellInfo) => (\n \n ),\n maxWidth: 350,\n filterable: false,\n sortable: false\n }\n ];\n return (\n \n \n
\n );\n }\n}\n\nexport default withRouter(UserList);\n","import React from 'react';\n\nimport axios from 'axios';\n\nimport { withRouter, Link } from 'react-router-dom';\n\nimport { Modal, Button, Dropdown } from 'semantic-ui-react';\nimport { Pagination } from 'semantic-ui-react';\n\nimport AddLicense from './AddLicense';\nimport License from './License';\nimport LicensesFilter from './LicensesFilter';\nimport MyAccount from './MyAccount';\nimport PasswordSetting from './PasswordSetting';\nimport UserList from './UserList';\nimport applicationActionCreator from '../redux/actions/applicationActions';\nimport { connect } from 'react-redux';\n\nclass ContentBlockList extends React.Component {\n constructor(props) {\n super(props);\n this.state = {\n searching: false,\n adding: true,\n lastSearchValue: '',\n addMode: false,\n licenseUserlist: [],\n licenseId: null,\n usedCount: 0,\n userCount: 0,\n editmode: false,\n detailId: 0,\n detailMode: false,\n removeMode: false,\n isAdmin: false,\n currentLicense: {\n canShowRoles: false\n },\n modal: {\n open: false,\n errorMessage: '',\n successMessage: ''\n },\n pageSize: 10,\n pageNumber: 1,\n totalPages: 0,\n queryProduct: 0,\n queryType: '',\n queryStatus: 'Active',\n pagedFilterUpdated: true,\n isMerging: false,\n addLicenseRef: null,\n mergeLicenseRef: null\n };\n this.handleAdd = this.handleAdd.bind(this);\n this.handleCancel = this.handleCancel.bind(this);\n this.updateLicenses = this.updateLicenses.bind(this);\n this.updateLicenseUser = this.updateLicenseUser.bind(this);\n this.handleLicenseUsageFilter = this.handleLicenseUsageFilter.bind(this);\n this.handleLicenseFilter = this.handleLicenseFilter.bind(this);\n this.getUserList = this.getUserList.bind(this);\n this.getLicenseId = this.getLicenseId.bind(this);\n this.getUsedCount = this.getUsedCount.bind(this);\n this.getUserCount = this.getUserCount.bind(this);\n this.updateUsedCount = this.updateUsedCount.bind(this);\n this.getLicenseList = this.getLicenseList.bind(this);\n this.removeHandler = this.removeHandler.bind(this);\n this.loadLicenseDataRows = this.loadLicenseDataRows.bind(this);\n this.handleLicensePageChanged = this.handleLicensePageChanged.bind(this);\n this.handleLicenseGridFilterChanged = this.handleLicenseGridFilterChanged.bind(this);\n this.handleLicenseGridFilterInternal = this.handleLicenseGridFilterInternal.bind(this);\n this.searchLicensePaged = this.searchLicensePaged.bind(this);\n this.handleMouseEnter = this.handleMouseEnter.bind(this);\n this.handleMouseLeave = this.handleMouseLeave.bind(this);\n this.getLicenseManagementOptions = this.getLicenseManagementOptions.bind(this);\n this.handleAction = this.handleAction.bind(this);\n }\n\n showErrorMessage = (message) => {\n this.setState({ modal: { open: true, errorMessage: message, type: \"error\", successMessage: '' } });\n }\n\n showSuccessMessage = (message) => {\n this.setState({ modal: { open: true, successMessage: message, type: \"success\", errorMessage: '' } });\n }\n\n closeMessageModal = () => {\n this.setState({ modal: { open: false } });\n\n }\n\n onCompletedEdition = () => {\n this.setState({ detailId: null, editmode: false });\n }\n\n removeHandler(canRemove) {\n this.setState((prevState) => ({\n ...prevState,\n removeMode: canRemove\n }))\n }\n\n onDetailSelectionChanged = (detailId) => {\n this.setState({ detailId, editmode: detailId != null });\n }\n\n handleAdd() {\n\n this.props.history.push('license/new');\n\n //this.setState({addMode:true});\n }\n\n handleMerge() {\n this.setState({\n isMerging: true\n }, () => this.handleLicenseFilter(this.state.lastSearchValue));\n }\n\n handleCancel() {\n this.setState({ addMode: false });\n }\n\n updateLicenses(locationUrl) {\n const self = this;\n return axios.get(locationUrl)\n .then(function (response) {\n if (response) {\n self.props.history.push('./Licenses');\n }\n })\n .catch(function (e) {\n console.error(e.status, e.toString());\n });\n }\n\n updateLicenseUser(locationUrl) {\n return axios.get(locationUrl)\n .then(function (response) {\n if (response) {\n this.state.licenseUserlist.unshift(response.data);\n this.setState({\n licenseUserlist: this.state.licenseUserlist,\n });\n }\n })\n .catch(function (e) {\n console.error(e.status, e.toString());\n })\n\n }\n\n handleLicenseUsageFilter(value) {\n const requesturl = 'api/Licenses/' + value + '/LicenseUsages';\n const self = this;\n return axios.get(requesturl)\n .then(function (response) {\n if (response && response.data) {\n self.setState({ licenseUserlist: response.data });\n self.props.history.push('./LicenseUsages');\n }\n })\n .catch(function (e) {\n console.error(e.status, e.toString());\n });\n }\n\n handleLicenseFilter(value) {\n const self = this;\n if (value) {\n self.setState(\n {\n pageNumber: 1,\n totalPages: 0,\n lastSearchValue: value, pagedFilterUpdated: false\n },\n self.handleLicenseGridFilterInternal);\n }\n\n\n }\n getUserList = function (dataFromChild) {\n this.setState({ licenseUserlist: dataFromChild });\n }\n getLicenseId = function (data) {\n this.setState({ licenseId: data });\n }\n getUsedCount = (data) => {\n this.setState({ usedCount: data });\n }\n getUserCount = (data) => {\n this.setState({ userCount: data });\n }\n\n updateUsedCount = (data) => {\n this.setState((prevState) => {\n return { usedCount: +prevState.usedCount + data };\n });\n }\n\n componentCanAddlicense() {\n const componentAddLicense = ['Licenses', 'License', ''];\n return componentAddLicense.filter(x => x === this.props.data.detailType).length > 0;\n }\n\n getLicenseList() {\n if (!this.props.data.isAdmin) {\n this.handleLicenseFilter('/api/Licenses');\n } else {\n this.handleLicenseFilter(this.state.lastSearchValue);\n }\n this.props.detailType('License');\n this.props.match.params.detailName = 'License';\n }\n\n getMyAccount() {\n this.handleLicenseFilter('/api/MyAccount');\n this.props.detailType('MyAccount');\n this.props.match.params.detailName = 'MyAccount';\n }\n\n getPasswordSettings = () => {\n this.props.detailType('PasswordSetting');\n this.props.match.params.detailName = 'PasswordSetting';\n }\n\n onAddNewLicenseUsageHandler = (licenseUsage) => {\n const self = this;\n self.props.showLoading(\"AddNewUSage\");\n this.setState({ adding: false });\n axios.post(`api/Licenses/${self.state.licenseId}/LicenseUsages`, licenseUsage)\n .then((response) => {\n\n var licenseUserList = self.state.licenseUserlist;\n licenseUserList.push(response.data);\n self.setState({ licenseUserList: licenseUserList, addMode: !self.state.addMode });\n if (response) {\n self.showSuccessMessage('The new user license was successfully assigned.');\n self.updateUsedCount(1);\n self.setState({ addMode: !self.state.addMode });\n }\n }).catch((e) => {\n self.updateUsedCount(-1);\n console.log(e);\n console.error(self.props.match.url, e.status, e.toString());\n if (e.response && e.response.data !== \"\")\n self.showErrorMessage(`Email:'${licenseUsage.accountName}' - ${e.response.data}`);\n else\n self.showErrorMessage(`Email:\"${licenseUsage.accountName}\" has already been assigned a license, please revoke it before trying to assign it to a new license.`);\n }).then(() => {\n self.setState({ adding: true });\n self.props.hideLoading(\"AddNewUSage\");\n self.handleLicenseFilter(self.state.licenseId);\n });\n }\n\n setCurrentLicense = (license) => {\n this.setState({ currentLicense: license });\n }\n\n handleGetSessionsFileClick = () => {\n const self = this;\n if (self.state.licenseId !== null)\n window.location.href = `/api/Session/Csv/${self.state.licenseId}`;\n }\n\n handleLicensePageChanged = function (event, data) {\n const self = this;\n this.setState({ pageNumber: data.activePage, pagedFilterUpdated: false }, () => {\n if (self.state.queryProduct != 0 || self.state.queryType != '' || self.state.queryStatus != '') {\n\n self.props.showLoading(\"SearchLicenses1\");\n self.searchLicensePaged();\n } else {\n self.loadLicenseDataRows(self.state.lastSearchValue, data.activePage, self.state.pageSize);\n }\n });\n\n\n }\n\n loadLicenseDataRows = function (value, pageNumber, pageSize) {\n if (!value) return;\n this.setState({ searching: true, lastSearchValue: value });\n this.props.showLoading(\"LoadLicenseData\");\n const self = this;\n const requesturl = (!value || /^\\s*$/.test(value)) && self.props.data.isAdmin ? 'api/Licenses' : 'api/Licenses/UsersLicensePaged?emailPart=' + value + \"&pageNumber=\" + pageNumber + \"&pageSize=\" + pageSize;\n return axios.get(requesturl)\n .then(function (response) {\n if (response) {\n self.props.data.list = response.data;\n self.setState(self.props.data);\n self.setState({ isAdmin: self.props.data.isAdmin });\n self.setState({ searching: false });\n }\n })\n .catch(function (e) {\n console.error(e.status, e.toString());\n })\n .then(function () {\n self.props.hideLoading(\"LoadLicenseData\");\n })\n\n }\n\n loadTotalLicensesCount = function (emailPart) {\n if (this.state.totalPages == 0) {\n const self = this;\n return axios.get('api/Licenses/TotalUsersLicenses?emailPart=' + emailPart)\n .then(res => {\n let totalPages = Math.ceil(res.data / self.state.pageSize);\n self.setState({ totalPages: totalPages });\n self.loadLicenseDataRows(emailPart, self.state.pageNumber, self.state.pageSize);\n });\n } else {\n this.loadLicenseDataRows(emailPart, this.state.pageNumber, this.state.pageSize);\n }\n }\n\n handleLicenseGridFilterChanged = function (queryProduct, queryStatus,\n queryEmail, queryType, orderBy, filter) {\n const self = this;\n let value = self.state.lastSearchValue;\n self.setState({\n queryEmail: value,\n queryType,\n queryStatus,\n queryProduct,\n pagedFilterUpdated: true,\n filter,\n orderBy\n },\n self.handleLicenseGridFilterInternal);\n }\n\n searchLicensePaged = function () {\n const { queryStatus, queryType, queryProduct, orderBy, filter, isMerging } = this.state;\n const self = this;\n let value = this.state.lastSearchValue;\n if (!value && self.props.data.isAdmin) return new Promise(function (resolve) {\n resolve([]);\n });\n const pageSize = isMerging ? 300 : this.state.pageSize;\n const params = {\n ...filter,\n emailPart: value,\n type: queryType,\n status: queryStatus,\n productId: queryProduct,\n pageSize: pageSize,\n pageNumber: this.state.pageNumber,\n ...(orderBy || []).find(function (x) {\n return !!x.name;\n })\n }\n const requesturl = (!value || /^\\s*$/.test(value)) && self.props.data.isAdmin ? 'api/Licenses' : 'api/Licenses/SearchLicensePaged';\n self.props.showLoading(\"SearchLicenses\");\n return axios.get(requesturl, { params })\n .then(function (response) {\n if (response) {\n self.props.data.list = response.data;\n //this.setState({ totalPages: 1 });\n self.setState(self.props.data);\n self.setState({ isAdmin: self.props.data.isAdmin });\n self.setState({ searching: false });\n\n if (isMerging) {\n self.props.data.listForMerging = response.data;\n self.props.history.push({\n pathname: '/license/merging',\n state: self.props.data\n });\n }\n }\n })\n .catch(function (e) {\n console.error(e.status, e.toString());\n })\n .then(function () {\n self.props.hideLoading(\"SearchLicenses\");\n });\n }\n\n handleLicenseGridFilterInternal = function () {\n const { queryStatus, queryType, queryProduct, filter, isMerging } = this.state;\n const self = this;\n let value = this.state.lastSearchValue;\n const pageSize = isMerging ? 300 : this.state.pageSize;\n const params = {\n ...filter,\n emailPart: value,\n type: queryType,\n status: queryStatus,\n productId: queryProduct,\n pageSize: pageSize,\n pageNumber: 1\n }\n const requesturl = (!value || /^\\s*$/.test(value)) && self.props.data.isAdmin ? 'api/Licenses' : 'api/Licenses/SearchLicensePagedCount';\n this.props.showLoading(\"LOAD_SEARCH_RESULTS\");\n return axios.get(requesturl, { params })\n .then(function (response) {\n if (response) {\n let totalPages = Math.ceil(response.data / pageSize);\n return new Promise(function (resolve) {\n self.setState({ totalPages: totalPages, pageNumber: 1 }, resolve);\n })\n }\n })\n .then(function () {\n self.props.showLoading(\"LOAD_SEARCH_RESULTS2\");\n return self.searchLicensePaged()\n .then(function () {\n });\n })\n .catch(function (e) {\n console.error(e.status, e.toString());\n })\n .then(function () {\n self.props.hideLoading(\"LOAD_SEARCH_RESULTS\");\n self.props.hideLoading(\"LOAD_SEARCH_RESULTS2\");\n }\n );\n\n }\n\n onSelectionFileSuccess = (fileObject) => {\n const self = this;\n\n const formData = new FormData();\n formData.append('file', fileObject)\n const config = {\n headers: {\n 'content-type': 'multipart/form-data'\n }\n };\n self.props.showLoading(\"SearchLicenses2\");\n axios.post(`/api/Licenses/${self.state.licenseId}/LicenseUsages/UploadCSV`, formData, config)\n .catch((e) => {\n self.showErrorMessage(e.response.data.join(''));\n }).then(function () {\n\n self.props.showLoading(\"SearchLicenses43\");\n });\n }\n\n getLicenseManagementOptions(item) {\n const items = [\n { text: \"Add License\" },\n { text: \"Merge License\" }\n ];\n\n let options = [\n ];\n\n for (let item of items) {\n options = [...options,\n
\n
\n : null;\n\n usersGrid = this.props.data.detailType === 'ManageUser' && this.state.addMode === false && this.props.data.isAdmin === true ?\n \n
\n Create License
\n\n {/*
\n : null;\n\n passwordSettingsButton = this.props.data.detailType === 'MyAccount' && this.props.isManager ?\n \n Password Settings\n \n : null;\n\n backButton = this.props.data.detailType === 'PasswordSetting' ?\n \n this.props.detailType(\"MyAccount\")}>\n \n \n
: null;\n licenseRows = this.props.data.detailType === 'License' ?\n \n
: null;\n\n\n licenseFilter = this.props.data.detailType === 'License' && this.state.addMode === false && this.props.data.isAdmin === true ?\n