@bigbinary/neeto-templates-frontend 1.1.21 → 1.1.23

package/README.md

@@ -132,6 +132,36 @@ const App = () => {
 
 Use the `PrivateRoute` component to conditionally render this component only for the `templates` subdomain.
 
+#### `TemplateTags` ([source code](https://github.com/bigbinary/neeto-templates-nano/blob/aec3368475c252284a25820c08ff151c1cdd254c/app/javascript/src/components/TemplateTags/index.jsx))
+The TemplateTags component is a React component used for displaying and managing tags within a web application. It provides a user interface for users to add, remove, edit and merge tags.
+
+##### Props
+- `breadcrumbs`: An array of breadcrumb items for navigation.
+- `tagsPath`: A string representing the path to the frontend route for tags page.
+- `otherProps`: Additional props to be passed to the component.
+
+  ##### Usage
+  ```jsx
+  import React from "react";
+  import { TemplateTags } from "@bigbinary/neeto-templates-frontend";
+
+  const App = () => {
+    const breadcrumbs = [
+      {
+        link: "/forms",
+        text: "Forms",
+      },
+    ];
+    return (
+      <TemplateTags
+        breadcrumbs={breadcrumbs}
+        tagsPath="/settings/templates/tags"
+      />
+    );
+  };
+  ```
+  Use the `PrivateRoute` component (no need to add exact) to conditionally render this component only for the `templates` subdomain.
+
 # Instructions for Publishing
 
 Consult the [building and releasing packages](https://neeto-engineering.neetokb.com/articles/building-and-releasing-packages) guide for details on how to publish.

package/app/javascript/src/translations/en.json

@@ -33,6 +33,10 @@
         "saveChanges": "Save changes",
         "cancel": "Cancel"
       }
+    },
+    "templatesTags": {
+      "template": "Template",
+      "numberOfActiveTemplates": "Number of active {{taxonomies.entity.plural}}"
     }
   }
 }

package/dist/index.cjs.js

@@ -8,6 +8,7 @@ var neetoui = require('@bigbinary/neetoui');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
 var Search = require('@bigbinary/neeto-molecules/Search');
 var reactI18next = require('react-i18next');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var ramda = require('ramda');
 var reactQuery = require('react-query');
 var axios = require('axios');
