@bigbinary/neeto-message-templates-frontend 0.0.8 → 0.0.9

package/README.md

@@ -78,6 +78,8 @@ yarn add @bigbinary/neeto-message-templates-frontend
 
 - `type`: Type can be `email`, `sms` or `whatsapp`.
 
+- `templateVariables`: (optional) To add dynamic variables to form body field.
+
 ### Usage
 
 ```javascript
@@ -96,12 +98,20 @@ const App = () => {
     //api call
   };
 
+  const TEMPLATE_VARIABLES = [
+    {
+      key: "name",
+      label: "Name",
+    },
+  ];
+
   return (
     <MessageTemplates
       shouldIncludeTestTemplate
       breadcrumbs={breadcrumbs}
       handleSubmitTestTemplate={handleSubmit}
       isTestMessageLoading={isTestMessageLoading}
+      templateVariables={TEMPLATE_VARIABLES}
       type={type}
     />
   );
@@ -129,6 +139,8 @@ const App = () => {
 - `customFieldsValidationSchema`: (optional) To provide validation schema for
   the custom fields.
 
+- `templateVariables`: (optional) To add dynamic variables to form body field.
+
 ### Usage
 
 ```js

package/dist/index.cjs.js

@@ -5401,10 +5401,6 @@ var MESSAGE_TEMPLATES = {
   }
 };
 var DEFAULT_EDITOR_ROW_COUNT = 15;
-var TEMPLATE_VARIABLES = [{
-  key: "name",
-  label: t$1("template.name")
-}];
 
 var MESSAGE_TEMPLATE_INITIAL_STATE = {
   isOpen: false,
@@ -6099,7 +6095,8 @@ var Form$1 = function Form(_ref) {
     setInitialFocusField = _ref.setInitialFocusField,
     handleSubmitTestTemplate = _ref.handleSubmitTestTemplate,
     isTestMessageLoading = _ref.isTestMessageLoading,
-    shouldIncludeTestTemplate = _ref.shouldIncludeTestTemplate;
+    shouldIncludeTestTemplate = _ref.shouldIncludeTestTemplate,
+    templateVariables = _ref.templateVariables;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var editorRef = React.useRef(null);
@@ -6161,7 +6158,7 @@ var Form$1 = function Form(_ref) {
       name: "body",
       ref: editorRef,
       rows: DEFAULT_EDITOR_ROW_COUNT,
-      variables: TEMPLATE_VARIABLES
+      variables: templateVariables
     }), isTestTemplateVisible && /*#__PURE__*/React__default["default"].createElement(TestMessage, {
       handleSubmitTestTemplate: handleSubmitTestTemplate,
       isEmailTemplate: isEmailTemplate,
@@ -6190,7 +6187,8 @@ var AddEdit = function AddEdit(_ref) {
     handleSubmitTestTemplate = _ref.handleSubmitTestTemplate,
     shouldIncludeTestTemplate = _ref.shouldIncludeTestTemplate,
     addText = _ref.addText,
-    editText = _ref.editText;
+    editText = _ref.editText,
+    templateVariables = _ref.templateVariables;
   var initialFocusField = React.useRef();
   var setInitialFocusField = function setInitialFocusField(fieldRef) {
     return initialFocusField.current = fieldRef;
@@ -6214,6 +6212,7 @@ var AddEdit = function AddEdit(_ref) {
     setInitialFocusField: setInitialFocusField,
     shouldIncludeTestTemplate: shouldIncludeTestTemplate,
     template: template,
+    templateVariables: templateVariables,
     onClose: onClose
   })));
 };
@@ -6379,7 +6378,9 @@ var MessageTemplates = function MessageTemplates(_ref) {
     _ref$isTestMessageLoa = _ref.isTestMessageLoading,
     isTestMessageLoading = _ref$isTestMessageLoa === void 0 ? false : _ref$isTestMessageLoa,
     _ref$shouldIncludeTes = _ref.shouldIncludeTestTemplate,
-    shouldIncludeTestTemplate = _ref$shouldIncludeTes === void 0 ? true : _ref$shouldIncludeTes;
+    shouldIncludeTestTemplate = _ref$shouldIncludeTes === void 0 ? true : _ref$shouldIncludeTes,
+    _ref$templateVariable = _ref.templateVariables,
+    templateVariables = _ref$templateVariable === void 0 ? {} : _ref$templateVariable;
   var _useState = React.useState(MESSAGE_TEMPLATE_INITIAL_STATE),
     _useState2 = _slicedToArray(_useState, 2),
     manageTemplatePane = _useState2[0],
@@ -6466,6 +6467,7 @@ var MessageTemplates = function MessageTemplates(_ref) {
     isTestMessageLoading: isTestMessageLoading,
     manageTemplatePane: manageTemplatePane,
     shouldIncludeTestTemplate: shouldIncludeTestTemplate,
+    templateVariables: templateVariables,
     onClose: function onClose() {
       return setManageTemplatePane(ramda.assoc("isOpen", false));
     }
@@ -6500,6 +6502,7 @@ var Form = function Form(_ref) {
     templates = _ref.templates,
     handleSubmit = _ref.handleSubmit,
     setInitialFocusField = _ref.setInitialFocusField,
+    templateVariables = _ref.templateVariables,
     customFields = _ref.customFields,
     customFieldsInitialValues = _ref.customFieldsInitialValues,
     customFieldsValidationSchema = _ref.customFieldsValidationSchema;
@@ -6565,7 +6568,7 @@ var Form = function Form(_ref) {
       name: "body",
       ref: editorRef,
       rows: DEFAULT_EDITOR_ROW_COUNT,
-      variables: TEMPLATE_VARIABLES
+      variables: templateVariables
     }), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
       className: "absolute bottom-0 left-0 flex gap-x-2"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
@@ -6596,7 +6599,9 @@ var SendMessagePane = function SendMessagePane(_ref) {
     _ref$customFieldsInit = _ref.customFieldsInitialValues,
     customFieldsInitialValues = _ref$customFieldsInit === void 0 ? {} : _ref$customFieldsInit,
     _ref$customFieldsVali = _ref.customFieldsValidationSchema,
-    customFieldsValidationSchema = _ref$customFieldsVali === void 0 ? {} : _ref$customFieldsVali;
+    customFieldsValidationSchema = _ref$customFieldsVali === void 0 ? {} : _ref$customFieldsVali,
+    _ref$templateVariable = _ref.templateVariables,
+    templateVariables = _ref$templateVariable === void 0 ? {} : _ref$templateVariable;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var initialFocusField = React.useRef();
@@ -6628,6 +6633,7 @@ var SendMessagePane = function SendMessagePane(_ref) {
     handleSubmit: handleSubmit,
     isEmailTemplate: isEmailTemplate,
     setInitialFocusField: setInitialFocusField,
+    templateVariables: templateVariables,
     templates: templates,
     onClose: onClose
   })));