@bigbinary/neeto-approvals-frontend 0.0.32 → 0.0.33

package/dist/index.js

@@ -1,6 +1,6 @@
 import React, { useContext, useState, useRef, useEffect, useMemo, useCallback } from 'react';
 import Container from '@bigbinary/neeto-molecules/Container';
-import { useLocation, useHistory, useParams, Switch, Route, Redirect } from 'react-router-dom';
+import { useLocation, useHistory, Link, useParams, Switch, Route, Redirect } from 'react-router-dom';
 import { useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import SubHeader from '@bigbinary/neeto-molecules/SubHeader';
@@ -4054,7 +4054,6 @@ var alerts$1 = {
 };
 var buttons$1 = {
 	cancel: "Cancel",
-	proceed: "Proceed",
 	saveChanges: "Save changes",
 	approve: "Approve",
 	decline: "Decline"
@@ -4078,7 +4077,7 @@ var common$1 = {
 	add_: "Add {{what}}",
 	edit_: "Edit {{what}}",
 	name: "Name",
-	notFound_: "There are no {{what}} to show.",
+	notFound_: "There are no {{what}} to show",
 	notFound: "Could not find the approval request.",
 	visibility: "Visibility",
 	variable: "Variable",
@@ -4097,10 +4096,10 @@ var common$1 = {
 	cancelledBy: "Cancelled by",
 	waitingFor: "Waiting for",
 	templateDetails: "Template details",
-	field: "Field"
+	field: "Field",
+	noDataHelpText: "Here is how you can use <a>{{entity}}.</a>"
 };
 var validations$1 = {
-	enterEmail: "Please enter a valid email",
 	limitExceeded: "You have exceeded the limit of {{limit}} characters for the {{what}}.",
 	approver: "Please select a approver",
 	required: "{{what}} is required",
@@ -4454,6 +4453,21 @@ var routes = (cov_ntmkgtql1().s[2]++, {
   "public": "approvals/public/request/:id"
 });
 
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
 function cov_20kjg9hoah() {
   var path = "/home/runner/work/neeto-approvals-frontend/neeto-approvals-frontend/src/common/constants.js";
   var hash = "1eb0e6bd61af1c742f2053e510ed97b54ae066e5";
@@ -7093,6 +7107,110 @@ var usePaginate = function usePaginate() {
   };
 };
 
+function cov_2lfpxvwnxy() {
+  var path = "/home/runner/work/neeto-approvals-frontend/neeto-approvals-frontend/src/utils.jsx";
+  var hash = "e7411ea8c98b022bf232a1a0ee7068551443833d";
+  var global = new Function("return this")();
+  var gcv = "__coverage__";
+  var coverageData = {
+    path: "/home/runner/work/neeto-approvals-frontend/neeto-approvals-frontend/src/utils.jsx",
+    statementMap: {
+      "0": {
+        start: {
+          line: 6,
+          column: 36
+        },
+        end: {
+          line: 20,
+          column: 1
+        }
+      },
+      "1": {
+        start: {
+          line: 7,
+          column: 2
+        },
+        end: {
+          line: 19,
+          column: 4
+        }
+      }
+    },
+    fnMap: {
+      "0": {
+        name: "(anonymous_0)",
+        decl: {
+          start: {
+            line: 6,
+            column: 36
+          },
+          end: {
+            line: 6,
+            column: 37
+          }
+        },
+        loc: {
+          start: {
+            line: 7,
+            column: 2
+          },
+          end: {
+            line: 19,
+            column: 4
+          }
+        },
+        line: 7
+      }
+    },
+    branchMap: {},
+    s: {
+      "0": 0,
+      "1": 0
+    },
+    f: {
+      "0": 0
+    },
+    b: {},
+    _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
+    hash: "e7411ea8c98b022bf232a1a0ee7068551443833d"
+  };
+  var coverage = global[gcv] || (global[gcv] = {});
+  if (!coverage[path] || coverage[path].hash !== hash) {
+    coverage[path] = coverageData;
+  }
+  var actualCoverage = coverage[path];
+  {
+    // @ts-ignore
+    cov_2lfpxvwnxy = function () {
+      return actualCoverage;
+    };
+  }
+  return actualCoverage;
+}
+cov_2lfpxvwnxy();
+cov_2lfpxvwnxy().s[0]++;
+var renderNoDataHelpText = function renderNoDataHelpText(_ref) {
+  var entity = _ref.entity,
+    url = _ref.url;
+  cov_2lfpxvwnxy().f[0]++;
+  cov_2lfpxvwnxy().s[1]++;
+  return /*#__PURE__*/React.createElement(Trans, {
+    i18nKey: "common.noDataHelpText",
+    values: {
+      entity: entity
+    },
+    components: {
+      a: /*#__PURE__*/React.createElement(Link, {
+        className: "neeto-ui-text-primary-600 underline",
+        target: "_blank",
+        to: {
+          pathname: url
+        }
+      })
+    }
+  });
+};
+
 function cov_ibhjin420() {
   var path = "/home/runner/work/neeto-approvals-frontend/neeto-approvals-frontend/src/components/Approvals/Approvers/constants.js";
   var hash = "2ccde0ad333e8d6b1af2f20443ee3b7916ef0426";
@@ -8581,7 +8699,7 @@ var Header$1 = /*#__PURE__*/React.memo(Header);
 
 function cov_k73dvs42g() {
   var path = "/home/runner/work/neeto-approvals-frontend/neeto-approvals-frontend/src/components/Approvals/Approvers/index.jsx";
-  var hash = "b6d5ca0bf04f36e117b53751b07eb5ae54ff87b4";
+  var hash = "c76dbd578cae6374ac09a57b8aa2b3f8cf76916f";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -8589,321 +8707,341 @@ function cov_k73dvs42g() {
     statementMap: {
       "0": {
         start: {
-          line: 29,
+          line: 30,
           column: 18
         },
         end: {
-          line: 188,
+          line: 197,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 30,
+          line: 31,
           column: 32
         },
         end: {
-          line: 30,
+          line: 31,
           column: 63
         }
       },
       "2": {
         start: {
-          line: 31,
+          line: 32,
           column: 60
         },
         end: {
-          line: 31,
+          line: 32,
           column: 75
         }
       },
       "3": {
         start: {
-          line: 32,
+          line: 33,
           column: 46
         },
         end: {
-          line: 32,
+          line: 33,
           column: 58
         }
       },
       "4": {
         start: {
-          line: 33,
+          line: 34,
           column: 50
         },
         end: {
-          line: 33,
+          line: 34,
           column: 62
         }
       },
       "5": {
         start: {
-          line: 34,
+          line: 35,
           column: 26
         },
         end: {
-          line: 34,
+          line: 35,
           column: 67
         }
       },
       "6": {
         start: {
-          line: 36,
+          line: 37,
           column: 52
         },
         end: {
-          line: 36,
+          line: 37,
           column: 65
         }
       },
       "7": {
         start: {
-          line: 38,
+          line: 39,
           column: 16
         },
         end: {
-          line: 38,
+          line: 39,
           column: 32
         }
       },
       "8": {
         start: {
-          line: 43,
+          line: 44,
           column: 6
         },
         end: {
-          line: 54,
+          line: 55,
           column: 3
         }
       },
       "9": {
         start: {
-          line: 51,
+          line: 52,
           column: 8
         },
         end: {
-          line: 51,
+          line: 52,
           column: 74
         }
       },
       "10": {
         start: {
-          line: 56,
+          line: 57,
           column: 60
         },
         end: {
-          line: 56,
+          line: 57,
           column: 79
         }
       },
       "11": {
         start: {
-          line: 58,
+          line: 59,
           column: 22
         },
         end: {
-          line: 65,
+          line: 66,
           column: 3
         }
       },
       "12": {
         start: {
-          line: 59,
+          line: 60,
           column: 17
         },
         end: {
-          line: 59,
+          line: 60,
           column: 41
         }
       },
       "13": {
         start: {
-          line: 60,
+          line: 61,
           column: 4
         },
         end: {
-          line: 64,
+          line: 65,
           column: 7
         }
       },
       "14": {
         start: {
-          line: 67,
+          line: 68,
           column: 24
         },
         end: {
-          line: 69,
+          line: 70,
           column: 3
         }
       },
       "15": {
         start: {
-          line: 68,
+          line: 69,
           column: 4
         },
         end: {
-          line: 68,
+          line: 69,
           column: 34
         }
       },
       "16": {
         start: {
-          line: 71,
+          line: 72,
           column: 18
         },
         end: {
-          line: 74,
+          line: 75,
           column: 4
         }
       },
       "17": {
         start: {
-          line: 76,
+          line: 77,
           column: 23
         },
         end: {
-          line: 79,
+          line: 80,
           column: 3
         }
       },
       "18": {
         start: {
-          line: 77,
+          line: 78,
           column: 4
         },
         end: {
-          line: 77,
+          line: 78,
           column: 35
         }
       },
       "19": {
         start: {
-          line: 78,
+          line: 79,
           column: 4
         },
         end: {
-          line: 78,
+          line: 79,
           column: 28
         }
       },
       "20": {
         start: {
-          line: 81,
+          line: 82,
           column: 28
         },
         end: {
-          line: 87,
+          line: 88,
           column: 3
         }
       },
       "21": {
         start: {
-          line: 82,
+          line: 83,
           column: 4
         },
         end: {
-          line: 86,
+          line: 87,
           column: 7
         }
       },
       "22": {
         start: {
-          line: 89,
+          line: 90,
           column: 22
         },
         end: {
-          line: 96,
+          line: 97,
           column: 3
         }
       },
       "23": {
         start: {
-          line: 90,
+          line: 91,
           column: 4
         },
         end: {
-          line: 95,
+          line: 96,
           column: 6
         }
       },
       "24": {
         start: {
-          line: 94,
+          line: 95,
           column: 21
         },
         end: {
-          line: 94,
+          line: 95,
           column: 51
         }
       },
       "25": {
         start: {
-          line: 98,
-          column: 2
+          line: 99,
+          column: 17
         },
         end: {
-          line: 104,
-          column: 3
+          line: 99,
+          column: 65
         }
       },
       "26": {
         start: {
-          line: 99,
-          column: 4
+          line: 101,
+          column: 21
         },
         end: {
-          line: 103,
-          column: 6
+          line: 112,
+          column: 3
         }
       },
       "27": {
         start: {
           line: 106,
-          column: 2
+          column: 21
         },
         end: {
-          line: 187,
-          column: 4
+          line: 106,
+          column: 51
         }
       },
       "28": {
         start: {
-          line: 137,
-          column: 14
+          line: 114,
+          column: 2
         },
         end: {
-          line: 137,
-          column: 48
+          line: 120,
+          column: 3
         }
       },
       "29": {
         start: {
-          line: 152,
-          column: 29
+          line: 115,
+          column: 4
         },
         end: {
-          line: 152,
-          column: 59
+          line: 119,
+          column: 6
         }
       },
       "30": {
         start: {
-          line: 183,
+          line: 122,
+          column: 2
+        },
+        end: {
+          line: 196,
+          column: 4
+        }
+      },
+      "31": {
+        start: {
+          line: 153,
+          column: 14
+        },
+        end: {
+          line: 153,
+          column: 48
+        }
+      },
+      "32": {
+        start: {
+          line: 192,
           column: 23
         },
         end: {
-          line: 183,
+          line: 192,
           column: 46
         }
       },
-      "31": {
+      "33": {
         start: {
-          line: 184,
+          line: 193,
           column: 24
         },
         end: {
-          line: 184,
+          line: 193,
           column: 58
         }
       }
@@ -8913,383 +9051,383 @@ function cov_k73dvs42g() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 29,
+            line: 30,
             column: 18
           },
           end: {
-            line: 29,
+            line: 30,
             column: 19
           }
         },
         loc: {
           start: {
-            line: 29,
-            column: 44
+            line: 30,
+            column: 56
           },
           end: {
-            line: 188,
+            line: 197,
             column: 1
           }
         },
-        line: 29
+        line: 30
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 50,
+            line: 51,
             column: 17
           },
           end: {
-            line: 50,
+            line: 51,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 50,
+            line: 51,
             column: 30
           },
           end: {
-            line: 52,
+            line: 53,
             column: 7
           }
         },
-        line: 50
+        line: 51
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 58,
+            line: 59,
             column: 22
           },
           end: {
-            line: 58,
+            line: 59,
             column: 23
           }
         },
         loc: {
           start: {
-            line: 58,
+            line: 59,
             column: 34
           },
           end: {
-            line: 65,
+            line: 66,
             column: 3
           }
         },
-        line: 58
+        line: 59
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 67,
+            line: 68,
             column: 24
           },
           end: {
-            line: 67,
+            line: 68,
             column: 25
           }
         },
         loc: {
           start: {
-            line: 67,
+            line: 68,
             column: 36
           },
           end: {
-            line: 69,
+            line: 70,
             column: 3
           }
         },
-        line: 67
+        line: 68
       },
       "4": {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 76,
+            line: 77,
             column: 23
           },
           end: {
-            line: 76,
+            line: 77,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 76,
+            line: 77,
             column: 37
           },
           end: {
-            line: 79,
+            line: 80,
             column: 3
           }
         },
