@bigbinary/neeto-message-templates-frontend 0.6.5 → 0.6.7

package/README.md

@@ -89,6 +89,7 @@ This component is used to manage message templates in your web application. It p
 - `breadcrumbs`: An array of objects that specify breadcrumbs for navigation.
 - `isTestingTemplateDisabled`: A boolean indicating whether the test template button should be enabled or not.
 - `manageTemplatesPaneCustomFields`: To add custom components to the manage templates pane.
+- `onMutationSuccess`: The callback function which is triggered on the success of mutation functions(create, update & delete).
 
 ##### Usage
 ```jsx
@@ -97,6 +98,8 @@ import React from "react";
 import { MessageTemplates } from "@bigbinary/neeto-message-templates-frontend";
 
 const App = () => {
+  const queryClient = useQueryClient();
+
   const breadcrumbs = [
     {
       link: "/settings",
@@ -130,6 +133,7 @@ const App = () => {
       type={type}
       isTestingTemplateDisabled={isTestingTemplateDisabled}
       manageTemplatesPaneCustomFields={manageTemplatesPaneCustomFields()}
+      onMutationSuccess={() => queryClient.invalidateQueries(["rules"])}
     />
   );
 };
@@ -206,7 +210,8 @@ This component is used to manage the API templates in your application. It provi
 - `ownerId`: To provide the `ID` of the owner to which the API templates belongs to.
 
 ##### Optional props
-- `breadcrumbs`:  An array of objects that specify breadcrumbs for navigation.
+- `breadcrumbs`: An array of objects that specify breadcrumbs for navigation.
+- `onMutationSuccess`: The callback function which is triggered on the success of mutation functions(create, update & delete).
 
 ##### Usage
 ```js
@@ -215,10 +220,17 @@ import React from "react";
 import { ApiTemplates } from "neetomessagetemplates";
 
 const App = () => {
+  const queryClient = useQueryClient();
+
   const breadcrumbs = [{ link: "/settings", text: "Settings" }];
   const ownerId = "ownerId";
 
-  return <ApiTemplates {...{ breadcrumbs, ownerId }} />;
+  return (
+    <ApiTemplates
+      {...{ breadcrumbs, ownerId }}
+      onMutationSuccess={() => queryClient.invalidateQueries(["rules"])}
+    />
+  );
 };
 ```
 

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

@@ -52,7 +52,9 @@
       "templateName": "Template name",
       "emailSubject": "Email subject",
       "emailBody": "Email body",
-      "smsBody": "SMS body"
+      "smsBody": "SMS body",
+      "messageTemplatesWithCount_one": "{{count}} {{type, anyCase}} template",
+      "messageTemplatesWithCount_other": "{{count}} {{type, anyCase}} templates"
     },
     "sendMessage": {
       "email": "Send email",
@@ -84,6 +86,7 @@
   "messageType": {
     "sms": "SMS",
     "email": "email",
-    "whatsapp": "whatsapp"
+    "whatsapp": "whatsapp",
+    "api": "API"
   }
 }