@bigbinary/neeto-message-templates-frontend 0.1.0 → 0.2.0

package/dist/index.js

@@ -5,12 +5,12 @@ import Container from '@bigbinary/neeto-molecules/Container';
 import NeetoHeader from '@bigbinary/neeto-molecules/Header';
 import SubHeader from '@bigbinary/neeto-molecules/SubHeader';
 import { Dropdown, Typography, Button, Pane, Table, NoData, Alert, Select, Textarea } from '@bigbinary/neetoui';
-import { prop, equals, includes, pick, omit, isEmpty, assoc, mergeAll, pluck } from 'ramda';
-import { QueryClient, QueryCache, QueryClientProvider, useQuery, useQueryClient, useMutation } from 'react-query';
+import { isEmpty, prop, equals, includes, pick, omit, assoc, mergeAll, pluck } from 'ramda';
+import { QueryClient, QueryCache, QueryClientProvider, useQuery } from 'react-query';
 import { ReactQueryDevtools } from 'react-query/devtools';
 import { MenuHorizontal } from '@bigbinary/neeto-icons';
+import { useMutationWithInvalidation, withImmutableActions } from '@bigbinary/neeto-commons-frontend/react-utils';
 import axios from 'axios';
-import { withImmutableActions } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { create as create$1 } from 'zustand';
 import { FormikEditor } from '@bigbinary/neeto-editor';
 import { Input, Form as Form$1, Select as Select$1, Button as Button$1 } from '@bigbinary/neetoui/formik';
@@ -5252,6 +5252,7 @@ var template = {
 	"delete": "Delete",
 	edit: "Edit",
 	saveChanges: "Save changes",
+	send: "Send",
 	cancel: "Cancel",
 	emailAddress: "Email address",
 	phoneNumber: "Phone number",
@@ -5394,18 +5395,31 @@ var fetchMessageTemplates = function fetchMessageTemplates(params) {
     params: params
   });
 };