-        line: 76
+        line: 77
       },
       "5": {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 81,
+            line: 82,
             column: 28
           },
           end: {
-            line: 81,
+            line: 82,
             column: 29
           }
         },
         loc: {
           start: {
-            line: 81,
+            line: 82,
             column: 47
           },
           end: {
-            line: 87,
+            line: 88,
             column: 3
           }
         },
-        line: 81
+        line: 82
       },
       "6": {
         name: "(anonymous_6)",
         decl: {
           start: {
-            line: 89,
+            line: 90,
             column: 22
           },
           end: {
-            line: 89,
+            line: 90,
             column: 23
           }
         },
         loc: {
           start: {
-            line: 90,
+            line: 91,
             column: 4
           },
           end: {
-            line: 95,
+            line: 96,
             column: 6
           }
         },
-        line: 90
+        line: 91
       },
       "7": {
         name: "(anonymous_7)",
         decl: {
           start: {
-            line: 94,
+            line: 95,
             column: 15
           },
           end: {
-            line: 94,
+            line: 95,
             column: 16
           }
         },
         loc: {
           start: {
-            line: 94,
+            line: 95,
             column: 21
           },
           end: {
-            line: 94,
+            line: 95,
             column: 51
           }
         },
-        line: 94
+        line: 95
       },
       "8": {
         name: "(anonymous_8)",
         decl: {
           start: {
-            line: 136,
-            column: 30
+            line: 106,
+            column: 15
           },
           end: {
-            line: 136,
-            column: 31
+            line: 106,
+            column: 16
           }
         },
         loc: {
           start: {
-            line: 137,
-            column: 14
+            line: 106,
+            column: 21
           },
           end: {
-            line: 137,
-            column: 48
+            line: 106,
+            column: 51
           }
         },
-        line: 137
+        line: 106
       },
       "9": {
         name: "(anonymous_9)",
         decl: {
           start: {
             line: 152,
-            column: 23
+            column: 30
           },
           end: {
             line: 152,
-            column: 24
+            column: 31
           }
         },
         loc: {
           start: {
-            line: 152,
-            column: 29
+            line: 153,
+            column: 14
           },
           end: {
-            line: 152,
-            column: 59
+            line: 153,
+            column: 48
           }
         },
-        line: 152
+        line: 153
       },
       "10": {
         name: "(anonymous_10)",
         decl: {
           start: {
-            line: 183,
+            line: 192,
             column: 17
           },
           end: {
-            line: 183,
+            line: 192,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 183,
+            line: 192,
             column: 23
           },
           end: {
-            line: 183,
+            line: 192,
             column: 46
           }
         },
-        line: 183
+        line: 192
       },
       "11": {
         name: "(anonymous_11)",
         decl: {
           start: {
-            line: 184,
+            line: 193,
             column: 18
           },
           end: {
-            line: 184,
+            line: 193,
             column: 19
           }
         },
         loc: {
           start: {
-            line: 184,
+            line: 193,
             column: 24
           },
           end: {
-            line: 184,
+            line: 193,
             column: 58
           }
         },
-        line: 184
+        line: 193
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 41,
+            line: 42,
             column: 10
           },
           end: {
-            line: 41,
+            line: 42,
             column: 49
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 41,
+            line: 42,
             column: 47
           },
           end: {
-            line: 41,
+            line: 42,
             column: 49
           }
         }],
