@agilemotion/oui-react-js 1.1.0 → 1.2.0

package/dist/view/security/ResetPasswordBasic.js

@@ -49,95 +49,95 @@ function _nonIterableRest() { throw new TypeError("Invalid attempt to destructur
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
 function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-const ResetPassword = props => {
-  const location = (0, _reactRouterDom.useLocation)();
-
-  const _React$useState = _react.default.useState(null),
-        _React$useState2 = _slicedToArray(_React$useState, 2),
-        username = _React$useState2[0],
-        setUsername = _React$useState2[1];
-
-  const _React$useState3 = _react.default.useState(false),
-        _React$useState4 = _slicedToArray(_React$useState3, 2),
-        usernameError = _React$useState4[0],
-        setUsernameError = _React$useState4[1];
-
-  const _React$useState5 = _react.default.useState(null),
-        _React$useState6 = _slicedToArray(_React$useState5, 2),
-        password = _React$useState6[0],
-        setPassword = _React$useState6[1];
-
-  const _React$useState7 = _react.default.useState(null),
-        _React$useState8 = _slicedToArray(_React$useState7, 2),
-        confirmPassword = _React$useState8[0],
-        setConfirmPassword = _React$useState8[1];
-
-  const _React$useState9 = _react.default.useState(null),
-        _React$useState10 = _slicedToArray(_React$useState9, 2),
-        message = _React$useState10[0],
-        setMessage = _React$useState10[1];
-
-  const _React$useState11 = _react.default.useState(null),
-        _React$useState12 = _slicedToArray(_React$useState11, 2),
-        messageTitle = _React$useState12[0],
-        setMessageTitle = _React$useState12[1];
-
-  const _React$useState13 = _react.default.useState(""),
-        _React$useState14 = _slicedToArray(_React$useState13, 2),
-        alertVariant = _React$useState14[0],
-        setAlertVariant = _React$useState14[1];
-
-  const _React$useState15 = _react.default.useState(false),
-        _React$useState16 = _slicedToArray(_React$useState15, 2),
-        passwordError = _React$useState16[0],
-        setPasswordError = _React$useState16[1];
-
-  const _React$useState17 = _react.default.useState(false),
-        _React$useState18 = _slicedToArray(_React$useState17, 2),
-        isLoading = _React$useState18[0],
-        setIsLoading = _React$useState18[1];
-
-  const _React$useState19 = _react.default.useState(null),
-        _React$useState20 = _slicedToArray(_React$useState19, 2),
-        showPassword = _React$useState20[0],
-        setShowPassword = _React$useState20[1];
-
-  const _React$useState21 = _react.default.useState(null),
-        _React$useState22 = _slicedToArray(_React$useState21, 2),
-        code = _React$useState22[0],
-        setCode = _React$useState22[1];
-
-  const _React$useState23 = _react.default.useState(null),
-        _React$useState24 = _slicedToArray(_React$useState23, 2),
-        showConfirmPassword = _React$useState24[0],
-        setShowConfirmPassword = _React$useState24[1];
-
-  const _React$useState25 = _react.default.useState("((?=.*\\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[@#$%]).{8,128})"),
-        _React$useState26 = _slicedToArray(_React$useState25, 1),
-        passwordPattern = _React$useState26[0];
-
-  _react.default.useEffect(() => {
-    let code = new URLSearchParams(location.search).get("code");
+var ResetPassword = function ResetPassword(props) {
+  var location = (0, _reactRouterDom.useLocation)();
+
+  var _React$useState = _react.default.useState(null),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      username = _React$useState2[0],
+      setUsername = _React$useState2[1];
+
+  var _React$useState3 = _react.default.useState(false),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      usernameError = _React$useState4[0],
+      setUsernameError = _React$useState4[1];
+
+  var _React$useState5 = _react.default.useState(null),
+      _React$useState6 = _slicedToArray(_React$useState5, 2),
+      password = _React$useState6[0],
+      setPassword = _React$useState6[1];
+
+  var _React$useState7 = _react.default.useState(null),
+      _React$useState8 = _slicedToArray(_React$useState7, 2),
+      confirmPassword = _React$useState8[0],
+      setConfirmPassword = _React$useState8[1];
+
+  var _React$useState9 = _react.default.useState(null),
+      _React$useState10 = _slicedToArray(_React$useState9, 2),
+      message = _React$useState10[0],
+      setMessage = _React$useState10[1];
+
+  var _React$useState11 = _react.default.useState(null),
+      _React$useState12 = _slicedToArray(_React$useState11, 2),
+      messageTitle = _React$useState12[0],
+      setMessageTitle = _React$useState12[1];
+
+  var _React$useState13 = _react.default.useState(""),
+      _React$useState14 = _slicedToArray(_React$useState13, 2),
+      alertVariant = _React$useState14[0],
+      setAlertVariant = _React$useState14[1];
+
+  var _React$useState15 = _react.default.useState(false),
+      _React$useState16 = _slicedToArray(_React$useState15, 2),
+      passwordError = _React$useState16[0],
+      setPasswordError = _React$useState16[1];
+
+  var _React$useState17 = _react.default.useState(false),
+      _React$useState18 = _slicedToArray(_React$useState17, 2),
+      isLoading = _React$useState18[0],
+      setIsLoading = _React$useState18[1];
+
+  var _React$useState19 = _react.default.useState(null),
+      _React$useState20 = _slicedToArray(_React$useState19, 2),
+      showPassword = _React$useState20[0],
+      setShowPassword = _React$useState20[1];
+
+  var _React$useState21 = _react.default.useState(null),
+      _React$useState22 = _slicedToArray(_React$useState21, 2),
+      code = _React$useState22[0],
+      setCode = _React$useState22[1];
+
+  var _React$useState23 = _react.default.useState(null),
+      _React$useState24 = _slicedToArray(_React$useState23, 2),
+      showConfirmPassword = _React$useState24[0],
+      setShowConfirmPassword = _React$useState24[1];
+
+  var _React$useState25 = _react.default.useState("((?=.*\\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[@#$%]).{8,128})"),
+      _React$useState26 = _slicedToArray(_React$useState25, 1),
+      passwordPattern = _React$useState26[0];
+
+  _react.default.useEffect(function () {
+    var code = new URLSearchParams(location.search).get("code");
     setCode(code);
   });
 
-  const handleClickShowPassword = () => {
+  var handleClickShowPassword = function handleClickShowPassword() {
     setShowPassword(!showPassword);
   };
 
-  const handleClickShowConfirmPassword = () => {
+  var handleClickShowConfirmPassword = function handleClickShowConfirmPassword() {
     setShowConfirmPassword(!showConfirmPassword);
   };
 
-  const sendResetPassword = () => {
-    let passwordPresent = !_Utils.default.isNull(password) && password.trim().length > 0;
-    let usernamePresent = !_Utils.default.isNull(username) && username.trim().length > 0;
+  var sendResetPassword = function sendResetPassword() {
+    var passwordPresent = !_Utils.default.isNull(password) && password.trim().length > 0;
+    var usernamePresent = !_Utils.default.isNull(username) && username.trim().length > 0;
 
     if (passwordPresent) {
       if (password !== confirmPassword) {
@@ -155,12 +155,12 @@ const ResetPassword = props => {
       }
 
       setIsLoading(true);
-      (0, _Security.resetPassword)(props.url, code, username, password, (codeSent, message) => {
+      (0, _Security.resetPassword)(props.url, code, username, password, function (codeSent, message) {
         setIsLoading(false);
         setMessageTitle("Password Reset");
         setMessage(message);
         setAlertVariant('success');
-      }, errorMessage => {
+      }, function (errorMessage) {
         setIsLoading(false);
         setMessageTitle("Password Reset Error!");
         setMessage(errorMessage);
@@ -172,15 +172,15 @@ const ResetPassword = props => {
     }
   };
 
-  const handleMouseDownPassword = event => {
+  var handleMouseDownPassword = function handleMouseDownPassword(event) {
     event.preventDefault();
   };
 
-  const handleMouseDownConfirmPassword = event => {
+  var handleMouseDownConfirmPassword = function handleMouseDownConfirmPassword(event) {
     event.preventDefault();
   };
 
-  _react.default.useEffect(() => {
+  _react.default.useEffect(function () {
     _ApplicationContext.default.clear();
   });
 
@@ -225,7 +225,9 @@ const ResetPassword = props => {
   }, props.title)), !_Utils.default.isNull(message) ? /*#__PURE__*/_react.default.createElement(_Alert.default, {
     variant: alertVariant,
     show: !_Utils.default.isNull(message),
-    onClose: () => setMessage(null),
+    onClose: function onClose() {
+      return setMessage(null);
+    },
     dismissible: true
   }, /*#__PURE__*/_react.default.createElement(_Alert.default.Heading, null, messageTitle), /*#__PURE__*/_react.default.createElement("p", null, message)) : "", /*#__PURE__*/_react.default.createElement("div", {
     style: _loginBasicStyle.default.loginContainer
@@ -237,8 +239,8 @@ const ResetPassword = props => {
     error: usernameError,
     label: "Username",
     value: username || '',
-    onChange: e => {
-      let usernamePresent = !_Utils.default.isNull(e.target.value) && e.target.value.trim().length > 0;
+    onChange: function onChange(e) {
+      var usernamePresent = !_Utils.default.isNull(e.target.value) && e.target.value.trim().length > 0;
       setUsername(e.target.value);
       setUsernameError(!usernamePresent);
     },
@@ -256,8 +258,8 @@ const ResetPassword = props => {
     error: passwordError,
     type: showPassword ? 'text' : 'password',
     value: password || '',
-    onChange: e => {
-      let passwordPresent = !_Utils.default.isNull(e.target.value) && e.target.value.trim().length > 0;
+    onChange: function onChange(e) {
+      var passwordPresent = !_Utils.default.isNull(e.target.value) && e.target.value.trim().length > 0;
       setPassword(e.target.value);
       setPasswordError(!passwordPresent);
     },
@@ -283,8 +285,8 @@ const ResetPassword = props => {
     disabled: _Utils.default.isNull(code),
     type: showConfirmPassword ? 'text' : 'password',
     value: confirmPassword || '',
-    onChange: e => {
-      let passwordPresent = !_Utils.default.isNull(e.target.value) && e.target.value.trim().length > 0;
+    onChange: function onChange(e) {
+      var passwordPresent = !_Utils.default.isNull(e.target.value) && e.target.value.trim().length > 0;
       setConfirmPassword(e.target.value);
     },
     margin: "normal",
@@ -307,7 +309,7 @@ const ResetPassword = props => {
     className: "w-100"
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     disabled: _Utils.default.isNull(code) || isLoading,
-    onClick: () => {
+    onClick: function onClick() {
       sendResetPassword();
     },
     variant: "contained",
@@ -324,6 +326,8 @@ const ResetPassword = props => {
   })));
 };
 
-var _default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(dispatch => (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch))(ResetPassword));
+var _default = (0, _reactRouterDom.withRouter)((0, _reactRedux.connect)(function (dispatch) {
+  return (0, _redux.bindActionCreators)(_DashboardStore.actionCreators, dispatch);
+})(ResetPassword));
 
 exports.default = _default;

package/dist/view/security/Security.js

@@ -11,8 +11,8 @@ var _Utils = _interopRequireDefault(require("../../Utils"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const login = (url, username, password, callback, errorCallback) => {
-  (0, _RestUtils.sendRequest)("".concat(url, "?username=").concat(username, "&password=").concat(password), response => {
+var login = function login(url, username, password, callback, errorCallback) {
+  (0, _RestUtils.sendRequest)("".concat(url, "?username=").concat(username, "&password=").concat(password), function (response) {
     if (response.accessToken === null) {
       if (response.forcePasswordChange === true) {
         callback(true, null, response);
@@ -26,7 +26,7 @@ const login = (url, username, password, callback, errorCallback) => {
       sessionStorage.setItem("lastLogin", new Date().getTime());
       callback(true);
     }
-  }, e => {
+  }, function (e) {
     if (!_Utils.default.isNull(callback)) {
       callback(false, 'Server error occurred, please try again later');
     }
@@ -39,10 +39,10 @@ const login = (url, username, password, callback, errorCallback) => {
 
 exports.login = login;
 
-const forgotPassword = (url, username, callback, errorCallback) => {
-  (0, _RestUtils.sendRequest)("".concat(url, "?username=").concat(username), response => {
+var forgotPassword = function forgotPassword(url, username, callback, errorCallback) {
+  (0, _RestUtils.sendRequest)("".concat(url, "?username=").concat(username), function (response) {
     callback(true, "The request has been sent successfully");
-  }, e => {
+  }, function (e) {
     if (Object.entries(e).length === 0) {
       errorCallback(e.message);
     } else {
@@ -53,10 +53,10 @@ const forgotPassword = (url, username, callback, errorCallback) => {
 
 exports.forgotPassword = forgotPassword;
 
-const resetPassword = (url, code, username, password, callback, errorCallback) => {
-  (0, _RestUtils.sendRequest)("".concat(url, "?code=").concat(code, "&password=").concat(password, "&username=").concat(username), response => {
+var resetPassword = function resetPassword(url, code, username, password, callback, errorCallback) {
+  (0, _RestUtils.sendRequest)("".concat(url, "?code=").concat(code, "&password=").concat(password, "&username=").concat(username), function (response) {
     callback(true, "The the password has been reset successfully");
-  }, e => {
+  }, function (e) {
     if (Object.entries(e).length === 0) {
       errorCallback(e.message);
     } else {
@@ -67,14 +67,14 @@ const resetPassword = (url, code, username, password, callback, errorCallback) =
 
 exports.resetPassword = resetPassword;
 
-const changePassword = (url, username, password, sessionId, challengeParamenters, callback, errorCallback) => {
-  (0, _RestUtils.sendRequest)("".concat(url, "?newPassword=").concat(password, "&username=").concat(username, "&sessionId=").concat(sessionId, "&challengeParamenters=").concat(challengeParamenters), response => {
+var changePassword = function changePassword(url, username, password, sessionId, challengeParamenters, callback, errorCallback) {
+  (0, _RestUtils.sendRequest)("".concat(url, "?newPassword=").concat(password, "&username=").concat(username, "&sessionId=").concat(sessionId, "&challengeParamenters=").concat(challengeParamenters), function (response) {
     sessionStorage.setItem("accessToken", response.accessToken);
     sessionStorage.setItem("refreshToken", response.refreshToken);
     sessionStorage.setItem("idToken", response.idToken);
     sessionStorage.setItem("lastLogin", new Date().getTime());
     callback();
-  }, e => {
+  }, function (e) {
     if (Object.entries(e).length === 0) {
       errorCallback(e.message);
     } else {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agilemotion/oui-react-js",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "babel": {
     "presets": [
       "@babel/preset-env",
@@ -12,6 +12,9 @@
       ]
     ]
   },
+  "files": [
+    "dist"
+  ],
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@material-ui/core": "^4.10.2",
@@ -51,17 +54,11 @@
     "reactstrap": "^8.4.1",
     "redux": "^4.0.5",
     "redux-thunk": "^2.3.0",
-    "styled-components": "^5.1.0",
-    "webpack": "^4.28.3",
-    "@types/googlemaps": "3.39.3",
-    "@types/markerclustererplus": "2.1.33",
-    "eslint-plugin-flowtype": "3.13.0",
-    "typescript": "3.8.3"
+    "styled-components": "^5.1.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.12.8",
-    "@babel/plugin-proposal-class-properties": "^7.12.1",
-    "@babel/preset-react": "^7.12.7",
+    "@babel/cli": "^7.12.1",
+    "@babel/preset-react": "^7.12.5",
     "gulp": "4.0.2",
     "gulp-append-prepend": "1.0.8"
   },
@@ -87,14 +84,5 @@
     "@types/markerclustererplus": "2.1.33",
     "eslint-plugin-flowtype": "3.13.0",
     "typescript": "3.8.3"
-  },
-  "main": "BasicAppHome.js",
-  "repository": {
-    "type": "git",
-    "url": "git+https://Nsovo_@bitbucket.org/ashandla/oui-react-js.git"
-  },
-  "author": "",
-  "license": "ISC",
-  "homepage": "https://bitbucket.org/ashandla/oui-react-js#readme",
-  "description": ""
+  }
 }

package/.idea/misc.xml

@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="JavaScriptSettings">
-    <option name="languageLevel" value="JSX" />
-  </component>
-  <component name="ProjectRootManager" version="2" languageLevel="JDK_1_8" project-jdk-name="1.8" project-jdk-type="JavaSDK">
-    <output url="file://$PROJECT_DIR$/out" />
-  </component>
-</project>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/oui-react-js.iml" filepath="$PROJECT_DIR$/.idea/oui-react-js.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/oui-react-js.iml

@@ -1,10 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="JAVA_MODULE" version="4">
-  <component name="NewModuleRootManager" inherit-compiler-output="true">
-    <exclude-output />
-    <content url="file://$MODULE_DIR$" />
-    <content url="file://$MODULE_DIR$/src" />
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="" vcs="Git" />
-  </component>
-</project>

package/gulpfile.js

@@ -1,77 +0,0 @@
-const gulp = require("gulp");
-const gap = require("gulp-append-prepend");
-
-gulp.task("licenses", async function() {
-  // this is to add Creative Tim licenses in the production mode for the minified js
-  gulp
-    .src("build/static/js/*chunk.js", { base: "./" })
-    .pipe(
-      gap.prependText(`/*!
-
-=========================================================
-* Black Dashboard React - v1.1.0
-=========================================================
-
-* Product Page: https://www.creative-tim.com/product/black-dashboard-react
-* Copyright 2020 Creative Tim (https://www.creative-tim.com)
-* Licensed under MIT (https://github.com/creativetimofficial/black-dashboard-react/blob/master/LICENSE.md)
-
-* Coded by Creative Tim
-
-=========================================================
-
-* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-*/`)
-    )
-    .pipe(gulp.dest("./", { overwrite: true }));
-
-  // this is to add Creative Tim licenses in the production mode for the minified html
-  gulp
-    .src("build/index.html", { base: "./" })
-    .pipe(
-      gap.prependText(`<!--
-
-=========================================================
-* Black Dashboard React - v1.1.0
-=========================================================
-
-* Product Page: https://www.creative-tim.com/product/black-dashboard-react
-* Copyright 2020 Creative Tim (https://www.creative-tim.com)
-* Licensed under MIT (https://github.com/creativetimofficial/black-dashboard-react/blob/master/LICENSE.md)
-
-* Coded by Creative Tim
-
-=========================================================
-
-* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
--->`)
-    )
-    .pipe(gulp.dest("./", { overwrite: true }));
-
-  // this is to add Creative Tim licenses in the production mode for the minified css
-  gulp
-    .src("build/static/css/*chunk.css", { base: "./" })
-    .pipe(
-      gap.prependText(`/*!
-
-=========================================================
-* Black Dashboard React - v1.1.0
-=========================================================
-
-* Product Page: https://www.creative-tim.com/product/black-dashboard-react
-* Copyright 2020 Creative Tim (https://www.creative-tim.com)
-* Licensed under MIT (https://github.com/creativetimofficial/black-dashboard-react/blob/master/LICENSE.md)
-
-* Coded by Creative Tim
-
-=========================================================
-
-* The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
-
-*/`)
-    )
-    .pipe(gulp.dest("./", { overwrite: true }));
-  return;
-});

package/jsconfig.json

@@ -1,8 +0,0 @@
-{
-  "compilerOptions": {
-    "baseUrl": "src",
-    "paths": {
-      "*": ["src/*"]
-    }
-  }
-}

package/public/charts/asset/stockAvailabilityBAR.html

@@ -1,91 +0,0 @@
-<html>
-<head>
-    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
-    <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
-    <script type="text/javascript">
-        google.charts.load('current', {packages: ['corechart', 'bar']});
-        google.charts.setOnLoadCallback(drawChart);
-
-        function getRow(stockCount, stockAvailabilityData) {
-            let row = [];
-            row.push(stockCount);
-
-            for(let i=0;i<stockAvailabilityData.length;i++){
-                let found = false;
-                for(let j=0;j<stockAvailabilityData[i].stockCount.length;j++){
-                    if(stockCount === stockAvailabilityData[i].stockCount[j].branchDescription){
-                        row.push(stockAvailabilityData[i].stockCount[j].count);
-                        found = true;
-                    }
-                }
-
-                if(!found) {
-                    row.push(0);
-                }
-            }
-
-            return row;
-        }
-
-        function drawChart() {
-            const accessToken = window.sessionStorage.getItem("accessToken");
-            const idToken = window.sessionStorage.getItem("idToken");
-            const queryString = location.search;
-
-            const jsonData = $.ajax({
-                url: window.location.protocol + "//" + window.location.hostname + "/agility/app/controller/chart?id=stockAvailabilityBAR&service=ASSET.Inventory" + (queryString != null ? "&" + queryString.replace("?", "") : "" ),
-                headers: {
-                    'Content-Type': 'application/json',
-                    'Authorization': "Bearer " + accessToken,
-                    'idToken': idToken
-                },
-                type: "GET",
-                dataType: "json",
-                async: false
-            }).responseText;
-
-            const stockAvailabilityData = JSON.parse(jsonData).data[1];
-
-            if(stockAvailabilityData !== null && stockAvailabilityData.length > 0) {
-                const data = new google.visualization.DataTable();
-                let stockCount = [];
-
-                data.addColumn("string", "Branch");
-
-                for (let i = 0; i < stockAvailabilityData.length; i++) {
-                    data.addColumn("number", stockAvailabilityData[i].inventoryItemDescription);
-                    for (let j = 0; j < stockAvailabilityData[i].stockCount.length; j++) {
-                        if (!stockCount.includes(stockAvailabilityData[i].stockCount[j].branchDescription)) {
-                            stockCount.push(stockAvailabilityData[i].stockCount[j].branchDescription);
-                        }
-                    }
-                }
-
-                for(let i=0;i<stockCount.length;i++){
-                    data.addRow(getRow(stockCount[i], stockAvailabilityData));
-                }
-
-                let options = {
-                    chart: {
-                        title: 'Stock Availability',
-                        subtitle: 'Inventory Items per branch'
-                    },
-                    hAxis: {
-                        title: 'Branch'
-                    },
-                    vAxis: {
-                        title: 'Count'
-                    },
-                    bars: 'horizontal'
-                };
-
-                const materialChart = new google.charts.Bar(document.getElementById('stockAvailabilityBarChart'));
-                materialChart.draw(data, options);
-            }
-        }
-    </script>
-</head>
-<body>
-<div id="stockAvailabilityBarChart" style="color: #202124; width: 100%; height: 500px; font-family: 'Poppins', sans-serif">Loading...</div>
-</body>
-</html>