@verdaccio/ui-components 2.0.0-alpha.0 → 3.0.0-next-7.3

package/build/sections/Footer/Footer.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _x = _interopRequireDefault(require("country-flag-icons/react/3x2"));
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _ = require("../../");
+var _Icons = require("../../components/Icons");
+var _styles = require("./styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; } /* eslint-disable react/jsx-max-depth */ /* eslint-disable react/jsx-pascal-case */
+function goToVerdaccioWebsite() {
+  window.open('https://verdaccio.org', '_blank');
+}
+
+/* eslint-disable react/jsx-key */
+const Footer = () => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const {
+    configOptions
+  } = (0, _.useConfig)();
+  return /*#__PURE__*/_react.default.createElement(_styles.Wrapper, {
+    "data-testid": "footer"
+  }, /*#__PURE__*/_react.default.createElement(_styles.Inner, null, /*#__PURE__*/_react.default.createElement(_styles.Left, null, /*#__PURE__*/_react.default.createElement(_reactI18next.Trans, {
+    components: [/*#__PURE__*/_react.default.createElement(_styles.Love, null)],
+    i18nKey: "footer.made-with-love-on"
+  }), /*#__PURE__*/_react.default.createElement(ToolTip, null, /*#__PURE__*/_react.default.createElement(StyledEarth, null), /*#__PURE__*/_react.default.createElement(Flags, null, /*#__PURE__*/_react.default.createElement(Icon, null, /*#__PURE__*/_react.default.createElement(_x.default.ES, null)), /*#__PURE__*/_react.default.createElement(Icon, null, /*#__PURE__*/_react.default.createElement(_x.default.NI, null)), /*#__PURE__*/_react.default.createElement(Icon, null, /*#__PURE__*/_react.default.createElement(_x.default.IN, null)), /*#__PURE__*/_react.default.createElement(Icon, null, /*#__PURE__*/_react.default.createElement(_x.default.BR, null)), /*#__PURE__*/_react.default.createElement(Icon, null, /*#__PURE__*/_react.default.createElement(_x.default.CN, null)), /*#__PURE__*/_react.default.createElement(Icon, null, /*#__PURE__*/_react.default.createElement(_x.default.AU, null)), /*#__PURE__*/_react.default.createElement(Icon, null, /*#__PURE__*/_react.default.createElement(_x.default.DE, null)), /*#__PURE__*/_react.default.createElement(Icon, null, /*#__PURE__*/_react.default.createElement(_x.default.TW, null))))), /*#__PURE__*/_react.default.createElement(_styles.Right, null, (configOptions === null || configOptions === void 0 ? void 0 : configOptions.version) && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
+    "data-testid": "version-footer"
+  }, t('footer.powered-by')), /*#__PURE__*/_react.default.createElement(_.Logo, {
+    isDefault: true,
+    onClick: goToVerdaccioWebsite,
+    size: "x-small"
+  }), `/ ${configOptions.version}`))));
+};
+var _default = exports.default = Footer;
+const StyledEarth = /*#__PURE__*/(0, _base.default)(_Icons.Earth, process.env.NODE_ENV === "production" ? {
+  target: "e9dwga53"
+} : {
+  target: "e9dwga53",
+  label: "StyledEarth"
+})(({
+  theme
+}) => ({
+  margin: theme.spacing(0, 1)
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zZWN0aW9ucy9Gb290ZXIvRm9vdGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1RW9CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zZWN0aW9ucy9Gb290ZXIvRm9vdGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1tYXgtZGVwdGggKi9cblxuLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXBhc2NhbC1jYXNlICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgRmxhZ3NJY29uIGZyb20gJ2NvdW50cnktZmxhZy1pY29ucy9yZWFjdC8zeDInO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFRyYW5zLCB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5pbXBvcnQgeyBMb2dvLCBUaGVtZSwgdXNlQ29uZmlnIH0gZnJvbSAnLi4vLi4vJztcbmltcG9ydCB7IEVhcnRoIH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9JY29ucyc7XG5pbXBvcnQgeyBJbm5lciwgTGVmdCwgTG92ZSwgUmlnaHQsIFdyYXBwZXIgfSBmcm9tICcuL3N0eWxlcyc7XG5cbmZ1bmN0aW9uIGdvVG9WZXJkYWNjaW9XZWJzaXRlKCk6IHZvaWQge1xuICB3aW5kb3cub3BlbignaHR0cHM6Ly92ZXJkYWNjaW8ub3JnJywgJ19ibGFuaycpO1xufVxuXG4vKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gta2V5ICovXG5jb25zdCBGb290ZXIgPSAoKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgeyBjb25maWdPcHRpb25zIH0gPSB1c2VDb25maWcoKTtcbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciBkYXRhLXRlc3RpZD1cImZvb3RlclwiPlxuICAgICAgPElubmVyPlxuICAgICAgICA8TGVmdD5cbiAgICAgICAgICA8VHJhbnMgY29tcG9uZW50cz17WzxMb3ZlIC8+XX0gaTE4bktleT1cImZvb3Rlci5tYWRlLXdpdGgtbG92ZS1vblwiIC8+XG4gICAgICAgICAgPFRvb2xUaXA+XG4gICAgICAgICAgICA8U3R5bGVkRWFydGggLz5cbiAgICAgICAgICAgIDxGbGFncz5cbiAgICAgICAgICAgICAgPEljb24+XG4gICAgICAgICAgICAgICAgPEZsYWdzSWNvbi5FUyAvPlxuICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICAgIDxJY29uPlxuICAgICAgICAgICAgICAgIDxGbGFnc0ljb24uTkkgLz5cbiAgICAgICAgICAgICAgPC9JY29uPlxuICAgICAgICAgICAgICA8SWNvbj5cbiAgICAgICAgICAgICAgICA8RmxhZ3NJY29uLklOIC8+XG4gICAgICAgICAgICAgIDwvSWNvbj5cbiAgICAgICAgICAgICAgPEljb24+XG4gICAgICAgICAgICAgICAgPEZsYWdzSWNvbi5CUiAvPlxuICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICAgIDxJY29uPlxuICAgICAgICAgICAgICAgIDxGbGFnc0ljb24uQ04gLz5cbiAgICAgICAgICAgICAgPC9JY29uPlxuICAgICAgICAgICAgICA8SWNvbj5cbiAgICAgICAgICAgICAgICA8RmxhZ3NJY29uLkFVIC8+XG4gICAgICAgICAgICAgIDwvSWNvbj5cbiAgICAgICAgICAgICAgPEljb24+XG4gICAgICAgICAgICAgICAgPEZsYWdzSWNvbi5ERSAvPlxuICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICAgIDxJY29uPlxuICAgICAgICAgICAgICAgIDxGbGFnc0ljb24uVFcgLz5cbiAgICAgICAgICAgICAgPC9JY29uPlxuICAgICAgICAgICAgPC9GbGFncz5cbiAgICAgICAgICA8L1Rvb2xUaXA+XG4gICAgICAgIDwvTGVmdD5cbiAgICAgICAgPFJpZ2h0PlxuICAgICAgICAgIHtjb25maWdPcHRpb25zPy52ZXJzaW9uICYmIChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIDxzcGFuIGRhdGEtdGVzdGlkPVwidmVyc2lvbi1mb290ZXJcIj57dCgnZm9vdGVyLnBvd2VyZWQtYnknKX08L3NwYW4+XG4gICAgICAgICAgICAgIDxMb2dvIGlzRGVmYXVsdD17dHJ1ZX0gb25DbGljaz17Z29Ub1ZlcmRhY2Npb1dlYnNpdGV9IHNpemU9XCJ4LXNtYWxsXCIgLz5cbiAgICAgICAgICAgICAge2AvICR7Y29uZmlnT3B0aW9ucy52ZXJzaW9ufWB9XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApfVxuICAgICAgICA8L1JpZ2h0PlxuICAgICAgPC9Jbm5lcj5cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGb290ZXI7XG5cbmNvbnN0IFN0eWxlZEVhcnRoID0gc3R5bGVkKEVhcnRoKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luOiB0aGVtZS5zcGFjaW5nKDAsIDEpLFxufSkpO1xuXG5jb25zdCBGbGFncyA9IHN0eWxlZCgnc3BhbicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBkaXNwbGF5OiAnaW5saW5lLWdyaWQnLFxuICBncmlkVGVtcGxhdGVDb2x1bW5zOiAncmVwZWF0KDgsIG1heC1jb250ZW50KScsXG4gIGdyaWRHYXA6IHRoZW1lLnNwYWNpbmcoMCwgMSksXG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICBiYWNrZ3JvdW5kOiB0aGVtZT8ucGFsZXR0ZS5ncmV5QXRoZW5zLFxuICBwYWRkaW5nOiAnMXB4IDRweCcsXG4gIGJvcmRlclJhZGl1czogMyxcbiAgaGVpZ2h0OiAyMCxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIHZpc2liaWxpdHk6ICdoaWRkZW4nLFxuICB0b3A6IC0yLFxuICAnOmJlZm9yZSc6IHtcbiAgICBjb250ZW50OiBcIicnXCIsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgdG9wOiAnMjklJyxcbiAgICBsZWZ0OiAtNCxcbiAgICBtYXJnaW5MZWZ0OiAtNSxcbiAgICBib3JkZXI6ICc1cHggc29saWQnLFxuICAgIGJvcmRlckNvbG9yOiBgJHt0aGVtZT8ucGFsZXR0ZS5ncmV5QXRoZW5zfSB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudGAsXG4gICAgdHJhbnNmb3JtOiAncm90YXRlKDkwZGVnKScsXG4gIH0sXG59KSk7XG5cbmNvbnN0IEljb24gPSBzdHlsZWQoJ2RpdicpKHtcbiAgd2lkdGg6ICcxMHB4Jyxcbn0pO1xuXG5jb25zdCBUb29sVGlwID0gc3R5bGVkKCdzcGFuJykoe1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgaGVpZ2h0OiAnMThweCcsXG4gICc6aG92ZXInOiB7XG4gICAgW2Ake0ZsYWdzfWBdOiB7XG4gICAgICB2aXNpYmlsaXR5OiAndmlzaWJsZScsXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19 */");
+const Flags = /*#__PURE__*/(0, _base.default)('span', process.env.NODE_ENV === "production" ? {
+  target: "e9dwga52"
+} : {
+  target: "e9dwga52",
+  label: "Flags"
+})(({
+  theme
+}) => ({
+  display: 'inline-grid',
+  gridTemplateColumns: 'repeat(8, max-content)',
+  gridGap: theme.spacing(0, 1),
+  position: 'absolute',
+  background: theme === null || theme === void 0 ? void 0 : theme.palette.greyAthens,
+  padding: '1px 4px',
+  borderRadius: 3,
+  height: 20,
+  alignItems: 'center',
+  visibility: 'hidden',
+  top: -2,
+  ':before': {
+    content: "''",
+    position: 'absolute',
+    top: '29%',
+    left: -4,
+    marginLeft: -5,
+    border: '5px solid',
+    borderColor: `${theme === null || theme === void 0 ? void 0 : theme.palette.greyAthens} transparent transparent transparent`,
+    transform: 'rotate(90deg)'
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zZWN0aW9ucy9Gb290ZXIvRm9vdGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyRWMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NlY3Rpb25zL0Zvb3Rlci9Gb290ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LW1heC1kZXB0aCAqL1xuXG4vKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcGFzY2FsLWNhc2UgKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBGbGFnc0ljb24gZnJvbSAnY291bnRyeS1mbGFnLWljb25zL3JlYWN0LzN4Mic7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVHJhbnMsIHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCB7IExvZ28sIFRoZW1lLCB1c2VDb25maWcgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IHsgRWFydGggfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL0ljb25zJztcbmltcG9ydCB7IElubmVyLCBMZWZ0LCBMb3ZlLCBSaWdodCwgV3JhcHBlciB9IGZyb20gJy4vc3R5bGVzJztcblxuZnVuY3Rpb24gZ29Ub1ZlcmRhY2Npb1dlYnNpdGUoKTogdm9pZCB7XG4gIHdpbmRvdy5vcGVuKCdodHRwczovL3ZlcmRhY2Npby5vcmcnLCAnX2JsYW5rJyk7XG59XG5cbi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1rZXkgKi9cbmNvbnN0IEZvb3RlciA9ICgpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCB7IGNvbmZpZ09wdGlvbnMgfSA9IHVzZUNvbmZpZygpO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIGRhdGEtdGVzdGlkPVwiZm9vdGVyXCI+XG4gICAgICA8SW5uZXI+XG4gICAgICAgIDxMZWZ0PlxuICAgICAgICAgIDxUcmFucyBjb21wb25lbnRzPXtbPExvdmUgLz5dfSBpMThuS2V5PVwiZm9vdGVyLm1hZGUtd2l0aC1sb3ZlLW9uXCIgLz5cbiAgICAgICAgICA8VG9vbFRpcD5cbiAgICAgICAgICAgIDxTdHlsZWRFYXJ0aCAvPlxuICAgICAgICAgICAgPEZsYWdzPlxuICAgICAgICAgICAgICA8SWNvbj5cbiAgICAgICAgICAgICAgICA8RmxhZ3NJY29uLkVTIC8+XG4gICAgICAgICAgICAgIDwvSWNvbj5cbiAgICAgICAgICAgICAgPEljb24+XG4gICAgICAgICAgICAgICAgPEZsYWdzSWNvbi5OSSAvPlxuICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICAgIDxJY29uPlxuICAgICAgICAgICAgICAgIDxGbGFnc0ljb24uSU4gLz5cbiAgICAgICAgICAgICAgPC9JY29uPlxuICAgICAgICAgICAgICA8SWNvbj5cbiAgICAgICAgICAgICAgICA8RmxhZ3NJY29uLkJSIC8+XG4gICAgICAgICAgICAgIDwvSWNvbj5cbiAgICAgICAgICAgICAgPEljb24+XG4gICAgICAgICAgICAgICAgPEZsYWdzSWNvbi5DTiAvPlxuICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICAgIDxJY29uPlxuICAgICAgICAgICAgICAgIDxGbGFnc0ljb24uQVUgLz5cbiAgICAgICAgICAgICAgPC9JY29uPlxuICAgICAgICAgICAgICA8SWNvbj5cbiAgICAgICAgICAgICAgICA8RmxhZ3NJY29uLkRFIC8+XG4gICAgICAgICAgICAgIDwvSWNvbj5cbiAgICAgICAgICAgICAgPEljb24+XG4gICAgICAgICAgICAgICAgPEZsYWdzSWNvbi5UVyAvPlxuICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICA8L0ZsYWdzPlxuICAgICAgICAgIDwvVG9vbFRpcD5cbiAgICAgICAgPC9MZWZ0PlxuICAgICAgICA8UmlnaHQ+XG4gICAgICAgICAge2NvbmZpZ09wdGlvbnM/LnZlcnNpb24gJiYgKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgPHNwYW4gZGF0YS10ZXN0aWQ9XCJ2ZXJzaW9uLWZvb3RlclwiPnt0KCdmb290ZXIucG93ZXJlZC1ieScpfTwvc3Bhbj5cbiAgICAgICAgICAgICAgPExvZ28gaXNEZWZhdWx0PXt0cnVlfSBvbkNsaWNrPXtnb1RvVmVyZGFjY2lvV2Vic2l0ZX0gc2l6ZT1cIngtc21hbGxcIiAvPlxuICAgICAgICAgICAgICB7YC8gJHtjb25maWdPcHRpb25zLnZlcnNpb259YH1cbiAgICAgICAgICAgIDwvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvUmlnaHQ+XG4gICAgICA8L0lubmVyPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvb3RlcjtcblxuY29uc3QgU3R5bGVkRWFydGggPSBzdHlsZWQoRWFydGgpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXJnaW46IHRoZW1lLnNwYWNpbmcoMCwgMSksXG59KSk7XG5cbmNvbnN0IEZsYWdzID0gc3R5bGVkKCdzcGFuJyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGRpc3BsYXk6ICdpbmxpbmUtZ3JpZCcsXG4gIGdyaWRUZW1wbGF0ZUNvbHVtbnM6ICdyZXBlYXQoOCwgbWF4LWNvbnRlbnQpJyxcbiAgZ3JpZEdhcDogdGhlbWUuc3BhY2luZygwLCAxKSxcbiAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIGJhY2tncm91bmQ6IHRoZW1lPy5wYWxldHRlLmdyZXlBdGhlbnMsXG4gIHBhZGRpbmc6ICcxcHggNHB4JyxcbiAgYm9yZGVyUmFkaXVzOiAzLFxuICBoZWlnaHQ6IDIwLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgdmlzaWJpbGl0eTogJ2hpZGRlbicsXG4gIHRvcDogLTIsXG4gICc6YmVmb3JlJzoge1xuICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICB0b3A6ICcyOSUnLFxuICAgIGxlZnQ6IC00LFxuICAgIG1hcmdpbkxlZnQ6IC01LFxuICAgIGJvcmRlcjogJzVweCBzb2xpZCcsXG4gICAgYm9yZGVyQ29sb3I6IGAke3RoZW1lPy5wYWxldHRlLmdyZXlBdGhlbnN9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50YCxcbiAgICB0cmFuc2Zvcm06ICdyb3RhdGUoOTBkZWcpJyxcbiAgfSxcbn0pKTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZCgnZGl2Jykoe1xuICB3aWR0aDogJzEwcHgnLFxufSk7XG5cbmNvbnN0IFRvb2xUaXAgPSBzdHlsZWQoJ3NwYW4nKSh7XG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICBoZWlnaHQ6ICcxOHB4JyxcbiAgJzpob3Zlcic6IHtcbiAgICBbYCR7RmxhZ3N9YF06IHtcbiAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */");
+const Icon = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "production" ? {
+  target: "e9dwga51"
+} : {
+  target: "e9dwga51",
+  label: "Icon"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1g2l0a9",
+  styles: "width:10px"
+} : {
+  name: "1g2l0a9",
+  styles: "width:10px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zZWN0aW9ucy9Gb290ZXIvRm9vdGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFtR2EiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NlY3Rpb25zL0Zvb3Rlci9Gb290ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LW1heC1kZXB0aCAqL1xuXG4vKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gtcGFzY2FsLWNhc2UgKi9cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBGbGFnc0ljb24gZnJvbSAnY291bnRyeS1mbGFnLWljb25zL3JlYWN0LzN4Mic7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgVHJhbnMsIHVzZVRyYW5zbGF0aW9uIH0gZnJvbSAncmVhY3QtaTE4bmV4dCc7XG5cbmltcG9ydCB7IExvZ28sIFRoZW1lLCB1c2VDb25maWcgfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IHsgRWFydGggfSBmcm9tICcuLi8uLi9jb21wb25lbnRzL0ljb25zJztcbmltcG9ydCB7IElubmVyLCBMZWZ0LCBMb3ZlLCBSaWdodCwgV3JhcHBlciB9IGZyb20gJy4vc3R5bGVzJztcblxuZnVuY3Rpb24gZ29Ub1ZlcmRhY2Npb1dlYnNpdGUoKTogdm9pZCB7XG4gIHdpbmRvdy5vcGVuKCdodHRwczovL3ZlcmRhY2Npby5vcmcnLCAnX2JsYW5rJyk7XG59XG5cbi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1rZXkgKi9cbmNvbnN0IEZvb3RlciA9ICgpID0+IHtcbiAgY29uc3QgeyB0IH0gPSB1c2VUcmFuc2xhdGlvbigpO1xuICBjb25zdCB7IGNvbmZpZ09wdGlvbnMgfSA9IHVzZUNvbmZpZygpO1xuICByZXR1cm4gKFxuICAgIDxXcmFwcGVyIGRhdGEtdGVzdGlkPVwiZm9vdGVyXCI+XG4gICAgICA8SW5uZXI+XG4gICAgICAgIDxMZWZ0PlxuICAgICAgICAgIDxUcmFucyBjb21wb25lbnRzPXtbPExvdmUgLz5dfSBpMThuS2V5PVwiZm9vdGVyLm1hZGUtd2l0aC1sb3ZlLW9uXCIgLz5cbiAgICAgICAgICA8VG9vbFRpcD5cbiAgICAgICAgICAgIDxTdHlsZWRFYXJ0aCAvPlxuICAgICAgICAgICAgPEZsYWdzPlxuICAgICAgICAgICAgICA8SWNvbj5cbiAgICAgICAgICAgICAgICA8RmxhZ3NJY29uLkVTIC8+XG4gICAgICAgICAgICAgIDwvSWNvbj5cbiAgICAgICAgICAgICAgPEljb24+XG4gICAgICAgICAgICAgICAgPEZsYWdzSWNvbi5OSSAvPlxuICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICAgIDxJY29uPlxuICAgICAgICAgICAgICAgIDxGbGFnc0ljb24uSU4gLz5cbiAgICAgICAgICAgICAgPC9JY29uPlxuICAgICAgICAgICAgICA8SWNvbj5cbiAgICAgICAgICAgICAgICA8RmxhZ3NJY29uLkJSIC8+XG4gICAgICAgICAgICAgIDwvSWNvbj5cbiAgICAgICAgICAgICAgPEljb24+XG4gICAgICAgICAgICAgICAgPEZsYWdzSWNvbi5DTiAvPlxuICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICAgIDxJY29uPlxuICAgICAgICAgICAgICAgIDxGbGFnc0ljb24uQVUgLz5cbiAgICAgICAgICAgICAgPC9JY29uPlxuICAgICAgICAgICAgICA8SWNvbj5cbiAgICAgICAgICAgICAgICA8RmxhZ3NJY29uLkRFIC8+XG4gICAgICAgICAgICAgIDwvSWNvbj5cbiAgICAgICAgICAgICAgPEljb24+XG4gICAgICAgICAgICAgICAgPEZsYWdzSWNvbi5UVyAvPlxuICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICA8L0ZsYWdzPlxuICAgICAgICAgIDwvVG9vbFRpcD5cbiAgICAgICAgPC9MZWZ0PlxuICAgICAgICA8UmlnaHQ+XG4gICAgICAgICAge2NvbmZpZ09wdGlvbnM/LnZlcnNpb24gJiYgKFxuICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgPHNwYW4gZGF0YS10ZXN0aWQ9XCJ2ZXJzaW9uLWZvb3RlclwiPnt0KCdmb290ZXIucG93ZXJlZC1ieScpfTwvc3Bhbj5cbiAgICAgICAgICAgICAgPExvZ28gaXNEZWZhdWx0PXt0cnVlfSBvbkNsaWNrPXtnb1RvVmVyZGFjY2lvV2Vic2l0ZX0gc2l6ZT1cIngtc21hbGxcIiAvPlxuICAgICAgICAgICAgICB7YC8gJHtjb25maWdPcHRpb25zLnZlcnNpb259YH1cbiAgICAgICAgICAgIDwvPlxuICAgICAgICAgICl9XG4gICAgICAgIDwvUmlnaHQ+XG4gICAgICA8L0lubmVyPlxuICAgIDwvV3JhcHBlcj5cbiAgKTtcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEZvb3RlcjtcblxuY29uc3QgU3R5bGVkRWFydGggPSBzdHlsZWQoRWFydGgpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBtYXJnaW46IHRoZW1lLnNwYWNpbmcoMCwgMSksXG59KSk7XG5cbmNvbnN0IEZsYWdzID0gc3R5bGVkKCdzcGFuJyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGRpc3BsYXk6ICdpbmxpbmUtZ3JpZCcsXG4gIGdyaWRUZW1wbGF0ZUNvbHVtbnM6ICdyZXBlYXQoOCwgbWF4LWNvbnRlbnQpJyxcbiAgZ3JpZEdhcDogdGhlbWUuc3BhY2luZygwLCAxKSxcbiAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gIGJhY2tncm91bmQ6IHRoZW1lPy5wYWxldHRlLmdyZXlBdGhlbnMsXG4gIHBhZGRpbmc6ICcxcHggNHB4JyxcbiAgYm9yZGVyUmFkaXVzOiAzLFxuICBoZWlnaHQ6IDIwLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgdmlzaWJpbGl0eTogJ2hpZGRlbicsXG4gIHRvcDogLTIsXG4gICc6YmVmb3JlJzoge1xuICAgIGNvbnRlbnQ6IFwiJydcIixcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICB0b3A6ICcyOSUnLFxuICAgIGxlZnQ6IC00LFxuICAgIG1hcmdpbkxlZnQ6IC01LFxuICAgIGJvcmRlcjogJzVweCBzb2xpZCcsXG4gICAgYm9yZGVyQ29sb3I6IGAke3RoZW1lPy5wYWxldHRlLmdyZXlBdGhlbnN9IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50IHRyYW5zcGFyZW50YCxcbiAgICB0cmFuc2Zvcm06ICdyb3RhdGUoOTBkZWcpJyxcbiAgfSxcbn0pKTtcblxuY29uc3QgSWNvbiA9IHN0eWxlZCgnZGl2Jykoe1xuICB3aWR0aDogJzEwcHgnLFxufSk7XG5cbmNvbnN0IFRvb2xUaXAgPSBzdHlsZWQoJ3NwYW4nKSh7XG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICBoZWlnaHQ6ICcxOHB4JyxcbiAgJzpob3Zlcic6IHtcbiAgICBbYCR7RmxhZ3N9YF06IHtcbiAgICAgIHZpc2liaWxpdHk6ICd2aXNpYmxlJyxcbiAgICB9LFxuICB9LFxufSk7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const ToolTip = /*#__PURE__*/(0, _base.default)('span', process.env.NODE_ENV === "production" ? {
+  target: "e9dwga50"
+} : {
+  target: "e9dwga50",
+  label: "ToolTip"
+})({
+  position: 'relative',
+  height: '18px',
+  ':hover': {
+    [`${Flags}`]: {
+      visibility: 'visible'
+    }
+  }
+}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zZWN0aW9ucy9Gb290ZXIvRm9vdGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF1R2dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zZWN0aW9ucy9Gb290ZXIvRm9vdGVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1tYXgtZGVwdGggKi9cblxuLyogZXNsaW50LWRpc2FibGUgcmVhY3QvanN4LXBhc2NhbC1jYXNlICovXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgRmxhZ3NJY29uIGZyb20gJ2NvdW50cnktZmxhZy1pY29ucy9yZWFjdC8zeDInO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFRyYW5zLCB1c2VUcmFuc2xhdGlvbiB9IGZyb20gJ3JlYWN0LWkxOG5leHQnO1xuXG5pbXBvcnQgeyBMb2dvLCBUaGVtZSwgdXNlQ29uZmlnIH0gZnJvbSAnLi4vLi4vJztcbmltcG9ydCB7IEVhcnRoIH0gZnJvbSAnLi4vLi4vY29tcG9uZW50cy9JY29ucyc7XG5pbXBvcnQgeyBJbm5lciwgTGVmdCwgTG92ZSwgUmlnaHQsIFdyYXBwZXIgfSBmcm9tICcuL3N0eWxlcyc7XG5cbmZ1bmN0aW9uIGdvVG9WZXJkYWNjaW9XZWJzaXRlKCk6IHZvaWQge1xuICB3aW5kb3cub3BlbignaHR0cHM6Ly92ZXJkYWNjaW8ub3JnJywgJ19ibGFuaycpO1xufVxuXG4vKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9qc3gta2V5ICovXG5jb25zdCBGb290ZXIgPSAoKSA9PiB7XG4gIGNvbnN0IHsgdCB9ID0gdXNlVHJhbnNsYXRpb24oKTtcbiAgY29uc3QgeyBjb25maWdPcHRpb25zIH0gPSB1c2VDb25maWcoKTtcbiAgcmV0dXJuIChcbiAgICA8V3JhcHBlciBkYXRhLXRlc3RpZD1cImZvb3RlclwiPlxuICAgICAgPElubmVyPlxuICAgICAgICA8TGVmdD5cbiAgICAgICAgICA8VHJhbnMgY29tcG9uZW50cz17WzxMb3ZlIC8+XX0gaTE4bktleT1cImZvb3Rlci5tYWRlLXdpdGgtbG92ZS1vblwiIC8+XG4gICAgICAgICAgPFRvb2xUaXA+XG4gICAgICAgICAgICA8U3R5bGVkRWFydGggLz5cbiAgICAgICAgICAgIDxGbGFncz5cbiAgICAgICAgICAgICAgPEljb24+XG4gICAgICAgICAgICAgICAgPEZsYWdzSWNvbi5FUyAvPlxuICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICAgIDxJY29uPlxuICAgICAgICAgICAgICAgIDxGbGFnc0ljb24uTkkgLz5cbiAgICAgICAgICAgICAgPC9JY29uPlxuICAgICAgICAgICAgICA8SWNvbj5cbiAgICAgICAgICAgICAgICA8RmxhZ3NJY29uLklOIC8+XG4gICAgICAgICAgICAgIDwvSWNvbj5cbiAgICAgICAgICAgICAgPEljb24+XG4gICAgICAgICAgICAgICAgPEZsYWdzSWNvbi5CUiAvPlxuICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICAgIDxJY29uPlxuICAgICAgICAgICAgICAgIDxGbGFnc0ljb24uQ04gLz5cbiAgICAgICAgICAgICAgPC9JY29uPlxuICAgICAgICAgICAgICA8SWNvbj5cbiAgICAgICAgICAgICAgICA8RmxhZ3NJY29uLkFVIC8+XG4gICAgICAgICAgICAgIDwvSWNvbj5cbiAgICAgICAgICAgICAgPEljb24+XG4gICAgICAgICAgICAgICAgPEZsYWdzSWNvbi5ERSAvPlxuICAgICAgICAgICAgICA8L0ljb24+XG4gICAgICAgICAgICAgIDxJY29uPlxuICAgICAgICAgICAgICAgIDxGbGFnc0ljb24uVFcgLz5cbiAgICAgICAgICAgICAgPC9JY29uPlxuICAgICAgICAgICAgPC9GbGFncz5cbiAgICAgICAgICA8L1Rvb2xUaXA+XG4gICAgICAgIDwvTGVmdD5cbiAgICAgICAgPFJpZ2h0PlxuICAgICAgICAgIHtjb25maWdPcHRpb25zPy52ZXJzaW9uICYmIChcbiAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgIDxzcGFuIGRhdGEtdGVzdGlkPVwidmVyc2lvbi1mb290ZXJcIj57dCgnZm9vdGVyLnBvd2VyZWQtYnknKX08L3NwYW4+XG4gICAgICAgICAgICAgIDxMb2dvIGlzRGVmYXVsdD17dHJ1ZX0gb25DbGljaz17Z29Ub1ZlcmRhY2Npb1dlYnNpdGV9IHNpemU9XCJ4LXNtYWxsXCIgLz5cbiAgICAgICAgICAgICAge2AvICR7Y29uZmlnT3B0aW9ucy52ZXJzaW9ufWB9XG4gICAgICAgICAgICA8Lz5cbiAgICAgICAgICApfVxuICAgICAgICA8L1JpZ2h0PlxuICAgICAgPC9Jbm5lcj5cbiAgICA8L1dyYXBwZXI+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBGb290ZXI7XG5cbmNvbnN0IFN0eWxlZEVhcnRoID0gc3R5bGVkKEVhcnRoKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgbWFyZ2luOiB0aGVtZS5zcGFjaW5nKDAsIDEpLFxufSkpO1xuXG5jb25zdCBGbGFncyA9IHN0eWxlZCgnc3BhbicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBkaXNwbGF5OiAnaW5saW5lLWdyaWQnLFxuICBncmlkVGVtcGxhdGVDb2x1bW5zOiAncmVwZWF0KDgsIG1heC1jb250ZW50KScsXG4gIGdyaWRHYXA6IHRoZW1lLnNwYWNpbmcoMCwgMSksXG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICBiYWNrZ3JvdW5kOiB0aGVtZT8ucGFsZXR0ZS5ncmV5QXRoZW5zLFxuICBwYWRkaW5nOiAnMXB4IDRweCcsXG4gIGJvcmRlclJhZGl1czogMyxcbiAgaGVpZ2h0OiAyMCxcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIHZpc2liaWxpdHk6ICdoaWRkZW4nLFxuICB0b3A6IC0yLFxuICAnOmJlZm9yZSc6IHtcbiAgICBjb250ZW50OiBcIicnXCIsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgdG9wOiAnMjklJyxcbiAgICBsZWZ0OiAtNCxcbiAgICBtYXJnaW5MZWZ0OiAtNSxcbiAgICBib3JkZXI6ICc1cHggc29saWQnLFxuICAgIGJvcmRlckNvbG9yOiBgJHt0aGVtZT8ucGFsZXR0ZS5ncmV5QXRoZW5zfSB0cmFuc3BhcmVudCB0cmFuc3BhcmVudCB0cmFuc3BhcmVudGAsXG4gICAgdHJhbnNmb3JtOiAncm90YXRlKDkwZGVnKScsXG4gIH0sXG59KSk7XG5cbmNvbnN0IEljb24gPSBzdHlsZWQoJ2RpdicpKHtcbiAgd2lkdGg6ICcxMHB4Jyxcbn0pO1xuXG5jb25zdCBUb29sVGlwID0gc3R5bGVkKCdzcGFuJykoe1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgaGVpZ2h0OiAnMThweCcsXG4gICc6aG92ZXInOiB7XG4gICAgW2Ake0ZsYWdzfWBdOiB7XG4gICAgICB2aXNpYmlsaXR5OiAndmlzaWJsZScsXG4gICAgfSxcbiAgfSxcbn0pO1xuIl19 */");
+//# sourceMappingURL=Footer.js.map

package/build/sections/Footer/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function () {
+    return _Footer.default;
+  }
+});
+var _Footer = _interopRequireDefault(require("./Footer"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/build/sections/Footer/styles.js

@@ -0,0 +1,85 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.Right = exports.Love = exports.Left = exports.Inner = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const Wrapper = exports.Wrapper = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "production" ? {
+  target: "e1u2lefy4"
+} : {
+  target: "e1u2lefy4",
+  label: "Wrapper"
+})(({
+  theme
+}) => ({
+  background: (theme === null || theme === void 0 ? void 0 : theme.palette.mode) === 'light' ? theme === null || theme === void 0 ? void 0 : theme.palette.snow : theme === null || theme === void 0 ? void 0 : theme.palette.cyanBlue,
+  borderTop: `1px solid ${theme === null || theme === void 0 ? void 0 : theme.palette.greyGainsboro}`,
+  color: (theme === null || theme === void 0 ? void 0 : theme.palette.mode) === 'dark' ? theme === null || theme === void 0 ? void 0 : theme.palette.white : theme === null || theme === void 0 ? void 0 : theme.palette.nobel01,
+  fontSize: '14px',
+  padding: '20px'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zZWN0aW9ucy9Gb290ZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUl1QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc2VjdGlvbnMvRm9vdGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGJhY2tncm91bmQ6IHRoZW1lPy5wYWxldHRlLm1vZGUgPT09ICdsaWdodCcgPyB0aGVtZT8ucGFsZXR0ZS5zbm93IDogdGhlbWU/LnBhbGV0dGUuY3lhbkJsdWUsXG4gIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lPy5wYWxldHRlLmdyZXlHYWluc2Jvcm99YCxcbiAgY29sb3I6IHRoZW1lPy5wYWxldHRlLm1vZGUgPT09ICdkYXJrJyA/IHRoZW1lPy5wYWxldHRlLndoaXRlIDogdGhlbWU/LnBhbGV0dGUubm9iZWwwMSxcbiAgZm9udFNpemU6ICcxNHB4JyxcbiAgcGFkZGluZzogJzIwcHgnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgSW5uZXIgPSBzdHlsZWQoJ2RpdicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtZW5kJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgW2BAbWVkaWEgKG1pbi13aWR0aDogJHt0aGVtZT8uYnJlYWtQb2ludHMubWVkaXVtfXB4KWBdOiB7XG4gICAgbWluV2lkdGg6IDQwMCxcbiAgICBtYXhXaWR0aDogODAwLFxuICAgIG1hcmdpbjogJ2F1dG8nLFxuICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gIH0sXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWU/LmJyZWFrUG9pbnRzLmxhcmdlfXB4KWBdOiB7XG4gICAgbWF4V2lkdGg6IDEyNDAsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBMZWZ0ID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGRpc3BsYXk6ICdub25lJyxcbiAgW2BAbWVkaWEgKG1pbi13aWR0aDogJHt0aGVtZT8uYnJlYWtQb2ludHMubWVkaXVtfXB4KWBdOiB7XG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgUmlnaHQgPSBzdHlsZWQoTGVmdCkoe1xuICBkaXNwbGF5OiAnZmxleCcsXG59KTtcblxuZXhwb3J0IGNvbnN0IExvdmUgPSBzdHlsZWQoJ3NwYW4nKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lPy5wYWxldHRlLmxvdmUsXG4gIHBhZGRpbmc6ICcwIDVweCcsXG59KSk7XG4iXX0= */");
+const Inner = exports.Inner = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "production" ? {
+  target: "e1u2lefy3"
+} : {
+  target: "e1u2lefy3",
+  label: "Inner"
+})(({
+  theme
+}) => ({
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'flex-end',
+  width: '100%',
+  [`@media (min-width: ${theme === null || theme === void 0 ? void 0 : theme.breakPoints.medium}px)`]: {
+    minWidth: 400,
+    maxWidth: 800,
+    margin: 'auto',
+    justifyContent: 'space-between'
+  },
+  [`@media (min-width: ${theme === null || theme === void 0 ? void 0 : theme.breakPoints.large}px)`]: {
+    maxWidth: 1240
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zZWN0aW9ucy9Gb290ZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVlxQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvc2VjdGlvbnMvRm9vdGVyL3N0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcblxuaW1wb3J0IHsgVGhlbWUgfSBmcm9tICcuLi8uLi8nO1xuXG5leHBvcnQgY29uc3QgV3JhcHBlciA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGJhY2tncm91bmQ6IHRoZW1lPy5wYWxldHRlLm1vZGUgPT09ICdsaWdodCcgPyB0aGVtZT8ucGFsZXR0ZS5zbm93IDogdGhlbWU/LnBhbGV0dGUuY3lhbkJsdWUsXG4gIGJvcmRlclRvcDogYDFweCBzb2xpZCAke3RoZW1lPy5wYWxldHRlLmdyZXlHYWluc2Jvcm99YCxcbiAgY29sb3I6IHRoZW1lPy5wYWxldHRlLm1vZGUgPT09ICdkYXJrJyA/IHRoZW1lPy5wYWxldHRlLndoaXRlIDogdGhlbWU/LnBhbGV0dGUubm9iZWwwMSxcbiAgZm9udFNpemU6ICcxNHB4JyxcbiAgcGFkZGluZzogJzIwcHgnLFxufSkpO1xuXG5leHBvcnQgY29uc3QgSW5uZXIgPSBzdHlsZWQoJ2RpdicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBkaXNwbGF5OiAnZmxleCcsXG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtZW5kJyxcbiAgd2lkdGg6ICcxMDAlJyxcbiAgW2BAbWVkaWEgKG1pbi13aWR0aDogJHt0aGVtZT8uYnJlYWtQb2ludHMubWVkaXVtfXB4KWBdOiB7XG4gICAgbWluV2lkdGg6IDQwMCxcbiAgICBtYXhXaWR0aDogODAwLFxuICAgIG1hcmdpbjogJ2F1dG8nLFxuICAgIGp1c3RpZnlDb250ZW50OiAnc3BhY2UtYmV0d2VlbicsXG4gIH0sXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWU/LmJyZWFrUG9pbnRzLmxhcmdlfXB4KWBdOiB7XG4gICAgbWF4V2lkdGg6IDEyNDAsXG4gIH0sXG59KSk7XG5cbmV4cG9ydCBjb25zdCBMZWZ0ID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gIGRpc3BsYXk6ICdub25lJyxcbiAgW2BAbWVkaWEgKG1pbi13aWR0aDogJHt0aGVtZT8uYnJlYWtQb2ludHMubWVkaXVtfXB4KWBdOiB7XG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgUmlnaHQgPSBzdHlsZWQoTGVmdCkoe1xuICBkaXNwbGF5OiAnZmxleCcsXG59KTtcblxuZXhwb3J0IGNvbnN0IExvdmUgPSBzdHlsZWQoJ3NwYW4nKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgY29sb3I6IHRoZW1lPy5wYWxldHRlLmxvdmUsXG4gIHBhZGRpbmc6ICcwIDVweCcsXG59KSk7XG4iXX0= */");
+const Left = exports.Left = /*#__PURE__*/(0, _base.default)('div', process.env.NODE_ENV === "production" ? {
+  target: "e1u2lefy2"
+} : {
+  target: "e1u2lefy2",
+  label: "Left"
+})(({
+  theme
+}) => ({
+  alignItems: 'center',
+  display: 'none',
+  [`@media (min-width: ${theme === null || theme === void 0 ? void 0 : theme.breakPoints.medium}px)`]: {
+    display: 'flex'
+  }
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zZWN0aW9ucy9Gb290ZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NlY3Rpb25zL0Zvb3Rlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQoJ2RpdicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiB0aGVtZT8ucGFsZXR0ZS5tb2RlID09PSAnbGlnaHQnID8gdGhlbWU/LnBhbGV0dGUuc25vdyA6IHRoZW1lPy5wYWxldHRlLmN5YW5CbHVlLFxuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZT8ucGFsZXR0ZS5ncmV5R2FpbnNib3JvfWAsXG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS5tb2RlID09PSAnZGFyaycgPyB0aGVtZT8ucGFsZXR0ZS53aGl0ZSA6IHRoZW1lPy5wYWxldHRlLm5vYmVsMDEsXG4gIGZvbnRTaXplOiAnMTRweCcsXG4gIHBhZGRpbmc6ICcyMHB4Jyxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IElubmVyID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAganVzdGlmeUNvbnRlbnQ6ICdmbGV4LWVuZCcsXG4gIHdpZHRoOiAnMTAwJScsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWU/LmJyZWFrUG9pbnRzLm1lZGl1bX1weClgXToge1xuICAgIG1pbldpZHRoOiA0MDAsXG4gICAgbWF4V2lkdGg6IDgwMCxcbiAgICBtYXJnaW46ICdhdXRvJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICB9LFxuICBbYEBtZWRpYSAobWluLXdpZHRoOiAke3RoZW1lPy5icmVha1BvaW50cy5sYXJnZX1weClgXToge1xuICAgIG1heFdpZHRoOiAxMjQwLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgTGVmdCA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBkaXNwbGF5OiAnbm9uZScsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWU/LmJyZWFrUG9pbnRzLm1lZGl1bX1weClgXToge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFJpZ2h0ID0gc3R5bGVkKExlZnQpKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBMb3ZlID0gc3R5bGVkKCdzcGFuJyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS5sb3ZlLFxuICBwYWRkaW5nOiAnMCA1cHgnLFxufSkpO1xuIl19 */");
+const Right = exports.Right = /*#__PURE__*/(0, _base.default)(Left, process.env.NODE_ENV === "production" ? {
+  target: "e1u2lefy1"
+} : {
+  target: "e1u2lefy1",
+  label: "Right"
+})(process.env.NODE_ENV === "production" ? {
+  name: "zjik7",
+  styles: "display:flex"
+} : {
+  name: "zjik7",
+  styles: "display:flex",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zZWN0aW9ucy9Gb290ZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9DcUIiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NlY3Rpb25zL0Zvb3Rlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQoJ2RpdicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiB0aGVtZT8ucGFsZXR0ZS5tb2RlID09PSAnbGlnaHQnID8gdGhlbWU/LnBhbGV0dGUuc25vdyA6IHRoZW1lPy5wYWxldHRlLmN5YW5CbHVlLFxuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZT8ucGFsZXR0ZS5ncmV5R2FpbnNib3JvfWAsXG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS5tb2RlID09PSAnZGFyaycgPyB0aGVtZT8ucGFsZXR0ZS53aGl0ZSA6IHRoZW1lPy5wYWxldHRlLm5vYmVsMDEsXG4gIGZvbnRTaXplOiAnMTRweCcsXG4gIHBhZGRpbmc6ICcyMHB4Jyxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IElubmVyID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAganVzdGlmeUNvbnRlbnQ6ICdmbGV4LWVuZCcsXG4gIHdpZHRoOiAnMTAwJScsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWU/LmJyZWFrUG9pbnRzLm1lZGl1bX1weClgXToge1xuICAgIG1pbldpZHRoOiA0MDAsXG4gICAgbWF4V2lkdGg6IDgwMCxcbiAgICBtYXJnaW46ICdhdXRvJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICB9LFxuICBbYEBtZWRpYSAobWluLXdpZHRoOiAke3RoZW1lPy5icmVha1BvaW50cy5sYXJnZX1weClgXToge1xuICAgIG1heFdpZHRoOiAxMjQwLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgTGVmdCA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBkaXNwbGF5OiAnbm9uZScsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWU/LmJyZWFrUG9pbnRzLm1lZGl1bX1weClgXToge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFJpZ2h0ID0gc3R5bGVkKExlZnQpKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBMb3ZlID0gc3R5bGVkKCdzcGFuJyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS5sb3ZlLFxuICBwYWRkaW5nOiAnMCA1cHgnLFxufSkpO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Love = exports.Love = /*#__PURE__*/(0, _base.default)('span', process.env.NODE_ENV === "production" ? {
+  target: "e1u2lefy0"
+} : {
+  target: "e1u2lefy0",
+  label: "Love"
+})(({
+  theme
+}) => ({
+  color: theme === null || theme === void 0 ? void 0 : theme.palette.love,
+  padding: '0 5px'
+}), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zZWN0aW9ucy9Gb290ZXIvc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDb0IiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL3NlY3Rpb25zL0Zvb3Rlci9zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vJztcblxuZXhwb3J0IGNvbnN0IFdyYXBwZXIgPSBzdHlsZWQoJ2RpdicpPHsgdGhlbWU/OiBUaGVtZSB9PigoeyB0aGVtZSB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kOiB0aGVtZT8ucGFsZXR0ZS5tb2RlID09PSAnbGlnaHQnID8gdGhlbWU/LnBhbGV0dGUuc25vdyA6IHRoZW1lPy5wYWxldHRlLmN5YW5CbHVlLFxuICBib3JkZXJUb3A6IGAxcHggc29saWQgJHt0aGVtZT8ucGFsZXR0ZS5ncmV5R2FpbnNib3JvfWAsXG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS5tb2RlID09PSAnZGFyaycgPyB0aGVtZT8ucGFsZXR0ZS53aGl0ZSA6IHRoZW1lPy5wYWxldHRlLm5vYmVsMDEsXG4gIGZvbnRTaXplOiAnMTRweCcsXG4gIHBhZGRpbmc6ICcyMHB4Jyxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IElubmVyID0gc3R5bGVkKCdkaXYnKTx7IHRoZW1lPzogVGhlbWUgfT4oKHsgdGhlbWUgfSkgPT4gKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxuICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAganVzdGlmeUNvbnRlbnQ6ICdmbGV4LWVuZCcsXG4gIHdpZHRoOiAnMTAwJScsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWU/LmJyZWFrUG9pbnRzLm1lZGl1bX1weClgXToge1xuICAgIG1pbldpZHRoOiA0MDAsXG4gICAgbWF4V2lkdGg6IDgwMCxcbiAgICBtYXJnaW46ICdhdXRvJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nLFxuICB9LFxuICBbYEBtZWRpYSAobWluLXdpZHRoOiAke3RoZW1lPy5icmVha1BvaW50cy5sYXJnZX1weClgXToge1xuICAgIG1heFdpZHRoOiAxMjQwLFxuICB9LFxufSkpO1xuXG5leHBvcnQgY29uc3QgTGVmdCA9IHN0eWxlZCgnZGl2Jyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICBkaXNwbGF5OiAnbm9uZScsXG4gIFtgQG1lZGlhIChtaW4td2lkdGg6ICR7dGhlbWU/LmJyZWFrUG9pbnRzLm1lZGl1bX1weClgXToge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgfSxcbn0pKTtcblxuZXhwb3J0IGNvbnN0IFJpZ2h0ID0gc3R5bGVkKExlZnQpKHtcbiAgZGlzcGxheTogJ2ZsZXgnLFxufSk7XG5cbmV4cG9ydCBjb25zdCBMb3ZlID0gc3R5bGVkKCdzcGFuJyk8eyB0aGVtZT86IFRoZW1lIH0+KCh7IHRoZW1lIH0pID0+ICh7XG4gIGNvbG9yOiB0aGVtZT8ucGFsZXR0ZS5sb3ZlLFxuICBwYWRkaW5nOiAnMCA1cHgnLFxufSkpO1xuIl19 */");
+//# sourceMappingURL=styles.js.map

package/build/sections/Header/Header.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactRedux = require("react-redux");
+var _ = require("../../");
+var _HeaderLeft = _interopRequireDefault(require("./HeaderLeft"));
+var _HeaderRight = _interopRequireDefault(require("./HeaderRight"));
+var _HeaderSettingsDialog = _interopRequireDefault(require("./HeaderSettingsDialog"));
+var _styles = require("./styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/* eslint-disable react/jsx-no-bind*/
+const Header = ({
+  HeaderInfoDialog
+}) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  const [isInfoDialogOpen, setOpenInfoDialog] = (0, _react.useState)(false);
+  const [isSettingsDialogOpen, setSettingsDialogOpen] = (0, _react.useState)(false);
+  const [showMobileNavBar, setShowMobileNavBar] = (0, _react.useState)(false);
+  const [showLoginModal, setShowLoginModal] = (0, _react.useState)(false);
+  const loginStore = (0, _reactRedux.useSelector)(state => state.login);
+  const {
+    configOptions
+  } = (0, _.useConfig)();
+  const dispatch = (0, _reactRedux.useDispatch)();
+  const handleLogout = () => {
+    dispatch.login.logOutUser();
+    setShowLoginModal(false);
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.NavBar, {
+    "data-testid": "header",
+    position: "static"
+  }, /*#__PURE__*/_react.default.createElement(_styles.InnerNavBar, null, /*#__PURE__*/_react.default.createElement(_HeaderLeft.default, {
+    showSearch: configOptions.showSearch
+  }), /*#__PURE__*/_react.default.createElement(_HeaderRight.default, {
+    hasLogin: configOptions === null || configOptions === void 0 ? void 0 : configOptions.login,
+    onLogout: handleLogout,
+    onOpenRegistryInfoDialog: () => setOpenInfoDialog(true),
+    onOpenSettingsDialog: () => setSettingsDialogOpen(true),
+    onToggleLogin: () => setShowLoginModal(!showLoginModal),
+    onToggleMobileNav: () => setShowMobileNavBar(!showMobileNavBar),
+    showInfo: configOptions.showInfo,
+    showSearch: configOptions.showSearch,
+    showSettings: configOptions.showSettings,
+    showThemeSwitch: configOptions.showThemeSwitch,
+    username: loginStore === null || loginStore === void 0 ? void 0 : loginStore.username
+  })), /*#__PURE__*/_react.default.createElement(_HeaderSettingsDialog.default, {
+    isOpen: isSettingsDialogOpen,
+    onCloseDialog: () => setSettingsDialogOpen(false)
+  }), HeaderInfoDialog ? /*#__PURE__*/_react.default.createElement(HeaderInfoDialog, {
+    dialogTitle: t('dialog.registry-info.title'),
+    isOpen: isInfoDialogOpen,
+    onCloseDialog: () => setOpenInfoDialog(false)
+  }) : null), showMobileNavBar && /*#__PURE__*/_react.default.createElement(_styles.MobileNavBar, null, /*#__PURE__*/_react.default.createElement(_styles.InnerMobileNavBar, null, /*#__PURE__*/_react.default.createElement(_.Search, null)), /*#__PURE__*/_react.default.createElement(_Button.default, {
+    color: "inherit",
+    onClick: () => setShowMobileNavBar(false)
+  }, t('button.cancel'))), !loginStore.username && /*#__PURE__*/_react.default.createElement(_.LoginDialog, {
+    onClose: () => setShowLoginModal(false),
+    open: showLoginModal
+  }));
+};
+var _default = exports.default = Header;
+//# sourceMappingURL=Header.js.map

package/build/sections/Header/HeaderGreetings.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _ = require("../../");
+var _styles = require("./styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const HeaderGreetings = ({
+  username
+}) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_styles.Greetings, null, t('header.greetings')), /*#__PURE__*/_react.default.createElement(_.Label, {
+    "data-testid": "greetings-label",
+    text: username,
+    weight: "bold"
+  }));
+};
+var _default = exports.default = HeaderGreetings;
+//# sourceMappingURL=HeaderGreetings.js.map

package/build/sections/Header/HeaderLeft.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+var _react = _interopRequireDefault(require("react"));
+var _reactRouterDom = require("react-router-dom");
+var _ = require("../../");
+var _styles = require("./styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+const StyledLink = /*#__PURE__*/(0, _base.default)(_reactRouterDom.Link, process.env.NODE_ENV === "production" ? {
+  target: "e16mw1g30"
+} : {
+  target: "e16mw1g30",
+  label: "StyledLink"
+})(process.env.NODE_ENV === "production" ? {
+  name: "19y5u9z",
+  styles: "margin-right:1em"
+} : {
+  name: "19y5u9z",
+  styles: "margin-right:1em",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9zZWN0aW9ucy9IZWFkZXIvSGVhZGVyTGVmdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBV21CIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9zZWN0aW9ucy9IZWFkZXIvSGVhZGVyTGVmdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgTGluayB9IGZyb20gJ3JlYWN0LXJvdXRlci1kb20nO1xuXG5pbXBvcnQgeyBMb2dvLCBTZWFyY2ggfSBmcm9tICcuLi8uLi8nO1xuaW1wb3J0IHsgTGVmdFNpZGUsIFNlYXJjaFdyYXBwZXIgfSBmcm9tICcuL3N0eWxlcyc7XG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIHNob3dTZWFyY2g/OiBib29sZWFuO1xufVxuXG5jb25zdCBTdHlsZWRMaW5rID0gc3R5bGVkKExpbmspKHtcbiAgbWFyZ2luUmlnaHQ6ICcxZW0nLFxufSk7XG5cbmNvbnN0IEhlYWRlckxlZnQ6IFJlYWN0LkZDPFByb3BzPiA9ICh7IHNob3dTZWFyY2ggfSkgPT4gKFxuICA8TGVmdFNpZGU+XG4gICAgPFN0eWxlZExpbmsgdG89eycvJ30+XG4gICAgICA8TG9nbyAvPlxuICAgIDwvU3R5bGVkTGluaz5cbiAgICB7c2hvd1NlYXJjaCAmJiAoXG4gICAgICA8U2VhcmNoV3JhcHBlciBkYXRhLXRlc3RpZD1cInNlYXJjaC1jb250YWluZXJcIj5cbiAgICAgICAgPFNlYXJjaCAvPlxuICAgICAgPC9TZWFyY2hXcmFwcGVyPlxuICAgICl9XG4gIDwvTGVmdFNpZGU+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBIZWFkZXJMZWZ0O1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const HeaderLeft = ({
+  showSearch
+}) => /*#__PURE__*/_react.default.createElement(_styles.LeftSide, null, /*#__PURE__*/_react.default.createElement(StyledLink, {
+  to: '/'
+}, /*#__PURE__*/_react.default.createElement(_.Logo, null)), showSearch && /*#__PURE__*/_react.default.createElement(_styles.SearchWrapper, {
+  "data-testid": "search-container"
+}, /*#__PURE__*/_react.default.createElement(_.Search, null)));
+var _default = exports.default = HeaderLeft;
+//# sourceMappingURL=HeaderLeft.js.map

package/build/sections/Header/HeaderMenu.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _AccountCircle = _interopRequireDefault(require("@mui/icons-material/AccountCircle"));
+var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _Menu = _interopRequireDefault(require("@mui/material/Menu"));
+var _react = _interopRequireDefault(require("react"));
+var _reactI18next = require("react-i18next");
+var _ = require("../../");
+var _HeaderGreetings = _interopRequireDefault(require("./HeaderGreetings"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const HeaderMenu = ({
+  onLogout,
+  username,
+  isMenuOpen = false,
+  anchorEl,
+  onLoggedInMenu,
+  onLoggedInMenuClose
+}) => {
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
+    color: "inherit",
+    "data-testid": "logInDialogIcon",
+    id: "header--button-account",
+    onClick: onLoggedInMenu,
+    size: "large"
+  }, /*#__PURE__*/_react.default.createElement(_AccountCircle.default, null)), /*#__PURE__*/_react.default.createElement(_Menu.default, {
+    anchorEl: anchorEl,
+    anchorOrigin: {
+      vertical: 'top',
+      horizontal: 'right'
+    },
+    onClose: onLoggedInMenuClose,
+    open: isMenuOpen,
+    transformOrigin: {
+      vertical: 'top',
+      horizontal: 'right'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_.MenuItem, null, /*#__PURE__*/_react.default.createElement(_HeaderGreetings.default, {
+    username: username
+  })), /*#__PURE__*/_react.default.createElement(_.MenuItem, {
+    "data-testid": "logOutDialogIcon",
+    id: "logOutDialogIcon",
+    onClick: onLogout
+  }, t('button.logout'))));
+};
+var _default = exports.default = HeaderMenu;
+//# sourceMappingURL=HeaderMenu.js.map

package/build/sections/Header/HeaderRight.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Button = _interopRequireDefault(require("@mui/material/Button"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _ = require("../../");
+var _HeaderMenu = _interopRequireDefault(require("./HeaderMenu"));
+var _HeaderToolTip = _interopRequireDefault(require("./HeaderToolTip"));
+var _styles = require("./styles");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const HeaderRight = ({
+  showSearch,
+  username,
+  onToggleLogin,
+  hasLogin,
+  showInfo,
+  showSettings,
+  showThemeSwitch,
+  onLogout,
+  onToggleMobileNav,
+  onOpenRegistryInfoDialog,
+  onOpenSettingsDialog
+}) => {
+  // @ts-ignore
+  const {
+    isDarkMode,
+    setIsDarkMode
+  } = (0, _.useCustomTheme)();
+  const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
+  const [isMenuOpen, setIsMenuOpen] = (0, _react.useState)(false);
+  const hideLoginSection = hasLogin === false;
+  const {
+    t
+  } = (0, _reactI18next.useTranslation)();
+  (0, _react.useEffect)(() => {
+    setIsMenuOpen(Boolean(anchorEl));
+  }, [anchorEl]);
+
+  /**
+   * opens popover menu for logged in user.
+   */
+  const handleLoggedInMenu = event => {
+    setAnchorEl(event.currentTarget);
+  };
+
+  /**
+   * closes popover menu for logged in user
+   */
+  const handleLoggedInMenuClose = () => {
+    setAnchorEl(null);
+  };
+
+  /**
+   * close/open popover menu for logged in users.
+   */
+  const handleToggleLogin = () => {
+    setAnchorEl(null);
+    onToggleLogin();
+  };
+  const handleToggleDarkLightMode = () => {
+    setTimeout(() => {
+      setIsDarkMode(!isDarkMode);
+    }, 300);
+  };
+  return /*#__PURE__*/_react.default.createElement(_styles.RightSide, {
+    "data-testid": "header-right"
+  }, showSearch === true && /*#__PURE__*/_react.default.createElement(_HeaderToolTip.default, {
+    onClick: onToggleMobileNav,
+    title: t('search.packages'),
+    tooltipIconType: 'search'
+  }), showSettings === true && /*#__PURE__*/_react.default.createElement(_HeaderToolTip.default, {
+    onClick: onOpenSettingsDialog,
+    title: t('header.settings'),
+    tooltipIconType: 'settings'
+  }), showInfo === true && /*#__PURE__*/_react.default.createElement(_HeaderToolTip.default, {
+    onClick: onOpenRegistryInfoDialog,
+    title: t('header.registry-info'),
+    tooltipIconType: 'info'
+  }), showThemeSwitch === true && /*#__PURE__*/_react.default.createElement(_HeaderToolTip.default, {
+    onClick: handleToggleDarkLightMode,
+    title: t('header.documentation'),
+    tooltipIconType: isDarkMode ? 'dark-mode' : 'light-mode'
+  }), !hideLoginSection && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, username ? /*#__PURE__*/_react.default.createElement(_HeaderMenu.default, {
+    anchorEl: anchorEl,
+    isMenuOpen: isMenuOpen,
+    onLoggedInMenu: handleLoggedInMenu,
+    onLoggedInMenuClose: handleLoggedInMenuClose,
+    onLogout: onLogout,
+    username: username
+  }) : /*#__PURE__*/_react.default.createElement(_Button.default, {
+    color: "inherit",
+    "data-testid": "header--button-login",
+    onClick: handleToggleLogin
+  }, t('button.login'))));
+};
+var _default = exports.default = HeaderRight;
+//# sourceMappingURL=HeaderRight.js.map