@bigbinary/neeto-tags-frontend 1.5.2 → 1.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md ADDED
@@ -0,0 +1,19 @@
1
+ # neeto-tags-nano
2
+
3
+ This repo acts as the source of truth for the new nano's structure, configs,
4
+ data etc.
5
+
6
+ # Local Development Setup
7
+
8
+ 1. Setup
9
+ [Instructions](https://github.com/bigbinary/neeto-engineering/tree/main/Local-Development-Setup).
10
+
11
+ 2. Run `yarn build` to bundle the app.
12
+
13
+ 3. Visit http://spinkart.lvh.me:9100 and login with email `oliver@example.com`
14
+ and password `welcome`.
15
+
16
+ # Publish instructions
17
+
18
+ 1. [Engine and package installation](./docs/engine-and-package-installation.md)
19
+ 2. [Building and releasing](./docs/building-and-releasing.md)
package/dist/index.cjs.js CHANGED
@@ -17,10 +17,10 @@ var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
17
17
  var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
18
18
  var reactQuery = require('react-query');
19
19
  var axios = require('axios');
20
- var i18next = require('i18next');
21
- var yup = require('yup');
22
20
  var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
23
21
  var formik = require('@bigbinary/neetoui/formik');
22
+ var i18next = require('i18next');
23
+ var yup = require('yup');
24
24
  var classames = require('classnames');
25
25
  var devtools = require('react-query/devtools');
26
26
 
@@ -50,8 +50,8 @@ var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
50
50
  var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader);
51
51
  var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
52
52
  var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
53
- var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
54
53
  var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
54
+ var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
55
55
  var classames__default = /*#__PURE__*/_interopDefaultLegacy(classames);
56
56
 
