\n\n \n );\n }\n}\n\nApiKeyList.propTypes = {\n entries: PropTypes.array,\n start_edit_mode: PropTypes.func,\n end_edit_mode: PropTypes.func,\n change_name: PropTypes.func,\n reset_and_close: PropTypes.func,\n save_api_key: PropTypes.func,\n roll_api_key: PropTypes.func,\n enable_api_key: PropTypes.func,\n disable_api_key: PropTypes.func,\n destroy_api_key: PropTypes.func,\n};\nexport default ApiKeyList\n","/*\nobject-assign\n(c) Sindre Sorhus\n@license MIT\n*/\n'use strict';\n/* eslint-disable no-unused-vars */\n\nvar getOwnPropertySymbols = Object.getOwnPropertySymbols;\nvar hasOwnProperty = Object.prototype.hasOwnProperty;\nvar propIsEnumerable = Object.prototype.propertyIsEnumerable;\n\nfunction toObject(val) {\n if (val === null || val === undefined) {\n throw new TypeError('Object.assign cannot be called with null or undefined');\n }\n\n return Object(val);\n}\n\nfunction shouldUseNative() {\n try {\n if (!Object.assign) {\n return false;\n } // Detect buggy property enumeration order in older V8 versions.\n // https://bugs.chromium.org/p/v8/issues/detail?id=4118\n\n\n var test1 = new String('abc'); // eslint-disable-line no-new-wrappers\n\n test1[5] = 'de';\n\n if (Object.getOwnPropertyNames(test1)[0] === '5') {\n return false;\n } // https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\n\n var test2 = {};\n\n for (var i = 0; i < 10; i++) {\n test2['_' + String.fromCharCode(i)] = i;\n }\n\n var order2 = Object.getOwnPropertyNames(test2).map(function (n) {\n return test2[n];\n });\n\n if (order2.join('') !== '0123456789') {\n return false;\n } // https://bugs.chromium.org/p/v8/issues/detail?id=3056\n\n\n var test3 = {};\n 'abcdefghijklmnopqrst'.split('').forEach(function (letter) {\n test3[letter] = letter;\n });\n\n if (Object.keys(Object.assign({}, test3)).join('') !== 'abcdefghijklmnopqrst') {\n return false;\n }\n\n return true;\n } catch (err) {\n // We don't expect any of the above to throw, but better to be safe.\n return false;\n }\n}\n\nmodule.exports = shouldUseNative() ? Object.assign : function (target, source) {\n var from;\n var to = toObject(target);\n var symbols;\n\n for (var s = 1; s < arguments.length; s++) {\n from = Object(arguments[s]);\n\n for (var key in from) {\n if (hasOwnProperty.call(from, key)) {\n to[key] = from[key];\n }\n }\n\n if (getOwnPropertySymbols) {\n symbols = getOwnPropertySymbols(from);\n\n for (var i = 0; i < symbols.length; i++) {\n if (propIsEnumerable.call(from, symbols[i])) {\n to[symbols[i]] = from[symbols[i]];\n }\n }\n }\n }\n\n return to;\n};","/** @license React v17.0.1\n * react.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';\n\nfunction _typeof(obj) { \"@babel/helpers - typeof\"; if (typeof Symbol === \"function\" && typeof Symbol.iterator === \"symbol\") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === \"function\" && obj.constructor === Symbol && obj !== Symbol.prototype ? \"symbol\" : typeof obj; }; } return _typeof(obj); }\n\nvar l = require(\"object-assign\"),\n n = 60103,\n p = 60106;\n\nexports.Fragment = 60107;\nexports.StrictMode = 60108;\nexports.Profiler = 60114;\nvar q = 60109,\n r = 60110,\n t = 60112;\nexports.Suspense = 60113;\nvar u = 60115,\n v = 60116;\n\nif (\"function\" === typeof Symbol && Symbol[\"for\"]) {\n var w = Symbol[\"for\"];\n n = w(\"react.element\");\n p = w(\"react.portal\");\n exports.Fragment = w(\"react.fragment\");\n exports.StrictMode = w(\"react.strict_mode\");\n exports.Profiler = w(\"react.profiler\");\n q = w(\"react.provider\");\n r = w(\"react.context\");\n t = w(\"react.forward_ref\");\n exports.Suspense = w(\"react.suspense\");\n u = w(\"react.memo\");\n v = w(\"react.lazy\");\n}\n\nvar x = \"function\" === typeof Symbol && Symbol.iterator;\n\nfunction y(a) {\n if (null === a || \"object\" !== _typeof(a)) return null;\n a = x && a[x] || a[\"@@iterator\"];\n return \"function\" === typeof a ? a : null;\n}\n\nfunction z(a) {\n for (var b = \"https://reactjs.org/docs/error-decoder.html?invariant=\" + a, c = 1; c < arguments.length; c++) {\n b += \"&args[]=\" + encodeURIComponent(arguments[c]);\n }\n\n return \"Minified React error #\" + a + \"; visit \" + b + \" for the full message or use the non-minified dev environment for full errors and additional helpful warnings.\";\n}\n\nvar A = {\n isMounted: function isMounted() {\n return !1;\n },\n enqueueForceUpdate: function enqueueForceUpdate() {},\n enqueueReplaceState: function enqueueReplaceState() {},\n enqueueSetState: function enqueueSetState() {}\n},\n B = {};\n\nfunction C(a, b, c) {\n this.props = a;\n this.context = b;\n this.refs = B;\n this.updater = c || A;\n}\n\nC.prototype.isReactComponent = {};\n\nC.prototype.setState = function (a, b) {\n if (\"object\" !== _typeof(a) && \"function\" !== typeof a && null != a) throw Error(z(85));\n this.updater.enqueueSetState(this, a, b, \"setState\");\n};\n\nC.prototype.forceUpdate = function (a) {\n this.updater.enqueueForceUpdate(this, a, \"forceUpdate\");\n};\n\nfunction D() {}\n\nD.prototype = C.prototype;\n\nfunction E(a, b, c) {\n this.props = a;\n this.context = b;\n this.refs = B;\n this.updater = c || A;\n}\n\nvar F = E.prototype = new D();\nF.constructor = E;\nl(F, C.prototype);\nF.isPureReactComponent = !0;\nvar G = {\n current: null\n},\n H = Object.prototype.hasOwnProperty,\n I = {\n key: !0,\n ref: !0,\n __self: !0,\n __source: !0\n};\n\nfunction J(a, b, c) {\n var e,\n d = {},\n k = null,\n h = null;\n if (null != b) for (e in void 0 !== b.ref && (h = b.ref), void 0 !== b.key && (k = \"\" + b.key), b) {\n H.call(b, e) && !I.hasOwnProperty(e) && (d[e] = b[e]);\n }\n var g = arguments.length - 2;\n if (1 === g) d.children = c;else if (1 < g) {\n for (var f = Array(g), m = 0; m < g; m++) {\n f[m] = arguments[m + 2];\n }\n\n d.children = f;\n }\n if (a && a.defaultProps) for (e in g = a.defaultProps, g) {\n void 0 === d[e] && (d[e] = g[e]);\n }\n return {\n $$typeof: n,\n type: a,\n key: k,\n ref: h,\n props: d,\n _owner: G.current\n };\n}\n\nfunction K(a, b) {\n return {\n $$typeof: n,\n type: a.type,\n key: b,\n ref: a.ref,\n props: a.props,\n _owner: a._owner\n };\n}\n\nfunction L(a) {\n return \"object\" === _typeof(a) && null !== a && a.$$typeof === n;\n}\n\nfunction escape(a) {\n var b = {\n \"=\": \"=0\",\n \":\": \"=2\"\n };\n return \"$\" + a.replace(/[=:]/g, function (a) {\n return b[a];\n });\n}\n\nvar M = /\\/+/g;\n\nfunction N(a, b) {\n return \"object\" === _typeof(a) && null !== a && null != a.key ? escape(\"\" + a.key) : b.toString(36);\n}\n\nfunction O(a, b, c, e, d) {\n var k = _typeof(a);\n\n if (\"undefined\" === k || \"boolean\" === k) a = null;\n var h = !1;\n if (null === a) h = !0;else switch (k) {\n case \"string\":\n case \"number\":\n h = !0;\n break;\n\n case \"object\":\n switch (a.$$typeof) {\n case n:\n case p:\n h = !0;\n }\n\n }\n if (h) return h = a, d = d(h), a = \"\" === e ? \".\" + N(h, 0) : e, Array.isArray(d) ? (c = \"\", null != a && (c = a.replace(M, \"$&/\") + \"/\"), O(d, b, c, \"\", function (a) {\n return a;\n })) : null != d && (L(d) && (d = K(d, c + (!d.key || h && h.key === d.key ? \"\" : (\"\" + d.key).replace(M, \"$&/\") + \"/\") + a)), b.push(d)), 1;\n h = 0;\n e = \"\" === e ? \".\" : e + \":\";\n if (Array.isArray(a)) for (var g = 0; g < a.length; g++) {\n k = a[g];\n var f = e + N(k, g);\n h += O(k, b, c, f, d);\n } else if (f = y(a), \"function\" === typeof f) for (a = f.call(a), g = 0; !(k = a.next()).done;) {\n k = k.value, f = e + N(k, g++), h += O(k, b, c, f, d);\n } else if (\"object\" === k) throw b = \"\" + a, Error(z(31, \"[object Object]\" === b ? \"object with keys {\" + Object.keys(a).join(\", \") + \"}\" : b));\n return h;\n}\n\nfunction P(a, b, c) {\n if (null == a) return a;\n var e = [],\n d = 0;\n O(a, e, \"\", \"\", function (a) {\n return b.call(c, a, d++);\n });\n return e;\n}\n\nfunction Q(a) {\n if (-1 === a._status) {\n var b = a._result;\n b = b();\n a._status = 0;\n a._result = b;\n b.then(function (b) {\n 0 === a._status && (b = b[\"default\"], a._status = 1, a._result = b);\n }, function (b) {\n 0 === a._status && (a._status = 2, a._result = b);\n });\n }\n\n if (1 === a._status) return a._result;\n throw a._result;\n}\n\nvar R = {\n current: null\n};\n\nfunction S() {\n var a = R.current;\n if (null === a) throw Error(z(321));\n return a;\n}\n\nvar T = {\n ReactCurrentDispatcher: R,\n ReactCurrentBatchConfig: {\n transition: 0\n },\n ReactCurrentOwner: G,\n IsSomeRendererActing: {\n current: !1\n },\n assign: l\n};\nexports.Children = {\n map: P,\n forEach: function forEach(a, b, c) {\n P(a, function () {\n b.apply(this, arguments);\n }, c);\n },\n count: function count(a) {\n var b = 0;\n P(a, function () {\n b++;\n });\n return b;\n },\n toArray: function toArray(a) {\n return P(a, function (a) {\n return a;\n }) || [];\n },\n only: function only(a) {\n if (!L(a)) throw Error(z(143));\n return a;\n }\n};\nexports.Component = C;\nexports.PureComponent = E;\nexports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = T;\n\nexports.cloneElement = function (a, b, c) {\n if (null === a || void 0 === a) throw Error(z(267, a));\n var e = l({}, a.props),\n d = a.key,\n k = a.ref,\n h = a._owner;\n\n if (null != b) {\n void 0 !== b.ref && (k = b.ref, h = G.current);\n void 0 !== b.key && (d = \"\" + b.key);\n if (a.type && a.type.defaultProps) var g = a.type.defaultProps;\n\n for (f in b) {\n H.call(b, f) && !I.hasOwnProperty(f) && (e[f] = void 0 === b[f] && void 0 !== g ? g[f] : b[f]);\n }\n }\n\n var f = arguments.length - 2;\n if (1 === f) e.children = c;else if (1 < f) {\n g = Array(f);\n\n for (var m = 0; m < f; m++) {\n g[m] = arguments[m + 2];\n }\n\n e.children = g;\n }\n return {\n $$typeof: n,\n type: a.type,\n key: d,\n ref: k,\n props: e,\n _owner: h\n };\n};\n\nexports.createContext = function (a, b) {\n void 0 === b && (b = null);\n a = {\n $$typeof: r,\n _calculateChangedBits: b,\n _currentValue: a,\n _currentValue2: a,\n _threadCount: 0,\n Provider: null,\n Consumer: null\n };\n a.Provider = {\n $$typeof: q,\n _context: a\n };\n return a.Consumer = a;\n};\n\nexports.createElement = J;\n\nexports.createFactory = function (a) {\n var b = J.bind(null, a);\n b.type = a;\n return b;\n};\n\nexports.createRef = function () {\n return {\n current: null\n };\n};\n\nexports.forwardRef = function (a) {\n return {\n $$typeof: t,\n render: a\n };\n};\n\nexports.isValidElement = L;\n\nexports.lazy = function (a) {\n return {\n $$typeof: v,\n _payload: {\n _status: -1,\n _result: a\n },\n _init: Q\n };\n};\n\nexports.memo = function (a, b) {\n return {\n $$typeof: u,\n type: a,\n compare: void 0 === b ? null : b\n };\n};\n\nexports.useCallback = function (a, b) {\n return S().useCallback(a, b);\n};\n\nexports.useContext = function (a, b) {\n return S().useContext(a, b);\n};\n\nexports.useDebugValue = function () {};\n\nexports.useEffect = function (a, b) {\n return S().useEffect(a, b);\n};\n\nexports.useImperativeHandle = function (a, b, c) {\n return S().useImperativeHandle(a, b, c);\n};\n\nexports.useLayoutEffect = function (a, b) {\n return S().useLayoutEffect(a, b);\n};\n\nexports.useMemo = function (a, b) {\n return S().useMemo(a, b);\n};\n\nexports.useReducer = function (a, b, c) {\n return S().useReducer(a, b, c);\n};\n\nexports.useRef = function (a) {\n return S().useRef(a);\n};\n\nexports.useState = function (a) {\n return S().useState(a);\n};\n\nexports.version = \"17.0.1\";","import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport ApiKeyList from \"./ApiKeyList\"\nclass ApiKeyManager extends React.Component {\n constructor(props) {\n super(props);\n this.heimdall_server_url = props.heimdall_server_url;\n\n this.state = {\n api_keys: [],\n };\n\n this.create_key = this.create_key.bind(this);\n this.create_transit_key = this.create_transit_key.bind(this);\n this.create_ticketing_key = this.create_ticketing_key.bind(this);\n this.fetch_all_keys = this.fetch_all_keys.bind(this);\n\n this.start_edit_mode = this.start_edit_mode.bind(this);\n this.end_edit_mode = this.end_edit_mode.bind(this);\n\n this.change_name = this.change_name.bind(this);\n this.reset_and_end_edit_mode = this.reset_and_end_edit_mode.bind(this);\n\n this.save_api_key = this.save_api_key.bind(this);\n this.enable_api_key = this.enable_api_key.bind(this);\n this.disable_api_key = this.disable_api_key.bind(this);\n this.roll_api_key = this.roll_api_key.bind(this);\n this.destroy_api_key = this.destroy_api_key.bind(this);\n\n this.fetch_all_keys();\n }\n\n fetch_all_keys(scroll_to_type = null, saved_id = null){\n fetch(this.heimdall_server_url+'api_keys.json', {\n method: 'GET',\n credentials: 'include'\n }).then(function(response) {\n return response.json();\n }).then((function(data){\n this.setState((old_state) => {\n return {\n ...old_state, api_keys: data.map((api_key) => ({\n id: api_key.id,\n key: api_key.api_key,\n previous_api_keys: api_key.previous_api_keys,\n name: api_key.name,\n original_name: api_key.name,\n is_default_transit_test_key: api_key.is_default_transit_test_key,\n is_default_ticketing_test_key: api_key.is_default_ticketing_test_key,\n key_type: api_key.key_type,\n key_environment: api_key.key_environment,\n created_at: api_key.created_at,\n updated_at: api_key.updated_at,\n last_seen_at: api_key.last_seen_at,\n is_disabled: api_key.is_disabled,\n is_connect_api_key: api_key.is_connect_api_key,\n edit_mode: old_state.api_keys.find((old_api_key) => (old_api_key.id === api_key.id))?.edit_mode,\n changed_data: false,\n saved_data: api_key.id == saved_id\n })).filter((api_key) => (!api_key.is_connect_api_key))\n }\n })\n\n if (scroll_to_type != null) {\n var new_api_key = this.state.api_keys.findLast(api_key => api_key.key_environment === window.environment_mode && api_key.key_type === scroll_to_type)\n document.getElementById(`${new_api_key.key}`).scrollIntoView({ behavior: \"smooth\", block: \"center\", inline: \"start\" })\n }\n\n }).bind(this)).catch(function(error) {\n console.error(error);\n });\n }\n\n create_transit_key(e){\n e.preventDefault();\n this.create_key(\"transit\")\n }\n\n create_ticketing_key(e){\n e.preventDefault();\n this.create_key(\"ticketing\")\n }\n\n create_key(key_type){\n fetch(this.heimdall_server_url+'api_keys.json?key_type='+key_type+'&key_environment='+window.environment_mode, {\n method: 'POST',\n credentials: 'include'\n }).then((function(response) {\n this.fetch_all_keys(key_type)\n }).bind(this)\n ).catch(function(error) {\n console.error(error);\n });\n }\n\n save_api_key(key){\n var api_key = this.state.api_keys.find((api_key)=>(api_key.key === key))\n\n fetch(this.heimdall_server_url+'api_keys/'+api_key.id+'.json', {\n method: 'PUT',\n credentials: 'include',\n headers: {\n 'Accept': 'application/json',\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n api_key: {\n id: api_key.id,\n name: api_key.name\n }\n })\n }).then((function(response) {\n this.fetch_all_keys(null, api_key.id)\n }).bind(this)\n ).catch(function(error) {\n console.error(error);\n });\n }\n\n roll_api_key(key) {\n var api_key = this.state.api_keys.find((api_key) => (api_key.key === key))\n\n fetch(this.heimdall_server_url + 'api_keys/' + api_key.id + '/roll_key.json', {\n method: 'PATCH',\n credentials: 'include'\n }).then((function (response) {\n this.fetch_all_keys(null, api_key.id)\n }).bind(this)\n ).catch(function (error) {\n console.error(error);\n });\n }\n\n enable_api_key(key) {\n var api_key = this.state.api_keys.find((api_key) => (api_key.key === key))\n\n fetch(this.heimdall_server_url + 'api_keys/' + api_key.id + '/enable.json', {\n method: 'PATCH',\n credentials: 'include'\n }).then((function (response) {\n this.fetch_all_keys()\n }).bind(this)\n ).catch(function (error) {\n console.error(error);\n });\n }\n\n disable_api_key(key) {\n var api_key = this.state.api_keys.find((api_key) => (api_key.key === key))\n\n fetch(this.heimdall_server_url + 'api_keys/' + api_key.id + '/disable.json', {\n method: 'PATCH',\n credentials: 'include'\n }).then((function (response) {\n this.fetch_all_keys()\n }).bind(this)\n ).catch(function (error) {\n console.error(error);\n });\n }\n\n destroy_api_key(key){\n var api_key = this.state.api_keys.find((api_key)=>(api_key.key === key))\n\n fetch(this.heimdall_server_url+'api_keys/'+api_key.id+'.json', {\n method: 'DELETE',\n credentials: 'include'\n }).then((function(response) {\n this.fetch_all_keys()\n }).bind(this)\n ).catch(function(error) {\n console.error(error);\n });\n }\n\n set_edit_mode_for(key, value){\n var api_keys = this.state.api_keys.map((api_key)=>((api_key.key !== key)?api_key:{...api_key, edit_mode: value}))\n this.setState((old_state)=>({...old_state, api_keys}))\n }\n\n start_edit_mode(key){\n this.set_edit_mode_for(key, true)\n }\n\n end_edit_mode(key){\n this.set_edit_mode_for(key, false)\n }\n\n change_name(key, value){\n var api_keys = this.state.api_keys.map((api_key)=>((api_key.key !== key)?api_key:{...api_key, name: value, changed_data: true, saved_data: false}))\n this.setState((old_state)=>({...old_state, api_keys}))\n }\n\n reset_and_end_edit_mode(key){\n var api_keys = this.state.api_keys.map((api_key)=>((api_key.key !== key)?api_key:{...api_key, name: api_key.original_name, edit_mode: false, changed_data: false, saved_data: false}))\n this.setState((old_state)=>({...old_state, api_keys}))\n }\n\n groupBy(array, key) {\n return array.reduce((result, entry) => {\n var entry_key_value = entry[key]\n if (result[entry_key_value] == undefined) {\n result[entry_key_value] = []\n }\n result[entry_key_value].push(entry)\n return result\n }, {})\n };\n\n render () {\n var grouped_api_keys = this.groupBy(this.state.api_keys.filter(api_key => api_key.key_environment === window.environment_mode), \"key_type\")\n return (\n \n
{window.environment_mode.toUpperCase()} API-Keys
\n
\n You need an API-Key to access the mobilitybox API. The usage is counted per API-Key. A default API-Key is generated for you in order to use examples and so on. We recommend to not publish that one, because it can't be changed. For use in applications please always generate a new one. We recommend to name it accordingly so you can later on associate it with the usage.\n