-        line: 41
+        line: 42
       },
       "1": {
         loc: {
           start: {
-            line: 41,
+            line: 42,
             column: 12
           },
           end: {
-            line: 41,
+            line: 42,
             column: 26
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 41,
+            line: 42,
             column: 24
           },
           end: {
-            line: 41,
+            line: 42,
             column: 26
           }
         }],
-        line: 41
+        line: 42
       },
       "2": {
         loc: {
           start: {
-            line: 41,
+            line: 42,
             column: 28
           },
           end: {
-            line: 41,
+            line: 42,
             column: 42
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 41,
+            line: 42,
             column: 41
           },
           end: {
-            line: 41,
+            line: 42,
             column: 42
           }
         }],
-        line: 41
+        line: 42
       },
       "3": {
         loc: {
           start: {
-            line: 98,
+            line: 114,
             column: 2
           },
           end: {
-            line: 104,
+            line: 120,
             column: 3
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 98,
+            line: 114,
             column: 2
           },
           end: {
-            line: 104,
+            line: 120,
             column: 3
           }
         }, {
@@ -9302,73 +9440,106 @@ function cov_k73dvs42g() {
             column: undefined
           }
         }],
-        line: 98
+        line: 114
       },
       "4": {
         loc: {
           start: {
-            line: 118,
+            line: 134,
             column: 10
           },
           end: {
-            line: 123,
+            line: 139,
             column: 11
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 118,
+            line: 134,
             column: 10
           },
           end: {
-            line: 118,
+            line: 134,
             column: 22
           }
         }, {
           start: {
-            line: 119,
+            line: 135,
             column: 12
           },
           end: {
-            line: 122,
+            line: 138,
             column: 25
           }
         }],