57
57
  function _extends() {
@@ -126,7 +126,7 @@ function _slicedToArray(arr, i) {
126
126
 
127
127
  var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
128
128
 
129
- var css$1 = ".neeto-chat__metadata-card__spinner{scale:.6}";
129
+ var css$1 = ".neeto-chat__metadata-card__spinner{scale:.6}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9jb21wb25lbnRzL1RhZ3Mvc3R5bGVzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0NBQ0UsUUFDRiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1jaGF0X19tZXRhZGF0YS1jYXJkX19zcGlubmVyIHtcbiAgc2NhbGU6IDAuNjtcbn1cbiJdfQ== */";
130
130
  n(css$1,{});
131
131
 
132
132
  var Title = function Title(_ref) {
@@ -336,7 +336,6 @@ function _defineProperty(obj, key, value) {
336
336
  return obj;
337
337
  }
338
338
 
339
- var DEFAULT_PAGE_SIZE = 10;
340
339
  var PANE_TYPES = {
341
340
  CREATE: "CREATE_TAG",
342
341
  EDIT: "EDIT_TAG"
@@ -345,6 +344,8 @@ var INITIAL_TAG_VALUES = {
345
344
  name: "",
346
345
  description: ""
347
346
  };
347
+ var TAG_KEY = "tag-key";
348
+ var STALE_TIME = 3200000;
348
349
 
349
350
  var Menu$1 = function Menu(_ref) {
350
351
  var tagTypes = _ref.tagTypes,
@@ -429,16 +430,13 @@ var queryClient = new reactQuery.QueryClient({
429
430
  })
430
431
  });
431
432
 
432
- var TAG_KEY = "tag-key";
433
- var STALE_TIME = 3200000;
434
-
435
- function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
436
- function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
433
+ function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
434
+ function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
437
435
  var useFetchTags = function useFetchTags(params) {
438
436
  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
439
437
  return reactQuery.useQuery([TAG_KEY, Object.values(params)], function () {
440
438
  return tagsApi.fetch(params);
441
- }, _objectSpread$4({
439
+ }, _objectSpread$3({
442
440
  staleTime: STALE_TIME,
443
441
  select: function select(response) {
444
442
  return response.data || response;
@@ -495,27 +493,6 @@ var refetchTags = function refetchTags() {
495
493
  return queryClient.invalidateQueries([TAG_KEY]);
496
494
  };
497
495
 
498
- var NO_DATA_PRIMARY_BUTTON_PROPS$1 = {
499
- "data-cy": "add-new-tag-button",
500
- label: i18next.t("neetoTags.common.addNewTag", constants.SINGULAR)
501
- };
502
- var TAG_NAME_MAX_LENGTH = 50;
503
- var TAG_DESCRIPTION_ROW_LENGTH = 3;
504
- var TAG_DESCRIPTION_MAX_LENGTH = 255;
505
- var TAG_SCHEMA = yup__namespace.object().shape({
506
- name: yup__namespace.string().typeError(i18next.t("neetoTags.validation.nameMustBeString")).required(i18next.t("neetoTags.validation.nameRequired")).max(TAG_NAME_MAX_LENGTH, i18next.t("neetoTags.validation.nameMaxLength", {
507
- length: TAG_NAME_MAX_LENGTH
508
- })),
509
- description: yup__namespace.string().typeError(i18next.t("neetoTags.validation.descriptionMustBeString")).nullable().max(TAG_DESCRIPTION_MAX_LENGTH, i18next.t("neetoTags.validation.descriptionMaxLength", {
510
- length: TAG_DESCRIPTION_MAX_LENGTH
511
- }))
512
- });
513
- var TAGS_FORMIK_PROPS = {
514
- validateOnBlur: true,
515
- validateOnChange: true,
516
- validationSchema: TAG_SCHEMA
517
- };
518
-
519
496
  var Header = function Header(_ref) {
520
497
  var breadcrumbs = _ref.breadcrumbs,
521
498
  _ref$tagsMergable = _ref.tagsMergable,
@@ -609,8 +586,25 @@ var useTagsForm = function useTagsForm(_ref) {
609
586
  };
610
587
  };
611
588
 
612
- function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
613
- function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
589
+ var TAG_NAME_MAX_LENGTH = 50;
590
+ var TAG_DESCRIPTION_ROW_LENGTH = 3;
591
+ var TAG_DESCRIPTION_MAX_LENGTH = 255;
592
+ var TAG_SCHEMA = yup__namespace.object().shape({
593
+ name: yup__namespace.string().typeError(i18next.t("neetoTags.validation.nameMustBeString")).required(i18next.t("neetoTags.validation.nameRequired")).max(TAG_NAME_MAX_LENGTH, i18next.t("neetoTags.validation.nameMaxLength", {
594
+ length: TAG_NAME_MAX_LENGTH
595
+ })),
596
+ description: yup__namespace.string().typeError(i18next.t("neetoTags.validation.descriptionMustBeString")).nullable().max(TAG_DESCRIPTION_MAX_LENGTH, i18next.t("neetoTags.validation.descriptionMaxLength", {
597
+ length: TAG_DESCRIPTION_MAX_LENGTH
598
+ }))
599
+ });
600
+ var TAGS_FORMIK_PROPS = {
601
+ validateOnBlur: true,
602
+ validateOnChange: true,
603
+ validationSchema: TAG_SCHEMA
604
+ };
605
+
606
+ function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
607
+ function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
614
608
  var ManageTags = function ManageTags(_ref) {
615
609
  var createTags = _ref.createTags,
616
610
  goToFirstPage = _ref.goToFirstPage,
@@ -642,7 +636,7 @@ var ManageTags = function ManageTags(_ref) {
642
636
  style: "h2",
643
637
  weight: "semibold"
644
638
  }, isEdit ? t("neetoTags.common.editTag") : t("neetoTags.common.addNewTag", constants.SINGULAR))), /*#__PURE__*/React__default["default"].createElement(formik.Form, {
645
- formikProps: _objectSpread$3(_objectSpread$3({}, TAGS_FORMIK_PROPS), {}, {
639
+ formikProps: _objectSpread$2(_objectSpread$2({}, TAGS_FORMIK_PROPS), {}, {
646
640
  initialValues: initialValues,
647
641
  onSubmit: handleSubmit
648
642
  })
@@ -760,11 +754,6 @@ var renderColumnData = function renderColumnData(handleEdit, handleDelete) {
760
754
  }].concat(_toConsumableArray(columns));
761
755
  };
762
756
 
763
- function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
764
- function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
765
-
766
- // eslint-disable-next-line import/extensions
767
-
768
757
  var Dashboard = function Dashboard(_ref) {
769
758
  var _data$tags2, _tagType$label;
770
759
  var breadcrumbs = _ref.breadcrumbs,
@@ -803,19 +792,21 @@ var Dashboard = function Dashboard(_ref) {
803
792
  var _useFetchTags = useFetchTags({
804
793
  url: tagType.url,
805
794
  searchTerm: debouncedSearchTerm.trim(),
806
- pageSize: DEFAULT_PAGE_SIZE,
795
+ pageSize: constants.DEFAULT_PAGE_SIZE,
807
796
  page: page
808
797
  }),
809
798
  data = _useFetchTags.data,
810
799
  isLoading = _useFetchTags.isLoading;
811
800
  var _useTranslation = reactI18next.useTranslation(),
812
801
  t = _useTranslation.t;
813
- var primaryButtonProps = _objectSpread$2(_objectSpread$2({}, NO_DATA_PRIMARY_BUTTON_PROPS$1), {}, {
802
+ var primaryButtonProps = {
803
+ "data-cy": "add-new-tag-button",
804
+ label: t("neetoTags.common.addNewTag", constants.SINGULAR),
814
805
  onClick: function onClick() {
815
806
  setSelectedTag(null);
816
807
  setPaneType(PANE_TYPES.CREATE);
817
808
  }
818
- });
809
+ };
819
810
  var handleEdit = function handleEdit(tag) {
820
811
  setSelectedTag(tag);
821
812
  setPaneType(PANE_TYPES.EDIT);
@@ -898,12 +889,12 @@ var Dashboard = function Dashboard(_ref) {
898
889
  type: (_tagType$label = tagType.label) === null || _tagType$label === void 0 ? void 0 : _tagType$label.toLowerCase()
899
890
  }))
900
891
  }), /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
901
- hasPagination: (data === null || data === void 0 ? void 0 : data.totalCount) > DEFAULT_PAGE_SIZE
892
+ hasPagination: (data === null || data === void 0 ? void 0 : data.totalCount) > constants.DEFAULT_PAGE_SIZE
902
893
  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
903
894
  fixedHeight: true,
904
895
  allowRowClick: !!onTagRowClick,
905
896
  currentPageNumber: page,
906
- defaultPageSize: DEFAULT_PAGE_SIZE,
897
+ defaultPageSize: constants.DEFAULT_PAGE_SIZE,
907
898
  handlePageChange: setPage,
908
899
  paginationProps: {
909
900
  showSizeChanger: false
@@ -923,13 +914,13 @@ var Dashboard = function Dashboard(_ref) {
923
914
  });
924
915
  }
925
916
  })))), /*#__PURE__*/React__default["default"].createElement(ManageTags, {
917
+ createTags: createTags,
918
+ tagType: tagType,
919
+ updateTags: updateTags,
926
920
  goToFirstPage: function goToFirstPage() {
927
921
  return setPage(constants.DEFAULT_PAGE_INDEX);
928
922
  },
929
923
  tag: selectedTag,
930
- createTags: createTags,
931
- tagType: tagType,
932
- updateTags: updateTags,
933
924
  type: paneType,
934
925
  onClose: function onClose() {
935
926
  return setPaneType(null);
@@ -1777,6 +1768,7 @@ var createRoutes = function createRoutes(props) {
1777
1768
  }];
1778
1769
  };
1779
1770
 
1771
+ /* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */
1780
1772
  var withReactQuery = function withReactQuery(Component) {
1781
1773
  var QueryWrapper = function QueryWrapper(props) {
1782
1774
  return /*#__PURE__*/React__default["default"].createElement(reactQuery.QueryClientProvider, {
@@ -1819,7 +1811,7 @@ var Tags = function Tags(_ref) {
1819
1811
  };
1820
1812
  var Tags$1 = withReactQuery(Tags);
1821
1813
 
1822
- var css = ".neeto-tags-border{border-width:thin}.ntm-empty-state{height:100%;margin:auto;width:100%}.ntm-empty-state,.ntm-empty-state__image{align-items:center;display:flex;justify-content:center}.ntm-empty-state__image{margin-left:0 auto 4rem auto}.ntm-empty-state__title{font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem;text-align:center}.ntm-empty-state__description{margin-bottom:1.5rem;text-align:center}.ntm-empty-state__action-block{display:flex;justify-content:center}.neeto-tags-table__wrapper{height:calc(100vh - var(--neeto-molecules-main-header-with-breadcrumbs-height) - var(--neeto-molecules-sub-header-height) - var(--neeto-molecules-sub-header-bottom-margin));padding:0 24px;width:100%}.neeto-tags-table__column{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.neeto-tags-merge__wrapper{height:calc(100vh - var(--neeto-molecules-main-header-with-breadcrumbs-height));margin:0 auto;max-width:1200px;padding:0 24px 24px;width:100%}.neeto-tags-merge__wrapper .neeto-tags-merge__container{display:flex;flex-direction:row;height:100%;justify-content:space-between;width:100%}.neeto-tags-merge__wrapper .neeto-tags-merge__container .neeto-tags-merge__list{width:48%}.neeto-tags-merge__wrapper .neeto-tags-merge__container .neeto-tags-merge__list .neeto-tags-merge__items{height:calc(100vh - var(--neeto-molecules-main-header-height) - 120px);overflow-y:auto;padding-top:16px}";
1814
+ var css = ".neeto-tags-border{border-width:thin}.ntm-empty-state{height:100%;margin:auto;width:100%}.ntm-empty-state,.ntm-empty-state__image{align-items:center;display:flex;justify-content:center}.ntm-empty-state__image{margin-left:0 auto 4rem auto}.ntm-empty-state__title{font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem;text-align:center}.ntm-empty-state__description{margin-bottom:1.5rem;text-align:center}.ntm-empty-state__action-block{display:flex;justify-content:center}.neeto-tags-table__wrapper{height:calc(100vh - var(--neeto-molecules-main-header-with-breadcrumbs-height) - var(--neeto-molecules-sub-header-height) - var(--neeto-molecules-sub-header-bottom-margin));padding:0 24px;width:100%}.neeto-tags-table__column{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.neeto-tags-merge__wrapper{height:calc(100vh - var(--neeto-molecules-main-header-with-breadcrumbs-height));margin:0 auto;max-width:1200px;padding:0 24px 24px;width:100%}.neeto-tags-merge__wrapper .neeto-tags-merge__container{display:flex;flex-direction:row;height:100%;justify-content:space-between;width:100%}.neeto-tags-merge__wrapper .neeto-tags-merge__container .neeto-tags-merge__list{width:48%}.neeto-tags-merge__wrapper .neeto-tags-merge__container .neeto-tags-merge__list .neeto-tags-merge__items{height:calc(100vh - var(--neeto-molecules-main-header-height) - 120px);overflow-y:auto;padding-top:16px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9hYnN0cmFjdHMvX3V0aWxpdGllcy5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL21haW4uc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19lbXB0eS1zdGF0ZS5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL3BhZ2VzL19kYXNoYm9hcmQuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9wYWdlcy9fbWVyZ2Uuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxtQkFDRSxpQkNDRixDQ0ZBLGlCQUlFLFdBQUEsQ0FFQSxXQUFBLENBREEsVURNRixDQ0hFLHlDQU5BLGtCQUFBLENBREEsWUFBQSxDQUVBLHNCRGNGLENDVEUsd0JBQ0UsNEJEUUosQ0NGRSx3QkFHRSxpQkFBQSxDQUNBLG1CQUFBLENBSEEsa0JBQUEsQ0FDQSxpQkRNSixDQ0RFLDhCQUNFLG9CQUFBLENBQ0EsaUJER0osQ0NBRSwrQkFDRSxZQUFBLENBQ0Esc0JERUosQ0UvQkEsMkJBRUUsNEtBQUEsQ0FDQSxjQUFBLENBRkEsVUZvQ0YsQ0UvQkEsMEJBR0Usa0JBQUEsQ0FGQSxZQUFBLENBR0EsU0FBQSxDQUZBLDZCRm9DRixDRzVDQSwyQkFFRSwrRUFBQSxDQUVBLGFBQUEsQ0FEQSxnQkFBQSxDQUVBLG1CQUFBLENBSkEsVUhtREYsQ0c3Q0Usd0RBQ0UsWUFBQSxDQUNBLGtCQUFBLENBR0EsV0FBQSxDQUZBLDZCQUFBLENBQ0EsVUhnREosQ0c3Q0ksZ0ZBQ0UsU0grQ04sQ0c3Q00seUdBRUUsc0VBQUEsQ0FEQSxlQUFBLENBRUEsZ0JIK0NSIiwic291cmNlc0NvbnRlbnQiOlsiLm5lZXRvLXRhZ3MtYm9yZGVyIHtcbiAgYm9yZGVyLXdpZHRoOiB0aGluO1xufVxuIiwiLm5lZXRvLXRhZ3MtYm9yZGVyIHtcbiAgYm9yZGVyLXdpZHRoOiB0aGluO1xufVxuXG4ubnRtLWVtcHR5LXN0YXRlIHtcbiAgZGlzcGxheTogZmxleDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIG1hcmdpbjogYXV0bztcbn1cbi5udG0tZW1wdHktc3RhdGVfX2ltYWdlIHtcbiAgbWFyZ2luLWxlZnQ6IDBweCBhdXRvIDRyZW0gYXV0bztcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4ubnRtLWVtcHR5LXN0YXRlX190aXRsZSB7XG4gIG1hcmdpbi1ib3R0b206IDFyZW07XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbiAgZm9udC1zaXplOiAxLjI1cmVtO1xuICBsaW5lLWhlaWdodDogMS43NXJlbTtcbn1cbi5udG0tZW1wdHktc3RhdGVfX2Rlc2NyaXB0aW9uIHtcbiAgbWFyZ2luLWJvdHRvbTogMS41cmVtO1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG4ubnRtLWVtcHR5LXN0YXRlX19hY3Rpb24tYmxvY2sge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn1cblxuLm5lZXRvLXRhZ3MtdGFibGVfX3dyYXBwZXIge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gdmFyKC0tbmVldG8tbW9sZWN1bGVzLW1haW4taGVhZGVyLXdpdGgtYnJlYWRjcnVtYnMtaGVpZ2h0KSAtIHZhcigtLW5lZXRvLW1vbGVjdWxlcy1zdWItaGVhZGVyLWhlaWdodCkgLSB2YXIoLS1uZWV0by1tb2xlY3VsZXMtc3ViLWhlYWRlci1ib3R0b20tbWFyZ2luKSk7XG4gIHBhZGRpbmc6IDAgMjRweDtcbn1cblxuLm5lZXRvLXRhZ3MtdGFibGVfX2NvbHVtbiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgZ2FwOiAwLjVyZW07XG59XG5cbi5uZWV0by10YWdzLW1lcmdlX193cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIHZhcigtLW5lZXRvLW1vbGVjdWxlcy1tYWluLWhlYWRlci13aXRoLWJyZWFkY3J1bWJzLWhlaWdodCkpO1xuICBtYXgtd2lkdGg6IDEyMDBweDtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIHBhZGRpbmc6IDAgMjRweCAyNHB4O1xufVxuLm5lZXRvLXRhZ3MtbWVyZ2VfX3dyYXBwZXIgLm5lZXRvLXRhZ3MtbWVyZ2VfX2NvbnRhaW5lciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiByb3c7XG4gIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbn1cbi5uZWV0by10YWdzLW1lcmdlX193cmFwcGVyIC5uZWV0by10YWdzLW1lcmdlX19jb250YWluZXIgLm5lZXRvLXRhZ3MtbWVyZ2VfX2xpc3Qge1xuICB3aWR0aDogNDglO1xufVxuLm5lZXRvLXRhZ3MtbWVyZ2VfX3dyYXBwZXIgLm5lZXRvLXRhZ3MtbWVyZ2VfX2NvbnRhaW5lciAubmVldG8tdGFncy1tZXJnZV9fbGlzdCAubmVldG8tdGFncy1tZXJnZV9faXRlbXMge1xuICBvdmVyZmxvdy15OiBhdXRvO1xuICBoZWlnaHQ6IGNhbGMoMTAwdmggLSB2YXIoLS1uZWV0by1tb2xlY3VsZXMtbWFpbi1oZWFkZXItaGVpZ2h0KSAtIDEyMHB4KTtcbiAgcGFkZGluZy10b3A6IDE2cHg7XG59IiwiLm50bS1lbXB0eS1zdGF0ZSB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICBoZWlnaHQ6IDEwMCU7XG4gIHdpZHRoOiAxMDAlO1xuICBtYXJnaW46IGF1dG87XG5cbiAgJl9faW1hZ2Uge1xuICAgIG1hcmdpbi1sZWZ0OiAwcHggYXV0byA0cmVtIGF1dG87XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICB9XG5cbiAgJl9fdGl0bGUge1xuICAgIG1hcmdpbi1ib3R0b206IDFyZW07XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIGZvbnQtc2l6ZTogMS4yNXJlbTtcbiAgICBsaW5lLWhlaWdodDogMS43NXJlbTtcbiAgfVxuXG4gICZfX2Rlc2NyaXB0aW9uIHtcbiAgICBtYXJnaW4tYm90dG9tOiAxLjVyZW07XG4gICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICB9XG5cbiAgJl9fYWN0aW9uLWJsb2NrIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICB9XG59XG4iLCIubmVldG8tdGFncy10YWJsZV9fd3JhcHBlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IGNhbGMoMTAwdmggLSB2YXIoLS1uZWV0by1tb2xlY3VsZXMtbWFpbi1oZWFkZXItd2l0aC1icmVhZGNydW1icy1oZWlnaHQpIC0gdmFyKC0tbmVldG8tbW9sZWN1bGVzLXN1Yi1oZWFkZXItaGVpZ2h0KSAtIHZhcigtLW5lZXRvLW1vbGVjdWxlcy1zdWItaGVhZGVyLWJvdHRvbS1tYXJnaW4pKTtcbiAgcGFkZGluZzogMCAyNHB4O1xufVxuXG4ubmVldG8tdGFncy10YWJsZV9fY29sdW1uIHtcbiAgZGlzcGxheTogZmxleDtcbiAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBnYXA6IDAuNXJlbTtcbn1cbiIsIi5uZWV0by10YWdzLW1lcmdlX193cmFwcGVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIHZhcigtLW5lZXRvLW1vbGVjdWxlcy1tYWluLWhlYWRlci13aXRoLWJyZWFkY3J1bWJzLWhlaWdodCkpO1xuICBtYXgtd2lkdGg6IDEyMDBweDtcbiAgbWFyZ2luOiAwIGF1dG87XG4gIHBhZGRpbmc6IDAgMjRweCAyNHB4O1xuXG4gIC5uZWV0by10YWdzLW1lcmdlX19jb250YWluZXIge1xuICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgZmxleC1kaXJlY3Rpb246IHJvdztcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgaGVpZ2h0OiAxMDAlO1xuXG4gICAgLm5lZXRvLXRhZ3MtbWVyZ2VfX2xpc3Qge1xuICAgICAgd2lkdGg6IDQ4JTtcblxuICAgICAgLm5lZXRvLXRhZ3MtbWVyZ2VfX2l0ZW1zIHtcbiAgICAgICAgb3ZlcmZsb3cteTogYXV0bztcbiAgICAgICAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gdmFyKC0tbmVldG8tbW9sZWN1bGVzLW1haW4taGVhZGVyLWhlaWdodCkgLSAxMjBweCk7XG4gICAgICAgIHBhZGRpbmctdG9wOiAxNnB4O1xuICAgICAgfVxuICAgIH1cbiAgfVxufVxuIl19 */";
1823
1815
  n(css,{});
1824
1816
 
1825
1817
  var App = function App(_ref) {