@@ -457,11 +458,11 @@ var templatesApi = {
 var QUERY_KEYS = {
   TEMPLATES_LIST: "templates-list",
   TEMPLATE: "templates-detail",
-  TEMPLATE_TAGS: "template-tags"
+  TEMPLATE_TAGS: "tag-key"
 };
 
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFetchTemplates = function useFetchTemplates(_ref) {
   var searchTerm = _ref.searchTerm,
     category = _ref.category;
@@ -493,7 +494,7 @@ var useFetchTemplates = function useFetchTemplates(_ref) {
 };
 var useCreateTemplate = function useCreateTemplate(_ref3, options) {
   var refetchResource = _ref3.refetchResource;
-  return reactQuery.useMutation(templatesApi.create, _objectSpread$3(_objectSpread$3({}, options), {}, {
+  return reactQuery.useMutation(templatesApi.create, _objectSpread$4(_objectSpread$4({}, options), {}, {
     onSuccess: function onSuccess() {
       refetchResource();
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -513,8 +514,7 @@ var useFetchTemplate = function useFetchTemplate(_ref4, options) {
 };
 var useUpdateTemplate = function useUpdateTemplate(_ref5) {
   var resourceId = _ref5.resourceId;
-  var queryClient = reactQuery.useQueryClient();
-  return reactQuery.useMutation(function (_ref6) {
+  return reactUtils.useMutationWithInvalidation(function (_ref6) {
     var template = _ref6.template;
     return templatesApi.update({
       resourceId: resourceId,
@@ -523,10 +523,7 @@ var useUpdateTemplate = function useUpdateTemplate(_ref5) {
       }
     });
   }, {
-    onSuccess: function onSuccess() {
-      queryClient.invalidateQueries([QUERY_KEYS.TEMPLATE, resourceId]);
-      queryClient.invalidateQueries(QUERY_KEYS.TEMPLATES_LIST);
-    }
+    keysToInvalidate: [[QUERY_KEYS.TEMPLATES_LIST], [QUERY_KEYS.TEMPLATE, resourceId]]
   });
 };
 
@@ -669,8 +666,8 @@ var CategoryItem = function CategoryItem(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement("span", null, label), /*#__PURE__*/React__default["default"].createElement("span", null, count));
 };
 
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var List = function List(_ref) {
   var setCurrentScreen = _ref.setCurrentScreen,
     setSelectedTemplate = _ref.setSelectedTemplate,
@@ -721,7 +718,7 @@ var List = function List(_ref) {
     templates = _data$templates === void 0 ? [] : _data$templates,
     _data$templatesCount = data.templatesCount,
     templatesCount = _data$templatesCount === void 0 ? 0 : _data$templatesCount;
-  var categories = [_objectSpread$2(_objectSpread$2({}, DEFAULT_CATEGORY), {}, {
+  var categories = [_objectSpread$3(_objectSpread$3({}, DEFAULT_CATEGORY), {}, {
     count: templatesCount
   })].concat(_toConsumableArray(tags));
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -917,15 +914,15 @@ var templateTagsApi = {
   list: list
 };
 
-function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useCreateTemplateTag = function useCreateTemplateTag(options) {
-  var queryClient = reactQuery.useQueryClient();
-  return reactQuery.useMutation(templateTagsApi.create, _objectSpread$1(_objectSpread$1({}, options), {}, {
+  return reactUtils.useMutationWithInvalidation(templateTagsApi.create, _objectSpread$2(_objectSpread$2({
+    keysToInvalidate: [QUERY_KEYS.TEMPLATE_TAGS]
+  }, options), {}, {
     onSuccess: function onSuccess() {
       var _options$onSuccess;
       neetoTagsFrontend.refetchTags();
-      queryClient.invalidateQueries(QUERY_KEYS.TEMPLATE_TAGS);
       options === null || options === void 0 || (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 || _options$onSuccess.call(options);
     }
   }));
@@ -1083,8 +1080,8 @@ var buildTemplateUpdatePayload = function buildTemplateUpdatePayload(values) {
   };
 };
 
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TemplateSettings = function TemplateSettings(_ref) {
   var _ref$onCancelTemplate = _ref.onCancelTemplatePreview,
     onCancelTemplatePreview = _ref$onCancelTemplate === void 0 ? "" : _ref$onCancelTemplate,
@@ -1120,7 +1117,7 @@ var TemplateSettings = function TemplateSettings(_ref) {
   };
   var isLoading = isFetchingTemplate || isTagsLoading;
   var tags = buildTagOptions(data === null || data === void 0 ? void 0 : data.tags);
-  var resourceInitialValues = _objectSpread(_objectSpread({
+  var resourceInitialValues = _objectSpread$1(_objectSpread$1({
     imageUrl: null
   }, data), {}, {
     tags: tags
@@ -1201,6 +1198,103 @@ var TemplateSettings = function TemplateSettings(_ref) {
   }))));
 };
 
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var TAG_TYPES = [{
+  id: 1,
+  label: i18next.t("neetoTemplate.templatesTags.template"),
+  url: "".concat(NEETO_TEMPLATES_URL, "/tags/template_tags"),
+  columns: [{
+    title: i18next.t("neetoTemplate.templatesTags.numberOfActiveTemplates"),
+    key: "templates_count",
+    dataIndex: "templatesCount",
+    align: "center",
+    width: 300,
+    sorter: true,
+    render: function render(templatesCount) {
+      return templatesCount !== 0 ? /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+        style: "body1"
+      }, " ", templatesCount, " ") : "-";
+    }
+  }]
+}];
+
+var _excluded = ["breadcrumbs", "tagsPath"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TemplateTags = function TemplateTags(_ref) {
+  var breadcrumbs = _ref.breadcrumbs,
+    tagsPath = _ref.tagsPath,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var queryClient = reactQuery.useQueryClient();
+  var invalidateTags = function invalidateTags() {
+    queryClient.invalidateQueries(QUERY_KEYS.TEMPLATE_TAGS);
+  };
+  var invalidateTagsAndTemplates = function invalidateTagsAndTemplates() {
+    invalidateTags();
+    queryClient.invalidateQueries(QUERY_KEYS.TEMPLATES_LIST);
+    queryClient.invalidateQueries(QUERY_KEYS.TEMPLATE);
+  };
+  var config = _objectSpread({
+    tagTypes: TAG_TYPES,
+    tagsMergable: true,
+    breadcrumbs: breadcrumbs,
+    displayMenu: false,
+    tagsPath: tagsPath,
+    onTagRowClick: neetoCist.noop,
+    createTags: {
+      onSuccess: {
+        callback: invalidateTags
+      }
+    },
+    updateTags: {
+      onSuccess: {
+        callback: invalidateTagsAndTemplates
+      }
+    },
+    deleteTags: {
+      onSuccess: {
+        callback: invalidateTagsAndTemplates
+      }
+    },
+    mergeTags: {
+      onSuccess: {
+        callback: invalidateTagsAndTemplates
+      }
+    }
+  }, otherProps);
+  return /*#__PURE__*/React__default["default"].createElement(neetoTagsFrontend.NeetoTags, {
+    config: config
+  });
+};
+
 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 = ".neeto-template-list .neeto-ui-modal__close{z-index:1}.neeto-template__header{flex-grow:1;min-height:120px}.neeto-template__image{aspect-ratio:16/9;max-height:100%;max-width:100%;-o-object-fit:cover;object-fit:cover;width:100%}.neeto-template__description{min-height:54px}.neeto-templates-share-preview{background-color:rgb(var(--neeto-ui-white));border:thin solid rgb(var(--neeto-ui-gray-300));box-shadow:var(--neeto-ui-shadow-m);display:flex;flex-direction:column;height:calc(100vh - 104px);width:100%}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL3RlbXBsYXRlcy9fdGVtcGxhdGUtbGlzdC5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3R5bGVzaGVldHMvYXBwbGljYXRpb24uc2NzcyIsImFwcC9qYXZhc2NyaXB0L3N0eWxlc2hlZXRzL3RlbXBsYXRlcy9fc2hhcmUuc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDRSw0Q0FDRSxTQ0FKLENES0Usd0JBRUUsV0FBQSxDQURBLGdCQ0RKLENES0UsdUJBRUUsaUJBQUEsQ0FHQSxlQUFBLENBREEsY0FBQSxDQURBLG1CQUFBLENBQUEsZ0JBQUEsQ0FGQSxVQ0NKLENES0UsNkJBQ0UsZUNISixDQ2pCQSwrQkFPRSwyQ0FBQSxDQUpBLCtDQUFBLENBQ0EsbUNBQUEsQ0FDQSxZQUFBLENBQ0EscUJBQUEsQ0FKQSwwQkFBQSxDQURBLFVEMEJGIiwic291cmNlc0NvbnRlbnQiOlsiLm5lZXRvLXRlbXBsYXRlLWxpc3Qge1xuICAubmVldG8tdWktbW9kYWxfX2Nsb3NlIHtcbiAgICB6LWluZGV4OiAxO1xuICB9XG59XG5cbi5uZWV0by10ZW1wbGF0ZSB7XG4gICZfX2hlYWRlciB7XG4gICAgbWluLWhlaWdodDogJG5lZXRvLXRlbXBsYXRlLWhlYWRlci1taW4taGVpZ2h0O1xuICAgIGZsZXgtZ3JvdzogMTtcbiAgfVxuXG4gICZfX2ltYWdlIHtcbiAgICB3aWR0aDogMTAwJTtcbiAgICBhc3BlY3QtcmF0aW86IDE2IC8gOTtcbiAgICBvYmplY3QtZml0OiBjb3ZlcjtcbiAgICBtYXgtd2lkdGg6IDEwMCU7XG4gICAgbWF4LWhlaWdodDogMTAwJTtcbiAgfVxuICAmX19kZXNjcmlwdGlvbiB7XG4gICAgbWluLWhlaWdodDogJG5lZXRvLXRlbXBsYXRlLWRlc2NyaXB0aW9uLW1pbi1oZWlnaHQ7XG4gIH1cbn1cbiIsIi5uZWV0by10ZW1wbGF0ZS1saXN0IC5uZWV0by11aS1tb2RhbF9fY2xvc2Uge1xuICB6LWluZGV4OiAxO1xufVxuXG4ubmVldG8tdGVtcGxhdGVfX2hlYWRlciB7XG4gIG1pbi1oZWlnaHQ6IDEyMHB4O1xuICBmbGV4LWdyb3c6IDE7XG59XG4ubmVldG8tdGVtcGxhdGVfX2ltYWdlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGFzcGVjdC1yYXRpbzogMTYvOTtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgbWF4LWhlaWdodDogMTAwJTtcbn1cbi5uZWV0by10ZW1wbGF0ZV9fZGVzY3JpcHRpb24ge1xuICBtaW4taGVpZ2h0OiA1NHB4O1xufVxuXG4ubmVldG8tdGVtcGxhdGVzLXNoYXJlLXByZXZpZXcge1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiBjYWxjKDEwMHZoIC0gMTA0cHgpO1xuICBib3JkZXI6IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG4gIGJveC1zaGFkb3c6IHZhcigtLW5lZXRvLXVpLXNoYWRvdy1tKTtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXdoaXRlKSk7XG59IiwiLm5lZXRvLXRlbXBsYXRlcy1zaGFyZS1wcmV2aWV3IHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIDEwNHB4KTtcbiAgYm9yZGVyOiB0aGluIHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTMwMCkpO1xuICBib3gtc2hhZG93OiB2YXIoLS1uZWV0by11aS1zaGFkb3ctbSk7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS13aGl0ZSkpO1xufVxuIl19 */";
@@ -1208,4 +1302,5 @@ n(css,{});
 
 exports.CreateTemplateModal = CreateTemplateModal;
 exports.TemplateSettings = TemplateSettings;
+exports.TemplateTags = TemplateTags;
 //# sourceMappingURL=index.cjs.js.map