@bigbinary/neeto-tags-frontend 1.5.2 → 1.5.4

package/README.md

@@ -0,0 +1,19 @@
+# neeto-tags-nano
+
+This repo acts as the source of truth for the new nano's structure, configs,
+data etc.
+
+# Local Development Setup
+
+1. Setup
+   [Instructions](https://github.com/bigbinary/neeto-engineering/tree/main/Local-Development-Setup).
+
+2. Run `yarn build` to bundle the app.
+
+3. Visit http://spinkart.lvh.me:9100 and login with email `oliver@example.com`
+   and password `welcome`.
+
+# Publish instructions
+
+1. [Engine and package installation](./docs/engine-and-package-installation.md)
+2. [Building and releasing](./docs/building-and-releasing.md)

package/dist/index.cjs.js

@@ -17,10 +17,10 @@ var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
 var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
 var reactQuery = require('react-query');
 var axios = require('axios');
-var i18next = require('i18next');
-var yup = require('yup');
 var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
 var formik = require('@bigbinary/neetoui/formik');
+var i18next = require('i18next');
+var yup = require('yup');
 var classames = require('classnames');
 var devtools = require('react-query/devtools');
 
@@ -50,8 +50,8 @@ var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
 var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader);
 var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
-var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var classames__default = /*#__PURE__*/_interopDefaultLegacy(classames);
 
 function _extends() {
@@ -126,7 +126,7 @@ function _slicedToArray(arr, i) {
 
 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}}
 
-var css$1 = ".neeto-chat__metadata-card__spinner{scale:.6}";
+var css$1 = ".neeto-chat__metadata-card__spinner{scale:.6}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9jb21wb25lbnRzL1RhZ3Mvc3R5bGVzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0NBQ0UsUUFDRiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1jaGF0X19tZXRhZGF0YS1jYXJkX19zcGlubmVyIHtcbiAgc2NhbGU6IDAuNjtcbn1cbiJdfQ== */";
 n(css$1,{});
 
 var Title = function Title(_ref) {
@@ -160,7 +160,7 @@ var Title = function Title(_ref) {
     }, 5000);
   }, [didStartUpdate, isUpdating]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "mb-2 flex w-full items-center justify-between gap-2"
