@bigbinary/neeto-templates-frontend 1.1.6 → 1.1.8

package/dist/index.cjs.js

@@ -14,11 +14,11 @@ var ramda = require('ramda');
 var reactQuery = require('react-query');
 var axios = require('axios');
 var require$$0 = require('util');
-var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var classnames = require('classnames');
 var utils$3 = require('@bigbinary/neeto-commons-frontend/utils');
 var formik$1 = require('@bigbinary/neetoui/formik');
 var reactRouterDom = require('react-router-dom');
+var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var pure = require('@bigbinary/neeto-commons-frontend/pure');
 require('@bigbinary/neeto-molecules/Container');
 require('@bigbinary/neeto-molecules/SubHeader');
@@ -414,35 +414,6 @@ const SvgCustom = props => /*#__PURE__*/React__namespace.createElement("svg", _e
   clipRule: "evenodd"
 })));
 
-function _objectWithoutPropertiesLoose$1(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$2(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose$1(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;
-}
-
 /* eslint complexity: [2, 18], max-statements: [2, 33] */
 var shams = function hasSymbols() {
 	if (typeof Symbol !== 'function' || typeof Object.getOwnPropertySymbols !== 'function') { return false; }
@@ -2496,11 +2467,16 @@ var lib$1 = {
     stringify: stringify
 };
 
-var _excluded$2 = ["url"];
+var NEETO_TEMPLATES_URL = "/neeto_templates_engine/api/v1";
+var TEMPLATE_TAGS_URL = "".concat(NEETO_TEMPLATES_URL, "/tags/template_tags");
+
+//routes of the host
+var TEMPLATES_URL = "/api/v1/templates";
+var TEMPLATES_SETTINGS_URL = "/api/v1/settings";
+
 var list$1 = function list(_ref) {
-  var url = _ref.url,
-    params = _objectWithoutProperties$2(_ref, _excluded$2);
-  return axios__default["default"].get(url, {
+  var params = _ref.params;
+  return axios__default["default"].get(TEMPLATES_URL, {
     params: params,
     paramsSerializer: function paramsSerializer(params) {
       return lib$1.stringify(params, {
@@ -2510,9 +2486,8 @@ var list$1 = function list(_ref) {
   });
 };
 var create$2 = function create(_ref2) {
-  var id = _ref2.id,
-    url = _ref2.url;
-  return axios__default["default"].post(url, {
+  var id = _ref2.id;
+  return axios__default["default"].post(TEMPLATES_URL, {
     template: {
       id: id
     }
@@ -2521,15 +2496,13 @@ var create$2 = function create(_ref2) {
   });
 };
 var fetch$1 = function fetch(_ref3) {
-  var templateId = _ref3.templateId,
-    url = _ref3.url;
-  return axios__default["default"].get("".concat(url, "/").concat(templateId));
+  var templateId = _ref3.templateId;
+  return axios__default["default"].get("".concat(TEMPLATES_SETTINGS_URL, "/").concat(templateId));
 };
 var update$1 = function update(_ref4) {
   var resourceId = _ref4.resourceId,
-    payload = _ref4.payload,
-    url = _ref4.url;
-  return axios__default["default"].put("".concat(url, "/").concat(resourceId), payload);
+    payload = _ref4.payload;
+  return axios__default["default"].put("".concat(TEMPLATES_SETTINGS_URL, "/").concat(resourceId), payload);
 };
 var templatesApi = {
   list: list$1,
@@ -2539,23 +2512,15 @@ var templatesApi = {
 };
 
 var QUERY_KEYS$1 = {
-  TEMPLATES: "templates",
+  TEMPLATES: "templates-list",
+  TEMPLATE: "templates-detail",
   TEMPLATE_TAGS: "template-tags"
 };
 
-var queryClient$1 = new reactQuery.QueryClient({
-  defaultOptions: {
-    queries: {
-      staleTime: constants.DEFAULT_STALE_TIME
-    }
-  }
-});
-
 function ownKeys$c(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$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty$5(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useFetchTemplates = function useFetchTemplates(_ref) {
-  var url = _ref.url,
-    searchTerm = _ref.searchTerm,
+  var searchTerm = _ref.searchTerm,
     category = _ref.category;
   return reactQuery.useInfiniteQuery([QUERY_KEYS$1.TEMPLATES, searchTerm, category], function (_ref2) {
     var _ref2$pageParam = _ref2.pageParam,
@@ -2563,8 +2528,7 @@ var useFetchTemplates = function useFetchTemplates(_ref) {
     return templatesApi.list({
       pageNumber: pageParam,
       searchTerm: searchTerm,
-      category: category,
-      url: url
+      category: category
     });
   }, {
     getNextPageParam: function getNextPageParam(lastPage) {
@@ -2584,10 +2548,10 @@ var useFetchTemplates = function useFetchTemplates(_ref) {
   });
 };
 var useCreateTemplate = function useCreateTemplate(_ref3, options) {
-  var resourceQueryKey = _ref3.resourceQueryKey;
+  var refetchResource = _ref3.refetchResource;
   return reactQuery.useMutation(templatesApi.create, _objectSpread$b(_objectSpread$b({}, options), {}, {
     onSuccess: function onSuccess() {
-      queryClient$1.invalidateQueries([resourceQueryKey]);
+      refetchResource();
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
@@ -2596,30 +2560,27 @@ var useCreateTemplate = function useCreateTemplate(_ref3, options) {
   }));
 };
 var useFetchTemplate = function useFetchTemplate(_ref4, options) {
-  var resourceId = _ref4.resourceId,
-    url = _ref4.url;
-  return reactQuery.useQuery([QUERY_KEYS$1.TEMPLATES, resourceId], function () {
+  var resourceId = _ref4.resourceId;
+  return reactQuery.useQuery([QUERY_KEYS$1.TEMPLATE, resourceId], function () {
     return templatesApi.fetch({
-      templateId: resourceId,
-      url: url
+      templateId: resourceId
     });
   }, options);
 };
 var useUpdateTemplate = function useUpdateTemplate(_ref5) {
-  var resourceId = _ref5.resourceId,
-    url = _ref5.url;
+  var resourceId = _ref5.resourceId;
+  var queryClient = reactQuery.useQueryClient();
   return reactQuery.useMutation(function (_ref6) {
     var template = _ref6.template;
     return templatesApi.update({
       resourceId: resourceId,
-      url: url,
       payload: {
         template: template
       }
     });
   }, {
     onSuccess: function onSuccess() {
-      queryClient$1.invalidateQueries([QUERY_KEYS$1.TEMPLATES]);
+      queryClient.invalidateQueries([QUERY_KEYS$1.TEMPLATE, resourceId]);
     }
   });
 };
@@ -2677,20 +2638,18 @@ var Card = function Card(_ref) {
   var template = _ref.template,
     onClick = _ref.onClick,
     afterCreate = _ref.afterCreate,
-    resourceQueryKey = _ref.resourceQueryKey,
-    url = _ref.url;
+    refetchResource = _ref.refetchResource;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useCreateTemplate = useCreateTemplate({
-      resourceQueryKey: resourceQueryKey
+      refetchResource: refetchResource
     }),
     createTemplate = _useCreateTemplate.mutate,
     isCreating = _useCreateTemplate.isLoading;
   var handleCreateTemplate = function handleCreateTemplate(e, templateId) {
     e.stopPropagation();
     createTemplate({
-      id: templateId,
-      url: url
+      id: templateId
     }, {
       onSuccess: function onSuccess(response) {
         return afterCreate(response);
@@ -2760,8 +2719,7 @@ var List = function List(_ref) {
     isCreating = _ref.isCreating,
     afterCreate = _ref.afterCreate,
     entity = _ref.entity,
-    resourceQueryKey = _ref.resourceQueryKey,
-    url = _ref.url;
+    refetchResource = _ref.refetchResource;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React.useState(DEFAULT_CATEGORY),
@@ -2774,7 +2732,6 @@ var List = function List(_ref) {
     setSearchTerm = _useState4[1];
   var debouncedSearch = reactUtils.useDebounce(searchTerm).trim();
   var _useFetchTemplates = useFetchTemplates({
-      url: url,
       searchTerm: debouncedSearch,
       category: currentCategory
     }),
@@ -2873,8 +2830,7 @@ var List = function List(_ref) {
       key: index,
       template: template,
       afterCreate: afterCreate,
-      resourceQueryKey: resourceQueryKey,
-      url: url,
+      refetchResource: refetchResource,
       onClick: function onClick() {
         return handleCardClick(template);
       }
@@ -2889,19 +2845,17 @@ var Preview$1 = function Preview(_ref) {
   var selectedTemplate = _ref.selectedTemplate,
     setCurrentScreen = _ref.setCurrentScreen,
     afterCreate = _ref.afterCreate,
-    resourceQueryKey = _ref.resourceQueryKey,
-    url = _ref.url;
+    refetchResource = _ref.refetchResource;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useCreateTemplate = useCreateTemplate({
-      resourceQueryKey: resourceQueryKey
+      refetchResource: refetchResource
     }),
     createTemplate = _useCreateTemplate.mutate,
     isCreating = _useCreateTemplate.isLoading;
   var handleCreateTemplate = function handleCreateTemplate() {
     createTemplate({
-      id: selectedTemplate.id,
-      url: url
+      id: selectedTemplate.id
     }, {
       onSuccess: function onSuccess(response) {
         return afterCreate(response);
@@ -2947,13 +2901,11 @@ var CreateTemplateModal = function CreateTemplateModal(_ref) {
     onClose = _ref.onClose,
     isCreating = _ref.isCreating,
     entity = _ref.entity,
-    resourceQueryKey = _ref.resourceQueryKey,
+    refetchResource = _ref.refetchResource,
     _ref$onCreate = _ref.onCreate,
     onCreate = _ref$onCreate === void 0 ? neetoCist.noop : _ref$onCreate,
     _ref$afterCreate = _ref.afterCreate,
-    afterCreate = _ref$afterCreate === void 0 ? neetoCist.noop : _ref$afterCreate,
-    _ref$url = _ref.url,
-    url = _ref$url === void 0 ? "" : _ref$url;
+    afterCreate = _ref$afterCreate === void 0 ? neetoCist.noop : _ref$afterCreate;
   var _useState = React.useState(TEMPLATE_SCREENS.LIST),
     _useState2 = _slicedToArray$4(_useState, 2),
     currentScreen = _useState2[0],
@@ -2981,14 +2933,12 @@ var CreateTemplateModal = function CreateTemplateModal(_ref) {
     afterCreate: afterCreate,
     onCreate: onCreate,
     entity: entity,
-    resourceQueryKey: resourceQueryKey,
-    url: url
+    refetchResource: refetchResource
   }) : /*#__PURE__*/React__default["default"].createElement(Preview$1, {
     selectedTemplate: selectedTemplate,
     setCurrentScreen: setCurrentScreen,
     afterCreate: afterCreate,
-    resourceQueryKey: resourceQueryKey,
-    url: url
+    refetchResource: refetchResource
   }));
 };
 
@@ -3841,9 +3791,6 @@ reactUtils.withT(function (_ref) {
 var css$2 = ".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$3(css$2,{});
 
-var NEETO_TEMPLATES_URL = "/neeto_templates_engine/api/v1";
-var TEMPLATE_TAGS_URL = "".concat(NEETO_TEMPLATES_URL, "/tags/template_tags");
-
 var create$1 = function create(payload) {
   return axios__default["default"].post(TEMPLATE_TAGS_URL, {
     tag: payload
@@ -24540,23 +24487,18 @@ var TemplateSettings = function TemplateSettings(_ref) {
   var _ref$onCancelTemplate = _ref.onCancelTemplatePreview,
     onCancelTemplatePreview = _ref$onCancelTemplate === void 0 ? "" : _ref$onCancelTemplate,
     _ref$breadcrumbs = _ref.breadcrumbs,
-    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
-    resourceType = _ref.resourceType,
-    _ref$url = _ref.url,
-    url = _ref$url === void 0 ? "" : _ref$url;
+    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs;
   var _useParams = reactRouterDom.useParams(),
-    resourceId = _useParams["".concat(resourceType, "Id")];
+    resourceId = _useParams.id;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useFetchTemplate = useFetchTemplate({
-      resourceId: resourceId,
-      url: url
+      resourceId: resourceId
     }),
     data = _useFetchTemplate.data,
     isFetchingTemplate = _useFetchTemplate.isLoading;
   var _useUpdateTemplate = useUpdateTemplate({
-      resourceId: resourceId,
-      url: url
+      resourceId: resourceId
     }),
     updateTemplate = _useUpdateTemplate.mutate,
     isUpdatingTemplate = _useUpdateTemplate.isLoading;
@@ -24574,7 +24516,7 @@ var TemplateSettings = function TemplateSettings(_ref) {
   };
   var isLoading = isFetchingTemplate || isTagsLoading;
   var tags = buildTagOptions(data === null || data === void 0 ? void 0 : data.tags);
-  var formInitialValues = _objectSpread(_objectSpread({
+  var resourceInitialValues = _objectSpread(_objectSpread({
     imageUrl: null
   }, data), {}, {
     tags: tags
@@ -24596,7 +24538,7 @@ var TemplateSettings = function TemplateSettings(_ref) {
   }, t("neetoTemplate.templateSettings.subText")), /*#__PURE__*/React__default["default"].createElement(formik$1.Form, {
     formikProps: {
       enableReinitialize: true,
-      initialValues: formInitialValues,
+      initialValues: resourceInitialValues,
       onSubmit: handleSubmit
     }
   }, function (_ref2) {