\");\r\n setContent(text);\r\n };\r\n // delete file when click delete attachment button\r\n var deleteFile = function (id) {\r\n for (var i = 0; i < attachments.length; i++) {\r\n if (attachments[i].id === id) {\r\n attachments.splice(i, 1);\r\n }\r\n setAttachments(__spreadArray([], attachments, true));\r\n }\r\n };\r\n var saveFile = function (e) {\r\n for (var i = 0; i < e.target.files.length; i++) {\r\n var _attachments = attachments;\r\n _attachments.push({\r\n id: _attachments.length,\r\n file: e.target.files[i],\r\n name: e.target.files[i].name,\r\n path: ''\r\n });\r\n setAttachments(__spreadArray([], _attachments, true));\r\n }\r\n };\r\n var handleClick = function () {\r\n fileInput.current.click();\r\n };\r\n //const createTicket = (e: any) => {\r\n // var userId = props.userId;\r\n // var obj = {\r\n // Title: title,\r\n // Description: description,\r\n // PurchasedLicenseId: purchasedLicenseId\r\n // };\r\n // var API = \"/api/ticket\";\r\n // var BASE_URL = \"http://localhost:44301\";\r\n // var url = BASE_URL + API;\r\n // try {\r\n // var response = axios.post(url + \"/\" + userId, obj).then((response) => {\r\n // var item: any = response.data;\r\n // console.log(item);\r\n // props.callback(item);\r\n // toggle();\r\n // });\r\n // } catch (e) {\r\n // alert(e);\r\n // toggle();\r\n // }\r\n //};\r\n var createTicket = function (e) {\r\n var userId = props.userId;\r\n var formData = new FormData();\r\n formData.append(\"Title\", title);\r\n formData.append(\"Content\", content);\r\n formData.append(\"PurchasedLicenseId\", purchasedLicenseId.toString());\r\n try {\r\n var headerObj = {\r\n 'content-type': \"multipart/form-data;\",\r\n };\r\n if (attachments != null) {\r\n attachments.map(function (item) {\r\n formData.append(\"Attachments\", item.file);\r\n });\r\n headerObj['content-type'] = headerObj['content-type'] + ' boundary=${formData._boundary}';\r\n }\r\n var API = \"/api/ticket\";\r\n var BASE_URL = authConfig_1.apiConfig.basePath;\r\n var url = BASE_URL + API;\r\n axios_1.default.post(url + \"/\" + userId, formData, {\r\n headers: headerObj\r\n }).then(function (response) {\r\n var item = response.data;\r\n console.log(item);\r\n setAttachments(__spreadArray([], new Array(), true));\r\n props.callback(item);\r\n toggle();\r\n toggleConfirm();\r\n });\r\n }\r\n catch (e) {\r\n alert(e);\r\n toggle();\r\n }\r\n };\r\n var _e = (0, react_1.useState)(false), modal = _e[0], setModal = _e[1];\r\n var _f = (0, react_1.useState)(false), confirmModal = _f[0], setConfirmModal = _f[1];\r\n var buttonLabel = props.buttonLabel, className = props.className;\r\n var toggle = function () {\r\n setModal(!modal);\r\n //setConfirmModal(!confirmModal);\r\n };\r\n var toggleConfirm = function () { return setConfirmModal(!confirmModal); };\r\n React.useEffect(function () {\r\n if (purchasedLicenseId == 0 && props.purchasedLicenses != null && props.purchasedLicenses.length > 0)\r\n setPurchasedLicenseId(props.purchasedLicenses[0].purchasedLicenseId);\r\n }, [modal, setModal, title, setTitle, purchasedLicenseId, setPurchasedLicenseId]);\r\n return (React.createElement(\"div\", null,\r\n React.createElement(reactstrap_1.Button, { color: \"secondary\", onClick: toggle }, \"+ New Ticket\"),\r\n React.createElement(reactstrap_1.Modal, { isOpen: modal, toggle: toggle, className: className, size: \"lg\", centered: true },\r\n React.createElement(reactstrap_1.ModalBody, null,\r\n React.createElement(reactstrap_1.Form, null,\r\n React.createElement(reactstrap_1.Row, { form: true },\r\n React.createElement(reactstrap_1.Col, { lg: 12 },\r\n React.createElement(\"h5\", null,\r\n React.createElement(\"strong\", null, \"New Ticket\"))),\r\n React.createElement(reactstrap_1.Col, { lg: 12 },\r\n React.createElement(reactstrap_1.FormGroup, null,\r\n React.createElement(reactstrap_1.Label, { for: \"Package\" }, \"Package\"),\r\n props.purchasedLicenses != null && props.purchasedLicenses.length > 0 ?\r\n React.createElement(reactstrap_1.Input, { type: \"select\", value: purchasedLicenseId, name: \"Package\", id: \"Package\", placeholder: \"Select package\", onChange: function (e) { setPurchasedLicenseId(e.target.value); } }, props.purchasedLicenses.map(function (item) { return (React.createElement(\"option\", { value: item.purchasedLicenseId }, item.support.name)); })) : null),\r\n React.createElement(reactstrap_1.FormGroup, null,\r\n React.createElement(reactstrap_1.Label, { for: \"Title\" }, \"Title*\"),\r\n React.createElement(reactstrap_1.Input, { type: \"text\", name: \"Title\", id: \"Title\", onChange: function (e) { setTitle(e.target.value); }, placeholder: \"Enter title\" })),\r\n React.createElement(reactstrap_1.FormGroup, null,\r\n React.createElement(reactstrap_1.Label, { for: \"Content\" }, \"Content*\"),\r\n React.createElement(reactstrap_1.Input, { type: \"textarea\", name: \"Content\", id: \"Content\", onChange: function (e) { addNewLines(e.target.value); }, placeholder: \"Enter content\" })),\r\n React.createElement(reactstrap_1.FormGroup, null,\r\n React.createElement(reactstrap_1.Label, { for: \"Attachment\" }, \"Document*\"),\r\n React.createElement(\"input\", { name: \"Attachment\", id: \"Attachment\", ref: fileInput, onChange: saveFile, type: \"file\", style: { display: \"none\" }, multiple: true }),\r\n React.createElement(\"div\", { className: \"UploadDoc-section\" },\r\n React.createElement(\"div\", { className: \"UploadDoc-text\" },\r\n React.createElement(\"h6\", null, \"Browse document\")),\r\n React.createElement(\"div\", { className: \"UploadDoc-button\" },\r\n React.createElement(\"a\", { className: \"padding-default\", onClick: handleClick },\r\n React.createElement(\"img\", { src: \"./images/UploadDocument.svg\", className: \"UploadDoc-icon\" })))),\r\n React.createElement(reactstrap_1.Row, { className: \"row-component\" },\r\n React.createElement(reactstrap_1.Col, { lg: \"12\", id: \"file-upload-col\" },\r\n React.createElement(\"div\", { className: \"file-upload\" },\r\n React.createElement(\"div\", { id: \"upload-content\" }, attachments ? attachments.map(function (item) { return (React.createElement(\"div\", { className: \"content\" },\r\n React.createElement(\"h6\", null,\r\n React.createElement(\"img\", { src: \"./insertphoto.svg\" }),\r\n \" \",\r\n item.name),\r\n React.createElement(reactstrap_1.Button, { onClick: function () { return deleteFile(item.id); } }, \"Delete\"))); }) : null),\r\n React.createElement(\"div\", { id: \"uploadDocument\" }, attachments.length > 0 ? React.createElement(\"div\", { className: \"file-counter\" },\r\n React.createElement(\"h6\", null,\r\n React.createElement(\"strong\", null,\r\n attachments.length,\r\n \" files attached\"))) : null))))))))),\r\n React.createElement(reactstrap_1.ModalFooter, null,\r\n React.createElement(reactstrap_1.Button, { color: \"primary\", onClick: toggle }, \"Cancel\"),\r\n ' ',\r\n React.createElement(reactstrap_1.Button, { color: \"secondary\", onClick: function (e) { return createTicket(e); } }, \"Confirm\"))),\r\n React.createElement(reactstrap_1.Modal, { isOpen: confirmModal, className: className, size: \"s\", centered: true },\r\n React.createElement(reactstrap_1.ModalBody, null,\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { lg: 12 },\r\n React.createElement(\"div\", { className: \"justify-content-center text-center\" },\r\n React.createElement(\"h5\", null,\r\n React.createElement(\"strong\", null,\r\n \"A ticket titled \",\r\n title,\r\n \" is successfully created\")))))),\r\n React.createElement(reactstrap_1.ModalFooter, null,\r\n React.createElement(reactstrap_1.Button, { color: \"secondary\", onClick: function (e) { return toggleConfirm(); } }, \"Okay\")))));\r\n};\r\nexports.default = AddNewTicketButton;\r\n//# sourceMappingURL=AddNewTicketButton.js.map","\"use strict\";\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar React = require(\"react\");\r\nvar react_table_1 = require(\"react-table\");\r\nvar loader_1 = require(\"../loader/loader\");\r\nrequire(\"../table.css\");\r\nvar reactstrap_1 = require(\"reactstrap\");\r\nvar AppTable = function (props) {\r\n //const columnData = useMemo(() => columns, [columns]);\r\n //const rowData = useMemo(() => data, [data]);\r\n var columns = props.columns;\r\n var data = props.data;\r\n var isLoading = props.isloading;\r\n var _a = (0, react_table_1.useTable)({\r\n columns: columns,\r\n data: data,\r\n manualPagination: false\r\n }), getTableProps = _a.getTableProps, getTableBodyProps = _a.getTableBodyProps, headerGroups = _a.headerGroups, rows = _a.rows, prepareRow = _a.prepareRow;\r\n return (React.createElement(React.Fragment, null, isLoading ? (React.createElement(loader_1.default, null)) : (React.createElement(reactstrap_1.Table, __assign({}, getTableProps()),\r\n React.createElement(\"thead\", null, headerGroups.map(function (headerGroup) { return (React.createElement(\"tr\", __assign({}, headerGroup.getHeaderGroupProps()), headerGroup.headers.map(function (column) { return (React.createElement(\"th\", __assign({}, column.getHeaderProps()), column.render(\"Header\"))); }))); })),\r\n React.createElement(\"tbody\", __assign({}, getTableBodyProps()), rows.map(function (row, i) {\r\n prepareRow(row);\r\n return (React.createElement(\"tr\", __assign({}, row.getRowProps()), row.cells.map(function (cell) {\r\n return React.createElement(\"td\", __assign({}, cell.getCellProps()), cell.render(\"Cell\"));\r\n })));\r\n }))))));\r\n};\r\nexports.default = AppTable;\r\n//# sourceMappingURL=table.js.map","\"use strict\";\r\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n};\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar React = require(\"react\");\r\nvar react_1 = require(\"react\");\r\nrequire(\"./pagination.css\");\r\nvar Pagination = function (props) {\r\n // Calculating max number of pages\r\n var noOfPages = Math.ceil(props.totalrows / props.rowsperpage);\r\n // Creating an array with length equal to no.of pages\r\n var pagesArr = __spreadArray([], new Array(noOfPages), true);\r\n // State variable to hold the current page. This value is\r\n // passed to the callback provided by the parent\r\n var _a = (0, react_1.useState)(1), currentPage = _a[0], setCurrentPage = _a[1];\r\n // Navigation arrows enable/disable state\r\n var _b = (0, react_1.useState)(false), canGoBack = _b[0], setCanGoBack = _b[1];\r\n var _c = (0, react_1.useState)(true), canGoNext = _c[0], setCanGoNext = _c[1];\r\n // Onclick handlers for the butons\r\n var onNextPage = function () { return setCurrentPage(currentPage + 1); };\r\n var onPrevPage = function () { return setCurrentPage(currentPage - 1); };\r\n var onPageSelect = function (pageNo) {\r\n setCurrentPage(pageNo);\r\n };\r\n // Disable previous and next buttons in the first and last page\r\n // respectively\r\n (0, react_1.useEffect)(function () {\r\n if (noOfPages === currentPage) {\r\n setCanGoNext(false);\r\n }\r\n else {\r\n setCanGoNext(true);\r\n }\r\n if (currentPage === 1) {\r\n setCanGoBack(false);\r\n }\r\n else {\r\n setCanGoBack(true);\r\n }\r\n }, [noOfPages, currentPage]);\r\n // To set the starting index of the page\r\n (0, react_1.useEffect)(function () {\r\n var skipFactor = (currentPage - 1) * props.rowsPerPage;\r\n // Some APIs require skip for pagination. If needed use that instead\r\n // pageChangeHandler(skipFactor);\r\n props.pagechangehandler(currentPage);\r\n }, [currentPage]);\r\n return (React.createElement(React.Fragment, null, noOfPages > 1 ? (React.createElement(\"div\", { id: \"pagination\" },\r\n React.createElement(\"div\", { className: \"pageButtons\" },\r\n React.createElement(\"button\", { className: \"pageBtn\", onClick: onPrevPage, disabled: !canGoBack }, \"\\u2039\"),\r\n pagesArr.map(function (num, index) { return (React.createElement(\"button\", { className: (index + 1) === currentPage ? \"activeBtn\" : \"pageBtn\", onClick: function () { return onPageSelect(index + 1); } }, index + 1)); }),\r\n React.createElement(\"button\", { className: \"pageBtn\", onClick: onNextPage, disabled: !canGoNext }, \"\\u203A\")))) : null));\r\n};\r\nexports.default = Pagination;\r\n//# sourceMappingURL=pagination.js.map","\"use strict\";\r\n/*\r\n * Copyright (c) Microsoft Corporation. All rights reserved.\r\n * Licensed under the MIT License.\r\n */\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar React = require(\"react\");\r\nvar reactstrap_1 = require(\"reactstrap\");\r\nrequire(\"./NavMenu.css\");\r\nrequire(\"../styles/sidebar.css\");\r\nvar SignOutButton_1 = require(\"./SignOutButton\");\r\nvar msal_react_1 = require(\"@azure/msal-react\");\r\nvar react_1 = require(\"react\");\r\nvar ComponentGuard_1 = require(\"./ComponentGuard\");\r\nvar authConfig_1 = require(\"../authConfig\");\r\nvar msal_browser_1 = require(\"@azure/msal-browser\");\r\n/**\r\n * Renders the navbar component with a sign-in or sign-out button depending on whether or not a user is authenticated\r\n * @param props\r\n */\r\n//{/*
*/ }\r\n//{/* */ }\r\n//{/* */ }\r\n//{/* */ }\r\n//{/* */ }\r\n//{/*
*/ }\r\n//{/* Please sign-in to see your profile information.
*/ }\r\n//{/*![](\"./visibility.svg\")
, null),\r\n // React.createElement(LicenseDeleteButton, { id: row.value, list: licenseData, userId: graphData.id, modalCallback: deleteLicenseDataCallBack }, null)\r\n // ]);\r\n //}\r\n }\r\n ];\r\n var _a = react_1.useState(new Array()), list = _a[0], setList = _a[1];\r\n var _b = react_1.useState(false), isLoaded = _b[0], setIsLoaded = _b[1];\r\n var _c = react_1.useState(false), modal = _c[0], setModal = _c[1];\r\n var _d = react_1.useState(0), id = _d[0], setId = _d[1];\r\n //const [data, setData] = useState(null);\r\n var _e = react_1.useState({\r\n id: 0,\r\n name: \"\",\r\n displayName: \"\",\r\n email: \"\",\r\n phoneNumber: \"\",\r\n status: \"\",\r\n address: { firstLine: \"\", secondLine: \"\", state: \"\" },\r\n industry: \"\",\r\n description: \"\",\r\n language: \"\",\r\n country: \"\",\r\n createdAt: \"\",\r\n modifiedAt: \"\",\r\n profilepic: \"\"\r\n }), data = _e[0], setData = _e[1];\r\n var onLoad = function () {\r\n if (id && modal) {\r\n customer_1.fetchCustomer(id.toString()).then(function (result) {\r\n setData(result);\r\n setIsLoaded(true);\r\n }).catch(console.error);\r\n }\r\n else {\r\n customer_1.fetchCustomers().then(function (data) {\r\n setList(data.list);\r\n setIsLoaded(true);\r\n }).catch(console.error);\r\n }\r\n };\r\n var pushToList = function (item) {\r\n var newList = list;\r\n newList.push(item);\r\n setList(__spreadArray([], newList));\r\n };\r\n react_1.useEffect(function () {\r\n if (!isLoaded && inProgress === msal_browser_1.InteractionStatus.None)\r\n onLoad();\r\n }, [list, setList, isLoaded, setIsLoaded, inProgress, id, setId, modal, setModal]);\r\n var toggle = function (id) {\r\n setModal(!modal);\r\n if (id)\r\n setId(id);\r\n };\r\n var updateCustomerCallback = function () {\r\n setList(__spreadArray([], new Array()));\r\n toggle(0);\r\n };\r\n var updateNewCustomerCallback = function () {\r\n setList(__spreadArray([], new Array()));\r\n };\r\n return (React.createElement(React.Fragment, null,\r\n React.createElement(msal_react_1.MsalAuthenticationTemplate, { interactionType: msal_browser_1.InteractionType.Redirect, authenticationRequest: authRequest },\r\n React.createElement(\"div\", { className: \"card-header\" },\r\n React.createElement(\"div\", null,\r\n React.createElement(\"h5\", { className: \"card-title\" }, \"List of Customers\")),\r\n React.createElement(AddCustomerButton_1.default, { callback: updateNewCustomerCallback })),\r\n React.createElement(\"div\", { className: \"tableContainer\" }, isLoaded ? React.createElement(PaginationTable_1.PaginationTable, { columns: columns, data: list }) : React.createElement(React.Fragment, null, \"Loading...\")),\r\n React.createElement(reactstrap_1.Modal, { isOpen: modal, toggle: toggle, size: \"lg\", centered: true },\r\n React.createElement(reactstrap_1.ModalHeader, { toggle: toggle }, \"Edit Customer Profile\"),\r\n React.createElement(reactstrap_1.ModalBody, null,\r\n React.createElement(CustomerEditForm_1.default, { data: data, modalCallback: updateCustomerCallback, ref: formRef })),\r\n React.createElement(reactstrap_1.ModalFooter, null,\r\n React.createElement(reactstrap_1.Button, { color: \"primary\", onClick: toggle }, \"Cancel\"),\r\n ' ',\r\n React.createElement(reactstrap_1.Button, { color: \"secondary\", onClick: function () { return formRef.current.submitForm(); } }, \"Confirm\"))))));\r\n};\r\nexports.default = CustomerListPage;\r\n//# sourceMappingURL=CustomerListPage.js.map","\"use strict\";\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar React = require(\"react\");\r\nvar reactstrap_1 = require(\"reactstrap\");\r\nvar classnames_1 = require(\"classnames\");\r\nvar CustomerSubscriptionListPage_1 = require(\"./CustomerSubscriptionListPage\");\r\nvar CustomerProfilePage_1 = require(\"./CustomerProfilePage\");\r\nvar MonthlyStatementPage_1 = require(\"./MonthlyStatementPage\");\r\nrequire(\"../../styles/CustomerDetailPage.css\");\r\nvar msal_react_1 = require(\"@azure/msal-react\");\r\nvar msal_browser_1 = require(\"@azure/msal-browser\");\r\nvar authConfig_1 = require(\"../../authConfig\");\r\nvar react_1 = require(\"react\");\r\nvar CustomerUserPage_1 = require(\"./CustomerUserPage\");\r\nvar AuditLogPage_1 = require(\"./AuditLogPage\");\r\nvar CustomerDetailPage = function (props) {\r\n var authRequest = __assign({}, authConfig_1.loginRequest);\r\n var inProgress = (0, msal_react_1.useMsal)().inProgress;\r\n var _a = React.useState('CustomerProfilePage'), activeTab = _a[0], setActiveTab = _a[1]; //useState('CustomerProfile');\r\n var companyId = parseInt(props.match.params.id, 10) || 0;\r\n var toggle = function (tab) {\r\n if (activeTab !== tab)\r\n setActiveTab(tab);\r\n };\r\n (0, react_1.useEffect)(function () {\r\n }, [inProgress]);\r\n return (React.createElement(React.Fragment, null,\r\n React.createElement(msal_react_1.MsalAuthenticationTemplate, { interactionType: msal_browser_1.InteractionType.Redirect, authenticationRequest: authRequest },\r\n React.createElement(\"div\", { className: \"CustomerDetailPageHeader\" },\r\n React.createElement(\"div\", null,\r\n React.createElement(\"h5\", { className: \"card-title\" }, \"List of Customers\"))),\r\n React.createElement(\"div\", { id: \"company-profile\" },\r\n React.createElement(reactstrap_1.Nav, { tabs: true },\r\n React.createElement(reactstrap_1.NavItem, null,\r\n React.createElement(reactstrap_1.NavLink, { className: (0, classnames_1.default)({ active: activeTab === 'CustomerProfilePage' }), onClick: function () { toggle('CustomerProfilePage'); } }, \"Customer Profile\")),\r\n React.createElement(reactstrap_1.NavItem, null,\r\n React.createElement(reactstrap_1.NavLink, { className: (0, classnames_1.default)({ active: activeTab === 'SubscriptionPage' }), onClick: function () { toggle('SubscriptionPage'); } }, \"Subscriptions\")),\r\n React.createElement(reactstrap_1.NavItem, null,\r\n React.createElement(reactstrap_1.NavLink, { className: (0, classnames_1.default)({ active: activeTab === 'UserPage' }), onClick: function () { toggle('UserPage'); } }, \"User\")),\r\n React.createElement(reactstrap_1.NavItem, null,\r\n React.createElement(reactstrap_1.NavLink, { className: (0, classnames_1.default)({ active: activeTab === 'MonthlyStatementPage' }), onClick: function () { toggle('MonthlyStatementPage'); } }, \"Monthly Statement\")),\r\n React.createElement(reactstrap_1.NavItem, null,\r\n React.createElement(reactstrap_1.NavLink, { className: (0, classnames_1.default)({ active: activeTab === 'AuditLogsPage' }), onClick: function () { toggle('AuditLogsPage'); } }, \"Audit Logs\"))),\r\n React.createElement(reactstrap_1.TabContent, { activeTab: activeTab },\r\n React.createElement(reactstrap_1.TabPane, { tabId: \"CustomerProfilePage\" },\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { sm: \"12\" },\r\n React.createElement(CustomerProfilePage_1.default, { id: companyId })))),\r\n React.createElement(reactstrap_1.TabPane, { tabId: \"SubscriptionPage\" },\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { sm: \"12\" },\r\n React.createElement(CustomerSubscriptionListPage_1.default, { id: companyId })))),\r\n React.createElement(reactstrap_1.TabPane, { tabId: \"UserPage\" },\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { sm: \"12\" },\r\n React.createElement(CustomerUserPage_1.default, { id: companyId })))),\r\n React.createElement(reactstrap_1.TabPane, { tabId: \"MonthlyStatementPage\" },\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { sm: \"12\" },\r\n React.createElement(MonthlyStatementPage_1.default, { companyId: companyId })))),\r\n React.createElement(reactstrap_1.TabPane, { tabId: \"AuditLogsPage\" },\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { sm: \"12\" },\r\n React.createElement(AuditLogPage_1.default, { companyId: companyId })))))))));\r\n};\r\nexports.default = CustomerDetailPage;\r\n//# sourceMappingURL=CustomerDetailPage.js.map","\"use strict\";\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar React = require(\"react\");\r\nvar DetailStatementTable_1 = require(\"./DetailStatementTable\");\r\nvar react_1 = require(\"react\");\r\nrequire(\"../../styles/CustomerListPage.css\");\r\nvar msal_react_1 = require(\"@azure/msal-react\");\r\nvar msal_browser_1 = require(\"@azure/msal-browser\");\r\nvar authConfig_1 = require(\"../../authConfig\");\r\nvar DetailStatementPage = function (props) {\r\n var statementId = parseInt(props.match.params.id, 10) || 0;\r\n var authRequest = __assign({}, authConfig_1.loginRequest);\r\n var inProgress = msal_react_1.useMsal().inProgress;\r\n var onLoad = function () {\r\n };\r\n react_1.useEffect(function () {\r\n if (inProgress === msal_browser_1.InteractionStatus.None)\r\n onLoad();\r\n }, [inProgress]);\r\n return (React.createElement(React.Fragment, null,\r\n React.createElement(msal_react_1.MsalAuthenticationTemplate, { interactionType: msal_browser_1.InteractionType.Redirect, authenticationRequest: authRequest },\r\n React.createElement(\"div\", { className: \"card-header\" },\r\n React.createElement(\"div\", null,\r\n React.createElement(\"h5\", { className: \"card-title\" }, \"Monthly Statement \"))),\r\n React.createElement(DetailStatementTable_1.DetailStatementTable, { statementId: statementId }))));\r\n};\r\nexports.default = DetailStatementPage;\r\n//# sourceMappingURL=DetailStatementPage.js.map","\"use strict\";\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n};\r\nvar _this = this;\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar React = require(\"react\");\r\nvar react_1 = require(\"react\");\r\nrequire(\"../../styles/CustomerListPage.css\");\r\nrequire(\"../../styles/TicketListPage.css\");\r\nvar AddNewTicketButton_1 = require(\"./modals/AddNewTicketButton\");\r\nvar ticket_1 = require(\"../../api/ticket\");\r\nvar msal_react_1 = require(\"@azure/msal-react\");\r\nvar msal_browser_1 = require(\"@azure/msal-browser\");\r\nvar authConfig_1 = require(\"../../authConfig\");\r\nvar graph_1 = require(\"../../graph\");\r\nvar customer_1 = require(\"../../api/customer\");\r\nvar TicketDeleteButton_1 = require(\"./modals/TicketDeleteButton\");\r\nvar react_moment_1 = require(\"react-moment\");\r\nvar table_1 = require(\"../table/table\");\r\nvar pagination_1 = require(\"../pagination/pagination\");\r\nvar getStatusColor = function (value) {\r\n var result = \"\";\r\n switch (value.toLowerCase()) {\r\n case 'unattended':\r\n result = \"./ellipseblue.svg\";\r\n break;\r\n case 'attended':\r\n result = \"./ellipsegreen.svg\";\r\n break;\r\n case 'inprogress':\r\n result = \"./ellipseyellow.svg\";\r\n break;\r\n case 'closed':\r\n result = \"./ellipsered.svg\";\r\n break;\r\n default:\r\n result = \"./ellipseblue.svg\";\r\n }\r\n return result;\r\n};\r\n// ticket status option\r\nvar ticketStatusOptions = [\r\n { key: \"\", value: \"All\" },\r\n { key: \"0\", value: \"Unattended\" },\r\n { key: \"1\", value: \"Attended\" },\r\n { key: \"2\", value: \"InProgress\" },\r\n { key: \"3\", value: \"Closed\" }\r\n];\r\nvar TicketListPage = function (props) {\r\n var authRequest = __assign({}, authConfig_1.loginRequest);\r\n var _a = (0, react_1.useState)({ id: \"\" }), graphData = _a[0], setGraphData = _a[1];\r\n var _b = (0, react_1.useState)({\r\n purchasedLicenses: new Array()\r\n }), company = _b[0], setCompany = _b[1];\r\n var _c = (0, msal_react_1.useMsal)(), inProgress = _c.inProgress, instance = _c.instance, accounts = _c.accounts;\r\n var _d = (0, react_1.useState)(false), isAuthorizedSuperAdmin = _d[0], setIsAuthorizedSuperAdmin = _d[1];\r\n var _e = (0, react_1.useState)(new Array()), list = _e[0], setList = _e[1];\r\n var _f = (0, react_1.useState)(false), isLoaded = _f[0], setIsLoaded = _f[1];\r\n var pushToList = function (item) {\r\n setList(__spreadArray([__assign({}, item)], list, true));\r\n };\r\n var _g = (0, react_1.useState)(\"\"), searchTerm = _g[0], setSearchTerm = _g[1];\r\n var _h = (0, react_1.useState)(\"\"), selectStatus = _h[0], setSelectStatus = _h[1];\r\n // get selected status to filter \r\n var handleSelect = function (e) {\r\n setSelectStatus(e.target.value);\r\n console.log(selectStatus);\r\n };\r\n var ticketListColumns = [\r\n {\r\n Header: 'Ticket No.',\r\n accessor: 'ticketNum',\r\n Cell: function (row) { return (React.createElement(\"div\", { className: \"\" },\r\n React.createElement(\"a\", { className: \"padding-default\", href: '/ticket/' + getIdByTicketNum(row.value) }, row.value))); }\r\n },\r\n {\r\n Header: 'Company Name',\r\n id: 'ticketId',\r\n accessor: 'ticketId',\r\n Cell: function (row) {\r\n return React.createElement(\"div\", { id: \"CompanyName\" },\r\n React.createElement(\"div\", { id: \"CreatorProfilePic\" },\r\n React.createElement(\"img\", { className: \"logo-image\", src: getProfilePicById(row.value) })),\r\n React.createElement(\"div\", { id: \"CompName-Text\" },\r\n React.createElement(\"td\", { id: \"CompName-Text\" }, getCompanyNameById(row.value))));\r\n }\r\n },\r\n {\r\n Header: 'Creator Name',\r\n accessor: 'creatorName',\r\n },\r\n {\r\n Header: 'Title ',\r\n accessor: 'title'\r\n },\r\n //{\r\n // Header: 'Description',\r\n // accessor: 'description',\r\n //},\r\n {\r\n Header: 'Package',\r\n accessor: 'package'\r\n },\r\n {\r\n Header: 'Status',\r\n accessor: 'status',\r\n Cell: function (row) { return (React.createElement(\"div\", null,\r\n React.createElement(\"img\", { src: getStatusColor(row.value), className: \"font-icon\" }),\r\n row.value)); }\r\n },\r\n {\r\n Header: 'Tier',\r\n accessor: 'tier'\r\n },\r\n {\r\n Header: 'Last Updated',\r\n accessor: 'modifiedAt',\r\n Cell: function (row) { return (React.createElement(React.Fragment, null,\r\n React.createElement(react_moment_1.default, { format: \"DD MMM YYYY hh:mm A\" }, row.value))); }\r\n },\r\n {\r\n Header: 'Action',\r\n id: 'actionId',\r\n accessor: 'ticketId',\r\n Cell: function (row) { return (React.createElement(\"div\", { className: \"action-button\" },\r\n React.createElement(TicketDeleteButton_1.default, { id: row.value, modalCallback: updateTicketCallback }))); }\r\n }\r\n ];\r\n var columns = ticketListColumns;\r\n // server pagination\r\n var _j = (0, react_1.useState)({\r\n rowData: [],\r\n isloading: false,\r\n //totalPages: 0,\r\n totalTickets: 0,\r\n }), pageData = _j[0], setPageData = _j[1];\r\n var _k = (0, react_1.useState)(1), currentPage = _k[0], setCurrentPage = _k[1];\r\n // search and status filter (filterclick)\r\n var filterClick = function () {\r\n (0, ticket_1.fetchTickets)(currentPage, searchTerm, selectStatus).then(function (info) {\r\n var list = info.list, count = info.count, page = info.page;\r\n setPageData({\r\n isloading: false,\r\n rowData: list,\r\n totalTickets: count,\r\n });\r\n setIsLoaded(true);\r\n });\r\n };\r\n var getIdByTicketNum = function (num) {\r\n if (pageData.rowData != null && pageData.rowData.length > 0) {\r\n return pageData.rowData.reduce(function (acc, item) {\r\n if (item.ticketNum == num)\r\n acc = item.ticketId;\r\n return acc;\r\n }, 0);\r\n }\r\n };\r\n var getProfilePicById = function (num) {\r\n if (pageData.rowData != null && pageData.rowData.length > 0) {\r\n return pageData.rowData.reduce(function (acc, item) {\r\n if (item.ticketId == num && item.companyLogo != null)\r\n acc = item.companyLogo;\r\n return acc;\r\n }, \"./images/companyDefault.svg\");\r\n }\r\n };\r\n var getCompanyNameById = function (num) {\r\n if (pageData.rowData != null && pageData.rowData.length > 0) {\r\n return pageData.rowData.reduce(function (acc, item) {\r\n if (item.ticketId == num)\r\n acc = item.companyName;\r\n return acc;\r\n }, \"Company Name Unknown\");\r\n }\r\n };\r\n var requestProfileData = function () {\r\n // Silently acquires an access token which is then attached to a request for MS Graph data\r\n instance.acquireTokenSilent(__assign(__assign({}, authConfig_1.loginRequest), { account: accounts[0] })).then(function (response) {\r\n (0, graph_1.callMsGraph)(\"GET\", response.accessToken, authConfig_1.graphConfig.graphMeEndpoint).then(function (response) {\r\n setGraphData(response);\r\n });\r\n });\r\n };\r\n var checkIfSuperAdmin = function () {\r\n var currentAccount = instance.getActiveAccount();\r\n if (currentAccount && currentAccount.idTokenClaims) {\r\n var tokenClaims = currentAccount.idTokenClaims['roles'];\r\n console.log('token');\r\n console.log(tokenClaims);\r\n var intersection = tokenClaims.includes(authConfig_1.appRoles.SuperAdmin);\r\n if (intersection) {\r\n setIsAuthorizedSuperAdmin(true);\r\n }\r\n }\r\n };\r\n var populateList = function () {\r\n if (isAuthorizedSuperAdmin) {\r\n if (!isLoaded) {\r\n //fetchTickets(currentPage).then((data: any) => {\r\n // setList(data.list);\r\n // setIsLoaded(true);\r\n //}).catch(console.error);\r\n setPageData(function (prevState) { return (__assign(__assign({}, prevState), { rowData: [], isloading: true })); });\r\n (0, ticket_1.fetchTickets)(currentPage, searchTerm, selectStatus).then(function (info) {\r\n var list = info.list, count = info.count, page = info.page;\r\n setPageData({\r\n isloading: false,\r\n rowData: list,\r\n //totalPages,\r\n totalTickets: count,\r\n });\r\n //setIsLoaded(true);\r\n //console.log('popList', isLoaded)\r\n });\r\n setIsLoaded(true);\r\n //console.log('outPopList', isLoaded)\r\n }\r\n }\r\n else {\r\n if (graphData != null && graphData.id != null && graphData.id.length > 0) {\r\n if (company.purchasedLicenses.length === 0) {\r\n (0, customer_1.fetchCustomerByUserId)(graphData.id).then(function (data) {\r\n setCompany(data);\r\n }).catch(console.error);\r\n }\r\n if (!isLoaded) {\r\n (0, ticket_1.fetchTicketsByUserId)(graphData.id, currentPage, selectStatus).then(function (info) {\r\n var list = info.list, count = info.count, page = info.page;\r\n console.log(list);\r\n console.log(count);\r\n setPageData({\r\n isloading: false,\r\n rowData: list,\r\n totalTickets: count,\r\n });\r\n setIsLoaded(true);\r\n }).catch(console.error);\r\n }\r\n }\r\n }\r\n };\r\n /*Refresh page after delete ticket (click Delete Button at Action Column)*/\r\n var updateTicketCallback = function () {\r\n setIsLoaded(false);\r\n };\r\n var onLoad = function () {\r\n requestProfileData();\r\n checkIfSuperAdmin();\r\n populateList();\r\n };\r\n (0, react_1.useEffect)(function () {\r\n setPageData(function (prevState) { return (__assign(__assign({}, prevState), { rowData: [], isLoading: true })); });\r\n (0, ticket_1.fetchTickets)(currentPage, searchTerm, selectStatus).then(function (info) {\r\n var list = info.list, count = info.count, page = info.page;\r\n setPageData({\r\n isloading: false,\r\n rowData: list,\r\n totalTickets: count,\r\n });\r\n setIsLoaded(true);\r\n });\r\n }, [currentPage, setCurrentPage, isLoaded, setIsLoaded]);\r\n (0, react_1.useEffect)(function () {\r\n console.log('useEffect', !isLoaded == true);\r\n if (!isLoaded && inProgress === msal_browser_1.InteractionStatus.None)\r\n onLoad();\r\n }, [instance, inProgress, list, setList, isLoaded, setIsLoaded, graphData, setGraphData, isAuthorizedSuperAdmin, setIsAuthorizedSuperAdmin]);\r\n //(accounts[0] as AccountInfo) != null && (accounts[0] as AccountInfo).name != null \r\n return (React.createElement(React.Fragment, null,\r\n React.createElement(msal_react_1.MsalAuthenticationTemplate, { interactionType: msal_browser_1.InteractionType.Redirect, authenticationRequest: authRequest },\r\n React.createElement(\"div\", { className: \"card-header\" },\r\n React.createElement(\"div\", null,\r\n React.createElement(\"h5\", { className: \"card-title\" }, \"List of Tickets\")),\r\n React.createElement(\"div\", { className: \"filter-options\" },\r\n React.createElement(\"div\", { className: \"totalTicketsInternal\" },\r\n React.createElement(\"p\", null,\r\n \"Total Tickets: \",\r\n pageData.totalTickets || \"...\")),\r\n React.createElement(\"div\", null,\r\n React.createElement(\"input\", { placeholder: \"Search Company Name\", onChange: function (e) {\r\n setSearchTerm(e.target.value);\r\n } }),\r\n React.createElement(\"select\", { className: \"filterStatus\", onChange: handleSelect }, ticketStatusOptions.map(function (option) { return (React.createElement(\"option\", { key: option.key, value: option.key }, option.value)); })),\r\n React.createElement(\"button\", { style: { padding: 0, borderRadius: \"10px\", marginLeft: \"3px\", borderColor: \"white\" }, color: \"link\", onClick: filterClick },\r\n React.createElement(\"a\", { className: \"padding-default\" },\r\n React.createElement(\"img\", { src: \"./search.svg\", className: \"font-icon\" }))))),\r\n !isAuthorizedSuperAdmin && company && company.purchasedLicenses ? React.createElement(AddNewTicketButton_1.default, { userId: graphData.id, purchasedLicenses: company.purchasedLicenses, callback: pushToList.bind(_this) }) : React.createElement(React.Fragment, null)),\r\n React.createElement(\"div\", { className: \"tableContainer ticketListContainer\" },\r\n //isLoaded ? \"));\r\n formData.append(\"UserId\", userId);\r\n formData.append(\"ReplyType\", selectedMessageType);\r\n formData.append(\"CallDateTime\", callDateTime);\r\n var headerObj = {\r\n 'content-type': \"multipart/form-data;\",\r\n };\r\n if (attachments != null) {\r\n attachments.map(function (item) {\r\n formData.append(\"Attachments\", item.file);\r\n });\r\n if (attachments != null) {\r\n headerObj['content-type'] = headerObj['content-type'] + ' boundary=${formData._boundary}';\r\n }\r\n }\r\n (0, ticket_1.replyTicketComment)(ticketId, formData, headerObj).then(function (result) {\r\n setReplyData('');\r\n setCallDateTime('');\r\n setAttachments(__spreadArray([], new Array(), true));\r\n //lps dh post comment, update ui dgn comment terbaru\r\n var newData = data;\r\n console.log(newData);\r\n newData.comments.push(result);\r\n //setData(...newData); //setData({ ...newData }) setData(newData)\r\n setData(__assign({}, newData));\r\n //fetchTicket(ticketId).then((result: any) => setData(result)).catch(console.error);\r\n }).catch(function (e) {\r\n alert(e);\r\n });\r\n };\r\n (0, react_2.useEffect)(function () {\r\n if (data.ticketId == 0 && inProgress === msal_browser_1.InteractionStatus.None) {\r\n onLoad();\r\n RequestProfileData();\r\n }\r\n }, [inProgress, data, setData, ticketStatus, setTicketStatus, instance, callDate, setCallDate, callTime, setCallTime]);\r\n var handleUpdateTicketStatus = function (event) {\r\n setTicketStatus(event.target.value);\r\n (0, ticket_1.updateTicketStatus)(data.ticketId, event.target.value, graphData.id).then(function (data) {\r\n }).catch(console.error);\r\n };\r\n var ticketStatusOptions = [\r\n { key: 'unattended', value: 'Unattended' },\r\n { key: 'attended', value: 'Attended' },\r\n { key: 'inprogress', value: 'In-Progress' },\r\n { key: 'closed', value: 'Mark as Close' }\r\n ];\r\n var ticketSLABreachs = [\r\n //{ key: 'none', value: '~/slabreach/slabreach_none.png' },\r\n { key: 'timetoattend', label: 'SLA Breached: Time to Attend', value: './slabreach/slabreach_timetoattend.png' },\r\n { key: 'timetoresolution', label: 'SLA Breached: Time to Set Resolution Time', value: './slabreach/slabreach_timetoresolution.png' },\r\n { key: 'timetocompletion', label: 'SLA Breached: Time to Complete', value: './slabreach/slabreach_timetocompletion.png' },\r\n { key: 'timetoinittialcall', label: 'SLA Breached: Time to Initiate Call', value: './slabreach/slabreach_timetoinittialcall.png' }\r\n ];\r\n //this is for dropdown and modals component for resolution time\r\n var _q = (0, react_2.useState)(false), dropdownOpen = _q[0], setDropdownOpen = _q[1];\r\n var checkResolutionTimeRule = function () {\r\n return ticketStatus == 'attended' && inputResolutionTime == 0 && (data.resolutionTime == null || data.resolutionTime == 0);\r\n };\r\n var toggleDropdown = function () {\r\n if (checkResolutionTimeRule()) {\r\n setDropdownOpen(function (prevState) { return !prevState; });\r\n }\r\n };\r\n var _r = (0, react_2.useState)(false), modalHours = _r[0], setModalHours = _r[1];\r\n var _s = (0, react_2.useState)(false), modalDays = _s[0], setModalDays = _s[1];\r\n var _t = (0, react_2.useState)(\"Message\"), selectedMessageType = _t[0], setSelectedMessageType = _t[1];\r\n var toggleHours = function () { return setModalHours(!modalHours); };\r\n var toggleDays = function () { return setModalDays(!modalDays); };\r\n //this is for Customer Info in mobile screen\r\n var _u = (0, react_2.useState)(false), mobileModal = _u[0], setMobileModal = _u[1];\r\n var toggleMobileModal = function () { return setMobileModal(!mobileModal); };\r\n return (React.createElement(React.Fragment, null,\r\n React.createElement(msal_react_2.MsalAuthenticationTemplate, { interactionType: msal_browser_1.InteractionType.Redirect, authenticationRequest: authRequest },\r\n React.createElement(\"div\", { className: \"card-header\" },\r\n React.createElement(\"div\", null,\r\n React.createElement(\"h5\", { className: \"card-title\" }, \"Ticket\"))),\r\n React.createElement(reactstrap_1.Container, { fluid: true },\r\n React.createElement(reactstrap_1.Row, { className: \"main-row\" },\r\n React.createElement(reactstrap_1.Col, { lg: \"8\", className: \"main-col\" },\r\n React.createElement(reactstrap_1.Row, { className: \"row-component\" },\r\n React.createElement(reactstrap_1.Col, { lg: \"6\" },\r\n React.createElement(\"div\", null,\r\n React.createElement(reactstrap_1.Row, { id: \"ticket-status\" },\r\n React.createElement(reactstrap_1.Col, { lg: \"12\", className: \"ticketStatus-header\", style: { display: 'inherit' } },\r\n React.createElement(\"h5\", null,\r\n React.createElement(\"strong\", null, data.title)),\r\n React.createElement(\"div\", { className: \"d-block d-md-none d-lg-none\" },\r\n React.createElement(reactstrap_1.Button, { color: \"danger\", onClick: toggleMobileModal, style: { background: 'none', border: 'none' } },\r\n \" \",\r\n React.createElement(\"img\", { src: \"./images/TripleDots.svg\" })),\r\n React.createElement(reactstrap_1.Modal, { isOpen: mobileModal, toggle: toggleMobileModal, centered: true, backdrop: false },\r\n React.createElement(reactstrap_1.ModalHeader, { toggle: toggleMobileModal }),\r\n React.createElement(reactstrap_1.ModalBody, null,\r\n React.createElement(reactstrap_1.Col, { lg: \"12\" },\r\n React.createElement(reactstrap_1.Row, { className: \"side-row\" },\r\n React.createElement(reactstrap_1.Col, { lg: \"12\", className: \"Customer-info\" },\r\n React.createElement(reactstrap_1.Row, { className: \"side-row\" },\r\n React.createElement(reactstrap_1.Col, { lg: \"12\" },\r\n React.createElement(\"div\", { className: \"Customer-logo\" },\r\n React.createElement(\"img\", { className: \"customer-pic\", src: data && data.creatorProfilePic ? data.creatorProfilePic : './images/customer-icon.png', style: { width: '48px', height: '48px' } })))),\r\n React.createElement(reactstrap_1.Row, { className: \"side-row\" },\r\n React.createElement(reactstrap_1.Col, { lg: \"12\" },\r\n React.createElement(\"div\", { className: \"Customer-name\" },\r\n React.createElement(\"h5\", null,\r\n React.createElement(\"strong\", null, data && data.creatorName ? data.creatorName : ''))))),\r\n React.createElement(reactstrap_1.Row, { className: \"side-row\" },\r\n React.createElement(reactstrap_1.Col, { lg: \"12\" },\r\n React.createElement(\"div\", { className: \"Customer-status\" },\r\n React.createElement(\"h6\", null, \"Customer\")))))),\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { lg: \"12\" },\r\n React.createElement(\"div\", { className: \"Info-title\" },\r\n React.createElement(\"span\", null,\r\n React.createElement(\"h6\", null,\r\n React.createElement(\"strong\", null, \"User Information\")))),\r\n data && data.creatorEmail ? React.createElement(\"div\", { id: \"Customer-email\" },\r\n React.createElement(\"span\", null,\r\n React.createElement(\"h6\", null,\r\n React.createElement(\"img\", { src: \"./mail.svg\" }),\r\n data.creatorEmail))) : null,\r\n data && data.creatorPhoneNumber ? React.createElement(\"div\", { id: \"Customer-contact\" },\r\n React.createElement(\"span\", null,\r\n React.createElement(\"h6\", null,\r\n React.createElement(\"img\", { src: \"./callgrey.svg\" }),\r\n data.creatorPhoneNumber))) : null,\r\n React.createElement(\"div\", null,\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { lg: \"6\" },\r\n React.createElement(\"div\", null,\r\n React.createElement(\"span\", null,\r\n React.createElement(\"h6\", null,\r\n React.createElement(\"strong\", null, \"Ticket No:\"),\r\n data.ticketNum)))),\r\n React.createElement(reactstrap_1.Col, { lg: \"6\" },\r\n React.createElement(\"div\", null,\r\n React.createElement(\"span\", null,\r\n React.createElement(\"h6\", null,\r\n React.createElement(\"strong\", null, \"Requested:\"),\r\n data.creatorName)))))),\r\n React.createElement(\"div\", null,\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { lg: \"6\" },\r\n React.createElement(\"div\", { id: \"Cust-Status\" },\r\n React.createElement(\"span\", null,\r\n React.createElement(\"h6\", null,\r\n React.createElement(\"strong\", null, \"Status:\"),\r\n data.creatorStatus)))),\r\n React.createElement(reactstrap_1.Col, { lg: \"6\" })))))))))),\r\n React.createElement(reactstrap_1.Col, { lg: \"12\" },\r\n React.createElement(\"h6\", null, data.ticketNum)),\r\n React.createElement(reactstrap_1.Col, { lg: \"12\" },\r\n React.createElement(\"h6\", null, data.package))))),\r\n React.createElement(reactstrap_1.Col, { lg: \"2\" }, data.tier.toLowerCase() != 'basic' && SLABreachType && SLABreachType.length > 0 ?\r\n ticketSLABreachs.map(function (item) {\r\n if (item.key == SLABreachType) {\r\n return (React.createElement(\"div\", null,\r\n React.createElement(react_1.default, { content: item.label },\r\n React.createElement(\"img\", { className: \"icon-slabreach\", src: item.value }))));\r\n }\r\n }) : null),\r\n React.createElement(reactstrap_1.Col, { lg: \"4\", className: \"Resolution-time\" }, data.tier.toLowerCase() != 'basic' ? React.createElement(reactstrap_1.Dropdown, { isOpen: dropdownOpen, toggle: toggleDropdown },\r\n React.createElement(reactstrap_1.DropdownToggle, { caret: true, color: \"\", id: \"Reso-Dropdown\" },\r\n \"Resolution Time: \",\r\n data.resolutionTime < 24 ? data.resolutionTime : data.resolutionTime / 24,\r\n \" \",\r\n data.resolutionTime < 24 ? \"hours\" : \"days\"),\r\n React.createElement(reactstrap_1.DropdownMenu, null,\r\n React.createElement(reactstrap_1.DropdownItem, { header: true }, \"Choose Time Option\"),\r\n React.createElement(reactstrap_1.DropdownItem, null,\r\n React.createElement(reactstrap_1.Button, { color: \"danger\", onClick: toggleHours }, \"Hours\"),\r\n React.createElement(reactstrap_1.Modal, { isOpen: modalHours, toggle: toggleHours, className: \"Hours\" },\r\n React.createElement(reactstrap_1.ModalHeader, { toggle: toggleHours }, \"Resolution Time\"),\r\n React.createElement(reactstrap_1.ModalBody, null,\r\n React.createElement(HoursForm, { inputValue: inputResolutionTime, onChangeCallback: updateResoTime })),\r\n React.createElement(reactstrap_1.ModalFooter, null,\r\n React.createElement(reactstrap_1.Button, { color: \"primary\", onClick: toggleHours }, \"Cancel\"),\r\n ' ',\r\n React.createElement(reactstrap_1.Button, { color: \"secondary\", onClick: toggleHours }, \"Confirm\")))),\r\n React.createElement(reactstrap_1.DropdownItem, null,\r\n React.createElement(reactstrap_1.Button, { color: \"danger\", onClick: toggleDays }, \"Days\"),\r\n React.createElement(reactstrap_1.Modal, { isOpen: modalDays, toggle: toggleDays, className: \"Days\" },\r\n React.createElement(reactstrap_1.ModalHeader, { toggle: toggleDays }, \"Resolution Time\"),\r\n React.createElement(reactstrap_1.ModalBody, null,\r\n React.createElement(DaysForm, { inputValue: inputResolutionTime, onChangeCallback: updateResoTime })),\r\n React.createElement(reactstrap_1.ModalFooter, null,\r\n React.createElement(reactstrap_1.Button, { color: \"primary\", onClick: toggleDays }, \"Cancel\"),\r\n ' ',\r\n React.createElement(reactstrap_1.Button, { color: \"secondary\", onClick: toggleDays }, \"Confirm\")))))) : null)),\r\n React.createElement(reactstrap_1.Row, { id: \"header-end\" },\r\n React.createElement(reactstrap_1.Col, { lg: \"7\" }),\r\n React.createElement(reactstrap_1.Col, { lg: \"5\" },\r\n React.createElement(\"div\", { id: \"status\" },\r\n React.createElement(\"select\", { disabled: ticketStatus == 'closed', name: \"status\", id: \"status\", value: ticketStatus, onChange: handleUpdateTicketStatus }, ticketStatusOptions.map(function (option) { return (React.createElement(\"option\", { key: option.key, value: option.key }, option.value)); }))))),\r\n data && data.comments ? data.comments.map(function (item) { return (React.createElement(Message, { data: item })); }) : null,\r\n React.createElement(reactstrap_1.Row, { className: \"row-component\" },\r\n React.createElement(reactstrap_1.Col, { lg: \"12\" },\r\n React.createElement(\"div\", { className: \"row-component\" },\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { lg: \"12\", className: \"Chatbox\" },\r\n React.createElement(reactstrap_1.Row, { className: \"Chatbox-header\" },\r\n React.createElement(reactstrap_1.Col, { lg: \"3\", id: \"chat-title\" },\r\n React.createElement(reactstrap_1.Button, { type: \"button\", color: \"link\", className: \"btn-reset \".concat(selectedMessageType == 'Message' ? 'btn-reset--active ' : ''), onClick: function (e) { return setSelectedMessageType(\"Message\"); } },\r\n React.createElement(\"h6\", null,\r\n React.createElement(\"strong\", null, \"Reply via Message\")))),\r\n data.tier.toLowerCase() == 'premium' ?\r\n React.createElement(reactstrap_1.Col, { lg: \"3\", id: \"chat-title\" },\r\n React.createElement(reactstrap_1.Button, { type: \"button\", color: \"link\", className: \"btn-reset \".concat(selectedMessageType == 'Call' ? 'btn-reset--active ' : ''), onClick: function (e) { return setSelectedMessageType(\"Call\"); } },\r\n React.createElement(\"h6\", null,\r\n React.createElement(\"strong\", null, \"Reply via Call\")))) : null),\r\n React.createElement(\"div\", { className: \"Chatbox-body\" },\r\n React.createElement(reactstrap_1.FormGroup, null,\r\n React.createElement(reactstrap_1.Input, { disabled: ticketStatus == 'closed', type: \"textarea\", name: \"text\", id: \"chatarea\", value: replyData, onChange: getData })),\r\n selectedMessageType == 'Call' && callDateTime == '' ? React.createElement(\"div\", { className: \"CallDateTime-status\" },\r\n React.createElement(\"a\", { onClick: toggle }, \"Select Call DateTime\"),\r\n React.createElement(reactstrap_1.Modal, { isOpen: modal, toggle: toggle, centered: true },\r\n React.createElement(reactstrap_1.ModalHeader, { toggle: toggle }, \"Select Date & Time\"),\r\n React.createElement(reactstrap_1.ModalBody, null,\r\n React.createElement(reactstrap_1.Form, null,\r\n React.createElement(reactstrap_1.FormGroup, null,\r\n React.createElement(reactstrap_1.Label, { for: \"ReplyDate\" }, \"Date\"),\r\n React.createElement(reactstrap_1.Input, { type: \"date\", name: \"ReplyDate\", id: \"ReplyDate\", onChange: handleCallDate })),\r\n React.createElement(reactstrap_1.FormGroup, null,\r\n React.createElement(reactstrap_1.Label, { for: \"ReplyTime\" }, \"Time\"),\r\n React.createElement(reactstrap_1.Input, { type: \"time\", name: \"ReplyTime\", id: \"ReplyTime\", onChange: handleCallTime })))),\r\n React.createElement(reactstrap_1.ModalFooter, null,\r\n React.createElement(reactstrap_1.Button, { color: \"primary\", onClick: toggle }, \"Cancel\"),\r\n ' ',\r\n React.createElement(reactstrap_1.Button, { color: \"secondary\", onClick: function () { return submitCallDateTime(); } }, \"Confirm\")))) : \"\",\r\n selectedMessageType == 'Call' && callDateTime != '' ? React.createElement(\"div\", { className: \"CallDateTime-status\" },\r\n React.createElement(\"a\", null,\r\n \" Selected Call DateTime: \",\r\n React.createElement(react_moment_1.default, { format: \"DD MMM YYYY\" }, callDateTime),\r\n \" at \",\r\n React.createElement(react_moment_1.default, { format: \"h:mm a\" }, callDateTime))) : \"\"),\r\n React.createElement(ReplyDocument, { attachments: attachments }),\r\n React.createElement(\"div\", { className: \"Chatbox-footer\" },\r\n React.createElement(\"div\", { className: \"footer-component\" },\r\n React.createElement(reactstrap_1.Button, { color: \"primary\", id: \"reply-button\", onClick: replyCommentCall }, \"Reply\")),\r\n React.createElement(\"div\", { className: \"footer-component\" },\r\n React.createElement(\"input\", { name: \"Attachments\", id: \"Attachments\", ref: fileInput, onChange: saveFile, type: \"file\", style: { display: \"none\" }, multiple: true }),\r\n React.createElement(\"button\", { style: { border: 'none' }, className: \"btn btn-link\", type: \"button\", onClick: handleClick },\r\n React.createElement(\"img\", { src: \"./attachment.svg\" }))),\r\n React.createElement(\"div\", { className: \"footer-component\" },\r\n React.createElement(\"a\", null,\r\n React.createElement(\"img\", { src: \"./emoticon.svg\" }))),\r\n React.createElement(\"div\", { className: \"footer-component\" },\r\n React.createElement(\"a\", null,\r\n React.createElement(\"img\", { src: \"./photoupload.svg\" })))))))))),\r\n React.createElement(reactstrap_1.Col, { lg: \"4\", className: \"d-none d-md-block d-lg-block\" },\r\n React.createElement(reactstrap_1.Row, { className: \"side-row\" },\r\n React.createElement(reactstrap_1.Col, { lg: \"12\", className: \"Customer-info\" },\r\n React.createElement(reactstrap_1.Row, { className: \"side-row\" },\r\n React.createElement(reactstrap_1.Col, { lg: \"12\" },\r\n React.createElement(\"div\", { className: \"Customer-logo\" },\r\n React.createElement(\"img\", { className: \"customer-pic\", src: data && data.creatorProfilePic ? data.creatorProfilePic : './images/customer-icon.png' })))),\r\n React.createElement(reactstrap_1.Row, { className: \"side-row\" },\r\n React.createElement(reactstrap_1.Col, { lg: \"12\" },\r\n React.createElement(\"div\", { className: \"Customer-name\" },\r\n React.createElement(\"h5\", null,\r\n React.createElement(\"strong\", null, data && data.creatorName ? data.creatorName : ''))))),\r\n React.createElement(reactstrap_1.Row, { className: \"side-row\" },\r\n React.createElement(reactstrap_1.Col, { lg: \"12\" },\r\n React.createElement(\"div\", { className: \"Customer-status\" },\r\n React.createElement(\"h6\", null, \"Customer\")))))),\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { lg: \"12\" },\r\n React.createElement(\"div\", { className: \"Info-title\" },\r\n React.createElement(\"span\", null,\r\n React.createElement(\"h6\", null,\r\n React.createElement(\"strong\", null, \"User Information\")))),\r\n data && data.creatorEmail ? React.createElement(\"div\", { id: \"Customer-email\" },\r\n React.createElement(\"span\", null,\r\n React.createElement(\"h6\", null,\r\n React.createElement(\"img\", { src: \"./mail.svg\" }),\r\n data.creatorEmail))) : null,\r\n data && data.creatorPhoneNumber ? React.createElement(\"div\", { id: \"Customer-contact\" },\r\n React.createElement(\"span\", null,\r\n React.createElement(\"h6\", null,\r\n React.createElement(\"img\", { src: \"./callgrey.svg\" }),\r\n data.creatorPhoneNumber))) : null,\r\n React.createElement(\"div\", null,\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { lg: \"6\" },\r\n React.createElement(\"div\", null,\r\n React.createElement(\"span\", null,\r\n React.createElement(\"h6\", null,\r\n React.createElement(\"strong\", null, \"Ticket No:\"),\r\n data.ticketNum)))),\r\n React.createElement(reactstrap_1.Col, { lg: \"6\" },\r\n React.createElement(\"div\", null,\r\n React.createElement(\"span\", null,\r\n React.createElement(\"h6\", null,\r\n React.createElement(\"strong\", null, \"Requested:\"),\r\n data.creatorName)))))),\r\n React.createElement(\"div\", null,\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { lg: \"6\" },\r\n React.createElement(\"div\", { id: \"Cust-Status\" },\r\n React.createElement(\"span\", null,\r\n React.createElement(\"h6\", null,\r\n React.createElement(\"strong\", null, \"Status:\"),\r\n data.creatorStatus)))),\r\n React.createElement(reactstrap_1.Col, { lg: \"6\" })))))))))));\r\n};\r\nexports.default = TicketPage;\r\n//# sourceMappingURL=TicketPage.js.map","\"use strict\";\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n};\r\nvar _this = this;\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar React = require(\"react\");\r\nvar reactstrap_1 = require(\"reactstrap\");\r\nvar classnames_1 = require(\"classnames\");\r\nrequire(\"../../styles/CustomerDetailPage.css\");\r\nrequire(\"../../styles/PricingPage.css\");\r\nvar msal_react_1 = require(\"@azure/msal-react\");\r\nvar msal_browser_1 = require(\"@azure/msal-browser\");\r\nvar authConfig_1 = require(\"../../authConfig\");\r\nvar react_1 = require(\"react\");\r\nvar PaginationTable_1 = require(\"../PaginationTable\");\r\nvar subscription_1 = require(\"../../api/subscription\");\r\nvar pricing_1 = require(\"../../api/pricing\");\r\nvar PricingNewLicensing_1 = require(\"./modals/PricingNewLicensing\");\r\nvar PricingNewServices_1 = require(\"./modals/PricingNewServices\");\r\nvar PricingEditLicensing_1 = require(\"./modals/PricingEditLicensing\");\r\nvar DeleteButton_1 = require(\"./modals/DeleteButton\");\r\nvar PricingEditServices_1 = require(\"./modals/PricingEditServices\");\r\nvar DashboardTable_1 = require(\"./home/DashboardTable\");\r\nvar PricingPage = function (props) {\r\n var authRequest = __assign({}, authConfig_1.loginRequest);\r\n var inProgress = (0, msal_react_1.useMsal)().inProgress;\r\n var _a = (0, react_1.useState)(false), isLoaded = _a[0], setIsLoaded = _a[1];\r\n var _b = (0, react_1.useState)(false), licenseDataLoaded = _b[0], setLicenseDataLoaded = _b[1];\r\n var _c = (0, react_1.useState)(false), serviceDataLoaded = _c[0], setServiceDataLoaded = _c[1];\r\n var _d = (0, react_1.useState)(false), supportDataLoaded = _d[0], setSupportDataLoaded = _d[1];\r\n var _e = (0, react_1.useState)(new Array()), licenseData = _e[0], setLicenseData = _e[1];\r\n var _f = (0, react_1.useState)(new Array()), serviceData = _f[0], setServiceData = _f[1];\r\n var _g = (0, react_1.useState)({\r\n supportScaleDefinition: null,\r\n supportTierDefinition: null\r\n }), supportData = _g[0], setSupportData = _g[1];\r\n var _h = React.useState('LicensePricingPage'), activeTab = _h[0], setActiveTab = _h[1]; //useState('CustomerProfile');\r\n var companyId = parseInt(props.match.params.id, 10) || 0;\r\n // this for dropdown button for small devices (add buttons)\r\n var _j = (0, react_1.useState)(false), dropdownOpen = _j[0], setDropdownOpen = _j[1];\r\n var toggleDropdown = function () { return setDropdownOpen(function (prevState) { return !prevState; }); };\r\n var licenseListColumns = [\r\n {\r\n Header: 'Name',\r\n accessor: 'name'\r\n },\r\n {\r\n Header: 'Cost Price',\r\n accessor: 'costPrice',\r\n Cell: function (row) { return (React.createElement(React.Fragment, null,\r\n \"RM \",\r\n row.value)); }\r\n },\r\n {\r\n Header: 'Selling Price',\r\n accessor: 'sellingPrice',\r\n Cell: function (row) { return (React.createElement(React.Fragment, null,\r\n \"RM \",\r\n row.value)); }\r\n },\r\n {\r\n Header: 'Monthly/Annually',\r\n accessor: 'frequency'\r\n },\r\n {\r\n Header: 'Action',\r\n accessor: 'licenseId',\r\n Cell: function (row) { return React.createElement(\"div\", { className: \"license-action\" }, [\r\n React.createElement(PricingEditLicensing_1.default, { id: row.value, list: licenseData, modalCallback: modalEditLicensingCallback }, null),\r\n React.createElement(DeleteButton_1.default, { id: row.value, submit: pricing_1.deleteLicense }, null)\r\n ]); }\r\n }\r\n ];\r\n var supportScaleListColumns = [\r\n {\r\n Header: 'Name',\r\n accessor: 'scaleText'\r\n },\r\n {\r\n Header: 'Num of Users',\r\n accessor: 'usersText'\r\n }\r\n ];\r\n var supportTierListColumns = [\r\n {\r\n Header: 'Support Tier',\r\n accessor: 'tierText'\r\n },\r\n {\r\n Header: 'Description',\r\n accessor: 'description'\r\n }\r\n ];\r\n var serviceListColumns = [\r\n {\r\n Header: 'Name',\r\n accessor: 'name'\r\n },\r\n {\r\n Header: 'Cost Price',\r\n accessor: 'costPrice',\r\n Cell: function (row) { return (React.createElement(React.Fragment, null,\r\n \"RM \",\r\n row.value)); }\r\n },\r\n {\r\n Header: 'Selling Price',\r\n accessor: 'sellingPrice',\r\n Cell: function (row) { return (React.createElement(React.Fragment, null,\r\n \"RM \",\r\n row.value)); }\r\n },\r\n {\r\n Header: 'Action',\r\n accessor: 'serviceId',\r\n Cell: function (row) { return React.createElement(\"div\", { className: \"service-action\" }, [\r\n React.createElement(PricingEditServices_1.default, { id: row.value, list: serviceData, modalCallback: modalEditServiceCallback }, null),\r\n React.createElement(DeleteButton_1.default, { id: row.value, submit: pricing_1.deleteService }, null)\r\n ]); }\r\n }\r\n ];\r\n var modalEditLicensingCallback = function (updatedData) {\r\n setLicenseData(__spreadArray([], licenseData.reduce(function (acc, item) {\r\n if (updatedData.licenseId == item.licenseId) {\r\n item.serviceId = updatedData.serviceId;\r\n item.name = updatedData.name;\r\n item.costPrice = updatedData.costPrice;\r\n item.sellingPrice = updatedData.sellingPrice;\r\n item.description = updatedData.description;\r\n item.frequency = updatedData.frequency;\r\n }\r\n acc.push(item);\r\n return acc;\r\n }, new Array()), true));\r\n };\r\n var modalEditServiceCallback = function (updatedData) {\r\n setServiceData(__spreadArray([], serviceData.reduce(function (acc, item) {\r\n if (updatedData.serviceId == item.serviceId) {\r\n item.serviceId = updatedData.serviceId;\r\n item.name = updatedData.name;\r\n item.costPrice = updatedData.costPrice;\r\n item.sellingPrice = updatedData.sellingPrice;\r\n item.description = updatedData.description;\r\n }\r\n acc.push(item);\r\n return acc;\r\n }, new Array()), true));\r\n };\r\n var toggle = function (tab) {\r\n if (activeTab !== tab)\r\n setActiveTab(tab);\r\n };\r\n var pushToLicenseData = function (item) {\r\n setLicenseData(__spreadArray(__spreadArray([], licenseData, true), [__assign({}, item)], false));\r\n };\r\n var pushToServiceData = function (item) {\r\n setServiceData(__spreadArray(__spreadArray([], serviceData, true), [__assign({}, item)], false));\r\n };\r\n (0, react_1.useEffect)(function () {\r\n if (licenseDataLoaded == false)\r\n if (licenseData.length === 0)\r\n (0, pricing_1.fetchLicenses)().then(function (data) {\r\n var mappedData = data.list\r\n .map(function (item) {\r\n return item;\r\n });\r\n setLicenseData(mappedData);\r\n setIsLoaded(true);\r\n }).catch(console.error);\r\n setLicenseDataLoaded(true);\r\n if (supportDataLoaded == false)\r\n if (serviceData.length === 0)\r\n (0, pricing_1.fetchServices)().then(function (data) {\r\n var mappedData = data.list\r\n .map(function (item) {\r\n return item;\r\n });\r\n setServiceData(mappedData);\r\n setIsLoaded(true);\r\n }).catch(console.error);\r\n setSupportDataLoaded(true);\r\n if (supportData && !supportData.supportScaleDefinition && supportData && !supportData.supportTierDefinition)\r\n (0, subscription_1.fetchSupportDefinition)().then(function (data) {\r\n var mappedData = data;\r\n //.map((item: any) => {\r\n // return item;\r\n //});\r\n setSupportData(mappedData);\r\n setIsLoaded(true);\r\n }).catch(console.error);\r\n }, [inProgress, licenseData, setLicenseData, supportData, setSupportData, serviceData, setServiceData]);\r\n return (React.createElement(React.Fragment, null,\r\n React.createElement(msal_react_1.MsalAuthenticationTemplate, { interactionType: msal_browser_1.InteractionType.Redirect, authenticationRequest: authRequest },\r\n React.createElement(\"div\", { className: \"PricingPageHeader\" },\r\n React.createElement(\"div\", null,\r\n React.createElement(\"h5\", { className: \"card-title\" }, \"Pricing\")),\r\n React.createElement(\"div\", { className: \"PricingPageheaderButton\" },\r\n React.createElement(PricingNewLicensing_1.default, { modalCallback: pushToLicenseData.bind(_this) }),\r\n React.createElement(PricingNewServices_1.default, { modalCallback: pushToServiceData.bind(_this) }))),\r\n React.createElement(\"div\", { id: \"company-profile\" },\r\n React.createElement(reactstrap_1.Nav, { tabs: true },\r\n React.createElement(reactstrap_1.NavItem, null,\r\n React.createElement(reactstrap_1.NavLink, { className: (0, classnames_1.default)({ active: activeTab === 'LicensePricingPage' }), onClick: function () { toggle('LicensePricingPage'); } }, \"Licensing\")),\r\n React.createElement(reactstrap_1.NavItem, null,\r\n React.createElement(reactstrap_1.NavLink, { className: (0, classnames_1.default)({ active: activeTab === 'ServicePricingPage' }), onClick: function () { toggle('ServicePricingPage'); } }, \"Services\")),\r\n React.createElement(reactstrap_1.NavItem, null,\r\n React.createElement(reactstrap_1.NavLink, { className: (0, classnames_1.default)({ active: activeTab === 'SupportPricingPage' }), onClick: function () { toggle('SupportPricingPage'); } }, \"Support\"))),\r\n React.createElement(reactstrap_1.TabContent, { activeTab: activeTab },\r\n React.createElement(reactstrap_1.TabPane, { tabId: \"LicensePricingPage\" },\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { sm: \"12\" },\r\n React.createElement(\"h5\", { className: \"padding-default card-title\" }, \"License Pricing\"),\r\n React.createElement(\"div\", { className: \"tableContainer pricingPageTable\" }, licenseData ? React.createElement(PaginationTable_1.PaginationTable, { columns: licenseListColumns, data: licenseData }) : React.createElement(React.Fragment, null, \"Loading...\"))))),\r\n React.createElement(reactstrap_1.TabPane, { tabId: \"ServicePricingPage\" },\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { sm: \"12\" },\r\n React.createElement(\"h5\", { className: \"padding-default card-title\" }, \"Service Pricing\"),\r\n React.createElement(\"div\", { className: \"tableContainer pricingPageTable\" }, serviceData ? React.createElement(PaginationTable_1.PaginationTable, { columns: serviceListColumns, data: serviceData }) : React.createElement(React.Fragment, null, \"Loading...\"))))),\r\n React.createElement(reactstrap_1.TabPane, { tabId: \"SupportPricingPage\" },\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { sm: \"12\" },\r\n React.createElement(\"h5\", { className: \"padding-default card-title\" }, \"Support Scale Definition\"),\r\n React.createElement(\"div\", { className: \"pricingSupportTable\" }, supportData && supportData.supportScaleDefinition ? React.createElement(DashboardTable_1.DashboardTable, { columns: supportScaleListColumns, data: supportData.supportScaleDefinition }) : React.createElement(React.Fragment, null, \"Loading...\")))),\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { sm: \"12\" },\r\n React.createElement(\"h5\", { className: \"padding-default card-title\" }, \"Support Tier Definition\"),\r\n React.createElement(\"div\", { className: \"pricingSupportTable\" }, supportData && supportData.supportTierDefinition ? React.createElement(DashboardTable_1.DashboardTable, { columns: supportTierListColumns, data: supportData.supportTierDefinition }) : React.createElement(React.Fragment, null, \"Loading...\"))))))))));\r\n};\r\nexports.default = PricingPage;\r\n//# sourceMappingURL=PricingPage.js.map","\"use strict\";\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nvar __rest = (this && this.__rest) || function (s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n};\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar React = require(\"react\");\r\nvar react_1 = require(\"react\");\r\nvar msal_react_1 = require(\"@azure/msal-react\");\r\nvar msal_browser_1 = require(\"@azure/msal-browser\");\r\nvar authConfig_1 = require(\"../authConfig\");\r\nvar DashboardPage_1 = require(\"./pages/home/DashboardPage\");\r\nvar DashboardExternalPage_1 = require(\"./pages/home/DashboardExternalPage\");\r\nvar Home = function (_a) {\r\n var props = __rest(_a, []);\r\n var authRequest = __assign({}, authConfig_1.loginRequest);\r\n var _b = (0, msal_react_1.useMsal)(), instance = _b.instance, inProgress = _b.inProgress;\r\n var _c = (0, react_1.useState)(false), isAuthorizedSuperAdmin = _c[0], setIsAuthorizedSuperAdmin = _c[1];\r\n var onLoad = function () {\r\n console.log('roles');\r\n console.log(props.roles);\r\n var currentAccount = instance.getActiveAccount();\r\n if (currentAccount && currentAccount.idTokenClaims) {\r\n var tokenClaims = currentAccount.idTokenClaims['roles'];\r\n console.log('token');\r\n console.log(tokenClaims);\r\n var intersection = tokenClaims.includes(authConfig_1.appRoles.SuperAdmin);\r\n if (intersection) {\r\n setIsAuthorizedSuperAdmin(true);\r\n }\r\n }\r\n };\r\n (0, react_1.useEffect)(function () {\r\n if (inProgress === msal_browser_1.InteractionStatus.None)\r\n onLoad();\r\n }, [inProgress, instance, isAuthorizedSuperAdmin, setIsAuthorizedSuperAdmin]);\r\n return (React.createElement(React.Fragment, null,\r\n React.createElement(msal_react_1.MsalAuthenticationTemplate, { interactionType: msal_browser_1.InteractionType.Redirect, authenticationRequest: authRequest }, isAuthorizedSuperAdmin ?\r\n React.createElement(DashboardPage_1.default, null) :\r\n React.createElement(DashboardExternalPage_1.default, null))));\r\n};\r\nexports.default = Home;\r\n//# sourceMappingURL=Home.js.map","\"use strict\";\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nvar __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n};\r\nvar _this = this;\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar React = require(\"react\");\r\nvar react_1 = require(\"react\");\r\nrequire(\"../../styles/CustomerListPage.css\");\r\nrequire(\"../../styles/TicketListPageExternal.css\");\r\nvar AddNewTicketButton_1 = require(\"./modals/AddNewTicketButton\");\r\nvar ticket_1 = require(\"../../api/ticket\");\r\nvar msal_react_1 = require(\"@azure/msal-react\");\r\nvar msal_browser_1 = require(\"@azure/msal-browser\");\r\nvar authConfig_1 = require(\"../../authConfig\");\r\nvar graph_1 = require(\"../../graph\");\r\nvar customer_1 = require(\"../../api/customer\");\r\nvar table_1 = require(\"../table/table\");\r\nvar pagination_1 = require(\"../pagination/pagination\");\r\nvar getStatusColor = function (value) {\r\n var result = \"\";\r\n switch (value.toLowerCase()) {\r\n case 'unattended':\r\n result = \"./ellipseblue.svg\";\r\n break;\r\n case 'attended':\r\n result = \"./ellipsegreen.svg\";\r\n break;\r\n case 'inprogress':\r\n result = \"./ellipseyellow.svg\";\r\n break;\r\n case 'closed':\r\n result = \"./ellipsered.svg\";\r\n break;\r\n default:\r\n result = \"./ellipseblue.svg\";\r\n }\r\n return result;\r\n};\r\n// ticket status option\r\nvar ticketStatusOptions = [\r\n { key: '', value: \"All\" },\r\n { key: 'Unattended', value: \"Unattended\" },\r\n { key: 'Attended', value: \"Attended\" },\r\n { key: 'InProgress', value: \"InProgress\" },\r\n { key: 'Closed', value: \"Closed\" }\r\n];\r\nvar TicketListPageExternal = function (props) {\r\n var authRequest = __assign({}, authConfig_1.loginRequest);\r\n var _a = (0, react_1.useState)({ id: \"\" }), graphData = _a[0], setGraphData = _a[1];\r\n var _b = (0, react_1.useState)({\r\n purchasedLicenses: new Array()\r\n }), company = _b[0], setCompany = _b[1];\r\n var _c = (0, msal_react_1.useMsal)(), inProgress = _c.inProgress, instance = _c.instance, accounts = _c.accounts;\r\n var _d = (0, react_1.useState)(false), isAuthorizedSuperAdmin = _d[0], setIsAuthorizedSuperAdmin = _d[1];\r\n var _e = (0, react_1.useState)(new Array()), list = _e[0], setList = _e[1];\r\n var _f = (0, react_1.useState)(false), isLoaded = _f[0], setIsLoaded = _f[1];\r\n var pushToList = function (item) {\r\n setList(__spreadArray([__assign({}, item)], list, true));\r\n setIsLoaded(false);\r\n };\r\n var _g = (0, react_1.useState)(\"\"), searchTerm = _g[0], setSearchTerm = _g[1];\r\n var _h = (0, react_1.useState)(\"\"), selectStatus = _h[0], setSelectStatus = _h[1];\r\n // get selected status to filter \r\n var handleSelect = function (e) {\r\n setSelectStatus(e.target.value);\r\n console.log(selectStatus);\r\n };\r\n // Server pagination\r\n var _j = (0, react_1.useState)({\r\n rowData: [],\r\n isloading: false,\r\n //totalPages: 0,\r\n totalTickets: 0,\r\n }), pageData = _j[0], setPageData = _j[1];\r\n var _k = (0, react_1.useState)(1), currentPage = _k[0], setCurrentPage = _k[1];\r\n // search and status filter (filterclick)\r\n var filterClick = function () {\r\n (0, ticket_1.fetchTicketsByUserId)(graphData.id, currentPage, selectStatus).then(function (info) {\r\n var list = info.list, count = info.count, page = info.page;\r\n console.log(list);\r\n console.log(count);\r\n setPageData({\r\n isloading: false,\r\n rowData: list,\r\n totalTickets: count,\r\n });\r\n setIsLoaded(true);\r\n }).catch(console.error);\r\n };\r\n var ticketListColumns = [\r\n {\r\n Header: 'Ticket No.',\r\n accessor: 'ticketNum',\r\n Cell: function (row) { return (React.createElement(\"div\", { className: \"\" },\r\n React.createElement(\"a\", { className: \"padding-default\", href: '/userticket/' + getIdByTicketNum(row.value) }, row.value))); }\r\n },\r\n {\r\n Header: 'Title ',\r\n accessor: 'title'\r\n },\r\n //{\r\n // Header: 'Description',\r\n // accessor: 'description',\r\n //},\r\n {\r\n Header: 'Package',\r\n accessor: 'package'\r\n },\r\n {\r\n Header: 'Status',\r\n accessor: 'status',\r\n Cell: function (row) { return (React.createElement(\"div\", null,\r\n React.createElement(\"img\", { src: getStatusColor(row.value), className: \"font-icon\" }),\r\n row.value)); }\r\n },\r\n {\r\n Header: 'Tier',\r\n accessor: 'tier'\r\n },\r\n ];\r\n var columns = ticketListColumns;\r\n var getIdByTicketNum = function (num) {\r\n if (pageData.rowData != null && pageData.rowData.length > 0) {\r\n return pageData.rowData.reduce(function (acc, item) {\r\n if (item.ticketNum == num)\r\n acc = item.ticketId;\r\n return acc;\r\n }, 0);\r\n }\r\n };\r\n var getProfilePicById = function (num) {\r\n if (list != null && list.length > 0) {\r\n return list.reduce(function (acc, item) {\r\n if (item.id == num)\r\n acc = item.creatorProfilePic;\r\n return acc;\r\n }, \"https://via.placeholder.com/50x50\");\r\n }\r\n };\r\n var getCreatorNameById = function (num) {\r\n if (list != null && list.length > 0) {\r\n return list.reduce(function (acc, item) {\r\n if (item.id == num)\r\n acc = item.creatorName;\r\n return acc;\r\n }, \"Creator Name Unknown\");\r\n }\r\n };\r\n var requestProfileData = function () {\r\n // Silently acquires an access token which is then attached to a request for MS Graph data\r\n instance.acquireTokenSilent(__assign(__assign({}, authConfig_1.loginRequest), { account: accounts[0] })).then(function (response) {\r\n (0, graph_1.callMsGraph)(\"GET\", response.accessToken, authConfig_1.graphConfig.graphMeEndpoint).then(function (response) {\r\n setGraphData(response);\r\n });\r\n });\r\n };\r\n var checkIfSuperAdmin = function () {\r\n var currentAccount = instance.getActiveAccount();\r\n if (currentAccount && currentAccount.idTokenClaims) {\r\n var tokenClaims = currentAccount.idTokenClaims['roles'];\r\n console.log('token');\r\n console.log(tokenClaims);\r\n var intersection = tokenClaims.includes(authConfig_1.appRoles.SuperAdmin);\r\n if (intersection) {\r\n setIsAuthorizedSuperAdmin(true);\r\n }\r\n }\r\n };\r\n var populateList = function () {\r\n if (isAuthorizedSuperAdmin) {\r\n if (!isLoaded) {\r\n //fetchTickets(currentPage).then((data: any) => {\r\n // setList(data.list);\r\n // setIsLoaded(true);\r\n //}).catch(console.error);\r\n setPageData(function (prevState) { return (__assign(__assign({}, prevState), { rowData: [], isloading: true })); });\r\n (0, ticket_1.fetchTickets)(currentPage, searchTerm, selectStatus).then(function (info) {\r\n var list = info.list, count = info.count, page = info.page;\r\n setPageData({\r\n isloading: false,\r\n rowData: list,\r\n //totalPages,\r\n totalTickets: count,\r\n });\r\n });\r\n }\r\n }\r\n else {\r\n //alert(\"Test 5\")\r\n if (graphData != null && graphData.id != null && graphData.id.length > 0) {\r\n if (company.purchasedLicenses.length === 0) {\r\n (0, customer_1.fetchCustomerByUserId)(graphData.id).then(function (data) {\r\n setCompany(data);\r\n }).catch(console.error);\r\n }\r\n if (!isLoaded) {\r\n (0, ticket_1.fetchTicketsByUserId)(graphData.id, currentPage, selectStatus).then(function (info) {\r\n var list = info.list, count = info.count, page = info.page;\r\n console.log(list);\r\n console.log(count);\r\n setPageData({\r\n isloading: false,\r\n rowData: list,\r\n totalTickets: count,\r\n });\r\n setIsLoaded(true);\r\n }).catch(console.error);\r\n }\r\n }\r\n }\r\n };\r\n var onLoad = function () {\r\n requestProfileData();\r\n checkIfSuperAdmin();\r\n populateList();\r\n };\r\n (0, react_1.useEffect)(function () {\r\n setPageData(function (prevState) { return (__assign(__assign({}, prevState), { rowData: [], isLoading: true })); });\r\n (0, ticket_1.fetchTicketsByUserId)(graphData.id, currentPage, selectStatus).then(function (info) {\r\n var list = info.list, count = info.count, page = info.page;\r\n setPageData({\r\n isloading: false,\r\n rowData: list,\r\n totalTickets: count,\r\n });\r\n setIsLoaded(true);\r\n }).catch(console.error);\r\n }, [currentPage, setCurrentPage, isLoaded, setIsLoaded]);\r\n (0, react_1.useEffect)(function () {\r\n if (!isLoaded && inProgress === msal_browser_1.InteractionStatus.None)\r\n onLoad();\r\n }, [instance, inProgress, list, setList, isLoaded, setIsLoaded, graphData, setGraphData, isAuthorizedSuperAdmin, setIsAuthorizedSuperAdmin]);\r\n //(accounts[0] as AccountInfo) != null && (accounts[0] as AccountInfo).name != null \r\n return (React.createElement(React.Fragment, null,\r\n React.createElement(msal_react_1.MsalAuthenticationTemplate, { interactionType: msal_browser_1.InteractionType.Redirect, authenticationRequest: authRequest },\r\n React.createElement(\"div\", { className: \"card-header\" },\r\n React.createElement(\"div\", null,\r\n React.createElement(\"h5\", { className: \"card-title\" }, \"List of Tickets\")),\r\n React.createElement(\"div\", { className: \"card-options\" },\r\n React.createElement(\"div\", { className: \"totalTickets\" },\r\n React.createElement(\"p\", null,\r\n \"Total Tickets: \",\r\n pageData.totalTickets || \"...\")),\r\n React.createElement(\"div\", { className: \"filter-options\" },\r\n React.createElement(\"select\", { \r\n // defaultValue={language}\r\n onChange: handleSelect }, ticketStatusOptions.map(function (option) { return (React.createElement(\"option\", { key: option.key, value: option.key }, option.value)); })),\r\n React.createElement(\"button\", { style: { padding: 0, borderRadius: \"10px\", marginLeft: \"3px\", borderColor: \"white\" }, color: \"link\", onClick: filterClick },\r\n React.createElement(\"a\", { className: \"padding-default\" },\r\n React.createElement(\"img\", { src: \"./search.svg\", className: \"font-icon\" })))),\r\n company && company.purchasedLicenses ? React.createElement(AddNewTicketButton_1.default, { userId: graphData.id, purchasedLicenses: company.purchasedLicenses, callback: pushToList.bind(_this) }) : React.createElement(React.Fragment, null))),\r\n React.createElement(\"div\", { className: \"tableContainer ticketListExternalContainer\" },\r\n //isLoaded ?
\r\n // \r\n //
\r\n // )\r\n //}\r\n ];\r\n var getPicByKeyNum = function (num) {\r\n return list && list.length > 0 && num <= (list.length - 1) ? list[num].profilepic : \"#\";\r\n };\r\n var getNameByKeyNum = function (num) {\r\n return list && list.length > 0 && num <= (list.length - 1) ? list[num].name : \"\";\r\n };\r\n var onLoad = function () {\r\n //RequestProfileData();\r\n if (list.length === 0) {\r\n user_1.fetchUsersForAdmin().then(function (data) {\r\n console.log(data);\r\n setList(data.list);\r\n //return {\r\n // id: item.id,\r\n // key: item.displayName,\r\n // name: item.displayName,\r\n // position: item.jobTitle,\r\n // email: item.mail,\r\n // createdAt: item.createdDateTime,\r\n // profilepic: \"#\"\r\n //};\r\n }).catch(console.error);\r\n }\r\n };\r\n var AddUserModalCallback = function (item) {\r\n setList(__spreadArray(__spreadArray([], list), [__assign({}, item)]));\r\n };\r\n react_1.useEffect(function () {\r\n if (list.length === 0 && inProgress === msal_browser_1.InteractionStatus.None)\r\n onLoad();\r\n }, [inProgress, list, setList]);\r\n return (React.createElement(React.Fragment, null,\r\n React.createElement(msal_react_1.MsalAuthenticationTemplate, { interactionType: msal_browser_1.InteractionType.Redirect, authenticationRequest: authRequest },\r\n React.createElement(\"div\", { className: \"card-header\" },\r\n React.createElement(\"div\", null,\r\n React.createElement(\"h5\", { className: \"card-title\" }, \"List of Users\"))),\r\n React.createElement(\"div\", { className: \"card-header\" },\r\n React.createElement(AddUserModal_1.default, { companyId: props.id, modalCallback: AddUserModalCallback })),\r\n React.createElement(\"div\", { className: \"tableContainer ticketListContainer\" }, list ? React.createElement(PaginationTable_1.PaginationTable, { columns: customerListColumns, data: list }) : React.createElement(React.Fragment, null, \"Loading...\")))));\r\n};\r\nexports.default = UserPage;\r\n//# sourceMappingURL=UserPage.js.map","\"use strict\";\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar React = require(\"react\");\r\nvar PaginationTable_1 = require(\"../PaginationTable\");\r\nvar react_1 = require(\"react\");\r\nvar reactstrap_1 = require(\"reactstrap\");\r\nrequire(\"../../styles/CustomerListPage.css\");\r\nrequire(\"../../styles/TicketListPageExternal.css\");\r\nrequire(\"../../styles/ServicePageExternal.css\");\r\nvar msal_react_1 = require(\"@azure/msal-react\");\r\nvar msal_browser_1 = require(\"@azure/msal-browser\");\r\nvar authConfig_1 = require(\"../../authConfig\");\r\nvar graph_1 = require(\"../../graph\");\r\nvar customer_1 = require(\"../../api/customer\");\r\nvar classnames_1 = require(\"classnames\");\r\nvar subscription_1 = require(\"../../api/subscription\");\r\nvar ServicePageExternal = function (props) {\r\n var authRequest = __assign({}, authConfig_1.loginRequest);\r\n var _a = (0, react_1.useState)({ id: \"\" }), graphData = _a[0], setGraphData = _a[1];\r\n var _b = (0, react_1.useState)({\r\n id: 0\r\n }), company = _b[0], setCompany = _b[1];\r\n var _c = (0, msal_react_1.useMsal)(), inProgress = _c.inProgress, instance = _c.instance, accounts = _c.accounts;\r\n var _d = React.useState('allAvailableLicenseList'), activeLicenseTab = _d[0], setActiveLicenseTab = _d[1]; //useState('CustomerProfile');\r\n var _e = React.useState('allAvailableServiceList'), activeServiceTab = _e[0], setActiveServiceTab = _e[1]; //useState('CustomerProfile');\r\n var _f = React.useState({\r\n allAvailableLicensesForSubscription: new Array(),\r\n currentSubscribedServices: new Array(),\r\n allAvailableServices: new Array(),\r\n currentSubscribedPackage: new Array(),\r\n }), serviceData = _f[0], setServiceData = _f[1];\r\n //const [serviceData, setServiceData] = React.useState({\r\n // allAvailableLicensesForSubscription: new Array\r\n // \r\n //
\r\n },\r\n {\r\n Header: 'Email',\r\n accessor: 'email'\r\n },\r\n {\r\n Header: 'Position',\r\n accessor: 'position'\r\n }\r\n ];\r\n var getPicByKeyNum = function (num) {\r\n return list && list.length > 0 && num <= (list.length - 1) ? list[num].profilepic : \"#\";\r\n };\r\n var getNameByKeyNum = function (num) {\r\n return list && list.length > 0 && num <= (list.length - 1) ? list[num].name : \"\";\r\n };\r\n var CustomerAddUserCallBack = function () {\r\n user_1.fetchUsersByCompanyId(props.id).then(function (data) {\r\n console.log(data);\r\n setList(data.list);\r\n }).catch(console.error);\r\n };\r\n var onLoad = function () {\r\n //RequestProfileData();\r\n if (list.length === 0) {\r\n user_1.fetchUsersByCompanyId(props.id).then(function (data) {\r\n console.log(data);\r\n setList(data.list);\r\n //return {\r\n // id: item.id,\r\n // key: item.displayName,\r\n // name: item.displayName,\r\n // position: item.jobTitle,\r\n // email: item.mail,\r\n // createdAt: item.createdDateTime,\r\n // profilepic: \"#\"\r\n //};\r\n }).catch(console.error);\r\n }\r\n };\r\n react_1.useEffect(function () {\r\n if (list.length === 0 && inProgress === msal_browser_1.InteractionStatus.None)\r\n onLoad();\r\n }, [inProgress, list, setList]);\r\n return (React.createElement(React.Fragment, null,\r\n React.createElement(msal_react_1.MsalAuthenticationTemplate, { interactionType: msal_browser_1.InteractionType.Redirect, authenticationRequest: authRequest },\r\n React.createElement(\"div\", { className: \"card-header\" },\r\n React.createElement(CustomerAddUser_1.default, { companyId: props.id, modalCallback: CustomerAddUserCallBack })),\r\n React.createElement(\"div\", { className: \"tableContainer borderlessContainer\" }, list ? React.createElement(PaginationTable_1.PaginationTable, { columns: customerListColumns, data: list }) : React.createElement(React.Fragment, null, \"Loading...\")))));\r\n};\r\nexports.default = CustomerUserPage;\r\n//# sourceMappingURL=CustomerUserPage.js.map","\"use strict\";\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar msal_browser_1 = require(\"@azure/msal-browser\");\r\nvar msal_react_1 = require(\"@azure/msal-react\");\r\nvar React = require(\"react\");\r\nvar react_1 = require(\"react\");\r\nvar reactstrap_1 = require(\"reactstrap\");\r\nvar user_1 = require(\"../../../api/user\");\r\nvar authConfig_1 = require(\"../../../authConfig\");\r\nvar graph_1 = require(\"../../../graph\");\r\nvar CustomerAddUser = function (props) {\r\n var buttonLabel = props.buttonLabel, className = props.className;\r\n var _a = react_1.useState(props.companyId), companyId = _a[0], setCompanyId = _a[1];\r\n var _b = react_1.useState(''), newEmail = _b[0], setNewEmail = _b[1];\r\n var _c = msal_react_1.useMsal(), instance = _c.instance, accounts = _c.accounts;\r\n var _d = react_1.useState(false), isAuthorizedSuperAdmin = _d[0], setIsAuthorizedSuperAdmin = _d[1];\r\n var _e = react_1.useState({ id: \"\" }), graphData = _e[0], setGraphData = _e[1];\r\n var _f = react_1.useState(''), userName = _f[0], setUserName = _f[1];\r\n var _g = react_1.useState(false), modal = _g[0], setModal = _g[1];\r\n var toggle = function () { return setModal(!modal); };\r\n var submitAddUser = function () {\r\n user_1.customerAddUser(newEmail, companyId).then(function (response) {\r\n props.modalCallback();\r\n });\r\n toggle();\r\n };\r\n var setFormChange = function (e, field) {\r\n var inputEmail = newEmail;\r\n inputEmail = e.target.value;\r\n /*console.log(inputEmail);*/\r\n setNewEmail(inputEmail.toString());\r\n console.log(newEmail);\r\n };\r\n var authRequest = __assign({}, authConfig_1.loginRequest);\r\n var inProgress = msal_react_1.useMsal().inProgress;\r\n var requestProfileData = function () {\r\n // Silently acquires an access token which is then attached to a request for MS Graph data\r\n instance.acquireTokenSilent(__assign(__assign({}, authConfig_1.loginRequest), { account: accounts[0] })).then(function (response) {\r\n graph_1.callMsGraph(\"GET\", response.accessToken, authConfig_1.graphConfig.graphMeEndpoint).then(function (response) {\r\n setGraphData(response);\r\n console.log(response);\r\n setUserName(response.mailNickname);\r\n });\r\n });\r\n };\r\n var checkIfSuperAdmin = function () {\r\n var currentAccount = instance.getActiveAccount();\r\n if (currentAccount && currentAccount.idTokenClaims) {\r\n var tokenClaims = currentAccount.idTokenClaims['roles'];\r\n console.log('token');\r\n console.log(tokenClaims);\r\n var intersection = tokenClaims.includes(authConfig_1.appRoles.SuperAdmin);\r\n if (intersection) {\r\n setIsAuthorizedSuperAdmin(true);\r\n }\r\n }\r\n };\r\n var onLoad = function () {\r\n requestProfileData();\r\n };\r\n react_1.useEffect(function () {\r\n if (props.companyId != null) {\r\n onLoad();\r\n }\r\n }, [instance]);\r\n return (React.createElement(React.Fragment, null,\r\n React.createElement(msal_react_1.MsalAuthenticationTemplate, { interactionType: msal_browser_1.InteractionType.Redirect, authenticationRequest: authRequest },\r\n React.createElement(reactstrap_1.Button, { color: \"secondary\", onClick: toggle },\r\n React.createElement(\"a\", { className: \"padding-default\" }, \"+ New User\")),\r\n React.createElement(reactstrap_1.Modal, { isOpen: modal, toggle: toggle, className: className, size: \"lg\", centered: true },\r\n React.createElement(reactstrap_1.ModalHeader, { toggle: toggle }, \"+ New User\"),\r\n React.createElement(reactstrap_1.ModalBody, null,\r\n React.createElement(reactstrap_1.Form, null,\r\n React.createElement(reactstrap_1.Row, { form: true },\r\n React.createElement(reactstrap_1.Col, { md: 6 },\r\n React.createElement(reactstrap_1.FormGroup, null,\r\n React.createElement(reactstrap_1.Label, { for: \"Name\" }, \"Name\"),\r\n React.createElement(reactstrap_1.Input, { type: \"text\", name: \"Name\", id: \"Name\", placeholder: isAuthorizedSuperAdmin == true ? 'Admin' : userName, readOnly: true }))),\r\n React.createElement(reactstrap_1.Col, { md: 6 },\r\n React.createElement(reactstrap_1.FormGroup, null,\r\n React.createElement(reactstrap_1.Label, { for: \"Email\" }, \"Email*\"),\r\n React.createElement(reactstrap_1.Input, { type: \"text\", name: \"Email\", id: \"Email\", placeholder: \"Enter Email\", onChange: function (e) { return setFormChange(e, 'email'); } })))))),\r\n React.createElement(reactstrap_1.ModalFooter, null,\r\n React.createElement(reactstrap_1.Button, { color: \"primary\", onClick: toggle }, \"Cancel\"),\r\n ' ',\r\n React.createElement(reactstrap_1.Button, { type: \"button\", color: \"secondary\", onClick: function () { return submitAddUser(); } }, \"Confirm\"))))));\r\n};\r\nexports.default = CustomerAddUser;\r\n//# sourceMappingURL=CustomerAddUser.js.map","\"use strict\";\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar React = require(\"react\");\r\nvar PaginationTable_1 = require(\"../PaginationTable\");\r\nvar react_1 = require(\"react\");\r\nrequire(\"../../styles/CustomerListPage.css\");\r\nrequire(\"../../styles/UserPage.css\");\r\nrequire(\"../../styles/AuditLogsPage.css\");\r\nvar msal_react_1 = require(\"@azure/msal-react\");\r\nvar msal_browser_1 = require(\"@azure/msal-browser\");\r\nvar authConfig_1 = require(\"../../authConfig\");\r\nvar customer_1 = require(\"../../api/customer\");\r\nvar react_moment_1 = require(\"react-moment\");\r\nvar XLSX = require(\"xlsx\");\r\nvar reactstrap_1 = require(\"reactstrap\");\r\n//var FileSaver = require('file-saver');\r\nvar AuditLogPage = function (props) {\r\n var authRequest = __assign({}, authConfig_1.loginRequest);\r\n var inProgress = msal_react_1.useMsal().inProgress;\r\n var _a = react_1.useState(new Array()), list = _a[0], setList = _a[1];\r\n var _b = react_1.useState(props.companyId), companyId = _b[0], setCompanyId = _b[1];\r\n var auditLogColumns = [\r\n {\r\n Header: 'Date',\r\n accessor: 'createdAt',\r\n Cell: function (row) { return (React.createElement(React.Fragment, null,\r\n React.createElement(react_moment_1.default, { format: \"DD MMM YYYY HH:mm A\" }, row.value))); }\r\n },\r\n {\r\n Header: 'Email',\r\n accessor: 'email'\r\n },\r\n {\r\n Header: 'Action',\r\n accessor: 'action'\r\n }\r\n ];\r\n // for Export button (configurations)\r\n var fileType = 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8';\r\n var fileExtension = '.xlsx';\r\n var exportToCSV = function (csvData, fileName) {\r\n var ws = XLSX.utils.json_to_sheet(csvData);\r\n var wb = { Sheets: { 'data': ws }, SheetNames: ['data'] };\r\n var excelBuffer = XLSX.write(wb, { bookType: 'xlsx', type: 'array' });\r\n var data = new Blob([excelBuffer], { type: fileType });\r\n //FileSaver.saveAs(data, fileName + fileExtension);\r\n };\r\n // for Export button\r\n var ExportButton = function () {\r\n exportToCSV(list, \"Audit Log\");\r\n };\r\n var onLoad = function () {\r\n //RequestProfileData();\r\n if (list.length === 0 && companyId > 0) {\r\n customer_1.getAuditLog(companyId).then(function (data) {\r\n console.log(data);\r\n setList(data);\r\n }).catch(console.error);\r\n }\r\n };\r\n react_1.useEffect(function () {\r\n if (list.length === 0 && inProgress === msal_browser_1.InteractionStatus.None)\r\n onLoad();\r\n }, [inProgress, list, setList, companyId, setCompanyId]);\r\n return (React.createElement(React.Fragment, null,\r\n React.createElement(msal_react_1.MsalAuthenticationTemplate, { interactionType: msal_browser_1.InteractionType.Redirect, authenticationRequest: authRequest },\r\n React.createElement(\"div\", { className: \"card-header AuditLogHeader\" },\r\n React.createElement(\"div\", { className: \"AuditLogButton\" },\r\n React.createElement(reactstrap_1.Button, { color: \"secondary\", onClick: ExportButton },\r\n React.createElement(\"img\", { src: \"./images/ExportIcon.svg\" }),\r\n ' ',\r\n \"Export Audit Logs\"))),\r\n React.createElement(\"div\", { className: \"tableContainer auditLogsTable\" }, list ? React.createElement(PaginationTable_1.PaginationTable, { columns: auditLogColumns, data: list }) : React.createElement(React.Fragment, null, \"Loading...\")))));\r\n};\r\nexports.default = AuditLogPage;\r\n//# sourceMappingURL=AuditLogPage.js.map","\"use strict\";\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nexports.DetailStatementTable = void 0;\r\nvar react_1 = require(\"react\");\r\nvar React = require(\"react\");\r\nvar reactTable = require(\"react-table\");\r\nrequire(\"../table.css\");\r\nrequire(\"../../styles/DetailStatement.css\");\r\nvar reactstrap_1 = require(\"reactstrap\");\r\nvar msal_react_1 = require(\"@azure/msal-react\");\r\nvar msal_browser_1 = require(\"@azure/msal-browser\");\r\nvar authConfig_1 = require(\"../../authConfig\");\r\nvar monthlystatement_1 = require(\"../../api/monthlystatement\");\r\nvar react_moment_1 = require(\"react-moment\");\r\n/*import Printer, { print } from 'react-pdf-print';*/\r\nvar StatementItemTable = function (props) {\r\n var useTableAny = reactTable.useTable;\r\n var columns = props.columns;\r\n var data = props.data;\r\n var _a = useTableAny({\r\n columns: columns,\r\n data: data,\r\n initialState: { pageIndex: 0 }\r\n }, reactTable.useFilters, reactTable.usePagination), tableInstance = _a.tableInstance, getTableProps = _a.getTableProps, getTableBodyProps = _a.getTableBodyProps, headerGroups = _a.headerGroups, page = _a.page, nextPage = _a.nextPage, previousPage = _a.previousPage, canNextPage = _a.canNextPage, canPreviousPage = _a.canPreviousPage, pageOptions = _a.pageOptions, \r\n // gotoPage,\r\n // pageCount,\r\n setPageSize = _a.setPageSize, state = _a.state, prepareRow = _a.prepareRow, setFilter = _a.setFilter, currentPage = _a.currentPage;\r\n return (React.createElement(reactstrap_1.Table, __assign({}, getTableProps, { responsive: true, className: \"detailStatementTable\" }),\r\n React.createElement(\"thead\", null, headerGroups.map(function (headerGroup) { return (React.createElement(\"tr\", __assign({}, headerGroup.getHeaderGroupProps()), headerGroup.headers.map(function (column) { return (React.createElement(\"th\", __assign({ scope: \"row\" }, column.getHeaderProps()), column.render('Header'))); }))); })),\r\n React.createElement(\"tbody\", __assign({}, getTableBodyProps), page.map(function (row) {\r\n prepareRow(row);\r\n return (React.createElement(\"tr\", __assign({}, row.getRowProps()), row.cells.map(function (cell) {\r\n return React.createElement(\"td\", __assign({}, cell.getCellProps()), cell.render('Cell'));\r\n })));\r\n }))));\r\n};\r\nvar DetailStatementTable = function (props) {\r\n var authRequest = __assign({}, authConfig_1.loginRequest);\r\n var inProgress = msal_react_1.useMsal().inProgress;\r\n var _a = react_1.useState('RM'), currencySign = _a[0], setCurrencySign = _a[1];\r\n var _b = react_1.useState({\r\n statementId: 0,\r\n statementNum: '',\r\n companyName: '',\r\n recepientName: '',\r\n recepientAddress: '',\r\n recepientPhoneNumber: '',\r\n statementDate: '26 March, 2021',\r\n items: new Array(),\r\n subTotal: 0,\r\n processingFee: 0,\r\n sLAOffsetAmount: 0,\r\n sLAOffsetQuantity: 0,\r\n tax: 0,\r\n grandTotal: 0,\r\n }), details = _b[0], setDetails = _b[1];\r\n var itemColumns = [\r\n {\r\n Header: 'Item Id',\r\n accessor: 'statementItemNum',\r\n },\r\n {\r\n Header: 'Name',\r\n accessor: 'name',\r\n },\r\n {\r\n Header: 'Description',\r\n accessor: 'description',\r\n },\r\n {\r\n Header: 'Price',\r\n accessor: 'price',\r\n Cell: function (row) { return (React.createElement(\"p\", { style: { whiteSpace: 'nowrap' } },\r\n \"RM \",\r\n row.value)); }\r\n },\r\n {\r\n Header: 'Qty',\r\n accessor: 'quantity',\r\n },\r\n {\r\n Header: 'Amount',\r\n accessor: 'amount',\r\n Cell: function (row) { return (React.createElement(\"p\", { style: { whiteSpace: 'nowrap' } },\r\n \"RM \",\r\n row.value)); }\r\n },\r\n ];\r\n var onLoad = function () {\r\n monthlystatement_1.fetchStatementById(props.statementId).then(function (response) {\r\n setDetails(__assign({}, response));\r\n });\r\n };\r\n react_1.useEffect(function () {\r\n if (details.statementId == 0 && inProgress === msal_browser_1.InteractionStatus.None) {\r\n onLoad();\r\n }\r\n }, [inProgress]);\r\n /*const ids = ['1']*/\r\n /*onClick = {() => print(ids)}*/\r\n /*id = { ids[0]}*/\r\n /*funtion for printing*/\r\n //function printdiv(printpage: any) {\r\n // var headstr = \"\r\n // })
\r\n //
\r\n // \r\n // {getNameByKeyNum(row.value)} \r\n //
\r\n // \r\n ![](\"http://www.nbit.technology/assets/image/nbit-logo-transparent.svg\")
\r\n
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n Firdhaus Ahmad
\r\n\r\n
\r\n \r\n\r\n \r\n );\r\n};\r\nexport default HomeTopSection;\r\n\r\n\r\n","\"use strict\";\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar React = require(\"react\");\r\nvar authConfig_1 = require(\"../../../authConfig\");\r\nvar reactstrap_1 = require(\"reactstrap\");\r\n/*import { Line } from 'react-chartjs-2';*/\r\nvar react_chartjs_2_1 = require(\"react-chartjs-2\");\r\nvar classnames_1 = require(\"classnames\");\r\nrequire(\"../../../styles/CustomerListPage.css\");\r\nrequire(\"../../../styles/ticket.css\");\r\nrequire(\"../../../styles/Dashboard.css\");\r\nvar react_1 = require(\"react\");\r\nvar customer_1 = require(\"../../../api/customer\");\r\nvar dashboard_1 = require(\"../../../api/dashboard\");\r\nvar PaginationTable_1 = require(\"../../PaginationTable\");\r\nvar HomeBottomSection = function (props) {\r\n var authRequest = __assign({}, authConfig_1.loginRequest);\r\n // Chart Part\r\n var pichartProps = { type: \"\", labels: new Array(), datasets: new Array(), options: new Array() };\r\n var _a = react_1.useState(new Array()), list = _a[0], setList = _a[1];\r\n var _b = react_1.useState({ customerList: false, dashboardData: false }), isLoaded = _b[0], setIsLoaded = _b[1];\r\n var _c = react_1.useState('0'), companyChart = _c[0], setCompanyChart = _c[1];\r\n var _d = react_1.useState({\r\n total: 0,\r\n timeToAttend: 0,\r\n timeToResolution: 0,\r\n timeToCompletion: 0,\r\n timeToInitialCall: 0,\r\n items: new Array(),\r\n }), dashboardData = _d[0], setDashboardData = _d[1];\r\n var _e = react_1.useState(pichartProps), piChartData = _e[0], setPiChartData = _e[1];\r\n var _f = React.useState('monthly'), activeBottomTab = _f[0], setActiveBottomTab = _f[1];\r\n var toggleBottom = function (tab) {\r\n /*setActiveBottomTab(tab);*/\r\n dashboard_1.dashboardBottom(parseInt(companyChart), tab).then(function (response) {\r\n setDashboardData(response);\r\n updatePiChart(response);\r\n setActiveBottomTab(tab);\r\n }).catch(console.error);\r\n };\r\n var updatePiChart = function (dashboardDataObj) {\r\n var newPiChartData = piChartData;\r\n newPiChartData = {\r\n type: 'doughnut',\r\n labels: ['Time to Attend', 'Time to Resolution', 'Time to Completion', 'Time to Initial Call'],\r\n datasets: [\r\n {\r\n data: [\r\n dashboardDataObj.timeToAttend,\r\n dashboardDataObj.timeToResolution,\r\n dashboardDataObj.timeToCompletion,\r\n dashboardDataObj.timeToInitialCall\r\n ],\r\n backgroundColor: [\r\n '#294DB1',\r\n '#6CB1D8',\r\n '#ED6D57'\r\n ],\r\n borderWidth: 2\r\n }\r\n ]\r\n };\r\n setPiChartData(__assign({}, newPiChartData));\r\n };\r\n var columns = [\r\n {\r\n Header: 'Company Name',\r\n accessor: 'companyName'\r\n },\r\n {\r\n Header: 'Breach Type',\r\n accessor: 'breachType'\r\n },\r\n {\r\n Header: 'Ticket Title',\r\n accessor: 'ticketTitle'\r\n }\r\n ];\r\n var onLoad = function () {\r\n if (!isLoaded.customerList) {\r\n customer_1.fetchCustomers().then(function (data) {\r\n setList(data.list);\r\n var newIsLoaded = isLoaded;\r\n newIsLoaded.customerList = true;\r\n setIsLoaded(__assign({}, newIsLoaded));\r\n }).catch(console.error);\r\n }\r\n if (!isLoaded.dashboardData) {\r\n dashboard_1.dashboardBottom(parseInt(companyChart), activeBottomTab).then(function (response) {\r\n setDashboardData(response);\r\n updatePiChart(response);\r\n var newIsLoaded = isLoaded;\r\n newIsLoaded.dashboardData = true;\r\n setIsLoaded(__assign({}, newIsLoaded));\r\n }).catch(console.error);\r\n }\r\n };\r\n react_1.useEffect(function () {\r\n if (!isLoaded.customerList || !isLoaded.dashboardData) {\r\n onLoad();\r\n }\r\n }, [list, setList, isLoaded, setIsLoaded, dashboardData, setDashboardData, piChartData, setPiChartData]);\r\n return (React.createElement(React.Fragment, null,\r\n React.createElement(\"div\", { className: \"Bottom-Section\" },\r\n React.createElement(\"div\", { className: \"card-header\" },\r\n React.createElement(\"div\", { className: \"header-left\" },\r\n React.createElement(\"h6\", { className: \"card-title\" }, \"SLA Breach\")),\r\n React.createElement(\"div\", { className: \"select-frequency\" },\r\n React.createElement(reactstrap_1.Button, { color: \"\", id: \"Monthly-button\", className: classnames_1.default({ active: activeBottomTab === 'monthly' }), onClick: function () { toggleBottom('monthly'); } }, \"Monthly\"),\r\n React.createElement(reactstrap_1.Button, { color: \"\", className: classnames_1.default({ active: activeBottomTab === 'weekly' }), onClick: function () { toggleBottom('weekly'); } }, \"Weekly\"),\r\n React.createElement(reactstrap_1.Button, { color: \"\", className: classnames_1.default({ active: activeBottomTab === 'today' }), onClick: function () { toggleBottom('today'); } }, \"Today\"))),\r\n React.createElement(\"div\", { className: \"Bottom-Container\" },\r\n React.createElement(reactstrap_1.Row, null,\r\n React.createElement(reactstrap_1.Col, { lg: \"4\" },\r\n React.createElement(\"div\", { className: \"Graph-Container\" },\r\n React.createElement(\"div\", { className: \"PieChart-header\" },\r\n React.createElement(\"h6\", null, \"SLA Breach\")),\r\n React.createElement(\"div\", { className: \"Pie-Chart\" }, piChartData.datasets != null && piChartData.datasets.length > 0 ?\r\n React.createElement(react_chartjs_2_1.Doughnut, { type: \"doughnut\", data: piChartData, options: {\r\n maintainAspectRatio: false,\r\n plugins: {\r\n legend: {\r\n display: false\r\n }\r\n }\r\n } }) : React.createElement(React.Fragment, null)),\r\n React.createElement(\"div\", { className: \"PieChart-footer\" },\r\n React.createElement(\"h5\", null,\r\n \"RM\",\r\n dashboardData.total),\r\n React.createElement(\"p\", null, \"Cost Incurred with SLA Breaches\")))),\r\n React.createElement(reactstrap_1.Col, { lg: \"8\", className: \"Graph-Container\" },\r\n React.createElement(\"div\", { className: \"Table-title\" },\r\n React.createElement(\"h6\", null, \"List of Breach\")),\r\n React.createElement(\"div\", null,\r\n React.createElement(PaginationTable_1.PaginationTable, { columns: columns, data: dashboardData.items }))))))));\r\n};\r\nexports.default = HomeBottomSection;\r\n//# sourceMappingURL=HomeBottomSection.js.map","import { AccountInfo, InteractionType } from '@azure/msal-browser';\r\nimport { MsalAuthenticationTemplate, useMsal } from '@azure/msal-react';\r\nimport * as React from 'react';\r\nimport { appRoles, graphConfig, loginRequest } from '../../../authConfig';\r\nimport { Container, Row, Col, Card, CardText, ButtonGroup, Button, Input } from 'reactstrap';\r\n/*import { Line } from 'react-chartjs-2';*/\r\nimport { Doughnut, Line, Pie } from 'react-chartjs-2';\r\nimport classnames from 'classnames';\r\nimport '../../../styles/CustomerListPage.css';\r\nimport '../../../styles/ticket.css';\r\nimport '../../../styles/Dashboard.css';\r\nimport { useEffect, useState } from 'react';\r\nimport { Chart } from 'chart.js';\r\nimport { fetchCustomerByUserId, fetchCustomers } from '../../../api/customer';\r\nimport { dashboardTop } from '../../../api/dashboard';\r\nimport { callMsGraph } from '../../../graph';\r\nimport { DashboardTable } from './DashboardTable';\r\nimport Moment from 'react-moment';\r\nimport moment from 'moment';\r\n//const moment = require('moment');\r\n\r\n\r\ninterface LineChartProps {\r\n type?: any;\r\n labels?: Array\r\n
\r\n \r\n
\r\n Ticket Dashboard
\r\n\r\n
\r\n \r\n ) => setInputChange(e, 'company')}>\r\n \r\n {list.map((option: any) => (\r\n \r\n ))}\r\n \r\n
\r\n \r\n\r\n \r\n \r\n \r\n\r\n
\r\n \r\n \r\n \r\n \r\n {dashboardData.opened} \r\n Unattended \r\n \r\n \r\n \r\n {dashboardData.attended} \r\n Attended \r\n \r\n \r\n
\r\n \r\n \r\n {dashboardData.inProgress} \r\n In-Progress \r\n \r\n \r\n \r\n {dashboardData.closed} \r\n Closed \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n \r\n {dashboardData.total} \r\n Total Ticket \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n {activeTopTab == 'weekly' ? { toggleTop('weekly', e.target.value); }}>\r\n {weekArray.map((option: any) => (\r\n \r\n ))}\r\n {/*{weekLatest.map((option: any) => (*/}\r\n {/* */}\r\n {/*))}*/}\r\n : \"\"}\r\n\r\n {activeTopTab == 'today' ? \r\n
: \"\"}\r\n\r\n
\r\n \r\n \r\n \r\n {today}\r\n \r\n
: \"\"}\r\n\r\n \r\n
\r\n \r\n \r\n );\r\n};\r\nexport default DashboardPage;\r\n\r\n\r\n","\"use strict\";\r\nvar __assign = (this && this.__assign) || function () {\r\n __assign = Object.assign || function(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\r\n t[p] = s[p];\r\n }\r\n return t;\r\n };\r\n return __assign.apply(this, arguments);\r\n};\r\nObject.defineProperty(exports, \"__esModule\", { value: true });\r\nvar msal_browser_1 = require(\"@azure/msal-browser\");\r\nvar msal_react_1 = require(\"@azure/msal-react\");\r\nvar React = require(\"react\");\r\nvar react_1 = require(\"react\");\r\nvar reactstrap_1 = require(\"reactstrap\");\r\nvar user_1 = require(\"../../../api/user\");\r\nvar authConfig_1 = require(\"../../../authConfig\");\r\nvar graph_1 = require(\"../../../graph\");\r\nvar AddUserModal = function (props) {\r\n var buttonLabel = props.buttonLabel, className = props.className;\r\n var _a = react_1.useState(props.companyId), companyId = _a[0], setCompanyId = _a[1];\r\n var _b = react_1.useState(''), newEmail = _b[0], setNewEmail = _b[1];\r\n var _c = msal_react_1.useMsal(), instance = _c.instance, accounts = _c.accounts;\r\n var _d = react_1.useState(false), isAuthorizedSuperAdmin = _d[0], setIsAuthorizedSuperAdmin = _d[1];\r\n var _e = react_1.useState({ id: \"\" }), graphData = _e[0], setGraphData = _e[1];\r\n var _f = react_1.useState(''), userName = _f[0], setUserName = _f[1];\r\n var _g = react_1.useState(false), modal = _g[0], setModal = _g[1];\r\n var toggle = function () { return setModal(!modal); };\r\n var submitAddUser = function () {\r\n user_1.addUser(newEmail).then(function (response) {\r\n props.modalCallback(response);\r\n });\r\n toggle();\r\n };\r\n var setFormChange = function (e, field) {\r\n var inputEmail = newEmail;\r\n inputEmail = e.target.value;\r\n /*console.log(inputEmail);*/\r\n setNewEmail(inputEmail.toString());\r\n console.log(newEmail);\r\n };\r\n var authRequest = __assign({}, authConfig_1.loginRequest);\r\n var inProgress = msal_react_1.useMsal().inProgress;\r\n var requestProfileData = function () {\r\n // Silently acquires an access token which is then attached to a request for MS Graph data\r\n instance.acquireTokenSilent(__assign(__assign({}, authConfig_1.loginRequest), { account: accounts[0] })).then(function (response) {\r\n graph_1.callMsGraph(\"GET\", response.accessToken, authConfig_1.graphConfig.graphMeEndpoint).then(function (response) {\r\n setGraphData(response);\r\n console.log(response);\r\n setUserName(response.mailNickname);\r\n });\r\n });\r\n };\r\n var checkIfSuperAdmin = function () {\r\n var currentAccount = instance.getActiveAccount();\r\n if (currentAccount && currentAccount.idTokenClaims) {\r\n var tokenClaims = currentAccount.idTokenClaims['roles'];\r\n console.log('token');\r\n console.log(tokenClaims);\r\n var intersection = tokenClaims.includes(authConfig_1.appRoles.SuperAdmin);\r\n if (intersection) {\r\n setIsAuthorizedSuperAdmin(true);\r\n }\r\n }\r\n };\r\n var onLoad = function () {\r\n requestProfileData();\r\n checkIfSuperAdmin();\r\n };\r\n react_1.useEffect(function () {\r\n if (props.companyId != null) {\r\n onLoad();\r\n }\r\n }, [instance]);\r\n return (React.createElement(React.Fragment, null,\r\n React.createElement(msal_react_1.MsalAuthenticationTemplate, { interactionType: msal_browser_1.InteractionType.Redirect, authenticationRequest: authRequest },\r\n React.createElement(reactstrap_1.Button, { color: \"secondary\", onClick: toggle },\r\n React.createElement(\"a\", { className: \"padding-default\" }, \"+ New User\")),\r\n React.createElement(reactstrap_1.Modal, { isOpen: modal, toggle: toggle, className: className, size: \"lg\", centered: true },\r\n React.createElement(reactstrap_1.ModalHeader, { toggle: toggle }, \"+ New User\"),\r\n React.createElement(reactstrap_1.ModalBody, null,\r\n React.createElement(reactstrap_1.Form, null,\r\n React.createElement(reactstrap_1.Row, { form: true },\r\n React.createElement(reactstrap_1.Col, { md: 6 },\r\n React.createElement(reactstrap_1.FormGroup, null,\r\n React.createElement(reactstrap_1.Label, { for: \"Email\" }, \"Email*\"),\r\n React.createElement(reactstrap_1.Input, { type: \"text\", name: \"Email\", id: \"Email\", placeholder: \"Enter Email\", onChange: function (e) { return setFormChange(e, 'email'); } })))))),\r\n React.createElement(reactstrap_1.ModalFooter, null,\r\n React.createElement(reactstrap_1.Button, { color: \"primary\", onClick: toggle }, \"Cancel\"),\r\n ' ',\r\n React.createElement(reactstrap_1.Button, { type: \"button\", color: \"secondary\", onClick: function () { return submitAddUser(); } }, \"Confirm\"))))));\r\n};\r\nexports.default = AddUserModal;\r\n//# sourceMappingURL=AddUserModal.js.map","/*\r\n * Copyright (c) Microsoft Corporation. All rights reserved.\r\n * Licensed under the MIT License.\r\n */\r\n\r\nimport React, { useState } from \"react\";\r\nimport { Container } from 'reactstrap';\r\nimport { appRoles } from \"../authConfig\";\r\nimport NavMenu from './NavMenu';\r\nimport SideNavMenu from \"./SideNavMenu\";\r\nimport \"../styles/Layout.css\";\r\n\r\n\r\n\r\nconst PageLayout: React.FunctionComponent\r\n
\r\n \r\n
\r\n Ticket Dashboard
\r\n\r\n
\r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n {dashboardData.opened} \r\n Unattended \r\n \r\n \r\n \r\n {dashboardData.attended} \r\n Attended \r\n \r\n \r\n
\r\n \r\n \r\n {dashboardData.inProgress} \r\n In-Progress \r\n \r\n \r\n \r\n {dashboardData.closed} \r\n Closed \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n {dashboardData.total} \r\n Total Ticket \r\n \r\n \r\n
\r\n \r\n
\r\n
\r\n \r\n \r\n {activeTab == 'weekly' ? { toggle('weekly', e.target.value); }}>\r\n {weekArray[0].map((option: any) => (\r\n \r\n ))}\r\n : \"\"}\r\n\r\n {activeTab == 'today' ? \r\n
: \"\"}\r\n\r\n
\r\n \r\n \r\n \r\n {today}\r\n \r\n
: \"\"}\r\n\r\n \r\n {/*
\r\n \r\n
\r\n \r\n \r\n }\r\n \r\n You are unauthorized to view this content.
\r\n*/}\r\n {/*
*/}\r\n */}\r\n {/*
*/}\r\n {/* */}\r\n {/*
*/}\r\n {/* */}\r\n {/*
*/}\r\n {/* */}\r\n {/* Login to your account
*/}\r\n {/**/}\r\n {/*
*/}\r\n {/**/}\r\n {/* ![](\"./MacbookPro.svg\")
*/}\r\n {/*
*/}\r\n {/* */}\r\n {/* \r\n
\r\n \r\n \r\n {\r\n props && props.attachments ? props.attachments.map((item: any) => (\r\n
\r\n \r\n
\r\n
)) : null\r\n }\r\n ![](\"./insertphoto.svg\")
{item.name}
\r\n \r\n {\r\n props.attachments.length > 0 ?
\r\n \r\n
: null\r\n }\r\n {props.attachments.length} files attached
\r\n\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n \r\n {props.data.creatorName}
\r\n \r\n
\r\n \r\n {props.data.creatorName} })
\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n {props.data.createdAt}\r\n \r\n
\r\n \r\n \r\n {/*{props.data.content}*/}\r\n
\r\n \r\n \r\n \r\n {props.data.replyType == 'Call' ? 'Call made' : 'Replied' } by {props.data.creatorName} at
\r\n \r\n
\r\n \r\n {props.data.replyType == 'Call' ? 'Call made' : 'Replied' } by {props.data.creatorName} at {props.data.createdAt} \r\n
\r\n \r\n \r\n
\r\n \r\n \r\n {\r\n attachments ? attachments.map((item: any) => (\r\n
\r\n \r\n
\r\n deleteFile(item.id)}>![](\"./delete.svg\")
\r\n
)) : null\r\n }\r\n {item.name}
\r\n deleteFile(item.id)}>\r\n \r\n {\r\n attachments.length > 0 ?
\r\n \r\n
: null\r\n }\r\n {attachments.length} files attached
\r\n\"));\r\n formData.append(\"UserId\", userId);\r\n formData.append(\"ReplyType\", selectedMessageType);\r\n var headerObj = {\r\n 'content-type': `multipart/form-data;`,\r\n };\r\n\r\n if (attachments != null) {\r\n attachments.map((item: any) => {\r\n formData.append(\"Attachments\", item.file);\r\n })\r\n headerObj['content-type'] = headerObj['content-type'] + ' boundary=${formData._boundary}';\r\n }\r\n\r\n replyTicketComment(ticketId, formData, headerObj).then((result: any) => {\r\n setReplyData('');\r\n setAttachments([...new Array
\r\n
\r\n \r\n
\r\n Ticket
\r\n\r\n \r\n
\r\n
\r\n \r\n {data.title}
\r\n {/*Below this is Customer Info modal for mobile screen*/}\r\n\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n 
\r\n
\r\n \r\n \r\n
\r\n \r\n {data && data.creatorName ? data.creatorName : ''}
\r\n\r\n
\r\n \r\n Customer
\r\n\r\n \r\n
\r\n {\r\n data && data.creatorEmail ? User Information
\r\n \r\n\r\n \r\n
\r\n \r\n
: null\r\n }\r\n {\r\n data && data.creatorPhoneNumber ? ![](\"./mail.svg\")
{data.creatorEmail}
\r\n \r\n \r\n \r\n
\r\n \r\n
: null\r\n }\r\n ![](\"./callgrey.svg\")
{data.creatorPhoneNumber}
\r\n \r\n \r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n Ticket No:{data.ticketNum}
\r\n \r\n\r\n \r\n
\r\n \r\n Requested:{data.creatorName}
\r\n \r\n\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Status:{data.creatorStatus}
\r\n \r\n{data.ticketNum}
\r\n \r\n{data.package}
\r\n \r\n*/}\r\n {/* */}\r\n {/* 
*/}\r\n {/* */}\r\n {/*
);*/}\r\n {/* }*/}\r\n {/* }) : null*/}\r\n {/*}*/}\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n \r\n
\r\n
\r\n
\r\n \r\n \r\n \r\n \r\n {/* {setValue(e.target.value)} />*/}\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n ![](\"./emoticon.svg\")
\r\n
\r\n \r\n \r\n ![](\"./photoupload.svg\")
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n {data && data.creatorName ? data.creatorName : '' }
\r\n\r\n
\r\n \r\n Customer
\r\n\r\n \r\n
\r\n {\r\n data && data.creatorEmail ? User Information
\r\n \r\n\r\n \r\n
\r\n \r\n
: null\r\n }\r\n {\r\n data && data.creatorPhoneNumber ? {data.creatorEmail}
\r\n \r\n \r\n \r\n
\r\n \r\n
: null\r\n }\r\n {/*{data.creatorPhoneNumber}
\r\n \r\n */}\r\n {/*
*/}\r\n */}\r\n {/* */}\r\n {/* ![](\"./locationgrey.svg\")
*/}\r\n {/* */}\r\n {/*
*/}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/* */}\r\n {/*
*/}\r\n {/*{data.companyAddress}
*/}\r\n {/* */}\r\n {/*\r\n \r\n
\r\n
\r\n \r\n \r\n
\r\n \r\n Ticket No:{data.ticketNum}
\r\n \r\n\r\n \r\n
\r\n \r\n Requested:{data.creatorName}
\r\n \r\n\r\n \r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n Status:{data.creatorStatus}
\r\n \r\n\r\n
\r\n \r\n
\r\n List of Reports
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n \r\n );\r\n}\r\n\r\nexport default ReportPage;","import * as React from \"react\";\r\nimport { BrowserRouter as Router, Switch } from 'react-router-dom';\r\nimport PageLayout from './components/Layout';\r\nimport { AuthenticatedTemplate, MsalProvider, UnauthenticatedTemplate, useMsal } from \"@azure/msal-react\";\r\nimport { appRoles } from \"./authConfig\";\r\nimport './custom.css'\r\nimport \"./styles/App.css\";\r\nimport CustomerSubscriptionListPage from \"./components/pages/CustomerSubscriptionListPage\";\r\nimport CustomerListPage from \"./components/pages/CustomerListPage\";\r\nimport CustomerProfilePage from \"./components/pages/CustomerProfilePage\";\r\nimport CustomerDetailPage from \"./components/pages/CustomerDetailPage\";\r\nimport DetailStatementPage from \"./components/pages/DetailStatementPage\";\r\nimport TicketListPage from \"./components/pages/TicketListPage\";\r\nimport TicketPage from \"./components/pages/TicketPage\";\r\nimport { RouteGuard } from \"./components/RouteGuard\";\r\nimport { useEffect, useState } from \"react\";\r\nimport { Provider } from \"react-redux\";\r\nimport { ConnectedRouter } from \"connected-react-router\";\r\nimport configureStore from \"./store/configureStore\";\r\nimport { createBrowserHistory } from \"history\";\r\nimport { IPublicClientApplication } from \"@azure/msal-browser\";\r\nimport PricingPage from \"./components/pages/PricingPage\";\r\nimport Home from \"./components/Home\";\r\nimport TicketListPageExternal from \"./components/pages/TicketListPageExternal\";\r\nimport TicketPageExternal from \"./components/pages/TicketPageExternal\";\r\nimport UserPage from \"./components/pages/UserPage\";\r\nimport ServicePageExternal from \"./components/pages/ServicePageExternal\";\r\nimport ReportPage from \"./components/pages/ReportPage\";\r\nimport ReportPageExternal from \"./components/pages/ReportPageExternal\";\r\n\r\n/**\r\n * If a user is authenticated the ProfileContent component above is rendered. Otherwise a message indicating a user is not authenticated is rendered.\r\n */\r\n\r\nconst Pages = ({ instance }: { instance: IPublicClientApplication }) => {\r\n return (\r\n Ticket Report
\r\n\r\n {\r\n reportTicketDataLoaded ?
\r\n \r\n SLA Breach Report
\r\n\r\n {\r\n reportSLABreachDataLoaded ?
\r\n \r\n Service Report
\r\n\r\n {\r\n reportServiceDataLoaded ?
\r\n \r\n Package Report
\r\n\r\n {\r\n reportPackageDataLoaded ?
\r\n \r\n