+    className: "flex w-full items-center justify-between gap-2"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex items-center gap-2"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends({
@@ -250,7 +250,7 @@ var Tags$2 = function Tags(_ref) {
   var isAddTagsButtonVisible = !showAddTagsOnTitle && !isTagsDropdownVisible;
   var isTagsBodyVisible = neetoCist.isNotEmpty(selectedTags) || isTagsDropdownVisible || isAddTagsButtonVisible;
   return /*#__PURE__*/React__default["default"].createElement("div", _extends({
-    className: "neeto-ui-tags-wrapper flex w-full flex-col items-start"
+    className: "neeto-ui-tags-wrapper flex w-full flex-col items-start gap-2"
   }, containerProps), showTitleBar && /*#__PURE__*/React__default["default"].createElement(Title, {
     isUpdating: isUpdating,
     setIsTagsDropdownVisible: setIsTagsDropdownVisible,
@@ -274,6 +274,7 @@ var Tags$2 = function Tags(_ref) {
     autoFocus: true,
     isCreateable: true,
     className: "neeto-ui-mt-4",
+    defaultMenuIsOpen: showAddTagsOnTitle,
     maxLength: 50,
     options: tags,
     placeholder: t("neetoTags.placeholder.selectOrCreateTag"),
@@ -285,6 +286,7 @@ var Tags$2 = function Tags(_ref) {
       onTagCreate(event);
     }
   }, selectProps)), isAddTagsButtonVisible && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends({
+    className: "neeto-ui-mt-4",
     icon: neetoIcons.Plus,
     label: t("neetoTags.button.addTag", constants.SINGULAR),
     size: "small",
@@ -336,7 +338,6 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-var DEFAULT_PAGE_SIZE = 10;
 var PANE_TYPES = {
   CREATE: "CREATE_TAG",
   EDIT: "EDIT_TAG"
@@ -345,6 +346,8 @@ var INITIAL_TAG_VALUES = {
   name: "",
   description: ""
 };
+var TAG_KEY = "tag-key";
+var STALE_TIME = 3200000;
 
 var Menu$1 = function Menu(_ref) {
   var tagTypes = _ref.tagTypes,
@@ -429,16 +432,13 @@ var queryClient = new reactQuery.QueryClient({
   })
 });
 
-var TAG_KEY = "tag-key";
-var STALE_TIME = 3200000;
-
-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; }
-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; }
+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; }
+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; }
 var useFetchTags = function useFetchTags(params) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return reactQuery.useQuery([TAG_KEY, Object.values(params)], function () {
     return tagsApi.fetch(params);
-  }, _objectSpread$4({
+  }, _objectSpread$3({
     staleTime: STALE_TIME,
     select: function select(response) {
       return response.data || response;
@@ -495,27 +495,6 @@ var refetchTags = function refetchTags() {
   return queryClient.invalidateQueries([TAG_KEY]);
 };
 
-var NO_DATA_PRIMARY_BUTTON_PROPS$1 = {
-  "data-cy": "add-new-tag-button",
-  label: i18next.t("neetoTags.common.addNewTag", constants.SINGULAR)
-};
-var TAG_NAME_MAX_LENGTH = 50;
-var TAG_DESCRIPTION_ROW_LENGTH = 3;
-var TAG_DESCRIPTION_MAX_LENGTH = 255;
-var TAG_SCHEMA = yup__namespace.object().shape({
-  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", {
-    length: TAG_NAME_MAX_LENGTH
-  })),
-  description: yup__namespace.string().typeError(i18next.t("neetoTags.validation.descriptionMustBeString")).nullable().max(TAG_DESCRIPTION_MAX_LENGTH, i18next.t("neetoTags.validation.descriptionMaxLength", {
-    length: TAG_DESCRIPTION_MAX_LENGTH
-  }))
-});
-var TAGS_FORMIK_PROPS = {
-  validateOnBlur: true,
-  validateOnChange: true,
-  validationSchema: TAG_SCHEMA
-};
-
 var Header = function Header(_ref) {
   var breadcrumbs = _ref.breadcrumbs,
     _ref$tagsMergable = _ref.tagsMergable,
@@ -609,8 +588,25 @@ var useTagsForm = function useTagsForm(_ref) {
   };
 };
 
-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; }
-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; }
+var TAG_NAME_MAX_LENGTH = 50;
+var TAG_DESCRIPTION_ROW_LENGTH = 3;
+var TAG_DESCRIPTION_MAX_LENGTH = 255;
+var TAG_SCHEMA = yup__namespace.object().shape({
+  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", {
+    length: TAG_NAME_MAX_LENGTH
+  })),
+  description: yup__namespace.string().typeError(i18next.t("neetoTags.validation.descriptionMustBeString")).nullable().max(TAG_DESCRIPTION_MAX_LENGTH, i18next.t("neetoTags.validation.descriptionMaxLength", {
+    length: TAG_DESCRIPTION_MAX_LENGTH
+  }))
+});
+var TAGS_FORMIK_PROPS = {
+  validateOnBlur: true,
+  validateOnChange: true,
+  validationSchema: TAG_SCHEMA
+};
+
+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; }
+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; }
 var ManageTags = function ManageTags(_ref) {
   var createTags = _ref.createTags,
     goToFirstPage = _ref.goToFirstPage,
@@ -642,7 +638,7 @@ var ManageTags = function ManageTags(_ref) {
     style: "h2",
     weight: "semibold"
   }, isEdit ? t("neetoTags.common.editTag") : t("neetoTags.common.addNewTag", constants.SINGULAR))), /*#__PURE__*/React__default["default"].createElement(formik.Form, {
-    formikProps: _objectSpread$3(_objectSpread$3({}, TAGS_FORMIK_PROPS), {}, {
+    formikProps: _objectSpread$2(_objectSpread$2({}, TAGS_FORMIK_PROPS), {}, {
       initialValues: initialValues,
       onSubmit: handleSubmit
     })
@@ -760,11 +756,6 @@ var renderColumnData = function renderColumnData(handleEdit, handleDelete) {
   }].concat(_toConsumableArray(columns));
 };
 
-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; }
-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; }
-
-// eslint-disable-next-line import/extensions
-
 var Dashboard = function Dashboard(_ref) {
   var _data$tags2, _tagType$label;
   var breadcrumbs = _ref.breadcrumbs,
@@ -803,19 +794,21 @@ var Dashboard = function Dashboard(_ref) {
   var _useFetchTags = useFetchTags({
       url: tagType.url,
       searchTerm: debouncedSearchTerm.trim(),
-      pageSize: DEFAULT_PAGE_SIZE,
+      pageSize: constants.DEFAULT_PAGE_SIZE,
       page: page
     }),
     data = _useFetchTags.data,
     isLoading = _useFetchTags.isLoading;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var primaryButtonProps = _objectSpread$2(_objectSpread$2({}, NO_DATA_PRIMARY_BUTTON_PROPS$1), {}, {
+  var primaryButtonProps = {
+    "data-cy": "add-new-tag-button",
+    label: t("neetoTags.common.addNewTag", constants.SINGULAR),
     onClick: function onClick() {
       setSelectedTag(null);
       setPaneType(PANE_TYPES.CREATE);
     }
-  });
+  };
   var handleEdit = function handleEdit(tag) {
     setSelectedTag(tag);
     setPaneType(PANE_TYPES.EDIT);
@@ -898,12 +891,12 @@ var Dashboard = function Dashboard(_ref) {
       type: (_tagType$label = tagType.label) === null || _tagType$label === void 0 ? void 0 : _tagType$label.toLowerCase()
     }))
   }), /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