-        line: 118
+        line: 134
       },
       "5": {
         loc: {
           start: {
-            line: 126,
+            line: 142,
             column: 7
           },
           end: {
-            line: 159,
+            line: 168,
             column: 7
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 127,
+            line: 143,
             column: 8
           },
           end: {
-            line: 144,
+            line: 160,
             column: 14
           }
         }, {
           start: {
-            line: 146,
+            line: 162,
             column: 8
           },
           end: {
-            line: 158,
+            line: 167,
             column: 14
           }
         }],
-        line: 126
+        line: 142
+      },
+      "6": {
+        loc: {
+          start: {
+            line: 165,
+            column: 17
+          },
+          end: {
+            line: 165,
+            column: 46
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 165,
+            column: 17
+          },
+          end: {
+            line: 165,
+            column: 32
+          }
+        }, {
+          start: {
+            line: 165,
+            column: 36
+          },
+          end: {
+            line: 165,
+            column: 46
+          }
+        }],
+        line: 165
       }
     },
     s: {
@@ -9403,7 +9574,9 @@ function cov_k73dvs42g() {
       "28": 0,
       "29": 0,
       "30": 0,
-      "31": 0
+      "31": 0,
+      "32": 0,
+      "33": 0
     },
     f: {
       "0": 0,
@@ -9425,10 +9598,11 @@ function cov_k73dvs42g() {
       "2": [0],
       "3": [0, 0],
       "4": [0, 0],
-      "5": [0, 0]
+      "5": [0, 0],
+      "6": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "b6d5ca0bf04f36e117b53751b07eb5ae54ff87b4"
+    hash: "c76dbd578cae6374ac09a57b8aa2b3f8cf76916f"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -9448,7 +9622,8 @@ function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if
 function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 cov_k73dvs42g().s[0]++;
 var Approvers = function Approvers(_ref) {
-  var setIsMenubarOpen = _ref.setIsMenubarOpen;
+  var setIsMenubarOpen = _ref.setIsMenubarOpen,
+    helpDocUrl = _ref.helpDocUrl;
   cov_k73dvs42g().f[0]++;
   var _ref2 = (cov_k73dvs42g().s[1]++, useState(DEFAULT_FILTER_VALUES)),
     _ref3 = _slicedToArray(_ref2, 2),
@@ -9545,17 +9720,34 @@ var Approvers = function Approvers(_ref) {
       }
     });
   };
-  cov_k73dvs42g().s[25]++;
+  var entity = (cov_k73dvs42g().s[25]++, t("common.approver", PLURAL).toLocaleLowerCase());
+  var otherProps = (cov_k73dvs42g().s[26]++, {
+    primaryButtonProps: {
+      label: t("common.add_", {
+        what: t("common.approver", SINGULAR).toLocaleLowerCase()
+      }),
+      onClick: function onClick() {
+        cov_k73dvs42g().f[8]++;
+        cov_k73dvs42g().s[27]++;
+        return setIsNewApproverPaneOpen(true);
+      }
+    },
+    helpText: renderNoDataHelpText({
+      entity: entity,
+      url: helpDocUrl
+    })
+  });
+  cov_k73dvs42g().s[28]++;
   if (isApproverLoading) {
     cov_k73dvs42g().b[3][0]++;
-    cov_k73dvs42g().s[26]++;
+    cov_k73dvs42g().s[29]++;
     return /*#__PURE__*/React.createElement("div", {
       className: "neeto-approvals-page-loader"
     }, /*#__PURE__*/React.createElement(PageLoader, null));
   } else {
     cov_k73dvs42g().b[3][1]++;
   }
-  cov_k73dvs42g().s[27]++;
+  cov_k73dvs42g().s[30]++;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header$1, {
     actionBlock: /*#__PURE__*/React.createElement(ActionBlock, null),
     filters: filters,
@@ -9581,8 +9773,8 @@ var Approvers = function Approvers(_ref) {
     rowData: approvers,
     totalCount: totalCount,
     handlePageChange: function handlePageChange(index, size) {
-      cov_k73dvs42g().f[8]++;
-      cov_k73dvs42g().s[28]++;
+      cov_k73dvs42g().f[9]++;
+      cov_k73dvs42g().s[31]++;
       return handleTablePagination(index, size);
     },
     paginationProps: {
@@ -9591,21 +9783,11 @@ var Approvers = function Approvers(_ref) {
     onChange: handleTableChange
   }))) : (cov_k73dvs42g().b[5][1]++, /*#__PURE__*/React.createElement("div", {
     className: "flex h-full w-full flex-grow items-center justify-center"
-  }, /*#__PURE__*/React.createElement(NoData, {
-    primaryButtonProps: {
-      label: t("common.add_", {
-        what: t("common.approver", SINGULAR).toLocaleLowerCase()
-      }),
-      onClick: function onClick() {
-        cov_k73dvs42g().f[9]++;
-        cov_k73dvs42g().s[29]++;
-        return setIsNewApproverPaneOpen(true);
-      }
-    },
+  }, /*#__PURE__*/React.createElement(NoData, _extends({
     title: t("common.notFound_", {
-      what: t("common.approver", PLURAL).toLocaleLowerCase()
+      what: entity
     })
-  }))), /*#__PURE__*/React.createElement(Create$2, {
+  }, (cov_k73dvs42g().b[6][0]++, !filters.search) && (cov_k73dvs42g().b[6][1]++, otherProps))))), /*#__PURE__*/React.createElement(Create$2, {
     handleTablePagination: handleTablePagination,
     isNewApproverPaneOpen: isNewApproverPaneOpen,
     pageProperties: pageProperties,
@@ -9629,12 +9811,12 @@ var Approvers = function Approvers(_ref) {
     }),
     onClose: function onClose() {
       cov_k73dvs42g().f[10]++;
-      cov_k73dvs42g().s[30]++;
+      cov_k73dvs42g().s[32]++;
       return setApproverToDelete("");
     },
     onSubmit: function onSubmit() {
       cov_k73dvs42g().f[11]++;
-      cov_k73dvs42g().s[31]++;
+      cov_k73dvs42g().s[33]++;
       return handleDelete(approverToDelete === null || approverToDelete === void 0 ? void 0 : approverToDelete.id);
     }
   }));
