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

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

@@ -34,6 +34,9 @@
       "whatsappTemplate": "Whatsapp Template",
       "apiTemplates": "API templates",
       "emptyState": "There are no {{type, anyCase}} to show.",
+      "whatsapp": {
+        "helpDocText": "You can create and add new WhatsApp templates by referring to this <Link>help document</Link>."
+      },
       "sendTestEmail": "Send test email",
       "sendTestSms": "Send test SMS",
       "filtersEmptyState": "There are no {{type, anyCase}} to show for applied filters.",

package/dist/index.cjs.js

@@ -3636,7 +3636,9 @@ var Whatsapp = function Whatsapp(_ref) {
     handleSubmit = _ref.handleSubmit,
     customFields = _ref.customFields,
     customFieldsInitialValues = _ref.customFieldsInitialValues,
-    customFieldsValidationSchema = _ref.customFieldsValidationSchema;
+    customFieldsValidationSchema = _ref.customFieldsValidationSchema,
+    _ref$helpDocUrl = _ref.helpDocUrl,
+    helpDocUrl = _ref$helpDocUrl === void 0 ? "" : _ref$helpDocUrl;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var getInitialVariableComponents = function getInitialVariableComponents(variables) {
@@ -3665,6 +3667,15 @@ var Whatsapp = function Whatsapp(_ref) {
   if (ramda.isEmpty(templates)) {
     return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, null, t("neetoMessageTemplate.template.emptyState", {
       type: t("neetoMessageTemplate.template.whatsappTemplates")
+    }), " ", helpDocUrl && /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+      i18nKey: "neetoMessageTemplate.template.whatsapp.helpDocText",
+      components: {
+        Link: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+          size: "large",
+          style: "link",
+          to: helpDocUrl
+        })
+      }
     })), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
       className: "absolute bottom-0 left-0"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
@@ -3765,7 +3776,9 @@ var SendMessagePane = function SendMessagePane(_ref) {
     _ref$templateVariable = _ref.templateVariables,
     templateVariables = _ref$templateVariable === void 0 ? {} : _ref$templateVariable,
     _ref$ownerId = _ref.ownerId,
-    ownerId = _ref$ownerId === void 0 ? "" : _ref$ownerId;
+    ownerId = _ref$ownerId === void 0 ? "" : _ref$ownerId,
+    _ref$helpDocUrl = _ref.helpDocUrl,
+    helpDocUrl = _ref$helpDocUrl === void 0 ? "" : _ref$helpDocUrl;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var initialFocusField = React.useRef();
@@ -3796,6 +3809,7 @@ var SendMessagePane = function SendMessagePane(_ref) {
     customFieldsInitialValues: customFieldsInitialValues,
     customFieldsValidationSchema: customFieldsValidationSchema,
     handleSubmit: handleSubmit,
+    helpDocUrl: helpDocUrl,
     onClose: onClose,
     templates: templates
   }) : /*#__PURE__*/React__default["default"].createElement(EmailAndSms, {