-    hasPagination: (data === null || data === void 0 ? void 0 : data.totalCount) > DEFAULT_PAGE_SIZE
+    hasPagination: (data === null || data === void 0 ? void 0 : data.totalCount) > constants.DEFAULT_PAGE_SIZE
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
     fixedHeight: true,
     allowRowClick: !!onTagRowClick,
     currentPageNumber: page,
-    defaultPageSize: DEFAULT_PAGE_SIZE,
+    defaultPageSize: constants.DEFAULT_PAGE_SIZE,
     handlePageChange: setPage,
     paginationProps: {
       showSizeChanger: false
@@ -923,13 +916,13 @@ var Dashboard = function Dashboard(_ref) {
       });
     }
   })))), /*#__PURE__*/React__default["default"].createElement(ManageTags, {
+    createTags: createTags,
+    tagType: tagType,
+    updateTags: updateTags,
     goToFirstPage: function goToFirstPage() {
       return setPage(constants.DEFAULT_PAGE_INDEX);
     },
     tag: selectedTag,
-    createTags: createTags,
-    tagType: tagType,
-    updateTags: updateTags,
     type: paneType,
     onClose: function onClose() {
       return setPaneType(null);
@@ -1033,6 +1026,7 @@ var List = function List(_ref) {
     var selectedTagIds = listType.tagIds.includes(tag.id);
     var selectedCounterTags = listType.counterTagIds.includes(tag.id);
     return /*#__PURE__*/React__default["default"].createElement("div", {
+      "data-cy": "neeto-tags-merge-".concat(listType.value, "-tags"),
       key: tag.id,
       className: classames__default["default"]("neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center neeto-tags-border neeto-ui-border-white neeto-ui-p-2 neeto-ui-rounded-lg neeto-ui-mt-2 neeto-ui-cursor-pointer", {
         "neeto-ui-bg-pastel-blue neeto-ui-border-primary-600": selectedTagIds,
@@ -1777,6 +1771,7 @@ var createRoutes = function createRoutes(props) {
   }];
 };
 
+/* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */
 var withReactQuery = function withReactQuery(Component) {
   var QueryWrapper = function QueryWrapper(props) {
     return /*#__PURE__*/React__default["default"].createElement(reactQuery.QueryClientProvider, {
@@ -1819,7 +1814,7 @@ var Tags = function Tags(_ref) {
 };
 var Tags$1 = withReactQuery(Tags);
 
-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}";
+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 */";
 n(css,{});
 
 var App = function App(_ref) {