@bigbinary/neeto-rules-frontend 2.5.15-beta-8 → 2.5.15-beta-9

package/README.md

@@ -722,6 +722,8 @@ const initialProps = {
 6. `separator`: Separator to be shown between action sub items. If there is only
    one sub item, provide a string value. If there are multiple sub items,
    provide an array of separators.
+7. `isSaveAsTemplateEnabled`: To allow users to save the contents of current
+  message as a new template.
 
 Refer to the [Actions section](./docs/actions.md) for more information.
 
@@ -764,6 +766,49 @@ which is being sent by neeto-form in action options.
 }
 ```
 
+#### 3.11 Saving the contents of current message as a new template
+
+To save the contents of the current message as a new template, set `isSaveAsTemplateEnabled` to true. The message contents will then be available in the values passed to the `handleSubmit` callback, allowing the host application to use this data for creating new templates.
+
+#### 3.12 Displaying help popovers in the action panel
+
+You can configure help popovers to appear next to input fields in Email, SMS, and API actions. To do this, provide the appropriate `helpPopoverProps` in the action options.
+
+```jsx
+{
+  label: t("form.settings.automationRules.actions.sendToApi"),
+  value: ACTION_OPTIONS.sendToApi,
+  type: "sendToApi",
+  helpPopoverProps: {
+    customHeaders: {
+      title: "Title for custom headers popover",
+      description: "Description for custom headers popover.",
+      helpLinkProps: { href: CUSTOM_HEADERS_HELP_DOC_URL },
+    },
+    body: {
+      title: "Title for API payload popover",
+      description: "Description for API payload popover.",
+      helpLinkProps: { href: API_PAYLOAD_HELP_DOC_URL },
+    },
+  },
+}
+```
+
+Below are the supported actions and fields where help popovers can be displayed:
+
+1. Email actions:
+   - `template`: Displays a help popover next to the template dropdown
+   - `recipientField`: Displays a help popover next to the recipient selection dropdown (lists records with emails)
+
+2. SMS actions:
+   - `template`: Displays a help popover next to the template dropdown
+   - `recipientField`: Displays a help popover next to the recipient selection dropdown (lists records with phone numbers)
+
+3. API actions:
+   - `template`: Displays a help popover next to the template dropdown
+   - `customHeaders`: Displays a help popover next to the custom headers label
+   - `body`: Displays a help popover next to the body label
+
 #### 4. `RulePreview`
 
 The `RulePreview` component is used to preview the automation rule.

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

@@ -179,7 +179,10 @@
       "selectCannedResponse": "Select a canned response",
       "headers": "Headers",
       "includeHeaders": "Include headers",
-      "addEntity": "Add {{entity}}"
+      "addEntity": "Add {{entity}}",
+      "templateName": "Template name",
+      "saveAsTemplate": "Save as template",
+      "viewHelpArticle": "View help article"
     },
     "placeholders": {
       "if": "If",

package/dist/NeetoRules.js

@@ -8,7 +8,7 @@ import Container from '@bigbinary/neeto-molecules/Container';
 import { u as useUpdateAutomationRule, a as useCloneAutomationRule, b as useDeleteAutomationRule, c as useFetchAutomationRules, R as RulesReorder, I as INITIAL_RULES_DATA } from './index-CYeamuNR.js';
 import NeetoHeader from '@bigbinary/neeto-molecules/Header';
 import Button from '@bigbinary/neetoui/Button';
-import { c as createRoutes, u as useUtilityStore } from './useUtilityStore-y6y2o_xQ.js';
+import { c as createRoutes, u as useUtilityStore } from './useUtilityStore-BcSUEW_u.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { shallow } from 'zustand/shallow';
 import SubHeader from '@bigbinary/neeto-molecules/SubHeader';