;\n } else {\n return (\n \n
\n \n (window.location = \"license/products \")}\n >\n Back\n \n
\n
\n
\n \n Current Version\n {\n var text = e.target.value;\n setSelectedVersion(product.productType.productVersions.filter(\n (x) =>\n x.majorVersion +\n \".\" +\n x.minorVersion +\n \".\" +\n x.patchVersion ===\n text\n )[0]);\n }}\n >\n {product.productType.productVersions &&\n product?.productType?.productVersions.map(\n (ver) => {\n return (\n \n {\" \"}\n {ver.majorVersion}.{ver.minorVersion}.\n {ver.patchVersion}\n \n );\n }\n )}\n \n \n
\n
\n
\n \n Section
\n Item
\n Value Name
\n Available Values
\n Default Value
\n Description
\n Actions
\n \n {product &&\n selectedVersion?.productLicenseOptions?.map((opt) => {\n if(opt.active){\n return (\n \n \n {opt.licenseSection}
\n {opt.licenseSectionItem}
\n {opt.valueName}
\n {opt.availableValues}
\n {getDefaultLicenseOptionDate(opt)}\n {opt.description}
\n \n handleProductLicenseOptionUpdate(opt)\n }\n >\n \n \n handleDelete(opt.id)}\n style={{ cursor: \"pointer\", paddingRight: \"10px\" }}\n >\n \n \n
\n \n \n );\n }\n })}\n
\n\n
\n \n \n \n No Product Version Found\n \n {\n setshowNoVersionWarnning(false);\n }}\n >\n Close\n \n \n \n
\n
\n {!this.state.showOption && (\n {\n var text = e.target.value;\n this.setState((prev) => {\n prev.selectedLicenseOption.value = text;\n return prev;\n });\n }}\n >\n )}\n {this.state.showOption && (\n {\n var text = e.target.value;\n this.setState((prev) => {\n prev.selectedLicenseOption.value = text;\n return prev;\n });\n }}\n >\n {this.state.productLicenseOptions\n .filter(\n (x) =>\n x.description === this.state.selectedProductOption.description\n )[0]\n .availableValues.split(\";\")\n .map((o) => {\n var value = o.split(\"!\")[0];\n return {value};\n })}\n \n )}\n
\n );\n };\n\n render() {\n return (\n \n \n \n Add/Update License Option\n \n \n {this.state.loading && }\n {!this.state.loading && (\n <>\n \n License Option\n this.onSelectOption(e)}\n >\n {this.state.productLicenseOptions?.map((p) => {\n return (\n \n {p.description}\n \n );\n })}\n \n License Option Value\n {this.showValueComponent()}\n {/*this.state.selectedProductOption.availableValues.substring(\n 0,\n 1\n ) === \"^\" &&\n this.state.selectedProductOption.availableValues.substring(\n this.state.selectedProductOption.availableValues.length - 1\n ) === \"$\" ? (\n {\n var text = e.target.value;\n this.setState((prev) => {\n prev.selectedLicenseOption.value = text;\n return prev;\n });\n }}\n >\n ) : (\n {\n var text = e.target.value;\n this.setState((prev) => {\n prev.selectedLicenseOption.value = text;\n return prev;\n });\n }}\n >\n {this.state.productLicenseOptions\n .filter(\n (x) =>\n x.description ===\n this.state.selectedProductOption.description\n )[0]\n .availableValues.split(\";\")\n .map((o) => {\n var value = o.split(\"!\")[0];\n return {value};\n })}\n \n )*/}\n {!this.state.selectedLicenseOption?.id && (\n \n * this value will be added to current license\n \n )}\n \n \n )}\n \n \n {\" \"}\n \n \n \n
\n );\n }\n}\n\nexport default HaivisionLicenseOptionDetailModal;\n","import React, { Component } from \"react\";\nimport {\n FormControl,\n FormGroup,\n FormLabel,\n Modal,\n ModalBody,\n ModalFooter,\n ModalHeader,\n ModalTitle,\n Button,\n SelectOption,\n Spinner,\n Animation,\n ProgressBar } from \"@hai/ui-react\";\nimport axios from \"../../../infra/axios\";\nimport * as sortHelper from '../sortHelper';\n\nclass HaivisionLicenseOptionUpgradeModal extends Component {\n constructor(props) {\n super(props);\n this.state = {\n show: this.props.show,\n license: this.props.license,\n versions: null,\n selectedVersion:null,\n };\n\n this.getProduct(this.state.license.productId);\n }\n\n getProduct = (productId) => {\n //setLoading(true);\n axios\n .get(\n process.env.REACT_APP_LIC_API_BASE_URL +\n \"/Products/\" +\n productId\n )\n .then((response) => {\n //setLicense(response.data);\n var versions = this.sortByVersionDesc(\n response.data?.productType?.productVersions\n ).filter((x)=>x.active === true);\n var selectedVersion =\n versions.length >= 1 ? versions[0] : null;\n\n this.setState((prev) => {\n prev.versions = versions;\n prev.selectedVersion = selectedVersion;\n return prev;\n });\n \n //setLoading(false); \n });\n }\n\n componentDidMount() {}\n\n componentWillReceiveProps(nextProps) {\n this.setState((prev) => {\n prev.show = nextProps.show;\n prev.license = nextProps.license;\n if(prev.license.productId !== nextProps.license.productId){\n this.getProduct(nextProps.license.productId);\n }\n return prev;\n });\n }\n\n sortByVersionDesc = (productVersions) => {\n if (productVersions?.length >= 1) {\n sortHelper.sortByVersionDesc(productVersions);\n }\n return productVersions;\n };\n\n handleSubmit() {\n this.setState((prev) => {\n prev.loading = true;\n return prev;\n });\n\n axios\n .get(\n process.env.REACT_APP_LIC_API_BASE_URL +\n \"/Licenses/\" +\n this.state.license.id +\n \"/Upgrade/\" +\n this.state.selectedVersion.id\n )\n .then((response) => {\n this.handleClose();\n });\n }\n\n handleClose() {\n this.props.onHide();\n this.props.refresh();\n }\n\n render() {\n return (\n \n \n \n Upgrade A License\n \n \n {this.state.license && (\n <>\n \n Current Version\n \n Upgrade To Version\n {\n var text = e.target.value;\n this.setState((prev) => {\n prev.selectedVersion = prev.versions.filter(\n (x) =>\n x.majorVersion +\n \".\" +\n x.minorVersion +\n \".\" +\n x.patchVersion ===\n text\n )[0];\n return prev;\n });\n }}\n >\n {this.state.versions &&\n this.state.versions.map((ver) => {\n return (\n \n {\" \"}\n {ver.majorVersion}.{ver.minorVersion}.\n {ver.patchVersion}\n \n );\n })}\n \n \n \n )}\n \n \n {\" \"}\n \n \n \n
\n );\n }\n}\n\nexport default HaivisionLicenseOptionUpgradeModal;\n","import {\n Animation,\n Button,\n Icon,\n List,\n ListHeader,\n TableRow,\n FormGroup,\n FormLabel,\n FormControl, \n Spinner,\n Header} from \"@hai/ui-react\";\nimport { Table, Row, Col } from \"react-bootstrap\";\nimport React, { Component, Fragment, useEffect, useState } from \"react\";\nimport axios from \"../../../infra/axios\";\nimport HaivisionLicenseOptionDetailModal from \"./haivision-license-option-detail-modal\";\nimport HaivisionLicenseDelete from \"./haivision-license-delete\";\nimport HaivisionLicenseOptionUpgradeModal from \"./haivision-license-upgrade\";\nimport { useParams } from \"react-router-dom\";\n\nconst HaivisionLicenseDetail = (props) => {\n let params = useParams();\n const [loading, setLoading] = useState(true);\n const [license, setLicense] = useState(null);\n const [isVm, setIsVm] = useState(false);\n const [isAzure, setIsAzure] = useState(false);\n const [licenseId, setLicenseId] = useState(props.licenseId ?? params?.licenseId);\n const [selectLicenseOptionData, setSelectLicenseOptionData] = useState(null);\n const [showOptionDetailModal, setShowOptionDetailModal] = useState(false);\n const [showDelete, setShowDelete] = useState(false);\n const [showUpgrade, setShowUpgrade] = useState(false);\n const [deleteLicense, setDeleteLicense] = useState(null);\n const [IsLoadingLs, setIsLoadingLs] = useState(false);\n\n useEffect(() => {\n getLicense();\n }, []);\n\n const getLicense = () => {\n axios\n .get(\n process.env.REACT_APP_LIC_API_BASE_URL +\n \"/Licenses/\" +\n licenseId\n )\n .then((response) => {\n setLicense(response.data);\n setLoading(false);\n \n response.data.licenseOptionDatas.forEach((op) => {\n setVmAndAzure(op.item, op.value);\n });\n });\n }\n\n const setVmAndAzure = (item, value) => {\n if (\n item === null ||\n item === undefined ||\n value === null ||\n value === undefined\n ) {\n return;\n }\n if (item.toLowerCase() === \"vmware\") {\n setIsVm(value.toLowerCase() === \"on\" ? true : false);\n }\n\n if (item.toLowerCase() === \"licensetype\") {\n setIsAzure(value.toLowerCase() === \"azure byol\" ? true : false)\n }\n }\n\n const handleAddLicenseOption = () => {\n handleLiceseOptionDetailModal();\n }\n\n const handleUpgradeLicense = () => {\n setShowUpgrade(!showUpgrade);\n }\n\n const handleLiceseOptionDetailModal = () => {\n setShowOptionDetailModal(!showOptionDetailModal);\n getLicense();\n }\n\n const handleDeleteLicenseOptionData = (opt) => {\n axios\n .delete(\n process.env.REACT_APP_LIC_API_BASE_URL +\n \"/Licenses/\" +\n license.id +\n \"/LicenseOptionDatas/\" +\n opt.id\n )\n .then((response) => {\n getLicense();\n });\n }\n\n const handleDownloadLicense = () => {\n setIsLoadingLs(true);\n axios\n .get(\n process.env.REACT_APP_LIC_API_BASE_URL +\n \"/LicenseText/Licenses/\" +\n license.id\n )\n .then((response) => {\n const yourDate = new Date();\n var datastr = yourDate.toISOString().split(\"T\")[0];\n var fileName = license.serialNumber + \"_\" + datastr + \".lic\";\n\n const type = response.headers[\"content-type\"];\n const blob = new Blob([response.data], {\n type: type,\n encoding: \"UTF-8\",\n });\n const link = document.createElement(\"a\");\n link.href = window.URL.createObjectURL(blob);\n link.download = fileName;\n link.click();\n setIsLoadingLs(false);\n });\n }\n\n const handleDeleteLicense = () => {\n setShowDelete(!showDelete);\n setDeleteLicense(deleteLicense == null ? license : null)\n }\n\n const getMacAddres = (license) => {\n if(license.macAddresses == null || license.macAddresses[0] == null){\n return \"\";\n }\n\n return license.macAddresses[0].value;\n }\n\n const showFeatures = () => {\n return (\n \n \n {!isVm && (\n \n \n Serial Number\n \n \n \n )}\n \n \n Mac Address\n x.value)\n .join(\",\")}\n disabled={true}\n />\n \n \n
\n {isVm && (\n \n \n \n Instance UUID\n \n \n \n \n \n CPU ID\n \n \n \n
\n )}\n {isAzure && (\n \n \n \n Resource ID\n \n \n \n \n \n License Request Number\n \n \n \n
\n )}\n \n );\n };\n\n if (loading) {\n return ;\n } else {\n return (\n \n
\n
\n \n {license.sku}
\n {\" \"}\n (window.location = \"license/licenses\")}\n >\n Back\n \n {IsLoadingLs && }\n {!IsLoadingLs && (\n \n handleAddLicenseOption()}\n >\n \n Update License Options\n \n handleUpgradeLicense()}\n >\n \n Upgrade License\n \n handleDownloadLicense()}\n >\n \n Download License\n \n handleDeleteLicense()}\n >\n \n Delete License\n \n
\n )}\n \n
\n {showFeatures()}\n
\n
\n
\n \n \n License Option
\n Value
\n \n {license.licenseOptionDatas &&\n license.licenseOptionDatas.map((opt) => {\n return (\n \n \n \n {opt.productLicenseOption.description}
\n {opt.value}
\n {/* \n \n this.handleDeleteLicenseOptionData(opt)\n }\n >\n \n Delete Option\n \n
*/}\n \n \n );\n })}\n
\n
\n
\n \n \n \n \n \n Name
\n Sku
\n Type
\n Version
\n Serial Number
\n Mac Address
\n UUID
\n CPU Id
\n Expiration Date
\n Is Version Updrade?
\n Actions
\n \n {this.state.licenseRequestItems &&\n this.state.licenseRequestItems.map((i) => {\n return (\n \n \n {i.name}
\n {i.licensedProductSku}
\n {i.recordTypeName}
\n {i.requestedVersion}
\n {i.serialNumber}
\n {i.serverMacAddresses}
\n {i.instanceUuid}
\n {i.cpuId}
\n {i.expirationDate}
\n {i.versionUpgrade}
\n \n {this.state.licenseActionRunning && (\n \n )}\n {!this.state.licenseActionRunning && (\n <>\n {/* this.handleCreate(i)}\n >\n \n */}\n this.handleUpload(i)}\n >\n \n \n \n\n this.handleCreateAndDownload(i)}\n >\n \n \n \n )}\n
\n \n );\n })}\n
\n )}\n \n \n this.hideCopyNotification()}\n description={\"No SKU for this Item.\"}\n variant=\"Error\"\n >\n \n );\n }\n}\n\nexport default HaivisionLicenseRequestItem;\n","import {\n Animation,\n Button,\n FormLabel,\n FormControl,\n List,\n ListHeader,\n TableRow,\n Icon,\n OverlayTrigger,\n FormGroup,\n ProgressBar, \n Header,\n SelectOption} from \"@hai/ui-react\";\nimport React, { Component, Fragment } from \"react\";\nimport JellyHeader from \"../../common/Utils/JellyHeader\";\nimport axios from \"../../../infra/axios\";\nimport { Row, Col, Collapse } from \"reactstrap\";\nimport LicenseRequestItem from \"./haivision-license-request-Item\";\n\nclass HaivisionLicenseRequest extends Component {\n constructor(props) {\n super(props);\n this.state = {\n loading: true,\n licenseRequests: null,\n filteredLicenseRequest: null,\n showAssetIdList: [],\n };\n this.handleViewAssets = this.handleViewAssets.bind(this);\n }\n\n componentDidMount() {\n this.getLicenseRequests();\n }\n\n async getLicenseRequests() {\n axios\n .get(\n process.env.REACT_APP_LIC_API_BASE_URL + \"/LicenseRequests?status=New\"\n )\n .then((response) => {\n this.setState((prev) => {\n prev.licenseRequests = response.data;\n prev.filteredLicenseRequest = prev.licenseRequests.filter(\n (x) => x.status.indexOf(\"Closed\") == -1\n );\n prev.loading = false;\n return prev;\n });\n });\n }\n\n filterLicenseRequest(value) {\n if (value == \"\") {\n this.setState((prev) => {\n prev.filteredLicenseRequest = prev.licenseRequests;\n return prev;\n });\n } else {\n if (value.length >= 2) {\n let filtered = this.state.licenseRequests.filter((c) => {\n let valueUp = value.toUpperCase();\n if (c.name?.toUpperCase().includes(valueUp)) return true;\n });\n this.setState((prev) => {\n prev.filteredLicenseRequest = filtered;\n return prev;\n });\n }\n }\n }\n\n filterLicenseRequestByStatus(value) {\n if (value == \"\") {\n this.setState((prev) => {\n prev.filteredLicenseRequest = prev.licenseRequests;\n return prev;\n });\n } else {\n if (value.length >= 2) {\n let filtered = this.state.licenseRequests.filter((c) => {\n let valueUp = value.toUpperCase();\n if (c.status?.toUpperCase().includes(valueUp)) return true;\n });\n this.setState((prev) => {\n prev.filteredLicenseRequest = filtered;\n return prev;\n });\n }\n }\n }\n\n handleViewAssets(l) {\n this.setState((prev) => {\n if (prev.showAssetIdList.indexOf(l.id) != -1) {\n prev.showAssetIdList.splice(prev.showAssetIdList.indexOf(l.id), 1);\n } else {\n prev.showAssetIdList.push(l.id);\n }\n\n return prev;\n });\n }\n\n render() {\n return (\n \n
\n
\n
\n \n Search Request Number\n this.filterLicenseRequest(e.target.value)}\n \n />\n \n \n Status\n \n this.filterLicenseRequestByStatus(e.target.value)\n }\n >\n New\n In Progress\n Closed\n \n \n
\n
\n {/*
*/}\n
\n
\n \n \n Request Number
\n Partner Account
\n End User Account
\n Status
\n Assets
\n Actions
\n \n {this.state.filteredLicenseRequest &&\n this.state.filteredLicenseRequest.map((l) => {\n return (\n \n \n \n \n {l.partnerAccountName}
\n {l.endUserAccountName}
\n {l.status}
\n \n {\" \"}\n this.handleViewAssets(l)}\n >\n \n \n
\n \n \n\n \n {this.state.showAssetIdList.indexOf(l.id) != -1 && (\n \n )}\n \n \n );\n })}\n
\n {this.state.loading &&
}\n \n \n \n {this.state.title}\n \n \n \n Product Type\n {\n var text = e.target.value;\n this.setState((prev) => {\n prev.newProductType.name = text;\n return prev;\n });\n }}\n />\n \n \n Salesforce Library Name\n {\n var text = e.target.value;\n this.setState((prev) => {\n prev.newProductType.salesforceLibraryName = text;\n return prev;\n });\n }}\n />\n \n \n Salesforce Library Subfolder\n {\n var text = e.target.value;\n this.setState((prev) => {\n prev.newProductType.salesforceLibrarySubfolder = text;\n return prev;\n });\n }}\n />\n \n \n \n \n \n \n \n this.SetShowWarningdlg(false)}\n show={this.state.showWarningdlg}\n buttons={[\n { label: 'CANCEL',onClick: () => this.onCancelDlg() },\n { label: 'YES', variant: 'danger' ,onClick: () => this.onConfirmDlg()},\n ]}\n />\n this.handleCloseNotice()}\n message={'Update Successful.'}\n variant=\"Success\"\n />\n
\n );\n }\n}\n\nexport default HaivisionProductTypeAdd;\n","import React, { Component, Fragment } from \"react\";\nimport axios from \"../../../infra/axios\";\nimport {\n OverlayTrigger,\n List,\n ListHeader,\n TableRow,\n Animation,\n Icon,\n Button,\n ProgressBar,\n Header,\n Pagination\n} from \"@hai/ui-react\";\nimport HaivisionProductTypeAdd from \"./haivision-producttype-add\";\nimport { useParams } from \"react-router-dom\";\nimport cogoToast from \"cogo-toast\";\n\nfunction withParams(Component) {\n return props => ;\n}\n\nclass HaivisionProductType extends Component {\n constructor(props) {\n super(props);\n this.state = {\n loading: true,\n productTypes: null,\n showProductTypeAdd: false,\n selectedProductType:null,\n };\n\n this.GetProductTypes = this.GetProductTypes.bind(this);\n this.handleAddProductType = this.handleAddProductType.bind(this);\n this.handleUpdateProductType = this.handleUpdateProductType.bind(this);\n this.handleHideProductType = this.handleHideProductType.bind(this);\n }\n\n componentDidMount() {\n this.GetProductTypes();\n }\n\n GetProductTypes() {\n this.setState({ loading: true })\n axios\n .get(process.env.REACT_APP_LIC_API_BASE_URL + `/Products/ProductTypes`, {\n headers: {\n 'Cache-Control': 'max-stale=30',\n }\n })\n .then((response) => {\n this.setState((prev) => {\n prev.productTypes = response.data;\n prev.loading = false;\n return prev;\n });\n });\n }\n\n handleDetails(id) {\n window.location = window.location + \"/\" + id;\n }\n \n handleUpdateProductType(id){\n if(this.state.productTypes === null || this.state.productTypes === undefined){\n return;\n }\n var selected = this.state.productTypes.filter(x=>x.id === id)[0];\n this.setState((prev) => {\n prev.showProductTypeAdd = !prev.showProductTypeAdd;\n prev.selectedProductType = selected;\n return prev;\n });\n }\n\n handleAddProductType() {\n this.setState((prev) => {\n prev.showProductTypeAdd = !prev.showProductTypeAdd;\n prev.selectedProductType = null;\n return prev;\n });\n }\n\n handleHideProductType (){\n this.setState((prev) => {\n prev.showProductTypeAdd = false;\n prev.selectedProductType = null;\n return prev;\n }); \n }\n\n render() {\n if (this.state.loading) {\n return (\n \n
\n \n
\n \n );\n } else {\n return (\n \n
\n
\n
\n
\n this.handleAddProductType()}\n >\n Add Product Type\n \n
\n
\n
\n \n \n Product Type
\n Actions
\n \n {this.state.productTypes &&\n this.state.productTypes.map((p) => {\n return (\n \n
\n \n {p.name}
\n \n this.handleDetails(p.id)}\n >\n \n \n
\n \n
\n
\n\n {/*
{\n if (this.state.productTypes.hasNextPage || newPage <= this.state.productTypes?.totalPages) {\n this.setState({ ...this.state, pageData: { currentPage: newPage, pageSize: this.state.pageData.pageSize } });\n this.GetProductTypes(newPage, this.state.pageData.pageSize);\n } else {\n cogoToast.warn(\"No next page\", { position: 'top-right' });\n }\n\n }}\n /> */}\n \n \n \n Major Version\n {\n var text = e.target.value;\n this.setState((prev) => {\n prev.newProductVersion.majorVersion = text;\n return prev;\n });\n }}\n />\n \n \n
\n \n \n \n Minor Version\n {\n var text = e.target.value;\n this.setState((prev) => {\n prev.newProductVersion.minorVersion = text;\n return prev;\n });\n }}\n />\n \n \n
\n \n \n \n Patch Version\n {\n var text = e.target.value;\n this.setState((prev) => {\n prev.newProductVersion.patchVersion = text;\n return prev;\n });\n }}\n />\n \n \n
\n \n \n \n Published Date (Format : yyyy-mm-dd)\n {\n var text = e.target.value;\n this.setState((prev) => {\n prev.newProductVersion.publishedDate = text;\n return prev;\n });\n }}\n />\n \n \n
\n \n \n Release Type\n {\n var text = e.target.value;\n this.setState((prev) => {\n prev.newProductVersion.releaseType = text;\n return prev;\n });\n }}\n > \n {ReleaseTypes.map((p) => {\n return {p};\n })}\n \n \n
\n \n \n \n Version Description\n {\n var text = e.target.value;\n this.setState((prev) => {\n prev.newProductVersion.versionDescription = text;\n return prev;\n });\n }}\n />\n \n \n
\n \n \n this.submitProductVersion()}\n >\n Submit\n \n \n \n \n );\n }\n}\n\nexport default HaivisionProductTypeVersionAdd;\n","import React, { Component } from \"react\";\nimport axios from \"../../../infra/axios\";\nimport {\n OverlayTrigger,\n List,\n ListHeader,\n TableRow,\n Animation,\n Icon,\n FormLabel,\n FormControl,\n Button,\n Modal,\n ModalHeader,\n ModalTitle,\n ModalFooter,\n FormGroup,\n ProgressBar } from \"@hai/ui-react\";\nimport { Row, Col, ModalBody } from \"reactstrap\";\n\nclass HaivisionProductLicenseOptionAdd extends Component {\n constructor(props) {\n super(props);\n this.state = {\n showProductLicenseOptionAdd: false,\n selectedVersionId: this.props.selectedVersionId,\n newProduceLicenseOption: {\n licenseSection: \"\",\n licenseSectionItem: \"\",\n description: \"\",\n valueName: \"\",\n availableValues: \"\",\n },\n };\n }\n componentWillReceiveProps(nextProps) {\n this.setState((prev) => {\n prev.showProductLicenseOptionAdd = nextProps.show;\n prev.selectedVersionId = nextProps.selectedVersionId;\n return prev;\n });\n }\n submitProductLicenseOptionAdd() {\n axios\n .post(\n process.env.REACT_APP_LIC_API_BASE_URL +\n \"/Products/ProductVersions/\" +\n this.state.selectedVersionId +\n \"/ProductLicenseOptions\",\n this.state.newProduceLicenseOption\n )\n .then((response) => {\n this.props.handleProductLicenseOptionAdd();\n this.props.getVersion();\n this.setState((prev) => {\n prev.newProduceLicenseOption = {\n licenseSection: \"\",\n licenseSectionItem: \"\",\n description: \"\",\n valueName: \"\",\n defaultValue: \"\",\n availableValues: \"\",\n };\n return prev;\n });\n });\n }\n\n render() {\n return (\n \n \n Add Product License Option\n \n \n \n License Section\n {\n var text = e.target.value.trim();\n this.setState((prev) => {\n prev.newProduceLicenseOption.licenseSection = text;\n return prev;\n });\n }}\n />\n License Section Item\n {\n var text = e.target.value.trim();\n this.setState((prev) => {\n prev.newProduceLicenseOption.licenseSectionItem = text;\n return prev;\n });\n }}\n />\n Description\n {\n var text = e.target.value.trim();\n this.setState((prev) => {\n prev.newProduceLicenseOption.description = text;\n return prev;\n });\n }}\n />\n Display Name\n {\n var text = e.target.value.trim();\n this.setState((prev) => {\n prev.newProduceLicenseOption.valueName = text;\n return prev;\n });\n }}\n />\n Available Values\n {\n var text = e.target.value.trim();\n this.setState((prev) => {\n prev.newProduceLicenseOption.availableValues = text;\n return prev;\n });\n }}\n />\n \n \n \n this.submitProductLicenseOptionAdd()}\n >\n Submit\n \n \n \n \n );\n }\n}\n\nexport default HaivisionProductLicenseOptionAdd;\n","import React, { Component } from \"react\";\nimport axios from \"../../../infra/axios\";\nimport {\n OverlayTrigger,\n List,\n ListHeader,\n TableRow,\n Animation,\n Icon,\n FormLabel,\n FormControl,\n Button,\n Modal,\n ModalHeader,\n ModalTitle,\n ModalFooter,\n FormGroup,\n ProgressBar } from \"@hai/ui-react\";\nimport { Row, Col, ModalBody } from \"reactstrap\";\n\nclass MakitoProductLicenseOptionUpdate extends Component {\n constructor(props) {\n super(props);\n this.state = {\n showProductLicenseOptionUpdate: false,\n newProduceLicenseOption: this.props.productLicenseOption,\n };\n }\n\n componentWillReceiveProps(nextProps) {\n this.setState((prev) => {\n prev.showProductLicenseOptionUpdate = nextProps.show;\n prev.newProduceLicenseOption = nextProps.productLicenseOption;\n return prev;\n });\n }\n\n submitProductLicenseOptionUpdate() {\n axios\n .put(\n process.env.REACT_APP_LIC_API_BASE_URL +\n \"/Products/ProductVersions/ProductLicenseOptions/\" +\n this.state.newProduceLicenseOption.id,\n this.state.newProduceLicenseOption\n )\n .then((response) => {\n this.props.handleProductLicenseOptionUpdate();\n this.props.getVersion();\n this.setState((prev) => {\n prev.newProduceLicenseOption = {\n licenseSection: \"\",\n licenseSectionItem: \"\",\n description: \"\",\n valueName: \"\",\n defaultValue: \"\",\n availableValues: \"\",\n };\n return prev;\n });\n });\n }\n\n render() {\n return (\n <>\n {this.state.newProduceLicenseOption && (\n \n \n Update Product Licnese Option\n \n \n \n License Section\n {\n var text = e.target.value;\n this.setState((prev) => {\n prev.newProduceLicenseOption.licenseSection = text;\n return prev;\n });\n }}\n />\n License Section Item\n {\n var text = e.target.value.trim();\n this.setState((prev) => {\n prev.newProduceLicenseOption.licenseSectionItem = text;\n return prev;\n });\n }}\n />\n Description\n {\n var text = e.target.value.trim();\n this.setState((prev) => {\n prev.newProduceLicenseOption.description = text;\n return prev;\n });\n }}\n />\n Display Name\n {\n var text = e.target.value.trim();\n this.setState((prev) => {\n prev.newProduceLicenseOption.valueName = text;\n return prev;\n });\n }}\n />\n Available Values\n {\n var text = e.target.value.trim();\n this.setState((prev) => {\n prev.newProduceLicenseOption.availableValues = text;\n return prev;\n });\n }}\n />\n \n \n \n this.submitProductLicenseOptionUpdate()}\n >\n Submit\n \n this.props.handleProductLicenseOptionUpdate()}\n >\n Cancel\n \n \n \n )}\n \n );\n }\n}\n\nexport default MakitoProductLicenseOptionUpdate;\n","import React, {useState, useEffect} from 'react'\nimport { Header, \n FormControl,\n FormGroup,\n FormLabel,\n Modal,\n ModalBody,\n ModalFooter,\n ModalHeader,\n ModalTitle,\n Button,\n SelectOption,\n ProgressBar,\n Dialog,\n Notification} from \"@hai/ui-react\";\n\nimport { Col, Row } from \"reactstrap\";\n\nimport axios from \"../../../infra/axios\";\nimport Select from \"react-select\";\n\nconst ProductVersionMetadata = (props) => {\n\n const [loading, setLoading] = useState(false);\n const [metaDataDto,SetMetaDataDto] = useState({\n productVersionId : props.metaData==null?null:props.metaData.productVersionId,\n blobUri : props.metaData==null?'':props.metaData.blobUri,\n imageLink : props.metaData==null?'':props.metaData.imageLink,\n imageType:props.metaData==null?'':props.metaData.imageType,\n md5 : props.metaData==null?'':props.metaData.md5,\n sha1 : props.metaData==null?'':props.metaData.sha1,\n sha2 : props.metaData==null?'':props.metaData.sha2,\n id : props.metaData==null?null:props.metaData.id,\n salesforceFileName :props.metaData==null?'':props.metaData.salesforceFileName,\n salesforceDownloadUrl:props.metaData==null?'':props.metaData.salesforceDownloadUrl\n });\n const [producVersionId, SetProducVersionId] = useState(props.productVersionId);\n const [showWarningdlg,SetShowWarningdlg] = useState(false);\n const [warningTitle, SetWarningTitle] = useState('Warning');\n const [warningContent, SetWarningContent] = useState(['This operation only update salesforce file name in Metadata, if you want to generate a new',\n 'file in salesforce download center, you need to click Create Salesforce Download link',\n 'but it will not remove the file with old salesforce file name.',\n 'Are you sure you want to update it?']);\n\n const [resultMessage,SetResultMessage] = useState('');\n\n useEffect( () => {\n SetMetaDataDto({\n productVersionId : props.metaData==null?null:props.metaData.productVersionId,\n blobUri : props.metaData==null?'':props.metaData.blobUri,\n imageLink : props.metaData==null?'':props.metaData.imageLink,\n imageType:props.metaData==null?'':props.metaData.imageType,\n md5 : props.metaData==null?'':props.metaData.md5,\n sha1 : props.metaData==null?'':props.metaData.sha1,\n sha2 : props.metaData==null?'':props.metaData.sha2, \n id : props.metaData==null?null:props.metaData.id, \n salesforceFileName :props.metaData==null?'':props.metaData.salesforceFileName,\n salesforceDownloadUrl:props.metaData==null?'':props.metaData.salesforceDownloadUrl\n \n });\n \n }, [props.metaData])\n\n useEffect( () => {\n SetProducVersionId(props.productVersionId);\n }, [props.productVersionId]);\n\n const [show, setShow] = useState(false)\n const handleClose = () => setShow(false)\n const handleShow = () => setShow(true)\n const titleStr = props.metaData==null?'Add Version Image':'Update Version Image'\n const buttonTitleStr = props.metaData==null?'Create':'Update'\n\n const onCancelDlg = () =>{\n SetShowWarningdlg(false);\n }\n \n const onConfirmDlg = () =>{\n handleUpdate(); \n }\n\n const handleHideModal = (isCancelled) =>{\n\n SetMetaDataDto({\n productVersionId : props.metaData==null?null:props.metaData.productVersionId,\n blobUri : props.metaData==null?'':props.metaData.blobUri,\n imageLink : props.metaData==null?'':props.metaData.imageLink,\n imageType:props.metaData==null?'':props.metaData.imageType,\n md5 : props.metaData==null?'':props.metaData.md5,\n sha1 : props.metaData==null?'':props.metaData.sha1,\n sha2 : props.metaData==null?'':props.metaData.sha2, \n id : props.metaData==null?null:props.metaData.id, \n salesforceFileName :props.metaData==null?'':props.metaData.salesforceFileName,\n salesforceDownloadUrl:props.metaData==null?'':props.metaData.salesforceDownloadUrl\n \n });\n\n setLoading(false);\n props.onHide();\n if(!isCancelled){\n props.getVersion();\n }\n \n }\n\n const handleUpdate = () => { \n axios\n .put(\n process.env.REACT_APP_LIC_API_BASE_URL + \"/Products/ProductVersions/metadata/\" + metaDataDto.id,\n metaDataDto\n )\n .then((reponse) => {\n SetResultMessage('Update Metadata successful!');\n setShow(true);\n handleHideModal(false);\n }); \n }\n\n const handleCreate = () =>{\n if(metaDataDto.imageType === '' || metaDataDto.imageType === undefined || metaDataDto.imageType === null){\n alert('Please select a Image type!');\n return; \n }\n\n if(props.metaData === null){\n axios\n .post(\n process.env.REACT_APP_LIC_API_BASE_URL + \"/Products/ProductVersions/\" + producVersionId + '/metadata',\n metaDataDto\n )\n .then((reponse) => {\n SetResultMessage('Create Metadata successful!');\n setShow(true)\n handleHideModal(false);\n }); \n }\n else{\n if (metaDataDto.salesforceFileName !== props.metaData.salesforceFileName){\n SetShowWarningdlg(true);\n }else\n {\n handleUpdate();\n } \n }\n \n }\n\n\n var ImageTypes = [\"FIRMWARE\", \"WIN-MSI\", \"OVA\", \"ISO\", \"MAC-PKG\"];\n return (\n \n { loading &&
}\n {!loading && \n
\n
\n \n {titleStr}\n \n \n \n \n \n Image Type\n {\n SetMetaDataDto(prevState => ({\n ...prevState, imageType: e.target.value\n }))\n }}\n > \n {ImageTypes.map((p) => {\n return {p};\n })}\n \n \n {/*\n Image Link\n {\n SetMetaDataDto(prevState => ({\n ...prevState, imageLink: e.target.value\n }))\n }}\n />\n */}\n \n \n Md5\n {\n SetMetaDataDto(prevState => ({\n ...prevState, md5: e.target.value\n }))\n }}\n />\n \n \n
\n \n \n Sha1\n {\n SetMetaDataDto(prevState => ({\n ...prevState, sha1: e.target.value\n }))\n }}\n />\n \n \n \n Sha2\n {\n SetMetaDataDto(prevState => ({\n ...prevState, sha2: e.target.value\n }))\n }}\n />\n \n \n
\n {/*}\n \n \n \n Sha2\n {\n SetMetaDataDto(prevState => ({\n ...prevState, sha2: e.target.value\n }))\n }}\n />\n \n \n \n \n Blob URI\n {\n SetMetaDataDto(prevState => ({\n ...prevState, blobUri: e.target.value\n }))\n }}\n />\n \n \n
\n \n \n \n Salesforce File Name\n {\n SetMetaDataDto(prevState => ({\n ...prevState, salesforceFileName: e.target.value\n }))\n }}\n />\n \n \n
*/}\n \n \n \n \n \n \n \n
} \n
SetShowWarningdlg(false)}\n show={showWarningdlg}\n buttons={[\n { label: 'CANCEL',onClick: () => onCancelDlg() },\n { label: 'YES', variant: 'danger' ,onClick: () => onConfirmDlg()},\n ]}\n />\n \n
\n Please do not close this window during uploads.\n
\n {uploading && (\n \n )}\n \n \n \n \n \n \n );\n};\n\nexport default ProductVersionImageFileUpload;\n","import React, { Component, useEffect, useState } from \"react\";\nimport axios from \"../../../infra/axios\";\nimport {\n Header,\n Icon,\n List,\n ListHeader,\n TableRow,\n Button,\n FormGroup,\n SelectOption,\n FormControl,\n FormLabel,\n OverlayTrigger,\n Modal,\n ModalHeader,\n ModalTitle,\n ModalBody,\n ModalFooter,\n ProgressBar,\n Link,\n Dialog,\n Notification\n} from \"@hai/ui-react\";\nimport { Fragment } from \"react\";\nimport { Col, Row } from \"reactstrap\";\nimport HaivisionProductTypeVersionAdd from \"./haivision-producttype-version-add\";\nimport HaivisionProductLicenseOptionAdd from \"./haivision-product-license-option-add\";\nimport HaivisionProductLicenseOptionUpdate from \"./haivision-product-license-option-update\";\nimport ProductVersionMetadata from \"./haivision-product-version-metadata-add-update\";\nimport { useParams } from \"react-router-dom\";\nimport moment from \"moment\";\nimport ProductVersionImageFileUpload from \"./haivision-product-version-image-upload\";\nimport HaivisionProductTypeAdd from \"./haivision-producttype-add\";\n\nconst HaivisionProductTypeDetail = (props) => {\n let { productTypeIdParam } = useParams();\n const [productTypeId, setProductTypeId] = useState(\n props.productTypeId == null ? productTypeIdParam : props.productTypeId\n );\n const [productType, setProductType] = useState(\"\");\n const [versions, setVersions] = useState(null);\n const [selectedVersion, setSelectedVersion] = useState(null);\n const [loading, setLoading] = useState(true);\n const [showNoVersionWarnning, setShowNoVersionWarnning] = useState(false);\n const [showProductVersionAdd, setShowProductVersionAdd] = useState(false);\n const [showProductLicenseOptionAdd, setShowProductLicenseOptionAdd] =\n useState(false);\n const [showProductLicenseOptionUpdate, setShowProductLicenseOptionUpdate] =\n useState(false);\n const [updateProductLicenseOption, setUpdateProductLicenseOption] =\n useState(null);\n const [isUpdateVersion, setIsUpdateVersion] = useState(false);\n const [\n showProductVersionImageAddUpdate,\n SetShowProductVersionImageAddUpdate,\n ] = useState(false);\n const [showProductVersionImageUpload, SetShowProductVersionImageUpload] =\n useState(null);\n const [metadataDto, SetMetadataDto] = useState(null);\n const [showProductTypeAdd,SetShowProductTypeAdd] = useState(false);\n\n const [showWarningdlg,SetShowWarningdlg] = useState(false);\n const [warningTitle, SetWarningTitle] = useState('Warning');\n const [warningContent, SetWarningContent] = useState([]);\n\n const [showNotification, setShowNotification] = useState(false)\n const handleCloseNotification = () => setShowNotification(false)\n const [resultMessage, SetResultMessage] = useState('')\n\n const [showInputFileNameModal, SetShowInputFileNameModal] = useState(false);\n const [fileName, SetFileName] = useState('');\n const [selectedImage, SetSelectedImage] = useState(null);\n\n\n useEffect(() => {\n getVersion();\n }, []);\n\n const getVersion = () => {\n setLoading(true);\n const requestVersion = axios.get(\n process.env.REACT_APP_LIC_API_BASE_URL +\n \"/Products/\" +\n productTypeId +\n \"/ProductVersions\"\n );\n const requestProductType = axios.get(\n process.env.REACT_APP_LIC_API_BASE_URL +\n \"/Products/ProductTypes/\" +\n productTypeId\n );\n axios.all([requestVersion, requestProductType]).then(\n axios.spread((...responses) => {\n let tempVersions = sortByVersionDesc(responses[0].data).filter(\n (x) => x.active\n );\n setVersions(tempVersions);\n setSelectedVersion(tempVersions?.[0]);\n setProductType(responses[1].data);\n setShowNoVersionWarnning(tempVersions.length === 0);\n setLoading(false);\n })\n );\n };\n\n const getUpdatedVersionById = () => {\n setLoading(true);\n const requestVersion = axios.get(\n process.env.REACT_APP_LIC_API_BASE_URL +\n \"/Products/ProductTypes/ProductVersions/\" +\n selectedVersion.id\n ).then(response=>{\n setSelectedVersion(response.data);\n setVersions(values => values.map((item) => item.id === selectedVersion.id ? response.data: item));\n setLoading(false);\n })\n };\n\n const getProductTypeById = () => {\n setLoading(true);\n const requestVersion = axios.get(\n process.env.REACT_APP_LIC_API_BASE_URL +\n \"/Products/ProductTypes/\" +\n productType.id\n ).then(response=>{\n setProductType(response.data); \n setLoading(false);\n })\n };\n\n const sortByVersionDesc = (productVersions) => {\n if (productVersions?.length >= 1) {\n productVersions.sort((version1, version2) => {\n if (version1.majorVersion === version2.majorVersion) {\n if (version1.minorVersion === version2.minorVersion) {\n if (version1.patchVersion === version2.patchVersion) {\n // two same version, impossible\n } else if (version1.patchVersion > version2.patchVersion) {\n return -1;\n } else {\n return 1;\n }\n } else if (version1.minorVersion > version2.minorVersion) {\n return -1;\n } else {\n return 1;\n }\n } else if (version1.majorVersion > version2.majorVersion) {\n return -1;\n } else {\n return 1;\n }\n });\n }\n return productVersions;\n };\n\n\n const handleProductVersionAdd = () => {\n setShowProductVersionAdd(!showProductVersionAdd);\n setIsUpdateVersion(false); \n };\n\n const handleProductVersionUpdate = () => {\n setShowProductVersionAdd(!showProductVersionAdd);\n setIsUpdateVersion(true);\n };\n\n const handleProductLicenseOptionAdd = () => {\n setShowProductLicenseOptionAdd(!showProductLicenseOptionAdd);\n };\n\n const handleProductLicenseOptionUpdate = (opt) => {\n setShowProductLicenseOptionUpdate(!showProductLicenseOptionUpdate);\n setUpdateProductLicenseOption(\n updateProductLicenseOption == null ? opt : null\n );\n };\n\n const handleDeleteProductOptionData = (id) => {\n axios\n .delete(\n process.env.REACT_APP_LIC_API_BASE_URL +\n \"/Products/ProductVersions/ProductLicenseOptions/\" +\n id\n )\n .then((response) => {\n getUpdatedVersionById();\n });\n };\n\n const onHideProductVersionImageUpdate = () => {\n SetShowProductVersionImageAddUpdate(false);\n };\n\n const handleProductVersionImageAdd = () => {\n SetShowProductVersionImageAddUpdate(true);\n SetMetadataDto(null);\n };\n\n const handleProductVersionImageUpdate = (image) => {\n SetShowProductVersionImageAddUpdate(true);\n SetMetadataDto(image);\n };\n\n const handleSubmitCreateSFDownloadLink = (image, fileName) =>{\n if(image.blobUri === '' || image.blobUri === null){\n alert('Blob Uri should not be empty!');\n return; \n }\n\n if(fileName === '' || fileName === null){\n alert('Salesforce File Name should not be empty!');\n return; \n }\n\n setLoading(true);\n\n axios\n .post(\n process.env.REACT_APP_METADATA_API_BASE_URL + \"/ReleaseMetadata/CreateDownloadCenterFileLink?blobUri=\"+image.blobUri+\"&title=\"+fileName\n )\n .then((reponse) => {\n setLoading(false);\n SetResultMessage('Create Salesforce download link successful!');\n setShowNotification(true);\n getUpdatedVersionById();\n });\n }\n\n const handleCreateSFDownloadLink= (image) => {\n\n SetSelectedImage(image);\n SetShowInputFileNameModal(true);\n }; \n\n const handleUpdateProductType = () =>{\n SetShowProductTypeAdd(true);\n }\n\n const handleHideProductType = () => {\n SetShowProductTypeAdd(false);\n }\n\n const handleProductVersionImageUpload = (image) => {\n SetShowProductVersionImageUpload(true);\n SetMetadataDto(image);\n };\n const onHideProductVersionImageUpload = () => {\n SetShowProductVersionImageUpload(false);\n };\n\n const handleProductVersionImageDownload = (image) => {\n axios\n .get(\n process.env.REACT_APP_METADATA_API_BASE_URL +\n `/ReleaseMetadata/GenerateDownloadLink?blobUri=${image.blobUri}&withRedirect=false`\n )\n .then((response) => {\n let url = response.data;\n window.open(url, \"\").focus();\n });\n };\n\n const handleProductVersionImageDelete = (id) => {\n axios\n .delete(\n process.env.REACT_APP_LIC_API_BASE_URL +\n \"/Products/ProductVersions/metadata/\" +\n id\n )\n .then((response) => {\n getUpdatedVersionById();\n });\n };\n\n const getSfLinkContent = (salesforceFileName, salesforceDownloadUrl) =>{\n if((salesforceFileName === null || salesforceFileName === '') && salesforceDownloadUrl != null && salesforceDownloadUrl !== ''){\n return 'Salesforce Download Link'\n }\n else if(salesforceFileName !== null && salesforceFileName !== '' && salesforceDownloadUrl !== null && salesforceDownloadUrl !== ''){\n return 'Salesforce Download ' + salesforceFileName;\n } \n else if((salesforceFileName === null || salesforceFileName === '') && (salesforceDownloadUrl === null || salesforceDownloadUrl === '')){\n return '';\n } \n else if((salesforceFileName !== null && salesforceFileName !== '') && (salesforceDownloadUrl === null || salesforceDownloadUrl === '')){\n return '';\n } \n }\n\n const getImageLinkContent = (salesforceFileName, imageLink) =>{\n if((salesforceFileName === null || salesforceFileName === '') && imageLink != null && imageLink !== ''){\n return 'Image Link';\n }\n else if(salesforceFileName !== null && salesforceFileName !== '' && imageLink !== null && imageLink !== ''){\n return 'Image Link ' + salesforceFileName;\n } \n else if((salesforceFileName === null || salesforceFileName === '') && (imageLink === null || imageLink === '')){\n return '';\n } \n else if((salesforceFileName !== null && salesforceFileName !== '') && (imageLink === null || imageLink === '')){\n return '';\n }\n }\n\n const handleWarningDlgOk = () =>{\n //alert('new name' + fileName + ', old name : ' + selectedImage.salesforceFileName);\n SetWarningContent(['This operation will generate a new file in salesforce download center,',\n 'but it will not remove the file with old salesforce file name.',\n 'Are you sure you want to create it?']);\n SetShowInputFileNameModal(false);\n SetShowWarningdlg(true);\n }\n\n const handleInputFileNameClose = () =>{\n SetShowInputFileNameModal(false);\n SetFileName('');\n }\n\n function handleChange(event) {\n SetFileName(event.target.value);\n }\n\n const handleWarningDlgCancel = () =>{\n SetFileName('');\n SetShowWarningdlg(false);\n }\n\n const handleInputFileNameConfirm = () =>{\n handleSubmitCreateSFDownloadLink(selectedImage, fileName);\n SetShowWarningdlg(false);\n SetFileName(''); \n }\n \n const showAction = (opt) => {\n if (opt.active !== true) {\n return ;\n }\n\n return (\n \n handleProductLicenseOptionUpdate(opt)}\n >\n \n \n handleDeleteProductOptionData(opt.id)}\n style={{ cursor: \"pointer\", paddingRight: \"10px\" }}\n >\n \n \n
\n );\n };\n\n if (loading) {\n return (\n \n );\n } else {\n return (\n \n
\n \n
Available License Options
{\" \"}\n (window.location = \"license/producttypes\")}\n >\n Back\n \n \n
\n
\n \n Current Version\n {\n var text = e.target.value;\n setSelectedVersion(\n versions.filter(\n (x) =>\n x.majorVersion +\n \".\" +\n x.minorVersion +\n \".\" +\n x.patchVersion ===\n text\n )[0]\n );\n }}\n >\n {versions &&\n versions.map((ver) => {\n return (\n \n {\" \"}\n {ver.majorVersion}.{ver.minorVersion}.{ver.patchVersion}\n \n );\n })}\n \n \n
\n
\n
\n {\" \"}\n \n \n handleProductVersionUpdate()}\n >\n Update Version\n \n handleProductLicenseOptionAdd()}\n >\n Add License Option\n \n handleProductVersionImageAdd()}\n >\n Add Version Image\n \n
\n
\n \n \n Salesforce Library Name\n \n \n \n \n \n Salesforce Library Subfolder\n \n \n \n \n \n Published Date (Format : yyyy-mm-dd)\n \n \n \n \n \n Release Type\n \n \n \n \n \n Description\n \n \n \n
\n
\n
\n \n Image Type
\n Image Link
\n Md5
\n Sha1
\n Sha2
\n Blob URI
\n SF Download URL
\n SF File Name
\n Actions
\n \n {selectedVersion &&\n selectedVersion?.productVersionImages?.map((img) => {\n return (\n \n
\n {img.imageType}
\n \n \n {getImageLinkContent(img.salesforceFileName,img.imageLink)}\n \n
\n {img.md5}
\n {img.sha1}
\n {img.sha2}
\n {img.blobUri}
\n \n \n \n {getSfLinkContent(img.salesforceFileName, img.salesforceDownloadUrl)}\n \n \n
\n {img.salesforceFileName}
\n \n
\n \n handleProductVersionImageUpload(img)}\n />\n \n \n \n handleProductVersionImageDownload(img)\n }\n />\n \n {/*\n handleProductVersionImageUpdate(img)}\n />\n */}\n \n handleCreateSFDownloadLink(img)}\n />\n \n \n \n handleProductVersionImageDelete(img.id)\n }\n />\n \n
\n
\n
\n
\n
\n \n Section
\n Item
\n Value Name
\n Available Values
\n Description
\n Status
\n Actions
\n \n {selectedVersion &&\n selectedVersion?.productLicenseOptions?.map((opt) => {\n return (\n \n \n {opt.licenseSection}
\n {opt.licenseSectionItem}
\n {opt.valueName}
\n {opt.availableValues}
\n {opt.description}
\n {opt.active ? \"Active\" : \"Inactive\"}
\n \n {\n /* \n this.handleProductLicenseOptionUpdate(opt)\n }\n >\n \n \n this.handleDeleteProductOptionData(opt.id)}\n style={{ cursor: \"pointer\", paddingRight: \"10px\" }}\n >\n \n */ showAction(opt)\n }\n
\n \n \n );\n })}\n
\n\n
\n \n \n \n No Product Version Found\n \n {\n setShowNoVersionWarnning(false);\n }}\n >\n Close\n \n \n \n
\n
\n
\n
\n
\n
\n\n
SetShowWarningdlg(false)}\n show={showWarningdlg}\n dynamicResizing={{ minWidth: 100, maxWidth: 500, margin: 100 }}\n buttons={[\n { label: 'CANCEL',onClick: () => handleWarningDlgCancel() },\n { label: 'YES', variant: 'danger' ,onClick: () => handleInputFileNameConfirm()},\n ]}\n />\n \n\n \n\n \n {props?.account?.flags?.length >= 1 && \n (
\n
Ems Flags
\n
\n
\n {props?.account?.flags?.map(f => - {f}
)}\n
\n
\n
)}\n \n {props?.account?.hub?.featureFlags?.length > 1 && \n (
\n
Hub Flags
\n
\n
\n {props?.account?.hub?.featureFlags?.map(f => - {f}
)}\n
\n
\n
\n )}\n
\n
\n
{props.pageData.currentPage}
\n
\n
\n \n Ems Id/Name\n setUserFilter(e.target.value)} defaultValue={params?.id}>\n \n
\n
\n {loading && }\n {\n visibleData && visibleData.map(a => {\n return (\n \n \n \n \n \n \n \n \n {\n setExpandContent(expanded ? eventKey : '')\n setSelectedAccount(a.id);\n }} />\n {\n setExpandContent(expanded ? eventKey : '')\n setSelectedAccount(a.id);\n }} />\n \n {\n setSelectedAccount(a.id);\n setShowDeleteDialog(true);\n }} />\n \n \n \n {expandContent == 'showDevices' && \n }\n {expandContent == 'showFlags' && \n }\n
\n \n \n
\n )\n })\n }\n\n {accounts &&\n \n \n }\n\n\n )\n }\n\nexport default ListAllEmsAccounts;","import React, { useEffect, useState } from \"react\"\nimport { Button, FormControl, Header, List, ProgressBar } from \"@hai/ui-react\"\nimport { FormLabel } from \"react-bootstrap\";\nimport axios from \"../../infra/axios\";\nimport { Col, Row } from \"reactstrap\";\nimport { useParams } from \"react-router-dom\";\nimport NavigationButtons from \"../common/Utils/NavigationButtons\";\n\nconst ToriiOrganizations = props => {\n\n const params = useParams();\n const [organizations, setOrganizations] = useState(null);\n const [loading, setLoading] = useState(true);\n const [expandContent, setExpandContent] = useState(null);\n const [pageData, setPageData] = useState({\n currentPage: params?.pageNum ? parseInt(params?.pageNum) : 1,\n pageSize: 10\n });\n const [visibleData, setVisibleData] = useState(null);\n const [userFilter, setUserFilter] = useState(params?.id);\n\n\n useEffect(() => {\n getOrganizations();\n }, []);\n\n useEffect(() => {\n search();\n }, [organizations])\n\n const search = () => {\n if (userFilter === '*') {\n setVisibleData(organizations);\n }\n else if (userFilter) {\n var data = organizations?.filter(a => a.id === userFilter || a.name.includes(userFilter));\n setVisibleData(data);\n } \n else if (!userFilter && !params?.pageNum) {\n setVisibleData(organizations?.slice(0, 10));\n setPageData({...pageData, currentPage: 1});\n window.history.replaceState('','', '/torii/organizations/page/1')\n } else if (params?.pageNum) {\n setVisibleDataFromPageNum(organizations) \n }\n }\n \n const getOrganizations = () => {\n axios.get(`${process.env.REACT_APP_TORII_API_BASE_URL}/organizations`)\n .then(res => {\n setOrganizations(res.data)\n setVisibleDataFromPageNum(res.data);\n setLoading(false)\n })\n .catch(e => setLoading(false))\n }\n\n const setVisibleDataFromPageNum = (data) => {\n if (data) {\n let start = params?.pageNum != null ? ((params?.pageNum - 1) * pageData.pageSize) : 0;\n setVisibleData(data.slice(start, pageData.currentPage * pageData.pageSize));\n if (data.length < pageData.currentPage * pageData.pageSize) {\n console.log('invalid page');\n setVisibleData(data.slice(0, 1 * pageData.pageSize));\n }\n }\n }\n\n\n return (<>\n \n
\n \n {loading && \n }\n\n {!loading && \n \n Organization Id/Name\n setUserFilter(e.target.value)} defaultValue={params?.id}>\n \n
}\n { visibleData && visibleData.map(a => {\n return (\n\n \n \n \n \n \n \n \n \n {\n setExpandContent(expanded ? eventKey : '')\n }} />\n \n {\n window.open(`${window.location.origin}/torii/organizations/${a.id}/subscriptions`,'_blank')\n }} />\n \n \n \n {expandContent == 'showDetails' &&\n \n \n Description\n \n\n Tier\n \n \n\n \n Currency\n \n\n Domain\n \n \n\n
}\n
\n \n \n
\n )\n })\n }\n\n {organizations &&\n \n }\n );\n}\n\nexport default ToriiOrganizations;","import React, { useEffect, useState } from \"react\"\nimport axios from \"../../infra/axios\";\nimport { Col, Row } from \"reactstrap\";\nimport { DataTable, ProgressBar } from \"@hai/ui-react\";\nimport { HaiDataTableColumnType } from \"@hai/ui-react/dist/types\";\n\nconst ToriiSalesforceItems = props => {\n\n const [items, setItems] = useState([]);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n if (props.contractId) {\n axios.get(`${process.env.REACT_APP_TORII_API_BASE_URL}/service-contracts/${props?.contractId}/contract-line-items`)\n .then(res => {\n setItems(res.data);\n setLoading(false);\n }).catch(e => setLoading(false))\n } else {\n setLoading(false)\n }\n },[]);\n\n if (loading) {\n return ()\n }\n \n return (<>\n {!props.contractId && No contract set to find items.
}\n \n \n \n \n {items && items.map((data, index) => {\n return ;\n })}\n \n
\n )\n}\n\nexport default ToriiSalesforceItems;","import React, { useEffect, useState } from \"react\"\nimport axios from \"../../infra/axios\";\nimport { DataTable, ProgressBar } from \"@hai/ui-react\";\nimport { Col, Row } from \"reactstrap\";\n\nconst ToriiSalesforceAssets = props => {\n const [assets, setAssets] = useState([]);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n if (props?.contractId) {\n axios.get(`${process.env.REACT_APP_TORII_API_BASE_URL}/service-contracts/${props?.contractId}/assets`)\n .then(res => {\n setAssets(res.data);\n setLoading(false);\n }).catch(e => setLoading(false))\n } else {\n setLoading(false);\n }\n },[]);\n\n if (loading) {\n return ()\n }\n\n return (<>\n {!props?.contractId && No contract set to find assets.
}\n \n \n \n \n {assets && assets.map((data, index) => {\n return ;\n })}\n \n
\n)\n}\n\nexport default ToriiSalesforceAssets;","import { DataTable, FormLabel, ProgressBar } from \"@hai/ui-react\";\nimport React, { useEffect, useState } from \"react\"\nimport { Col, Row } from \"reactstrap\";\nimport axios from \"../../infra/axios\";\n\nconst ToriiUsageBySubscription = props => {\n const [usage, setUsage] = useState(null);\n const [loading, setLoading] = useState(true);\n\n useEffect(() => {\n if (props.subscriptionId) {\n axios.get(`${process.env.REACT_APP_TORII_API_BASE_URL}/subscriptions/${props?.subscriptionId}/appliance/usage`)\n .then(res => {\n setUsage(res.data);\n setLoading(false);\n }).catch(e => setLoading(false))\n } else {\n setLoading(false);\n }\n },[]);\n\n\n if (loading) {\n return ()\n }\n \n return (<>\n \n
Current usage
\n {usage && \n
\n
\n \n Peak: {usage.peak}
\n \n \n Previous Peak: {usage.peakPreviousPeriod}
\n \n
\n
\n \n {usage?.details && \n \n \n \n {usage?.details && usage?.details.map((data, index) => {\n return ;\n })}\n \n }\n \n
\n
}\n
\n
\n
\n {loading &&
\n }\n {!loading && subscriptions?.length === 0 &&\n
No subscription found for this organization.
}\n {!loading && isAllSubscriptions && \n
\n Subscription Id/Name\n setUserFilter(e.target.value)} defaultValue={params?.id}>\n \n
}\n\n {notFound &&
}\n {!notFound && visibleData && visibleData.map(a => {\n return (\n <>\n
\n \n \n \n \n \n \n {\n setExpandContent(expanded ? eventKey : '')\n }} />\n \n \n \n {(expandContent === \"showDetails\"+a.id || subscriptions?.length === 1) &&\n
\n
\n \n Description: {a.description}
\n \n \n Tier: {a.tier}
\n \n \n Created: {a.CreatedOn}
\n \n \n Support Status: {a.supportStatus}
\n \n \n Salesforce Contract Id: {a.salesforceServiceContractId}
\n \n \n Mcr Account Id: {a.mcrAccountId}
\n \n \n Monthly Cost: {a.monthlyCost}
\n \n
\n \n
\n
SKUs
\n
\n
\n {a.skus?.map(sku => {\n return (\n \n \n {sku.name}\n
\n {sku.status}\n
\n
\n
\n
\n }\n
\n {console.log(subscriptions?.length)}\n\n {(subscriptions?.length === 1 || expandContent === \"showDetails\"+a.id) &&\n <>\n
\n \n \n
\n \n }\n \n )\n })}\n\n {isAllSubscriptions && subscriptions &&\n \n }\n\n
\n {loading && \n }\n\n {users &&\n \n User Id/Name\n setUserFilter(e.target.value)} defaultValue={params?.id}>\n \n
}\n { visibleData && visibleData.map(a => {\n return (\n\n \n \n \n \n \n \n \n {\n setExpandContent(expanded ? eventKey : '')\n }} />\n \n {/* {\n window.open(`${window.location.origin}/torii/organizations/${a.id}/subscriptions`,'_blank')\n }} /> */}\n \n \n \n {expandContent == 'showDetails' &&\n \n \n Email: {a.email}\n Role: {a.role}\n Last sign in: {a.lastSignIn}\n Status: {a.status}\n \n\n \n Subscriptions\n \n \n\n
}\n
\n \n \n
\n )\n })\n }\n\n {users && visibleData &&\n \n }\n )\n}\n\nexport default ToriiUsers;","import React, { useCallback, useState } from \"react\";\nimport { AsyncTypeahead } from \"react-bootstrap-typeahead\";\nimport axios from \"../../../infra/axios\";\nimport { useParams } from \"react-router-dom\";\nimport propTypes from 'prop-types'\nimport { FormGroup } from \"@hai/ui-react\";\nimport { FormLabel } from \"react-bootstrap\";\n\nconst SelectUUIDBox = props => {\n var params = useParams();\n const [userFilter, setUserFilter] = useState(params?.id);\n const [loadingTypeahead, setLoadingTypeAhead] = useState(false);\n const [options, setOptions] = useState([]);\n const [selectedOption, setSelectedOption] = useState(null)\n const PER_PAGE = 30;\n const CACHE = {};\n\n const handlePagination = (e, shownResults) => {\n const cachedQuery = CACHE[userFilter];\n\n // Don't make another request if:\n // - the cached results exceed the shown results\n // - we've already fetched all possible results\n if (\n cachedQuery.options.length > shownResults ||\n cachedQuery.options.length === cachedQuery.total_count\n ) {\n return;\n }\n\n setLoadingTypeAhead(true);\n\n const page = cachedQuery.page + 1;\n\n makeAndHandleRequest(userFilter, page).then((resp) => {\n const options = cachedQuery.options.concat(resp.options);\n CACHE[userFilter] = { ...cachedQuery, options, page };\n\n setLoadingTypeAhead(false);\n setOptions(options);\n });\n };\n\n const handleInputChange = (q) => {\n setUserFilter(q);\n const { onInputChange } = props;\n if (onInputChange) {\n onInputChange(q);\n }\n }\n\n const makeAndHandleRequest = (filter, page = 1) => {\n return axios.get(`${process.env.REACT_APP_PRODUCTION_API_BASE_URL}/Legacy/AwProducts/page/${page}/pageSize/${PER_PAGE}/filters/${filter}`)\n .then((resp) => resp.data)\n .then(({ data, totalCount }) => {\n const options = data.map((i) => ({\n serial: i?.serial,\n id: i.id,\n uuid: i.uuid,\n }));\n return { options, totalCount };\n }).catch(e => setLoadingTypeAhead(false));\n }\n\n const handleSearch = useCallback((q) => {\n if (CACHE[q]) {\n setOptions(CACHE[q].options);\n return;\n }\n setLoadingTypeAhead(true);\n makeAndHandleRequest(q).then((resp) => {\n CACHE[q] = { ...resp, page: 1 };\n setLoadingTypeAhead(false);\n setOptions(resp.options);\n });\n }, []);\n\n return (<>\n \n {props.label && \n {props.label}\n }\n `UUID: ${o.uuid} | SN: ${o.serial}`}\n isLoading={loadingTypeahead}\n maxResults={PER_PAGE - 1}\n onInputChange={handleInputChange}\n onChange={props.onChange}\n onPaginate={handlePagination}\n minLength={4}\n onSearch={handleSearch}\n options={options}\n filterBy={['uuid', 'serial']}\n paginate\n placeholder=\"Search for UUID or type new\"\n renderMenuItemChildren={(option) => (\n \n uuid: {option.uuid} | serial: {option.serial}\n
\n )}\n style={{ marginBottom: '1rem' }}\n onBlur={props?.onBlur}\n />\n \n )\n}\n\nSelectUUIDBox.propTypes = {\n onChange: propTypes.func.isRequired,\n label: propTypes.string,\n onInputChange: propTypes.func,\n onBlur: propTypes.func\n}\n\nexport default SelectUUIDBox;","import { Button, Form, FormControl, FormGroup, FormLabel } from \"@hai/ui-react\";\nimport React, { useState } from \"react\";\nimport axios from \"../../../infra/axios\";\nimport SelectUUIDBox from \"./SelectUUIDBox\";\nimport cogoToast from \"cogo-toast\";\nimport { Col, Row } from \"reactstrap\";\n\nconst CreateAirProduct = props => {\n\n const [isNewProduct, setIsNewProduct] = useState(true)\n const [form, setForm] = useState({\n serialNumber: null,\n uuid: null,\n macAddress: null,\n productName: null,\n maupitiVersion: null,\n version: null,\n idTahiti: null,\n idCuracao: null,\n idBull: null,\n idPalma: null,\n idOleron: null,\n idMercury: null\n });\n\n const createAirProduct = () => {\n if (form.uuid && form.serialNumber) {\n axios.post(`${process.env.REACT_APP_PRODUCTION_API_BASE_URL}/Legacy/AwProducts/Uuid/${form.uuid}/AirSeries`, form)\n .then(a => {\n setForm({\n serialNumber: null,\n uuid: null,\n macAddress: null,\n productName: null,\n maupitiVersion: null,\n version: null,\n idTahiti: null,\n idCuracao: null,\n idBull: null,\n idPalma: null,\n idOleron: null,\n idMercury: null\n });\n cogoToast.success('Product created', { position: 'top-right' });\n })\n .catch(e => cogoToast.error(\"Failed to create Air Product.\", { position: 'top-right' }));\n } else {\n cogoToast.error('Select an UUID and Serial Number', { position: 'top-right' });\n }\n }\n\n const getProductBySerial = () => {\n if (form.serialNumber) {\n axios.get(`${process.env.REACT_APP_PRODUCTION_API_BASE_URL}/Legacy/AwProducts/SerialNumber/${form.serialNumber}`)\n .then(a => setIsNewProduct(false))\n .catch(e => setIsNewProduct(true));\n }\n }\n\n const onChangeHandler = evt => {\n const { name, value } = evt.target\n setForm({\n ...form,\n [name]: value,\n })\n }\n\n return (<>\n \n )\n}\n\nexport default CreateAirProduct;","import { Button, Form, FormControl, FormGroup, FormLabel } from \"@hai/ui-react\";\nimport React, { useState } from \"react\";\nimport axios from \"../../../infra/axios\";\nimport SelectUUIDBox from \"./SelectUUIDBox\";\nimport cogoToast from \"cogo-toast\";\nimport { Col, Row } from \"reactstrap\";\n\nconst CreatePro4Product = props => {\n\n const [isNewProduct, setIsNewProduct] = useState(true)\n const [form, setForm] = useState({\n serialNumber: null,\n uuid: null,\n macAddress1: null,\n macAddress2: null,\n productName: null,\n kereonVersion: null,\n version: null,\n idSirocco: null,\n idTresco: null,\n idChergui: null,\n idMercury: null,\n idLavezzi: null\n });\n\n const createPro4Product = () => {\n if (form.uuid && form.serialNumber) {\n axios.post(`${process.env.REACT_APP_PRODUCTION_API_BASE_URL}/Legacy/AwProducts/Uuid/${form.uuid}/Pro4Series`, form)\n .then(a => {\n setForm({\n serialNumber: null,\n uuid: null,\n macAddress1: null,\n macAddress2: null,\n productName: null,\n kereonVersion: null,\n version: null,\n idSirocco: null,\n idTresco: null,\n idChergui: null,\n idMercury: null,\n idLavezzi: null\n });\n cogoToast.success('Product created', { position: 'top-right' });\n })\n .catch(e => cogoToast.error(\"Failed to create Pro4 Product.\", { position: 'top-right' }));\n } else {\n cogoToast.error('Select an UUID and Serial Number', { position: 'top-right' });\n }\n\n }\n\n const getProductBySerial = () => {\n if (form.serialNumber) {\n axios.get(`${process.env.REACT_APP_PRODUCTION_API_BASE_URL}/Legacy/AwProducts/SerialNumber/${form.serialNumber}`)\n .then(a => setIsNewProduct(false))\n .catch(e => setIsNewProduct(true));\n }\n }\n\n const onChangeHandler = evt => {\n const { name, value } = evt.target\n setForm({\n ...form,\n [name]: value,\n })\n }\n\n return (<>\n \n )\n}\n\nexport default CreatePro4Product;","import { Button, Form, FormControl, FormGroup, FormLabel } from \"@hai/ui-react\";\nimport React, { useState } from \"react\";\nimport axios from \"../../../infra/axios\";\nimport SelectUUIDBox from \"./SelectUUIDBox\";\nimport cogoToast from \"cogo-toast\";\nimport { Col, Row } from \"reactstrap\";\n\nconst CreateProProduct = props => {\n const [isNewProduct, setIsNewProduct] = useState(true)\n const [form, setForm] = useState({\n serialNumber: null,\n uuid: null,\n macAddress1: null,\n macAddress2: null,\n productName: null,\n rosedoVersion: null,\n version: null,\n idBrehat: null,\n idTresco: null,\n idOuessant: null,\n idMercury: null,\n });\n\n const getProductBySerial = () => {\n if (form.serialNumber) {\n axios.get(`${process.env.REACT_APP_PRODUCTION_API_BASE_URL}/Legacy/AwProducts/SerialNumber/${form.serialNumber}`)\n .then(a => setIsNewProduct(false))\n .catch(e => setIsNewProduct(true));\n }\n }\n\n const createProProduct = () => {\n if (form.uuid && form.serialNumber) {\n axios.post(`${process.env.REACT_APP_PRODUCTION_API_BASE_URL}/Legacy/AwProducts/Uuid/${form.uuid}/ProSeries`, form)\n .then(a => {\n setForm({\n serialNumber: null,\n uuid: null,\n macAddress1: null,\n macAddress2: null,\n productName: null,\n rosedoVersion: null,\n version: null,\n idBrehat: null,\n idTresco: null,\n idOuessant: null,\n idMercury: null,\n });\n cogoToast.success('Product created', { position: 'top-right' });\n })\n .catch(e => cogoToast.error(\"Failed to create Pro Product.\", { position: 'top-right' }));\n } else {\n cogoToast.error('Fill required fields', { position: 'top-right' });\n }\n }\n\n\n const onChangeHandler = evt => {\n const { name, value } = evt.target\n setForm({\n ...form,\n [name]: value,\n })\n }\n\n return (<>\n \n )\n}\n\nexport default CreateProProduct;","import { Button, Form, FormControl, FormGroup, FormLabel } from \"@hai/ui-react\";\nimport React, { useState } from \"react\";\nimport axios from \"../../../infra/axios\";\nimport SelectUUIDBox from \"./SelectUUIDBox\";\nimport cogoToast from \"cogo-toast\";\nimport { Col, Row } from \"reactstrap\";\n\nconst CreateAwFunctionalTests = props => {\n\n const [isNewProduct, setIsNewProduct] = useState(true)\n const [form, setForm] = useState({\n serialNumber: null,\n uuid: null,\n nameTest: null,\n result: null,\n details: null,\n numberPass: null,\n dateTestOld: null,\n dateTest: null,\n });\n\n const createFunctionaltests = () => {\n if (form.uuid && form.serialNumber) {\n axios.post(`${process.env.REACT_APP_PRODUCTION_API_BASE_URL}/Legacy/AwProducts/Uuid/${form.uuid}/FunctionalTests`, form)\n .then(a => {\n setForm({\n serialNumber: null,\n uuid: null,\n nameTest: null,\n result: null,\n details: null,\n numberPass: null,\n dateTestOld: null,\n dateTest: null,\n });\n cogoToast.success('Test created', { position: 'top-right' });\n })\n .catch(e => cogoToast.error(\"Failed to create Funcional Test.\", { position: 'top-right' }));\n } else {\n cogoToast.error('Select an UUID and Serial Number', { position: 'top-right' });\n }\n }\n\n const getProductBySerial = () => {\n if (form.serialNumber) {\n axios.get(`${process.env.REACT_APP_PRODUCTION_API_BASE_URL}/Legacy/AwProducts/SerialNumber/${form.serialNumber}`)\n .then(a => setIsNewProduct(false))\n .catch(e => setIsNewProduct(true));\n }\n }\n\n const onChangeHandler = evt => {\n console.log(evt)\n const { name, value } = evt.target\n setForm({\n ...form,\n [name]: value,\n })\n }\n\n return (<>\n \n )\n}\n\nexport default CreateAwFunctionalTests;","import { Button, Form, FormControl, FormGroup, FormLabel } from \"@hai/ui-react\";\nimport React, { useState } from \"react\";\nimport axios from \"../../../infra/axios\";\nimport SelectUUIDBox from \"./SelectUUIDBox\";\nimport cogoToast from \"cogo-toast\";\nimport { Col, Row } from \"reactstrap\";\n\nconst CreateAwModem = props => {\n\n const [isNewProduct, setIsNewProduct] = useState(true)\n const [form, setForm] = useState({\n serialNumber: null,\n uuid: null,\n type: null,\n macAddress: null,\n model: null,\n serial: null,\n revision: null,\n firmwareFull: null,\n details: null,\n skuId: null\n });\n\n const createAwModem = () => {\n if (form.uuid && form.serialNumber) {\n axios.post(`${process.env.REACT_APP_PRODUCTION_API_BASE_URL}/Legacy/AwProducts/Uuid/${form.uuid}/Modem`, form)\n .then(a => {\n setForm({\n serialNumber: null,\n uuid: null,\n type: null,\n macAddress: null,\n model: null,\n serial: null,\n revision: null,\n firmwareFull: null,\n details: null,\n skuId: null\n });\n cogoToast.success('Modem created', { position: 'top-right' });\n })\n .catch(e => cogoToast.error(\"Failed to create Modem.\", { position: 'top-right' }));\n } else {\n cogoToast.error('Select an UUID and Serial Number', { position: 'top-right' });\n }\n }\n\n const getProductBySerial = () => {\n if (form.serialNumber) {\n axios.get(`${process.env.REACT_APP_PRODUCTION_API_BASE_URL}/Legacy/AwProducts/SerialNumber/${form.serialNumber}`)\n .then(a => setIsNewProduct(false))\n .catch(e => setIsNewProduct(true));\n }\n }\n\n const onChangeHandler = evt => {\n const { name, value } = evt.target\n setForm({\n ...form,\n [name]: value,\n })\n }\n\n return (<>\n \n )\n}\n\nexport default CreateAwModem;","import { FormControl, FormGroup, FormLabel, Header, SelectOption } from \"@hai/ui-react\";\nimport React, { useState } from \"react\"\nimport CreateAwProduct from \"./CreateAwProduct\";\nimport CreateAirProduct from \"./CreateAirProduct\";\nimport CreatePro4Product from \"./CreatePro4Product\";\nimport CreateProProduct from \"./CreateProProduct\";\nimport CreateAwFunctionalTests from \"./CreateAWFunctionalTests\";\nimport CreateAwModem from \"./CreateAwModem\";\n\nconst CreateAllProducts = props => {\n const [formType, setFormType] = useState('air');\n\n const handleChange = evt => {\n setFormType(evt.target.value)\n }\n\n return (<>\n \n\n \n Type\n \n \n Air Series\n \n \n Pro Series\n \n \n Pro 4 Series\n \n \n Functional Test\n \n \n Modem\n \n \n \n\n {formType === 'air' && }\n {formType === 'pro' && }\n {formType === 'pro4' && }\n {formType === 'func' && }\n {formType === 'modem' && }\n\n );\n}\n\nexport default CreateAllProducts;","import { Button, Header, List, Modal, ModalBody, ModalFooter, ModalHeader, Pagination, ProgressBar } from \"@hai/ui-react\";\nimport React, { useState, useEffect, useCallback } from \"react\";\nimport axios from \"../../../infra/axios\";\nimport { useParams } from \"react-router-dom\";\nimport moment from \"moment\";\nimport cogoToast from \"cogo-toast\";\nimport { AsyncTypeahead } from \"react-bootstrap-typeahead\";\nimport SelectUUIDBox from \"./SelectUUIDBox\";\nimport { Col, Row } from \"reactstrap\";\nimport CreateAllProducts from \"./CreateAllProducts\";\n\nconst AWBenchProducts = (props) => {\n var params = useParams();\n const [products, setProducts] = useState(null);\n const [loading, setLoading] = useState(true);\n const [visibleData, setVisibleData] = useState(null);\n const [pageData, setPageData] = useState({\n currentPage: params?.pageNum ? parseInt(params?.pageNum) : 1,\n pageSize: 12\n });\n const [openCreateModal, setOpenCreateModal] = useState(false);\n\n useEffect(() => {\n getAwProducts(pageData.currentPage, pageData.pageSize);\n }, []);\n\n const getAwProducts = (currentPage, size) => {\n setLoading(true);\n axios\n .get(`${process.env.REACT_APP_PRODUCTION_API_BASE_URL}/Legacy/AwProducts/page/${currentPage}/pageSize/${size}`)\n .then((res) => {\n setProducts(res.data);\n setVisibleData(res.data.data);\n setLoading(false);\n })\n .catch((e) => setLoading(false));\n };\n\n return (\n <>\n \n
\n {loading && (\n \n )}\n\n\n {/* CREATE BUTTON */}\n |
\n window.open(`${window.location.origin}/products/awbench/uuid/${i[0].uuid}`, '_blank')}>\n\n \n\n {/* LIST VIEW */}\n {!loading && visibleData &&\n visibleData.map((a) => {\n return (\n \n \n \n \n \n \n \n\n \n \n window.open(`${window.location.origin}/products/awbench/uuid/${a.uuid}`, '_blank')}>\n \n \n
\n )\n })\n }\n
\n\n {\n if (products.hasNextPage || newPage <= products?.totalPages) {\n setPageData({ currentPage: newPage, pageSize: pageData.pageSize });\n getAwProducts(newPage, pageData.pageSize);\n } else {\n cogoToast.warn(\"No next page\", { position: 'top-right' });\n }\n\n }}\n />\n \n Create Product\n \n \n \n \n setOpenCreateModal(false)}\n >\n Close\n \n \n \n \n );\n};\n\nexport default AWBenchProducts;\n","import { DataTable } from \"@hai/ui-react\";\nimport React from \"react\";\n\nconst AwModemsDataTable = props => {\n\n return (\n \n \n \n\n {props?.modems && props?.modems.map((data, index) => {\n return ;\n })}\n \n )\n}\n\nexport default AwModemsDataTable;","import { DataTable } from \"@hai/ui-react\";\nimport React from \"react\";\n\nconst AwFunctionalTestsDataTable = props => {\n\n return (\n \n \n \n\n {props?.functionalTests && props?.functionalTests.map((data, index) => {\n return ;\n })}\n \n )\n}\n\nexport default AwFunctionalTestsDataTable;","import { DataTable, FormLabel } from \"@hai/ui-react\";\nimport React from \"react\";\nimport { Col, Row } from \"reactstrap\";\n\nconst AwAirSeriesDataTable = props => {\n\n return (<>\n \n Air Series
\n
\n \n UUID: {props.air?.uuid}
\n Mac Address: {props.air?.macAddress}
\n Product name: {props.air?.productName}
\n Maupiti version: {props.air?.maupitiVersion}
\n Version: {props.air?.version}
\n
\n \n Tahiti Id: {props.air?.idTahiti}
\n Palma Id: {props.air?.idPalma}
\n Bull Id: {props.air?.idBull}
\n Oleron Id: {props.air?.idOleron}
\n Mercury Id: {props.air?.idMercury}
\n
\n\n
\n \n )\n}\n\nexport default AwAirSeriesDataTable;","import { DataTable, FormLabel } from \"@hai/ui-react\";\nimport React from \"react\";\nimport { Col, Row } from \"reactstrap\";\n\nconst AwProSeriesDataTable = props => {\n\n return (<>\n \n Pro Series
\n
\n \n UUID: {props.pro?.uuid}
\n Mac Address: {props.pro?.macAddress1}
\n Mac Address 2: {props.pro?.macAddress2}
\n Name: {props.pro?.productName}
\n Rosedo version: {props.pro?.rosedoVersion}
\n
\n\n \n Version: {props.pro?.version}
\n Brehat Id: {props.pro?.idBrehat}
\n Tresco Id: {props.pro?.idTresco}
\n Mercury Id: {props.pro?.idMercury}
\n
\n \n )\n}\n\nexport default AwProSeriesDataTable;","import { DataTable, FormLabel } from \"@hai/ui-react\";\nimport React from \"react\";\nimport { Col, Row } from \"reactstrap\";\n\nconst AwPro4SeriesDataTable = props => {\n\n return (\n <>\n \n Pro 4 Series
\n
\n \n UUID: {props.pro4?.uuid}
\n Mac Address: {props.pro4?.macAddress1}
\n Mac Address 2: {props.pro4?.macAddress2}
\n Name: {props.pro4?.productName}
\n Kereon version: {props.pro4?.kereonVersion}
\n
\n \n Version: {props.pro4?.version}
\n Sirocco Id: {props.pro4?.idSirocco}
\n Tresco Id: {props.pro4?.idTresco}
\n Mercury Id: {props.pro4?.idMercury}
\n Chergui Id: {props.pro4?.idChergui}
\n
\n\n \n Lavezzi Id: {props.pro4?.idLavezzi}
\n
\n \n )\n}\n\nexport default AwPro4SeriesDataTable;","import React, { useEffect, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport axios from \"../../../infra/axios\";\nimport { DataTable, Header } from \"@hai/ui-react\";\nimport AwModemsDataTable from \"./AwModemsDataTable\";\nimport AwFunctionalTestsDataTable from \"./AwFunctionalTestsDataTable\";\nimport AwAirSeriesDataTable from \"./AwAirSeriesDataTable\";\nimport AwProSeriesDataTable from \"./AwProSeriesDataTable\";\nimport AwPro4SeriesDataTable from \"./AwPro4SeriesDataTable\";\n\nconst AwProductDetails = props => {\n const params = useParams();\n const [loadingTests, setLoadingTests] = useState(true)\n const [loadingPro, setLoadingPro] = useState(true)\n const [loadingPro4, setLoadingPro4] = useState(true)\n const [loadingModems, setLoadingModems] = useState(true)\n const [loadingAir, setLoadingAir] = useState(true)\n const [modems, setModems] = useState([])\n const [tests, setTests] = useState([])\n const [pro4, setPro4] = useState({})\n const [pro, setPro] = useState({})\n const [air, setAir] = useState({})\n\n useEffect(() => {\n if (params?.uuid) {\n getFunctionalTests();\n getModems();\n getPro4();\n getPro();\n getAir();\n }\n }, []);\n\n const getFunctionalTests = () => {\n axios\n .get(`${process.env.REACT_APP_PRODUCTION_API_BASE_URL}/Legacy/AwProducts/Uuid/${params?.uuid}/FunctionalTests`)\n .then((res) => {\n setTests(res.data);\n setLoadingTests(false);\n })\n .catch((e) => setLoadingTests(false));\n };\n\n const getModems = () => {\n axios\n .get(`${process.env.REACT_APP_PRODUCTION_API_BASE_URL}/Legacy/AwProducts/Uuid/${params?.uuid}/Modem`)\n .then((res) => {\n setModems(res.data);\n setLoadingModems(false);\n })\n .catch((e) => setLoadingModems(false));\n };\n\n const getPro4 = () => {\n axios\n .get(`${process.env.REACT_APP_PRODUCTION_API_BASE_URL}/Legacy/AwProducts/Uuid/${params?.uuid}/Pro4Series`)\n .then((res) => {\n setPro4(res.data);\n setLoadingPro4(false);\n })\n .catch((e) => setLoadingPro4(false));\n };\n\n\n const getPro = () => {\n axios\n .get(`${process.env.REACT_APP_PRODUCTION_API_BASE_URL}/Legacy/AwProducts/Uuid/${params?.uuid}/ProSeries`)\n .then((res) => {\n setPro(res.data);\n setLoadingPro(false);\n })\n .catch((e) => setLoadingPro(false));\n };\n\n const getAir = () => {\n axios\n .get(`${process.env.REACT_APP_PRODUCTION_API_BASE_URL}/Legacy/AwProducts/Uuid/${params?.uuid}/AirSeries`)\n .then((res) => {\n setAir(res.data);\n setLoadingAir(false);\n })\n .catch((e) => setLoadingAir(false));\n };\n\n\n return (<>\n \n\n \n {!loadingAir && Object.keys(air).length !== 0 &&\n
}\n
\n {!loadingPro && Object.keys(pro).length !== 0 &&\n
}\n
\n {!loadingPro && Object.keys(pro4).length !== 0 &&\n
}\n
\n {!loadingModems &&\n
}\n
\n {!loadingTests &&\n
}\n
\n { loading &&
}\n {!loading &&
\n
\n
\n
\n \n Work Order Number\n \n \n \n Work Order Factory Name\n \n \n
\n
\n \n Serial Number First\n \n \n \n Serial Number Last\n \n \n
\n
\n \n Comments\n \n \n
\n
\n
\n
\n
\n
\n \n Model
\n Serial Number
\n Mac Address
\n Date Created
\n \n {unitPage &&\n unitPage.map((unit) => {\n return (\n \n
\n {unit.model}
\n {unit.serialNumber}
\n {unit.macAddress}
\n {new Date(unit.dateCreated).toUTCString()}
\n \n
\n
\n{/*
\n
*/}\n \n
{\n //alert(`New page: ${newPage} Previous Page: ${previousPage}`);\n SetUnitPage (units.slice((newPage - 1) * pageCount, newPage * pageCount));\n SetCurrentPage(newPage);\n }\n }\n />\n
\n }\n
\n {\n
\n
\n {loading && }\n \n Create Work Order\n \n \n \n
\n
\n \n \n filterModel(e.value)}\n />\n \n \n
\n
\n
\n \n \n Location\n {\n var text = e.target.value;\n SetSelectedLocation(text);\n }}\n >\n {locations &&\n locations.map((x) => {\n return {x.name};\n })}\n \n \n \n \n \n Year\n setYear(e.target.value)}>\n \n \n \n \n Week\n setWeek(e.target.value)}>\n \n \n \n \n Lot\n setLot(e.target.value)}>\n \n \n
\n
\n
\n \n \n Count\n setCount(e.target.value)}>\n \n \n
\n
\n \n \n Comment (Max length 200 characters)\n setComment(e.target.value)}> \n \n \n \n
\n \n
\n
\n \n \n Factory
\n Work Number
\n Serial Number From
\n Serial Number To
\n Date Created
\n Comment
\n \n {existingWO &&\n existingWO.map((wo) => {\n return (\n \n
\n {wo.workOrderFactoryName}
\n {wo.workOrderNumber}
\n {wo.workOrderFirstSerialNumber}
\n {wo.workOrderLastSerialNumber}
\n {new Date(wo.dateCreated).toUTCString()}
\n {wo.comments}
\n \n
\n
\n
\n
}\n
\n {loading &&
}\n {!loading &&
\n
\n
\n \n Filter by Work Order Number\n {\n let tempSet = filterParams.filter(f => f.id !== \"workOrderNumber\");\n if (e.target.value !== \"\") {\n tempSet.push({\n id: 'workOrderNumber',\n Value: e.target.value,\n Comparator: 'Contains'\n });\n setFilterParams(tempSet);\n } else {\n setFilterParams(tempSet);\n }\n setWoFilter(e.target.value);\n }\n }\n />\n \n \n \n \n
\n
\n
\n \n \n \n
\n
\n
\n \n Factory Name
\n Work Number
\n Serial Number From
\n Serial Number To
\n Date Created
\n Comments
\n Action
\n \n {filteredWorkOrders &&\n filteredWorkOrders.data.map((wo) => {\n return (\n \n
\n {wo.workOrderFactoryName}
\n {wo.workOrderNumber}
\n {wo.workOrderFirstSerialNumber}
\n {wo.workOrderLastSerialNumber}
\n {new Date(wo.dateCreated).toUTCString()}
\n {wo.comments}
\n \n handleDetails(wo.workOrderNumber)}\n >\n \n \n
\n \n
\n
{\n if (workOrders.hasNextPage || newPage <= workOrders?.totalPages) {\n setPageData({ currentPage: newPage, pageSize: pageData.pageSize });\n getWorkOrders(newPage, pageData.pageSize);\n } else {\n cogoToast.warn(\"No next page\", { position: 'top-right' });\n }\n\n }}\n />\n OnHideCreateModel()}\n onLoadWorkOrders={() => getWorkOrders(1, 12)}\n />\n }\n
\n { loading &&
}\n {!loading && \n
\n
\n \n Create Units\n \n \n \n
\n \n \n Product Models \n filterModel(e.value)}\n /> \n \n \n
\n
\n \n \n Serial Numbers (Please seperate multiple serial numbers with new line)\n {\n var text = e.target.value.trim();\n SetSerialNumbers(text);}}>\n \n \n Note: All makito units should be created through work order
\n \n
\n
SetShowNotification(false)}\n message=\n \"Maktio Should be created via Work Order. Please contract helpdesk.\"\n \n variant=\"Error\"\n autohide={false}\n > \n \n
} \n
\n { loading &&
}\n {
\n
\n
\n
\n \n Filter by Serial Number\n {\n setUUTFilter(e.target.value);\n\n var ColumnFilters = [{\n id:'SerialNumber',\n Value:e.target.value,\n Comparator:'Contains'\n }];\n \n setSearchParamDto({...searchParamDto,\n ColumnFilters : JSON.stringify(ColumnFilters)\n });\n }}\n />\n \n \n {getUUTs()}}>\n Search\n \n \n
\n
\n
\n \n \n \n
\n
\n
\n \n Model
\n Serial Number
\n Mac Address
\n Date Created
\n Action
\n \n {filteredUUTs &&\n filteredUUTs.map((uut) => {\n return (\n \n
\n {uut.model.description}
\n {uut.serialNumber}
\n {uut.macAddress}
\n {new Date(uut.dateCreated).toUTCString()}
\n \n handleDetails(uut.id, uut.serialNumber)}\n >\n \n \n
\n \n
\n
\n
\n
{\n if (uuts.hasNextPage || newPage <= uuts?.totalPages) {\n setSearchParamDto({ ...searchParamDto,PageNumber: newPage });\n getUUTs(newPage);\n } else {\n alert('No next page');\n return;\n }\n\n }}\n />\n \n
OnHideCreateModel()}\n onLoadUUTs={()=> getUUTs()}\n />\n }\n
\n { loading &&
}\n
\n \n \n \n \n Model\n \n \n \n \n \n Serial Number\n \n \n \n \n \n Mac Address\n \n \n \n \n \n Created Date\n \n \n \n
\n \n \n \n Dpkg Version\n \n \n \n \n \n Stage Type\n \n \n \n \n \n Shipped Date\n \n \n \n \n \n Extra Info\n \n \n \n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n \n Station Name
\n Staging Name
\n Full Info
\n Tested Time
\n Tested Result
\n \n {testResultPage &&\n testResultPage.map((result) => {\n return (\n \n
\n {result?.stationName}
\n {result?.stageName}
\n {result.fullInfoResult}
\n {new Date(result.dateTimeTested).toUTCString()}
\n {result?.testResultName}
\n \n
\n
\n
\n
{\n //alert(`New page: ${newPage} Previous Page: ${previousPage}`);\n SetTestResultPage (unit.unitTestResults.slice((newPage - 1) * pageCount, newPage * pageCount));\n SetCurrentPage(newPage);\n }\n }\n />\n
\n \n \n \n { loadingLic &&
}\n
\n
\n
\n \n SKU
\n Expire Date
\n Current Version
\n Mac Addresses
\n \n {licenses &&\n licenses.map((result) => {\n return (\n \n
\n {result?.sku}
\n {result?.licenseOptionDatas?.find(x=>x.item==='expdate')?.value}
\n {result?.productVersionNumber}
\n {result?.macAddresses.map((item) => { return item['value'];})?.join(', ')}
\n \n
\n
\n { loadingAsset &&
}\n
\n
\n
\n \n Name
\n Expire Date
\n Current Version
\n Mac Addresses
\n Shipped Date
\n \n {assets &&\n assets.map((result) => {\n return (\n \n
\n {result?.name}
\n {result?.expiredDate}
\n {result?.currentVersion}
\n {result?.macAddresses}
\n {result?.dateShipped}
\n \n
\n
\n \n {\n
\n
\n {loading && } \n \n {props.title}\n \n \n \n \n \n \n Description\n {\n var text = e.target.value.trim();\n setModel((prev) => ({ ...prev, description: text}))\n }}>\n \n \n \n
\n \n \n \n Mac Count\n setModel((prev) => ({ ...prev, macCount: e.target.value }))}>\n \n \n
\n
\n \n \n \n \n \n \n
\n }\n
\n {loading &&
}\n
\n
\n \n Filter by description\n {\n let tempSet = filterParams.filter(f => f.id !== \"description\");\n if (e.target.value !== \"\") {\n tempSet.push({\n id: 'description',\n Value: e.target.value,\n Comparator: 'Contains'\n });\n setFilterParams(tempSet);\n } else {\n setFilterParams(tempSet);\n }\n }\n }\n />\n \n \n \n \n
\n
\n
\n \n OnUpdateAddModel(true)}>\n Add Model\n \n \n
\n
\n \n Model Id
\n Description
\n Mac Count
\n Action
\n \n {models.data &&\n models.data.map((item) => {\n return (\n \n
\n {item.id}
\n {item.description}
\n {item.macCount}
\n \n handleDetails(item)}\n >\n \n \n
\n \n
\n
{\n if (models.hasNextPage || newPage <= models?.totalPages) {\n setPageData({ currentPage: newPage, pageSize: pageData.pageSize });\n //getModels(newPage, pageData.pageSize);\n } else {\n cogoToast.warn(\"No next page\", { position: 'top-right' });\n }\n\n }}\n />\n OnUpdateAddModel(false)}\n onLoadModels={() => getModels()}\n />\n OnUpdateUpdateModel(false)}\n onLoadModels={() => getModels()}\n />\n An error has occurred: {error.message}
;\n }\n\n return (\n <>\n \n
\n \n \n \n \n \n
\n {accounts &&\n accounts.data.map((a, index) => (\n \n \n \n \n \n \n \n \n \n
\n ))}\n
\n\n {\n if (accounts.hasNextPage || newPage <= accounts?.totalPages) {\n setPageData({ currentPage: newPage, pageSize: pageData.pageSize });\n getAccounts(`?pageNumber=${newPage}&pageSize=${pageData.pageSize}`);\n } else {\n cogoToast.warn(\"No next page\", { position: 'top-right' });\n }\n\n }}\n />\n\n \n Create Account\n setShowCreate(false)}>\n \n \n \n\n \n );\n};\n\nexport default WebbingAccounts;\n","import { Button, Form, FormControl, FormLabel } from \"@hai/ui-react\";\nimport React, { useState } from \"react\";\nimport { Col, FormGroup, Row } from \"reactstrap\";\nimport { createAccount, createBranch } from \"./webbingApi\";\n\nconst WebbingCreateBranch = props => {\n const [form, setForm] = useState({\n id: null,\n name: null,\n });\n\n const onChangeHandler = evt => {\n const { name, value } = evt.target\n setForm({\n ...form,\n [name]: value,\n })\n }\n\n return (<>\n \n )\n}\n\nexport default WebbingCreateBranch;","import React, { useState } from \"react\";\nimport { useFetch } from \"../common/useFetch\";\nimport { getBranches } from \"./webbingApi\";\nimport { Button, Header, List, Modal, ModalBody, ModalHeader, Pagination, ProgressBar } from \"@hai/ui-react\";\nimport { useParams } from \"react-router-dom\";\nimport cogoToast from \"cogo-toast\";\nimport WebbingCreateBranch from \"./WebbingCreateBranch\";\nimport { Col, Row } from \"reactstrap\";\n\nconst WebbingBranches = () => {\n var params = useParams();\n const { data: branches, loading, error } = useFetch(() => getBranches(`?pageNumber=1&pageSize=10`));\n const [pageData, setPageData] = useState({\n currentPage: params?.pageNum ? parseInt(params?.pageNum) : 1,\n pageSize: 10\n });\n const [showCreate, setShowCreate] = useState(false);\n\n if (loading)\n return (\n \n );\n if (error) return An error has occurred: {error.message}
;\n\n return (\n <>\n \n
\n \n \n \n \n \n
\n\n {branches &&\n branches.data.map((a, index) => (\n \n \n \n \n \n \n \n \n
\n ))}\n
\n\n\n {\n if (branches.hasNextPage || newPage <= branches?.totalPages) {\n setPageData({ currentPage: newPage, pageSize: pageData.pageSize });\n getBranches(`?pageNumber=${newPage}&pageSize=${pageData.pageSize}`);\n } else {\n cogoToast.warn(\"No next page\", { position: 'top-right' });\n }\n\n }}\n />\n\n \n Create Branch\n setShowCreate(false)}>\n \n \n \n\n \n );\n};\n\nexport default WebbingBranches;\n","import React, { useState, useEffect, useCallback } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport axios from \"../../infra/axios\";\nimport { Header, List, ProgressBar } from \"@hai/ui-react\";\n\nconst WebbingUsages = (props) => {\n var params = useParams();\n const [loading, setLoading] = useState(true);\n const [usages, setUsages] = useState();\n const getUsages = (iccid) => {\n setLoading(true);\n axios\n .get(\n `${process.env.REACT_APP_WEBBING_API_BASE_URL}/Usages/DeviceUsage/${iccid}?startDate=04/01/2024&endDate=04/30/2024`\n )\n .then((res) => {\n setUsages(res.data);\n setLoading(false);\n })\n .catch((e) => setLoading(false));\n };\n useEffect(() => {\n getUsages(\"89852351022200022702\");\n }, []);\n return (\n <>\n \n
\n {loading && (\n \n )}\n \n {!loading &&\n usages &&\n usages.map((a) => {\n return (\n <>\n \n \n \n \n \n \n \n \n
\n \n );\n })}\n
\n \n );\n};\nexport default WebbingUsages;\n","import React, { useState, useEffect, useCallback } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport {\n Button,\n Header,\n List,\n Modal,\n ModalBody,\n ModalHeader,\n ProgressBar,\n Form,\n FormGroup,\n FormLabel,\n FormControl,\n SelectOption,\n DropdownButton,\n DropdownMenuItem,\n Divider,\n} from \"@hai/ui-react\";\nimport {\n getDevices,\n getBranches,\n getProducts,\n getAccounts,\n activateServicesDevice,\n suspendServicesDevice,\n setServiceDeviceBranch,\n setServiceDeviceProduct,\n createBranch,\n createServiceDeviceAssignmentAccount,\n createAccount,\n} from \"./webbingApi\";\nimport { useFetch } from \"../common/useFetch\";\nimport { AsyncTypeahead } from \"react-bootstrap-typeahead\";\nimport cogoToast from \"cogo-toast\";\n\nconst WebbingDevices = (props) => {\n const params = useParams();\n const [showActivate, setShowActivate] = useState(false);\n const [showSuspend, setShowSuspend] = useState(false);\n\n const [activateBranchName, setActivateBranchName] = useState(null);\n const [activateProductId, setActivateProductId] = useState(null);\n const [activateAccountName, setActivateAccountName] = useState(null);\n const [creatingCustomBranch, setCreatingCustomBranch] = useState(false);\n const [creatingCustomAccount, setCreatingCustomAccount] = useState(false);\n\n const handleShowActivate = () => setShowActivate(true);\n const handleShowSuspend = () => setShowSuspend(true);\n const {\n data: devices,\n loading: devicesLoading,\n error: devicesError,\n } = useFetch(getDevices);\n const {\n data: branches,\n loading: branchesLoading,\n error: branchesError,\n } = useFetch(() => getBranches(`?pageNumber=1&pageSize=1000`));\n const {\n data: products,\n loading: productsLoading,\n error: productsError,\n } = useFetch(getProducts);\n const {\n data: accounts,\n loading: accountsLoading,\n error: accountsError,\n } = useFetch(() => getAccounts(`?pageNumber=1&pageSize=1000`));\n\n const [selectedBranch, setSelectedBranch] = useState(\"select branch\");\n const [iccidFilter, setIccidFilter] = useState(\"\");\n\n const filteredDevices = devices?.filter((device) => {\n if (iccidFilter === \"\") {\n return device.branchName?.includes(selectedBranch);\n } else {\n return (\n device.branchName?.includes(selectedBranch) &&\n device.iccid.includes(iccidFilter)\n );\n }\n });\n\n const handleSubmitActivate = async (event) => {\n event.preventDefault();\n const formData = new FormData(event.target);\n const branchName = activateBranchName;\n const productId = activateProductId;\n const accountName = activateAccountName;\n const iccids = formData.get(\"iccids\").split(\",\");\n\n if (activateBranchName) {\n for (const iccid of iccids) {\n await activateServicesDevice({ iccid });\n\n const branch = branches.data.find((branch) => branch.name === branchName);\n var createdBranch;\n if (!branch) {\n createdBranch = (await createBranch({ name: branchName })).data;\n cogoToast.success(`Branch ${branchName} created.`, { position: \"top-right\" });\n } else {\n createdBranch = branch;\n }\n await setServiceDeviceBranch({ iccid, branchID: createdBranch.id });\n const product = products.find((product) => product.id === productId);\n await setServiceDeviceProduct({ iccid, productID: product.id });\n \n const account = accounts.data.find((account) => account.name === accountName);\n var createdaccount;\n if (!account) {\n createdaccount = (await createAccount({ branchID: createdBranch.id, name: accountName })).data;\n cogoToast.success(`Account ${accountName} created.`, { position: \"top-right\" });\n } else {\n createdaccount = account;\n }\n await createServiceDeviceAssignmentAccount({ iccid, accountID: createdaccount.id });\n }\n setActivateBranchName(null);\n setActivateProductId(null);\n setActivateAccountName(null);\n setShowActivate(false);\n cogoToast.success(\"Activated\", { position: \"top-right\" });\n } else {\n cogoToast.error(\"Select a branch.\", { position: \"top-right\" })\n }\n };\n\n const handleSubmitSuspend = async (event) => {\n event.preventDefault();\n const formData = new FormData(event.target);\n const iccids = formData.get(\"iccids\").split(\",\");\n\n for (const iccid of iccids) {\n await suspendServicesDevice({ iccid });\n }\n\n setShowSuspend(false);\n cogoToast.success(\"ICCIDs suspended.\", { position: \"top-right\" });\n };\n\n if (devicesLoading || branchesLoading || productsLoading || accountsLoading) {\n return (\n \n );\n }\n\n if (devicesError || branchesError || productsError || accountsError) {\n return (\n \n An error has occurred:{\" \"}\n {devicesError?.message ||\n branchesError?.message ||\n productsError?.message ||\n accountsError?.message}\n
\n );\n }\n\n return (\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
Branch\n
({\n id: b.id,\n name: b.name,\n }))\n }\n minLength={0}\n maxResults={10}\n onSearch={() => true}\n onChange={(e) => setSelectedBranch(e[0] ? e[0].name : null)}\n placeholder=\"Select branch...\"\n\n >\n\n \n setIccidFilter(e.target.value)}\n />\n
\n \n {selectedBranch && filteredDevices &&\n filteredDevices.map((a, index) => (\n \n \n \n \n \n \n \n \n \n \n
\n ))}\n
\n \n );\n};\n\nexport default WebbingDevices;\n","import React from \"react\";\nimport { Container, Row } from \"reactstrap\";\nimport { Routes, Route, Outlet } from \"react-router-dom\";\nimport Subscription from \"../../haivision-hub/subscriptions/Subscriptions\";\nimport Contracts from \"../../haivision-hub/contracts/Contracts\";\nimport ContractDetails from \"../../haivision-hub/contracts-details/ContractDetails\";\nimport Provision from \"../../haivision-hub/provisions/Provisions\";\nimport Home from \"../../Home\";\nimport TopologySupport from \"../../haivision-hub/support/TopologySupport\";\nimport ContainerSupport from \"../../haivision-hub/support/ContainerSupport\";\nimport Organization from \"../../haivision-hub/organizations/Organizations\";\nimport SubscriptionPage from \"../../haivision-hub/subscriptions/SubscriptionPage\";\nimport FeatuerFlag from \"../../haivision-hub/feature-flags/FeatureFlags\";\nimport Users from \"../../jellyfish/users/Users\";\nimport UserEdit from \"../../jellyfish/users/UserEdit\";\nimport HubUsers from \"../../haivision-hub/users/HubUsers\";\nimport AuditLog from \"../../jellyfish/audit-log/AuditLog\";\nimport HubRoute from \"../../haivision-hub/route/route\";\nimport HubRouteDetail from \"../../haivision-hub/route/routeDetails\";\nimport NotFound_Shark from \"../Exceptions/NotFound_Shark\";\nimport ServicePrincipal from \"../../jellyfish/servicePrincipals/ServicePrincipals\";\nimport NotAuthorized_Shark from \"../Exceptions/NotAuthorized_Shark\";\nimport HaivisionProduct from \"../../haivision-license/product/haivision-product\";\nimport HaivisionLicense from \"../../haivision-license/license/haivision-license\";\nimport HaivisionCommand360License from \"../../haivision-license/license/haivision-command360-license-add\";\nimport HaivisionProductDetail from \"../../haivision-license/product/haivision-product-detail\";\nimport HaivisionLicenseDetail from \"../../haivision-license/license/haivision-license-detail\";\nimport HaivisionLicenseRequest from \"../../haivision-license/request/haivision-license-request\";\nimport HaivisionProductType from \"../../haivision-license/producttype/haivision-producttype\";\nimport HaivisionProductTypeDetail from \"../../haivision-license/producttype/haivision-producttype-detail\";\nimport KickerCaller from \"../../haivision-license/kicker-caller\";\nimport backgroundImage from \"../../../static/jellyfishbg.jpeg\";\nimport ListAllEmsAccounts from \"../../haivision-hub/ems/ListAllEmsAccounts\";\nimport ToriiOrganizations from \"../../haivision-torii/ToriiOrganizations\";\nimport ToriiSubscriptions from \"../../haivision-torii/ToriiSubscriptions\";\nimport ToriiUsers from \"../../haivision-torii/ToriiUsers\";\nimport AWBenchProducts from \"../../haivision-production/awbench/AWBenchProducts\";\nimport AwProductDetails from \"../../haivision-production/awbench/AwProductDetails.jsx\";\nimport HaivisionWorkOrderDetail from \"../../haivision-production/WorkOrder/haivision-Work-order-detail\";\nimport HaivisionWorkOrder from \"../../haivision-production/WorkOrder/haivision-Work-order\";\nimport CreateAwProduct from \"../../haivision-production/awbench/CreateAwProduct.jsx\";\nimport CreateAllProducts from \"../../haivision-production/awbench/CreateAllProducts.jsx\";\nimport HaivisionUUT from \"../../haivision-production/uut/haivision-uut\";\nimport HaivisionUUTDetail from \"../../haivision-production/uut/haivision-uut-detail\";\nimport HaivisionProductionModel from \"../../haivision-production/model/haivision-model\";\nimport WebbingAccounts from \"../../haivision-webbing/WebbingAccounts.jsx\";\nimport WebbingBranches from \"../../haivision-webbing/WebbingBranches.jsx\";\nimport WebbingUsages from \"../../haivision-webbing/WebbingUsages.jsx\";\nimport WebbingDevices from \"../../haivision-webbing/WebbingDevices.jsx\";\n\nconst Content = (props) => {\n return (\n \n \n {/* Jellyfish Root Namespace*/}\n } />\n } />\n } />\n } />\n } />\n } />\n }\n />\n\n {/* Torii namespace*/}\n }\n />\n }\n />\n }\n />\n }\n />\n }\n />\n }\n />\n\n } />\n } />\n }\n />\n\n {/* Hub Namespace*/}\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 {/* Connect Namespace\n \n \n \n \n \n\n \n \n */}\n\n {/* P2P Namespace*/}\n {/* Haivision License Namespace */}\n }\n />\n }\n />\n {/* Haivision License Namespace */}\n } />\n }\n />\n } />\n }\n />\n }\n />\n }\n />\n } />\n\n {/* Products */}\n } />\n }\n />\n }\n />\n }\n />\n }\n />\n } />\n }\n />\n }\n />\n\n {/* EMS */}\n } />\n }\n />\n }\n />\n\n {/*Webbing */}\n } />\n } />\n } />\n } />\n\n } />\n \n\n \n \n );\n};\n\nexport default Content;\n","import { Icon, InfoFooter, Layout, Modal, ModalBody, ModalFooter, ModalHeader, ModalTitle, OverlayTrigger, Sidebar } from \"@hai/ui-react\"\nimport React, { useEffect, useState } from 'react';\nimport JellyfishLogo from '../../../static/jellyfish.svg'\nimport { authProvider } from \"../../../infra/authProvider\";\nimport { useNavigate } from \"react-router-dom\";\nimport background from '../../../static/jellyfishbg.jpeg';\nimport packageJson from \"../../../../package.json\";\nimport './HaiSideBar.scss';\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport { faChartArea } from \"@fortawesome/free-solid-svg-icons\";\n\n\nconst HaiSideBar = (props) => {\n const navigate = useNavigate();\n const [showGrafana, setShowGrafana] = useState(false);\n\n const getGrafanaLink = () => {\n let env = null;\n if (packageJson.version.includes(\"dev\")) {\n env = \"dev\";\n } else if (packageJson.version.includes(\"qa\")) {\n env = \"qa\";\n } else {\n env = \"prod\";\n }\n return `https://jellyfish-grafana.haivision.com/d/D5jjzflGz/jellyfish-monitor?orgId=1&refresh=1m&var-env=jellyfish-${env}`;\n };\n\n const SidebarSections = [\n {\n key: 'Jellyfish',\n title: 'Jellyfish',\n iconName: 'Connection',\n to: '/home',\n defaultPath: '/home',\n menuItems: [\n {\n caption: 'Users',\n key: 'user',\n to: '/system/user',\n },\n {\n caption: 'Audit Log',\n key: 'auditlog',\n to: '/system/audit-log',\n },\n {\n caption: 'Service Principal',\n key: 'servicepricipal',\n to: '/system/service-principal',\n },\n ],\n },\n {\n key: 'license',\n title: 'Licenses',\n iconName: 'License',\n to: '/license/requests',\n defaultPath: '/license/requests',\n menuItems: [\n {\n caption: 'Requests',\n key: 'licenseRequests',\n to: '/license/requests',\n },\n {\n caption: 'Product Types',\n key: 'licenseProductsType',\n to: '/license/producttypes',\n },\n {\n caption: 'Products',\n key: 'licenseProducts',\n to: '/license/products',\n },\n {\n caption: 'Licenses',\n key: 'licenses',\n to: '/license/licenses',\n },\n {\n caption: 'Command360',\n key: 'Command360License',\n to: '/license/command360license',\n }\n ]\n },\n {\n key: 'hub',\n title: 'Hub',\n iconName: 'HubNodes',\n to: '/hub/contracts',\n defaultPath: '/hub/organizations',\n menuItems: [\n {\n caption: 'Organizations',\n key: 'huborganizations',\n to: '/hub/organizations',\n },\n {\n caption: 'Contracts',\n key: 'hubcontracts',\n to: '/hub/contracts',\n },\n {\n caption: 'Ems Accounts',\n key: 'emsaccounts',\n to: '/ems/accounts',\n },\n {\n caption: 'Users',\n key: 'hubusers',\n to: '/hub/users',\n },\n {\n caption: 'Provisions',\n key: 'hubprovisions',\n to: '/hub/provisions',\n },\n {\n caption: 'Routes',\n key: 'routes',\n to: '/hub/support',\n },\n {\n caption: 'Features',\n key: 'hubfeatures',\n to: '/hub/feature-flags',\n },\n ],\n },\n {\n key: 'products',\n title: 'Manufacturing Database',\n iconName: 'Devices',\n to: '/products/awbench',\n defaultPath: '/products/awbench',\n menuItems: [\n {\n caption: 'Aviwest Bench Database',\n key: 'awbench',\n to: '/products/awbench',\n },\n {\n caption: 'Work Order',\n key: 'workorder',\n to: '/products/workorder',\n },\n {\n caption: 'Units',\n key: 'uut',\n to: '/products/uut',\n },\n {\n caption: 'Model',\n key: 'model',\n to: '/products/model',\n }\n ]\n },\n {\n key: 'torii',\n title: 'Torii',\n iconName: 'HubNodes',\n to: '/torii/organizations',\n defaultPath: '/torii/organizations',\n menuItems: [\n {\n caption: 'Organizations',\n key: 'toriiorganizations',\n to: '/torii/organizations',\n },\n {\n caption: 'Subscriptions',\n key: 'toriisubscriptions',\n to: '/torii/subscriptions',\n },\n {\n caption: 'Users',\n key: 'toriiusers',\n to: '/torii/users',\n }\n ],\n },\n {\n key: 'webbing',\n title: 'Webbing',\n iconName: 'HubNodes',\n to: '/webbing/accounts',\n defaultPath: '/webbing/accounts',\n menuItems: [\n {\n caption: 'Accounts',\n key: 'webbingAccounts',\n to: '/webbing/accounts',\n },\n {\n caption: 'Branches',\n key: 'webbingBranches',\n to: '/webbing/branches',\n },\n {\n caption: 'Devices',\n key: 'webbingDevices',\n to: '/webbing/devices',\n },\n // {\n // caption: 'Usage',\n // key: 'webbingUsage',\n // to: '/webbing/usage',\n // }\n ],\n }\n ]\n const [userName, setUserName] = useState('');\n const [selectedItem, setSelectedItem] = React.useState(SidebarSections[0])\n\n useEffect(() => {\n setUserName(sessionStorage.getItem(\"user.name\"));\n }, [])\n\n const handleOnSelect = item => {\n navigate(item);\n }\n\n const InfoStyle = {\n alignItems: 'center',\n backgroundColor: '#33333c',\n display: \"grid\",\n gap: \"5px\",\n padding: \"20px 40px\",\n borderTopLeftRadius: \"10px\",\n borderTopRightRadius: \"10px\",\n }\n\n const versionUI = (\n {packageJson.version.includes(\"prod\") && (\n \n View recent releases notes{\" \"}\n \n here.\n \n
\n }\n >\n \n {packageJson.version}\n
\n \n )}\n {!packageJson.version.includes(\"prod\") &&\n \"Version: \" + packageJson.version}\n )\n\n\n return (<>\n \n {versionUI}\n
\n \n Jellyfish Monitor{\" \"}\n setShowGrafana(true)}>\n \n \n
\n \n \n \n
\n );\n }\n}\n\n\nexport default Layout;","import { NotFound , ProgressBar } from \"@hai/ui-react\";\nimport React, { Component } from \"react\";\nimport SharkNotFound from \"../../../static/404_shark.png\";\n\nclass NeedAuthenticate_Shark extends Component {\n render() {\n return (\n \n );\n }\n}\n\nexport default NeedAuthenticate_Shark;\n","import React from 'react';\nimport JellyfishLogo from '../static/jellyfish.svg';\nimport { authProvider } from \"../infra/authProvider\";\nimport { DynamicContainer, Icon, Login } from '@hai/ui-react';\nimport { ScreenInfoContext } from '@hai/ui-react/dist/screen-info-provider/ScreenInfoProvider';\nimport backgroundImage from '../static/jellyfishbg.jpeg';\n\nconst JellyfishLogin = () => {\n const { mobileMode } = React.useContext(ScreenInfoContext)\n const bgColor = `rgba(33, 36, 56, 0.6)`;\n const responsiveProps = mobileMode\n ? {\n containerHeight: '550px',\n logoSize: { height: '100px', width: '150px' },\n }\n : {\n containerHeight: '810px',\n logoSize: { height: '120px', width: '200px' },\n }\n\n return ( \n
\n\n \n \n
\n {/* Provide any custom content using Login.Content & Login.IconButton */}\n \n \n \n \n \n
\n
\n This service currently has limited availability. You will not be\n able to sign in if you haven’t already contacted IT to set up your permissions.\n
\n
\n
\n {accountInfo.authState == AuthenticationState.Unauthenticated && \n } \n {accountInfo.authState == AuthenticationState.Authenticated && \n \n \n \n \n \n \n }\n
);\n};\n\nexport default App;\n","// In production, we register a service worker to serve assets from local cache.\n\n// This lets the app load faster on subsequent visits in production, and gives\n// it offline capabilities. However, it also means that developers (and users)\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\n// cached resources are updated in the background.\n\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\n// This link also includes instructions on opting out of this behavior.\n\nconst isLocalhost = Boolean(\n window.location.hostname === 'localhost' ||\n // [::1] is the IPv6 localhost address.\n window.location.hostname === '[::1]' ||\n // 127.0.0.1/8 is considered localhost for IPv4.\n window.location.hostname.match(\n /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\n )\n);\n\nexport default function register () {\n if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\n // The URL constructor is available in all browsers that support SW.\n const publicUrl = new URL(process.env.PUBLIC_URL, window.location);\n if (publicUrl.origin !== window.location.origin) {\n // Our service worker won't work if PUBLIC_URL is on a different origin\n // from what our page is served on. This might happen if a CDN is used to\n // serve assets; see https://github.com/facebookincubator/create-react-app/issues/2374\n return;\n }\n\n window.addEventListener('load', () => {\n const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`;\n\n if (isLocalhost) {\n // This is running on localhost. Lets check if a service worker still exists or not.\n checkValidServiceWorker(swUrl);\n } else {\n // Is not local host. Just register service worker\n registerValidSW(swUrl);\n }\n });\n }\n}\n\nfunction registerValidSW (swUrl) {\n navigator.serviceWorker\n .register(swUrl)\n .then(registration => {\n registration.onupdatefound = () => {\n const installingWorker = registration.installing;\n installingWorker.onstatechange = () => {\n if (installingWorker.state === 'installed') {\n if (navigator.serviceWorker.controller) {\n // At this point, the old content will have been purged and\n // the fresh content will have been added to the cache.\n // It's the perfect time to display a \"New content is\n // available; please refresh.\" message in your web app.\n console.log('New content is available; please refresh.');\n caches.delete(`workbox-precache-v2-${window.location.origin}/`);\n window.location.reload();\n } else {\n // At this point, everything has been precached.\n // It's the perfect time to display a\n // \"Content is cached for offline use.\" message.\n console.log('Content is cached for offline use.');\n }\n }\n };\n };\n })\n .catch(error => {\n console.error('Error during service worker registration:', error);\n });\n}\n\nfunction checkValidServiceWorker (swUrl) {\n // Check if the service worker can be found. If it can't reload the page.\n fetch(swUrl)\n .then(response => {\n // Ensure service worker exists, and that we really are getting a JS file.\n if (\n response.status === 404 ||\n response.headers.get('content-type').indexOf('javascript') === -1\n ) {\n // No service worker found. Probably a different app. Reload the page.\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister().then(() => {\n window.location.reload();\n });\n });\n } else {\n // Service worker found. Proceed as normal.\n registerValidSW(swUrl);\n }\n })\n .catch(() => {\n console.log(\n 'No internet connection found. App is running in offline mode.'\n );\n });\n}\n\nexport function unregister () {\n if ('serviceWorker' in navigator) {\n navigator.serviceWorker.ready.then(registration => {\n registration.unregister();\n });\n }\n}\n","import 'bootstrap/dist/css/bootstrap.css';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter } from 'react-router-dom';\nimport App from './App';\nimport registerServiceWorker from './registerServiceWorker';\nrequire('dotenv').config()\n\nconst baseUrl = document.getElementsByTagName('base')[0].getAttribute('href');\nconst rootElement = document.getElementById('root');\n\nReactDOM.render(\n \n \n ,\n rootElement);\n\nregisterServiceWorker();\n\n","import { authProvider } from \"./authProvider\";\nimport { AuthenticationState } from \"react-aad-msal\";\n\nexport const storeToken = async () => {\n var acc = authProvider.getAccount();\n sessionStorage.setItem(\"user.authState\", AuthenticationState.Authenticated);\n sessionStorage.setItem(\"user.name\", acc.name);\n sessionStorage.setItem(\"user.username\", acc.userName);\n sessionStorage.setItem(\n \"user.accessToken\",\n (await authProvider.getAccessToken()).accessToken\n );\n};\nexport const removeToken = () => {\n console.log(\"removing token\");\n sessionStorage.removeItem(\"user.authState\");\n sessionStorage.removeItem(\"user.name\");\n sessionStorage.removeItem(\"user.username\");\n sessionStorage.removeItem(\"user.accessToken\");\n};\nexport const getToken = () => {\n return sessionStorage.getItem(\"user.accessToken\");\n};\n\nexport const setJWT = () => {\n var acc = authProvider.getAccount();\n if (acc) {\n storeToken();\n } else {\n console.log(\"user not found\");\n removeToken();\n }\n};\n","import axios from \"axios\";\nimport { handleError } from \"../components/common/ErrorHandler\";\nimport { getToken, storeToken, removeToken } from \"./azure-aad-auth\";\n\n// Add a request interceptor\naxios.interceptors.request.use(\n (config) => {\n config.headers[\"Authorization\"] = \"Bearer \" + getToken();\n config.headers[\"Content-Type\"] = \"application/json\";\n config.headers[\"Pragma\"] = \"no-cache\";\n return config;\n },\n (error) => {\n Promise.reject(error);\n }\n);\n\n//Add a response interceptor\naxios.interceptors.response.use(\n (response) => {\n return response;\n },\n async (error) => {\n const originalRequest = error.config;\n console.log(error);\n //check if error was 401 and try one more time.\n if (error.response?.status === 401 && !originalRequest._retry) {\n originalRequest._retry = true;\n removeToken();\n await storeToken();\n axios.defaults.headers.common[\"Authorization\"] = \"Bearer \" + getToken();\n return axios(originalRequest);\n } else if (\n error.response?.status === 403 &&\n error.response?.data?.message?.includes(\"User is not enabled\")\n ) {\n // not good\n window.location.replace(\"/user-disabled\");\n }\n\n handleError(error.response.data);\n return Promise.reject(error);\n }\n);\n\nexport default axios;\n","import { MsalAuthProvider, LoginType } from \"react-aad-msal\";\n\nexport const authProvider = new MsalAuthProvider(\n {\n auth: {\n authority:\n \"https://login.microsoftonline.com/a88156c4-f3f7-4104-8fad-43b93f27493d\",\n clientId: \"f44a5e32-2260-4e09-abc9-58bef7e3af6d\", //Application (client) ID from Overview blade in App Registration\n redirectUri: window.location.protocol + \"//\" + window.location.host + \"/\",\n postLogoutRedirectUri: process.env.REACT_APP_PORTAL_BASE_URL,\n },\n cache: {\n cacheLocation: \"sessionStorage\",\n storeAuthStateInCookie: false,\n },\n },\n {\n scopes: [\"997264bd-4645-4171-964b-675d213b1597/access_as_user\"],\n },\n\n LoginType.Redirect\n);\n","module.exports = __webpack_public_path__ + \"static/media/404_shark.bda11676.png\";","module.exports = __webpack_public_path__ + \"static/media/jellyfishbg.96ba4719.jpeg\";","module.exports = __webpack_public_path__ + \"static/media/jellyfish.fd20987a.svg\";"],"sourceRoot":""}