-var createMessageTemplate = function createMessageTemplate(params) {
+var createMessageTemplate = function createMessageTemplate(_ref) {
+  var messageTemplate = _ref.messageTemplate,
+    ownerId = _ref.ownerId;
   return axios.post(MESSAGE_TEMPLATE_BASE_URL, {
-    messageTemplate: params
+    messageTemplate: messageTemplate,
+    ownerId: ownerId
   });
 };
-var updateMessageTemplate = function updateMessageTemplate(id, params) {
+var updateMessageTemplate = function updateMessageTemplate(_ref2) {
+  var id = _ref2.id,
+    messageTemplate = _ref2.messageTemplate,
+    ownerId = _ref2.ownerId;
   return axios.patch("".concat(MESSAGE_TEMPLATE_BASE_URL, "/").concat(id), {
-    messageTemplate: params
+    messageTemplate: messageTemplate,
+    ownerId: ownerId
   });
 };
-var deleteMessageTemplate = function deleteMessageTemplate(id) {
-  return axios["delete"]("".concat(MESSAGE_TEMPLATE_BASE_URL, "/").concat(id));
+var deleteMessageTemplate = function deleteMessageTemplate(_ref3) {
+  var id = _ref3.id,
+    ownerId = _ref3.ownerId;
+  return axios["delete"]("".concat(MESSAGE_TEMPLATE_BASE_URL, "/").concat(id), {
+    data: {
+      ownerId: ownerId
+    }
+  });
 };
 var messageTemplatesApi = {
   fetchAll: fetchMessageTemplates,
@@ -5418,42 +5432,46 @@ var QUERY_KEYS = {
   MESSAGE_TEMPLATE: "message-templates"
 };
 
+var ownerIdValue = function ownerIdValue(ownerId) {
+  return isEmpty(ownerId) ? undefined : ownerId;
+};
 var useFetchTemplates = function useFetchTemplates(params) {
   return useQuery([QUERY_KEYS.MESSAGE_TEMPLATE, params], function () {
     return messageTemplatesApi.fetchAll(params);
   });
 };
-var useCreateTemplate = function useCreateTemplate(options) {
-  var queryClient = useQueryClient();
-  return useMutation(function (payload) {
-    return messageTemplatesApi.create(payload);
+var useCreateTemplate = function useCreateTemplate(ownerId, options) {
+  return useMutationWithInvalidation(function (messageTemplate) {
+    return messageTemplatesApi.create({
+      messageTemplate: messageTemplate,
+      ownerId: ownerIdValue(ownerId)
+    });
   }, {
-    onSuccess: function onSuccess() {
-      queryClient.invalidateQueries(QUERY_KEYS.MESSAGE_TEMPLATE);
-      options === null || options === void 0 ? void 0 : options.onSuccess();
-    }
+    keysToInvalidate: [QUERY_KEYS.MESSAGE_TEMPLATE],
+    onSuccess: options === null || options === void 0 ? void 0 : options.onSuccess
   });
 };
-var useUpdateTemplate = function useUpdateTemplate() {
-  var queryClient = useQueryClient();
-  return useMutation(function (_ref) {
+var useUpdateTemplate = function useUpdateTemplate(ownerId) {
+  return useMutationWithInvalidation(function (_ref) {
     var id = _ref.id,
       payload = _ref.payload;
-    return messageTemplatesApi.update(id, payload);
+    return messageTemplatesApi.update({
+      id: id,
+      messageTemplate: payload,
+      ownerId: ownerIdValue(ownerId)
+    });
   }, {
-    onSuccess: function onSuccess() {
-      queryClient.invalidateQueries(QUERY_KEYS.MESSAGE_TEMPLATE);
-    }
+    keysToInvalidate: [QUERY_KEYS.MESSAGE_TEMPLATE]
   });
 };
-var useDeleteTemplate = function useDeleteTemplate() {
-  var queryClient = useQueryClient();
-  return useMutation(function (id) {
-    return messageTemplatesApi["delete"](id);
+var useDeleteTemplate = function useDeleteTemplate(ownerId) {
+  return useMutationWithInvalidation(function (id) {
+    return messageTemplatesApi["delete"]({
+      id: id,
+      ownerId: ownerIdValue(ownerId)
+    });
   }, {
-    onSuccess: function onSuccess() {
-      queryClient.invalidateQueries(QUERY_KEYS.MESSAGE_TEMPLATE);
-    }
+    keysToInvalidate: [QUERY_KEYS.MESSAGE_TEMPLATE]
   });
 };
 
@@ -5469,10 +5487,11 @@ function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if
 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 RowActions = function RowActions(_ref) {
   var template = _ref.template,
-    setManageTemplatePane = _ref.setManageTemplatePane;
+    setManageTemplatePane = _ref.setManageTemplatePane,
+    ownerId = _ref.ownerId;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useUpdateTemplate = useUpdateTemplate(),
+  var _useUpdateTemplate = useUpdateTemplate(ownerId),
     update = _useUpdateTemplate.mutate;
   var Menu = Dropdown.Menu,
     MenuItem = Dropdown.MenuItem;
@@ -5530,7 +5549,7 @@ var renderSearchProps = function renderSearchProps(label, setSearchTerm, searchT
     value: searchTerm
   };
 };
-var buildTableColumnData = function buildTableColumnData(setManageTemplatePane) {
+var buildTableColumnData = function buildTableColumnData(setManageTemplatePane, ownerId) {
   return [{
     dataIndex: "name",
     key: "name",
@@ -5544,6 +5563,7 @@ var buildTableColumnData = function buildTableColumnData(setManageTemplatePane)
       }, /*#__PURE__*/React.createElement(Typography, {
         style: "body2"
       }, name), /*#__PURE__*/React.createElement(RowActions, {
+        ownerId: ownerId,
         setManageTemplatePane: setManageTemplatePane,
         template: template
       }));
@@ -6208,7 +6228,7 @@ var useFilters = function useFilters() {
   };
 };
 
-var useTemplates = function useTemplates(type) {
+var useTemplates = function useTemplates(type, ownerId) {
   var _useState = useState(buildFiltersFromURL(buildTableColumnData().filter(prop("node")))),
     _useState2 = _slicedToArray(_useState, 2),
     filters = _useState2[0],
@@ -6223,16 +6243,17 @@ var useTemplates = function useTemplates(type) {
     pageIndex: pageIndex,
     pageSize: pageSize,
     filters: JSON.stringify(filters),
-    templateType: MESSAGE_TEMPLATES[type].value
+    templateType: MESSAGE_TEMPLATES[type].value,
+    ownerId: isEmpty(ownerId) ? undefined : ownerId
   };
   var _useFetchTemplates = useFetchTemplates(templateParams),
     _useFetchTemplates$da = _useFetchTemplates.data,
     templatesData = _useFetchTemplates$da === void 0 ? {} : _useFetchTemplates$da,
     isLoadingTemplates = _useFetchTemplates.isLoading,
     isFetching = _useFetchTemplates.isFetching;
-  var _useCreateTemplate = useCreateTemplate(),
+  var _useCreateTemplate = useCreateTemplate(ownerId),
     create = _useCreateTemplate.mutate;
-  var _useUpdateTemplate = useUpdateTemplate(),
+  var _useUpdateTemplate = useUpdateTemplate(ownerId),
     update = _useUpdateTemplate.mutate;
   var createUpdateTemplate = function createUpdateTemplate(_ref, options) {
     var isEdit = _ref.isEdit,
@@ -6266,10 +6287,11 @@ var List = function List(_ref) {
     pageProperties = _ref.pageProperties,
     label = _ref.label,
     addText = _ref.addText,
-    isFilterApplied = _ref.isFilterApplied;
+    isFilterApplied = _ref.isFilterApplied,
+    ownerId = _ref.ownerId;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var _useDeleteTemplate = useDeleteTemplate(),
+  var _useDeleteTemplate = useDeleteTemplate(ownerId),
     deleteTemplate = _useDeleteTemplate.mutate,
     isDeleting = _useDeleteTemplate.isLoading;
   var templates = templatesData.templates,
@@ -6290,7 +6312,7 @@ var List = function List(_ref) {
   }, !isEmpty(templates) ? /*#__PURE__*/React.createElement(TableWrapper, {
     hasPagination: totalCount > pageSize
   }, /*#__PURE__*/React.createElement(Table, {
-    columnData: buildTableColumnData(setManageTemplatePane),
+    columnData: buildTableColumnData(setManageTemplatePane, ownerId),
     currentPageNumber: pageIndex,
     defaultPageSize: pageSize,
     loading: isLoading,
@@ -6352,7 +6374,9 @@ var MessageTemplates = function MessageTemplates(_ref) {
     _ref$shouldIncludeTes = _ref.shouldIncludeTestTemplate,
     shouldIncludeTestTemplate = _ref$shouldIncludeTes === void 0 ? true : _ref$shouldIncludeTes,
     _ref$templateVariable = _ref.templateVariables,
-    templateVariables = _ref$templateVariable === void 0 ? {} : _ref$templateVariable;
+    templateVariables = _ref$templateVariable === void 0 ? {} : _ref$templateVariable,
+    _ref$ownerId = _ref.ownerId,
+    ownerId = _ref$ownerId === void 0 ? "" : _ref$ownerId;
   var _useState = useState(MESSAGE_TEMPLATE_INITIAL_STATE),
     _useState2 = _slicedToArray(_useState, 2),
     manageTemplatePane = _useState2[0],
@@ -6366,7 +6390,7 @@ var MessageTemplates = function MessageTemplates(_ref) {
     filterColumns = _useFilters.filterColumns,
     setSearchTerm = _useFilters.setSearchTerm,
     searchTerm = _useFilters.searchTerm;
-  var _useTemplates = useTemplates(type),
+  var _useTemplates = useTemplates(type, ownerId),
     isLoading = _useTemplates.isLoading,
     templatesData = _useTemplates.templatesData,
     createUpdateTemplate = _useTemplates.createUpdateTemplate,
@@ -6427,6 +6451,7 @@ var MessageTemplates = function MessageTemplates(_ref) {
     label: label,
     labelSingular: labelSingular,
     manageTemplatePane: manageTemplatePane,
+    ownerId: ownerId,
     pageProperties: pageProperties,
     setManageTemplatePane: setManageTemplatePane,
     setPageProperties: setPageProperties,
@@ -6550,7 +6575,7 @@ var EmailAndSms = function EmailAndSms(_ref) {
       className: "absolute bottom-0 left-0 flex gap-x-2"
     }, /*#__PURE__*/React.createElement(Button, {
       disabled: !dirty || isSubmitting,
-      label: t("template.saveChanges"),
+      label: t("template.send"),
       loading: isSubmitting,
       type: "submit"
     }), /*#__PURE__*/React.createElement(Button, {
@@ -6669,7 +6694,7 @@ var Whatsapp = function Whatsapp(_ref) {
       className: "absolute bottom-0 left-0 flex gap-x-2"
     }, /*#__PURE__*/React.createElement(Button$1, {
       disabled: !dirty || isSubmitting,
-      label: t("template.saveChanges"),
+      label: t("template.send"),
       loading: isSubmitting,
       type: "submit"
     }), /*#__PURE__*/React.createElement(Button$1, {
@@ -6697,7 +6722,9 @@ var SendMessagePane = function SendMessagePane(_ref) {
     _ref$customFieldsVali = _ref.customFieldsValidationSchema,
     customFieldsValidationSchema = _ref$customFieldsVali === void 0 ? {} : _ref$customFieldsVali,
     _ref$templateVariable = _ref.templateVariables,
-    templateVariables = _ref$templateVariable === void 0 ? {} : _ref$templateVariable;
+    templateVariables = _ref$templateVariable === void 0 ? {} : _ref$templateVariable,
+    _ref$ownerId = _ref.ownerId,
+    ownerId = _ref$ownerId === void 0 ? "" : _ref$ownerId;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var initialFocusField = useRef();
@@ -6707,7 +6734,8 @@ var SendMessagePane = function SendMessagePane(_ref) {
   var value = MESSAGE_TEMPLATES[type].value;
   var templateParams = {
     status: "active",
-    templateType: value
+    templateType: value,
+    ownerId: ownerId
   };
   var _useFetchTemplates = useFetchTemplates(templateParams),
     _useFetchTemplates$da = _useFetchTemplates.data,