- \n {children}\n
\n
\n )\n\n if (approval) {\n buttons = (\n \n 
}\n
\n )}\n {title && !noTitleLine && }\n \n
\n {Boolean(logo) && {children || messageElement}
\n {!noControlBar && (\n \n
\n )}\n \n {bottomLineElement}
\n {buttons}\n \n \n
\n )\n}\n\nDetails.propTypes = {\n details: PropTypes.oneOfType([PropTypes.string, PropTypes.error]).isRequired,\n isError: PropTypes.bool,\n}\n\nDetails.defaultProps = {\n isError: false,\n}\n\nexport default Details\n","// extracted by mini-css-extract-plugin\nexport default {\"details\":\"jIeZ\",\"details-code\":\"LBYW\",\"detailsCode\":\"LBYW\",\"details-button\":\"Vi_m\",\"detailsButton\":\"Vi_m\"};","// extracted by mini-css-extract-plugin\nexport default {\"notification\":\"tV1e\",\"small\":\"hgvH\",\"icon\":\"d2N9\",\"container\":\"um_t\",\"with-details\":\"o2BD\",\"withDetails\":\"o2BD\",\"error\":\"tSDZ\",\"warning\":\"_v5s\",\"info\":\"vpvL\",\"success\":\"lSxY\",\"message\":\"NyDk\",\"title\":\"Ycf0\",\"content\":\"R5L6\"};","// Copyright © 2019 The Things Network Foundation, The Things Industries B.V.\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React from 'react'\nimport classnames from 'classnames'\n\nimport Icon, {\n IconExclamationCircle,\n IconInfoCircle,\n IconAlertCircle,\n} from '@ttn-lw/components/icon'\n\nimport Message from '@ttn-lw/lib/components/message'\n\nimport PropTypes from '@ttn-lw/lib/prop-types'\n\nimport Details from './details'\n\nimport style from './notification.styl'\n\nconst Notification = ({\n content,\n className,\n title,\n error,\n warning,\n details,\n info,\n small,\n success,\n messageValues = {},\n children,\n 'data-test-id': dataTestId,\n}) => {\n const classname = classnames(style.notification, className, {\n [style.error]: error,\n [style.warning]: warning,\n [style.info]: info,\n [style.small]: small,\n [style.success]: success,\n [style.withDetails]: Boolean(details),\n })\n\n let icon = IconInfoCircle\n if (error) {\n icon = IconExclamationCircle\n } else if (warning) {\n icon = IconAlertCircle\n }\n\n return (\n {content}\n \n \n
\n )\n}\n\nNotification.propTypes = {\n children: PropTypes.node,\n className: PropTypes.string,\n content: PropTypes.oneOfType([PropTypes.message, PropTypes.error, PropTypes.string]),\n 'data-test-id': PropTypes.string,\n details: PropTypes.error,\n error: PropTypes.bool,\n info: PropTypes.bool,\n messageValues: PropTypes.shape({}),\n small: PropTypes.bool,\n success: PropTypes.bool,\n title: PropTypes.message,\n warning: PropTypes.bool,\n}\n\nNotification.defaultProps = {\n children: undefined,\n className: undefined,\n content: undefined,\n 'data-test-id': 'notification',\n error: false,\n info: false,\n small: false,\n title: '',\n warning: false,\n success: false,\n messageValues: undefined,\n details: undefined,\n}\n\nexport default Notification\n","// extracted by mini-css-extract-plugin\nexport default {\"box\":\"dSDr\",\"visible\":\"KClM\",\"micro\":\"PELT\",\"inline\":\"HdQw\",\"right\":\"BiCY\",\"spinner\":\"UVRI\",\"bar\":\"fM7N\",\"circle\":\"s_Rc\",\"rotate\":\"cQ6m\",\"stop\":\"PoEV\",\"faded\":\"r_33\",\"message\":\"jbSQ\",\"center\":\"tyJa\",\"small\":\"YI61\"};","// Copyright © 2019 The Things Network Foundation, The Things Industries B.V.\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React, { useEffect, useState } from 'react'\nimport classnames from 'classnames'\n\nimport PropTypes from '@ttn-lw/lib/prop-types'\nimport from from '@ttn-lw/lib/from'\n\nimport style from './spinner.styl'\n\nconst id = `grad-${Math.round(Math.random() * 10000)}`\n\nconst Spinner = ({\n after,\n center,\n children,\n className,\n faded = false,\n micro = false,\n small,\n inline = false,\n right = false,\n}) => {\n const [visible, setVisible] = useState(false)\n const visibilityTimeout = setTimeout(() => setVisible(true), after)\n\n useEffect(\n () => () => {\n clearTimeout(visibilityTimeout)\n },\n [visibilityTimeout],\n )\n\n const classname = classnames(\n style.box,\n className,\n ...from(style, {\n center,\n small,\n micro,\n faded,\n visible,\n inline,\n right,\n }),\n )\n\n return (\n \n
\n {Boolean(details) && \n {title &&
\n \n
\n }\n
\n \n
\n )\n}\n\nSpinner.propTypes = {\n after: PropTypes.number,\n center: PropTypes.bool,\n children: PropTypes.node,\n className: PropTypes.string,\n faded: PropTypes.bool,\n inline: PropTypes.bool,\n micro: PropTypes.bool,\n right: PropTypes.bool,\n small: PropTypes.bool,\n}\n\nSpinner.defaultProps = {\n after: 350,\n center: false,\n children: undefined,\n className: undefined,\n faded: false,\n inline: false,\n micro: false,\n small: false,\n right: false,\n}\n\nexport default Spinner\n","// extracted by mini-css-extract-plugin\nexport default {\"toast\":\"sGMA\",\"notification\":\"YMGk\",\"slide-in-right\":\"MhgZ\",\"slideInRight\":\"MhgZ\",\"slide-out-right\":\"B0e5\",\"slideOutRight\":\"B0e5\",\"beat\":\"tE9f\"};","// Copyright © 2019 The Things Network Foundation, The Things Industries B.V.\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n// http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\n\nimport React from 'react'\nimport { ToastContainer as Container, cssTransition } from 'react-toastify'\n\nimport PropTypes from '@ttn-lw/lib/prop-types'\n\nimport createToast from './toast'\n\nimport './react-toastify.styl'\nimport style from './toast.styl'\n\nconst ToastContainer = props => (\n {children}
\n