@@ -15129,7 +15311,7 @@ var columnData = function columnData(_ref2) {
 
 function cov_1poe88m6n4() {
   var path = "/home/runner/work/neeto-approvals-frontend/neeto-approvals-frontend/src/components/Approvals/Templates/index.jsx";
-  var hash = "0ba812b3b6686c8d09e20f08f9cc32ee7eb5cefe";
+  var hash = "dd574d948c99ad618212d3826bd15f31057f480b";
   var global = new Function("return this")();
   var gcv = "__coverage__";
   var coverageData = {
@@ -15137,311 +15319,331 @@ function cov_1poe88m6n4() {
     statementMap: {
       "0": {
         start: {
-          line: 31,
+          line: 32,
           column: 18
         },
         end: {
-          line: 190,
+          line: 196,
           column: 1
         }
       },
       "1": {
         start: {
-          line: 32,
+          line: 33,
           column: 32
         },
         end: {
-          line: 32,
+          line: 33,
           column: 63
         }
       },
       "2": {
         start: {
-          line: 33,
+          line: 34,
           column: 50
         },
         end: {
-          line: 33,
+          line: 34,
           column: 62
         }
       },
       "3": {
         start: {
-          line: 34,
+          line: 35,
           column: 48
         },
         end: {
-          line: 34,
+          line: 35,
           column: 60
         }
       },
       "4": {
         start: {
-          line: 35,
+          line: 36,
           column: 26
         },
         end: {
-          line: 35,
+          line: 36,
           column: 67
         }
       },
       "5": {
         start: {
-          line: 36,
+          line: 37,
           column: 18
         },
         end: {
-          line: 36,
+          line: 37,
           column: 30
         }
       },
       "6": {
         start: {
-          line: 38,
+          line: 39,
           column: 52
         },
         end: {
-          line: 38,
+          line: 39,
           column: 65
         }
       },
       "7": {
         start: {
-          line: 40,
+          line: 41,
           column: 16
         },
         end: {
-          line: 40,
+          line: 41,
           column: 32
         }
       },
       "8": {
         start: {
-          line: 45,
+          line: 46,
           column: 6
         },
         end: {
-          line: 56,
+          line: 57,
           column: 3
         }
       },
       "9": {
         start: {
-          line: 53,
+          line: 54,
           column: 8
         },
         end: {
-          line: 53,
+          line: 54,
           column: 74
         }
       },
       "10": {
         start: {
-          line: 58,
+          line: 59,
           column: 60
         },
         end: {
-          line: 58,
+          line: 59,
           column: 79
         }
       },
       "11": {
         start: {
-          line: 60,
+          line: 61,
           column: 22
         },
         end: {
-          line: 62,
+          line: 63,
           column: 3
         }
       },
       "12": {
         start: {
-          line: 61,
+          line: 62,
           column: 4
         },
         end: {
-          line: 61,
+          line: 62,
           column: 79
         }
       },
       "13": {
         start: {
-          line: 64,
+          line: 65,
           column: 24
         },
         end: {
-          line: 66,
+          line: 67,
           column: 3
         }
       },
       "14": {
         start: {
-          line: 65,
+          line: 66,
           column: 4
         },
         end: {
-          line: 65,
+          line: 66,
           column: 34
         }
       },
       "15": {
         start: {
-          line: 68,
+          line: 69,
           column: 18
         },
         end: {
-          line: 71,
+          line: 72,
           column: 4
         }
       },
       "16": {
         start: {
-          line: 73,
+          line: 74,
           column: 23
         },
         end: {
-          line: 76,
+          line: 77,
           column: 3
         }
       },
       "17": {
         start: {
-          line: 74,
+          line: 75,
           column: 4
         },
         end: {
-          line: 74,
+          line: 75,
           column: 35
         }
       },
       "18": {
         start: {
-          line: 75,
+          line: 76,
           column: 4
         },
         end: {
-          line: 75,
+          line: 76,
           column: 28
         }
       },
       "19": {
         start: {
-          line: 78,
+          line: 79,
           column: 28
         },
         end: {
-          line: 84,
+          line: 85,
           column: 3
         }
       },
       "20": {
         start: {
-          line: 79,
+          line: 80,
           column: 4
         },
         end: {
-          line: 83,
+          line: 84,
           column: 7
         }
       },
       "21": {
         start: {
-          line: 86,
+          line: 87,
           column: 22
         },
         end: {
-          line: 93,
+          line: 94,
           column: 3
         }
       },
       "22": {
         start: {
-          line: 87,
+          line: 88,
           column: 4
         },
         end: {
-          line: 92,
+          line: 93,
           column: 6
         }
       },
       "23": {
         start: {
-          line: 95,
+          line: 96,
+          column: 17
+        },
+        end: {
+          line: 96,
+          column: 65
+        }
+      },
+      "24": {
+        start: {
+          line: 98,
+          column: 21
+        },
+        end: {
+          line: 109,
+          column: 3
+        }
+      },
+      "25": {
+        start: {
+          line: 111,
           column: 2
         },
         end: {
-          line: 101,
+          line: 117,
           column: 3
         }
       },
-      "24": {
+      "26": {
         start: {
-          line: 96,
+          line: 112,
           column: 4
         },
         end: {
-          line: 100,
+          line: 116,
           column: 6
         }
       },
-      "25": {
+      "27": {
         start: {
-          line: 103,
+          line: 119,
           column: 2
         },
         end: {
-          line: 189,
+          line: 195,
           column: 4
         }
       },
-      "26": {
+      "28": {
         start: {
-          line: 136,
+          line: 152,
           column: 14
         },
         end: {
-          line: 136,
+          line: 152,
           column: 48
         }
       },
-      "27": {
+      "29": {
         start: {
-          line: 143,
+          line: 159,
           column: 14
         },
         end: {
-          line: 143,
+          line: 159,
           column: 49
         }
       },
-      "28": {
+      "30": {
         start: {
-          line: 180,
+          line: 186,
           column: 23
         },
         end: {
-          line: 180,
+          line: 186,
           column: 46
         }
       },
-      "29": {
+      "31": {
         start: {
-          line: 181,
+          line: 187,
           column: 24
         },
         end: {
-          line: 181,
+          line: 187,
           column: 58
         }
       },
-      "30": {
+      "32": {
         start: {
-          line: 186,
+          line: 192,
           column: 23
         },
         end: {
-          line: 186,
+          line: 192,
           column: 45
         }
       }
@@ -15451,383 +15653,383 @@ function cov_1poe88m6n4() {
         name: "(anonymous_0)",
         decl: {
           start: {
-            line: 31,
+            line: 32,
             column: 18
           },
           end: {
-            line: 31,
+            line: 32,
             column: 19
           }
         },
         loc: {
           start: {
-            line: 31,
-            column: 59
+            line: 32,
+            column: 71
           },
           end: {
-            line: 190,
+            line: 196,
             column: 1
           }
         },
-        line: 31
+        line: 32
       },
       "1": {
         name: "(anonymous_1)",
         decl: {
           start: {
-            line: 52,
+            line: 53,
             column: 17
           },
           end: {
-            line: 52,
+            line: 53,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 52,
+            line: 53,
             column: 30
           },
           end: {
-            line: 54,
+            line: 55,
             column: 7
           }
         },
-        line: 52
+        line: 53
       },
       "2": {
         name: "(anonymous_2)",
         decl: {
           start: {
-            line: 60,
+            line: 61,
             column: 22
           },
           end: {
-            line: 60,
+            line: 61,
             column: 23
           }
         },
         loc: {
           start: {
-            line: 60,
+            line: 61,
             column: 28
           },
           end: {
-            line: 62,
+            line: 63,
             column: 3
           }
         },
-        line: 60
+        line: 61
       },
       "3": {
         name: "(anonymous_3)",
         decl: {
           start: {
-            line: 64,
+            line: 65,
             column: 24
           },
           end: {
-            line: 64,
+            line: 65,
             column: 25
           }
         },
         loc: {
           start: {
-            line: 64,
+            line: 65,
             column: 36
           },
           end: {
-            line: 66,
+            line: 67,
             column: 3
           }
         },
-        line: 64
+        line: 65
       },
       "4": {
         name: "(anonymous_4)",
         decl: {
           start: {
-            line: 73,
+            line: 74,
             column: 23
           },
           end: {
-            line: 73,
+            line: 74,
             column: 24
           }
         },
         loc: {
           start: {
-            line: 73,
+            line: 74,
             column: 37
           },
           end: {
-            line: 76,
+            line: 77,
             column: 3
           }
         },
-        line: 73
+        line: 74
       },
       "5": {
         name: "(anonymous_5)",
         decl: {
           start: {
-            line: 78,
+            line: 79,
             column: 28
           },
           end: {
-            line: 78,
+            line: 79,
             column: 29
           }
         },
         loc: {
           start: {
-            line: 78,
+            line: 79,
             column: 47
           },
           end: {
-            line: 84,
+            line: 85,
             column: 3
           }
         },
-        line: 78
+        line: 79
       },
       "6": {
         name: "(anonymous_6)",
         decl: {
           start: {
-            line: 86,
+            line: 87,
             column: 22
           },
           end: {
-            line: 86,
+            line: 87,
             column: 23
           }
         },
         loc: {
           start: {
-            line: 87,
+            line: 88,
             column: 4
           },
           end: {
-            line: 92,
+            line: 93,
             column: 6
           }
         },
-        line: 87
+        line: 88
       },
       "7": {
         name: "(anonymous_7)",
         decl: {
           start: {
-            line: 135,
+            line: 151,
             column: 30
           },
           end: {
-            line: 135,
+            line: 151,
             column: 31
           }
         },
         loc: {
           start: {
-            line: 136,
+            line: 152,
             column: 14
           },
           end: {
-            line: 136,
+            line: 152,
             column: 48
           }
         },
-        line: 136
+        line: 152
       },
       "8": {
         name: "(anonymous_8)",
         decl: {
           start: {
-            line: 142,
+            line: 158,
             column: 24
           },
           end: {
-            line: 142,
+            line: 158,
             column: 25
           }
         },
         loc: {
           start: {
-            line: 143,
+            line: 159,
             column: 14
           },
           end: {
-            line: 143,
+            line: 159,
             column: 49
           }
         },
-        line: 143
+        line: 159
       },
       "9": {
         name: "(anonymous_9)",
         decl: {
           start: {
-            line: 180,
+            line: 186,
             column: 17
           },
           end: {
-            line: 180,
+            line: 186,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 180,
+            line: 186,
             column: 23
           },
           end: {
-            line: 180,
+            line: 186,
             column: 46
           }
         },
-        line: 180
+        line: 186
       },
       "10": {
         name: "(anonymous_10)",
         decl: {
           start: {
-            line: 181,
+            line: 187,
             column: 18
           },
           end: {
-            line: 181,
+            line: 187,
             column: 19
           }
         },
         loc: {
           start: {
-            line: 181,
+            line: 187,
             column: 24
           },
           end: {
-            line: 181,
+            line: 187,
             column: 58
           }
         },
-        line: 181
+        line: 187
       },
       "11": {
         name: "(anonymous_11)",
         decl: {
           start: {
-            line: 186,
+            line: 192,
             column: 17
           },
           end: {
-            line: 186,
+            line: 192,
             column: 18
           }
         },
         loc: {
           start: {
-            line: 186,
+            line: 192,
             column: 23
           },
           end: {
-            line: 186,
+            line: 192,
             column: 45
           }
         },
-        line: 186
+        line: 192
       }
     },
     branchMap: {
       "0": {
         loc: {
           start: {
-            line: 43,
+            line: 44,
             column: 10
           },
           end: {
-            line: 43,
+            line: 44,
             column: 49
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 43,
+            line: 44,
             column: 47
           },
           end: {
-            line: 43,
+            line: 44,
             column: 49
           }
         }],
-        line: 43
+        line: 44
       },
       "1": {
         loc: {
           start: {
-            line: 43,
+            line: 44,
             column: 12
           },
           end: {
-            line: 43,
+            line: 44,
             column: 26
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 43,
+            line: 44,
             column: 24
           },
           end: {
-            line: 43,
+            line: 44,
             column: 26
           }
         }],
-        line: 43
+        line: 44
       },
       "2": {
         loc: {
           start: {
-            line: 43,
+            line: 44,
             column: 28
           },
           end: {
-            line: 43,
+            line: 44,
             column: 42
           }
         },
         type: "default-arg",
         locations: [{
           start: {
-            line: 43,
+            line: 44,
             column: 41
           },
           end: {
-            line: 43,
+            line: 44,
             column: 42
           }
         }],
-        line: 43
+        line: 44
       },
       "3": {
         loc: {
           start: {
-            line: 95,
+            line: 111,
             column: 2
           },
           end: {
-            line: 101,
+            line: 117,
             column: 3
           }
         },
         type: "if",
         locations: [{
           start: {
-            line: 95,
+            line: 111,
             column: 2
           },
           end: {
-            line: 101,
+            line: 117,
             column: 3
           }
         }, {
@@ -15840,73 +16042,106 @@ function cov_1poe88m6n4() {
             column: undefined
           }
         }],
-        line: 95
+        line: 111
       },
       "4": {
         loc: {
           start: {
-            line: 115,
+            line: 131,
             column: 10
           },
           end: {
-            line: 122,
+            line: 138,
             column: 11
           }
         },
         type: "binary-expr",
         locations: [{
           start: {
-            line: 115,
+            line: 131,
             column: 10
           },
           end: {
-            line: 115,
+            line: 131,
             column: 22
           }
         }, {
           start: {
-            line: 116,
+            line: 132,
             column: 12
           },
           end: {
-            line: 121,
+            line: 137,
             column: 25
           }
         }],
-        line: 115
+        line: 131
       },
       "5": {
         loc: {
           start: {
-            line: 125,
+            line: 141,
             column: 7
           },
           end: {
-            line: 164,
+            line: 170,
             column: 7
           }
         },
         type: "cond-expr",
         locations: [{
           start: {
-            line: 126,
+            line: 142,
             column: 8
           },
           end: {
-            line: 146,
+            line: 162,
             column: 14
           }
         }, {
           start: {
-            line: 148,
+            line: 164,
             column: 8
           },
           end: {
-            line: 163,
+            line: 169,
             column: 14
           }
         }],
-        line: 125
+        line: 141
+      },
+      "6": {
+        loc: {
+          start: {
+            line: 167,
+            column: 17
+          },
+          end: {
+            line: 167,
+            column: 46
+          }
+        },
+        type: "binary-expr",
+        locations: [{
+          start: {
+            line: 167,
+            column: 17
+          },
+          end: {
+            line: 167,
+            column: 32
+          }
+        }, {
+          start: {
+            line: 167,
+            column: 36
+          },
+          end: {
+            line: 167,
+            column: 46
+          }
+        }],
+        line: 167
       }
     },
     s: {
@@ -15940,7 +16175,9 @@ function cov_1poe88m6n4() {
       "27": 0,
       "28": 0,
       "29": 0,
-      "30": 0
+      "30": 0,
+      "31": 0,
+      "32": 0
     },
     f: {
       "0": 0,
@@ -15962,10 +16199,11 @@ function cov_1poe88m6n4() {
       "2": [0],
       "3": [0, 0],
       "4": [0, 0],
-      "5": [0, 0]
+      "5": [0, 0],
+      "6": [0, 0]
     },
     _coverageSchema: "1a1c01bbd47fc00a2c39e90264f33305004495a9",
-    hash: "0ba812b3b6686c8d09e20f08f9cc32ee7eb5cefe"
+    hash: "dd574d948c99ad618212d3826bd15f31057f480b"
   };
   var coverage = global[gcv] || (global[gcv] = {});
   if (!coverage[path] || coverage[path].hash !== hash) {
@@ -15986,7 +16224,8 @@ function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) {
 cov_1poe88m6n4().s[0]++;
 var Templates = function Templates(_ref) {
   var setIsMenubarOpen = _ref.setIsMenubarOpen,
-    approvalsPath = _ref.approvalsPath;
+    approvalsPath = _ref.approvalsPath,
+    helpDocUrl = _ref.helpDocUrl;
   cov_1poe88m6n4().f[0]++;
   var _ref2 = (cov_1poe88m6n4().s[1]++, useState(DEFAULT_FILTER_VALUES)),
     _ref3 = _slicedToArray(_ref2, 2),
@@ -16074,17 +16313,30 @@ var Templates = function Templates(_ref) {
       })
     });
   };
-  cov_1poe88m6n4().s[23]++;
+  var entity = (cov_1poe88m6n4().s[23]++, t("common.template", PLURAL).toLocaleLowerCase());
+  var otherProps = (cov_1poe88m6n4().s[24]++, {
+    primaryButtonProps: {
+      label: t("common.add_", {
+        what: t("common.approvalTemplate", SINGULAR).toLocaleLowerCase()
+      }),
+      to: "".concat(approvalsPath).concat(routes.templates["new"])
+    },
+    helpText: renderNoDataHelpText({
+      entity: entity,
+      url: helpDocUrl
+    })
+  });
+  cov_1poe88m6n4().s[25]++;
   if (isTemplateLoading) {
     cov_1poe88m6n4().b[3][0]++;
-    cov_1poe88m6n4().s[24]++;
+    cov_1poe88m6n4().s[26]++;
     return /*#__PURE__*/React.createElement("div", {
       className: "neeto-approvals-page-loader"
     }, /*#__PURE__*/React.createElement(PageLoader, null));
   } else {
     cov_1poe88m6n4().b[3][1]++;
   }
-  cov_1poe88m6n4().s[25]++;
+  cov_1poe88m6n4().s[27]++;
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header$1, {
     actionBlock: /*#__PURE__*/React.createElement(ActionBlock, null),
     filters: filters,
@@ -16111,7 +16363,7 @@ var Templates = function Templates(_ref) {
     totalCount: totalCount,
     handlePageChange: function handlePageChange(index, size) {
       cov_1poe88m6n4().f[7]++;
-      cov_1poe88m6n4().s[26]++;
+      cov_1poe88m6n4().s[28]++;
       return handleTablePagination(index, size);
     },
     paginationProps: {
@@ -16120,22 +16372,16 @@ var Templates = function Templates(_ref) {
     onChange: handleTableChange,
     onRowClick: function onRowClick(_, templateDetails) {
       cov_1poe88m6n4().f[8]++;
-      cov_1poe88m6n4().s[27]++;
+      cov_1poe88m6n4().s[29]++;
       return setTemplateDetails(templateDetails);
     }
   }))) : (cov_1poe88m6n4().b[5][1]++, /*#__PURE__*/React.createElement("div", {
     className: "flex h-full w-full flex-grow items-center justify-center"
-  }, /*#__PURE__*/React.createElement(NoData, {
-    primaryButtonProps: {
-      label: t("common.add_", {
-        what: t("common.approvalTemplate", SINGULAR).toLocaleLowerCase()
-      }),
-      to: "".concat(approvalsPath).concat(routes.templates["new"])
-    },
+  }, /*#__PURE__*/React.createElement(NoData, _extends({
     title: t("common.notFound_", {
-      what: t("common.template", PLURAL).toLocaleLowerCase()
+      what: entity
     })
-  }))), /*#__PURE__*/React.createElement(Alert, {
+  }, (cov_1poe88m6n4().b[6][0]++, !filters.search) && (cov_1poe88m6n4().b[6][1]++, otherProps))))), /*#__PURE__*/React.createElement(Alert, {
     isOpen: !!templateToDelete,
     isSubmitting: isDeleting,
     message: /*#__PURE__*/React.createElement(Trans, {
@@ -16150,12 +16396,12 @@ var Templates = function Templates(_ref) {
     }),
     onClose: function onClose() {
       cov_1poe88m6n4().f[9]++;
-      cov_1poe88m6n4().s[28]++;
+      cov_1poe88m6n4().s[30]++;
       return setTemplateToDelete("");
     },
     onSubmit: function onSubmit() {
       cov_1poe88m6n4().f[10]++;
-      cov_1poe88m6n4().s[29]++;
+      cov_1poe88m6n4().s[31]++;
       return handleDelete(templateToDelete === null || templateToDelete === void 0 ? void 0 : templateToDelete.id);
     }
   }), /*#__PURE__*/React.createElement(TemplateDetails, {
@@ -16163,7 +16409,7 @@ var Templates = function Templates(_ref) {
     templateDetails: templateDetails,
     onClose: function onClose() {
       cov_1poe88m6n4().f[11]++;
-      cov_1poe88m6n4().s[30]++;
+      cov_1poe88m6n4().s[32]++;
       return setTemplateDetails("");
     }
   }));