@bigbinary/neeto-message-templates-frontend 1.0.2 → 1.2.0

package/dist/MessageTemplates.js

@@ -0,0 +1,1248 @@
+import { u as useUpdateTemplate, _ as _defineProperty, g as getDefaultExportFromCjs, D as DEFAULT_EDITOR_ROW_COUNT, a as DEFAULT_PAGE_PROPERTIES, M as MESSAGE_TEMPLATES, b as useFetchTemplates, c as useCreateTemplate, d as useDeleteTemplate, e as MESSAGE_TYPES } from './useTemplatesApi-45d43d41.js';
+import { _ as _slicedToArray } from './slicedToArray-b4278ecd.js';
+import { useState, useRef, useEffect } from 'react';
+import { hyphenate, noop, isNotEmpty } from '@bigbinary/neeto-cist';
+import { buildFiltersFromURL, Bar } from '@bigbinary/neeto-filters-frontend';
+import Container from '@bigbinary/neeto-molecules/Container';
+import NeetoHeader from '@bigbinary/neeto-molecules/Header';
+import HelpPopover from '@bigbinary/neeto-molecules/HelpPopover';
+import SubHeader from '@bigbinary/neeto-molecules/SubHeader';
+import Button from '@bigbinary/neetoui/Button';
+import Typography from '@bigbinary/neetoui/Typography';
+import { equals, prop, includes, pick, omit, isEmpty, assoc } from 'ramda';
+import { useTranslation, Trans } from 'react-i18next';
+import { t } from 'i18next';
+import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
+import { withImmutableActions, useQueryParams } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { create } from 'zustand';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import Pane from '@bigbinary/neetoui/Pane';
+import FormikEditor from '@bigbinary/neeto-editor/FormikEditor';
+import NeetoUIForm from '@bigbinary/neetoui/formik/Form';
+import Input from '@bigbinary/neetoui/formik/Input';
+import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
+import { useFormikContext } from 'formik';
+import Textarea from '@bigbinary/neetoui/formik/Textarea';
+import 'stylesheets/application.scss';
+import { isPhoneNumberValid } from '@bigbinary/neeto-molecules/PhoneNumber';
+import * as yup from 'yup';
+import { _ as _toConsumableArray } from './toConsumableArray-1cc38429.js';
+import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
+import Alert from '@bigbinary/neetoui/Alert';
+import Table from '@bigbinary/neetoui/Table';
+import NoData from '@bigbinary/neetoui/NoData';
+import '@bigbinary/neeto-commons-frontend/constants';
+import '@tanstack/react-query';
+import 'axios';
+import 'util';
+
+var MESSAGE_TEMPLATE_INITIAL_STATE = {
+  isOpen: false,
+  isEdit: false,
+  isDelete: false,
+  template: {}
+};
+
+/** @type {import("neetocommons/react-utils").ZustandStoreHook} */
+var useTemplateStore = create(withImmutableActions(function (set) {
+  return {
+    templateType: "",
+    setTemplateState: set
+  };
+}));
+
+var MENU_ITEMS = {
+  EDIT: "edit",
+  DELETE: "delete",
+  STATUS: "status"
+};
+
+var getMenuItems = function getMenuItems(_ref) {
+  var handleDeleteTemplate = _ref.handleDeleteTemplate,
+    handleEditTemplate = _ref.handleEditTemplate,
+    handleMarkActiveInactive = _ref.handleMarkActiveInactive,
+    status = _ref.status;
+  return [{
+    key: MENU_ITEMS.EDIT,
+    label: t("neetoMessageTemplate.template.edit"),
+    onClick: handleEditTemplate,
+    "data-cy": "message-template-edit-button"
+  }, {
+    key: MENU_ITEMS.STATUS,
+    label: equals(status, "active") ? t("neetoMessageTemplate.template.markAsInactive") : t("neetoMessageTemplate.template.markAsActive"),
+    onClick: function onClick() {
+      return handleMarkActiveInactive(status);
+    },
+    "data-cy": "message-template-status-button"
+  }, {
+    key: MENU_ITEMS.DELETE,
+    label: t("neetoMessageTemplate.template.delete"),
+    onClick: handleDeleteTemplate,
+    "data-cy": "message-template-delete-button"
+  }];
+};
+
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var RowActions = function RowActions(_ref) {
+  var template = _ref.template,
+    setManageTemplatePane = _ref.setManageTemplatePane,
+    ownerId = _ref.ownerId,
+    onMutationSuccess = _ref.onMutationSuccess;
+  var _useUpdateTemplate = useUpdateTemplate(ownerId),
+    update = _useUpdateTemplate.mutate;
+  var status = template.status,
+    id = template.id;
+  var templateType = useTemplateStore(prop("templateType"));
+  var handleEditTemplate = function handleEditTemplate() {
+    return setManageTemplatePane(_objectSpread$6(_objectSpread$6({}, MESSAGE_TEMPLATE_INITIAL_STATE), {}, {
+      isOpen: true,
+      isEdit: true,
+      template: template
+    }));
+  };
+  var handleDeleteTemplate = function handleDeleteTemplate() {
+    return setManageTemplatePane(_objectSpread$6(_objectSpread$6({}, MESSAGE_TEMPLATE_INITIAL_STATE), {}, {
+      isDelete: true,
+      template: template
+    }));
+  };
+  var handleMarkActiveInactive = function handleMarkActiveInactive(activeState) {
+    var status = activeState === "active" ? "inactive" : "active";
+    update({
+      payload: {
+        status: status,
+        templateType: templateType
+      },
+      id: id
+    }, {
+      onSuccess: onMutationSuccess
+    });
+  };
+  return /*#__PURE__*/jsx(MoreDropdown, {
+    dropdownButtonProps: {
+      "data-cy": "message-template-dropdown"
+    },
+    dropdownProps: {
+      strategy: "fixed"
+    },
+    menuItems: getMenuItems({
+      handleDeleteTemplate: handleDeleteTemplate,
+      handleEditTemplate: handleEditTemplate,
+      handleMarkActiveInactive: handleMarkActiveInactive,
+      status: status
+    })
+  });
+};
+
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var handleEditTemplate = function handleEditTemplate(setManageTemplatePane, template) {
+  return setManageTemplatePane(_objectSpread$5(_objectSpread$5({}, MESSAGE_TEMPLATE_INITIAL_STATE), {}, {
+    isOpen: true,
+    isEdit: true,
+    template: template
+  }));
+};
+var renderSearchProps = function renderSearchProps(label, value) {
+  return {
+    className: "w-52",
+    placeholder: t("neetoMessageTemplate.template.search", {
+      what: label
+    }),
+    "data-cy": "".concat(hyphenate(value), "-search-input")
+  };
+};
+var buildTableColumnData = function buildTableColumnData(setManageTemplatePane, ownerId, onMutationSuccess) {
+  return [{
+    dataIndex: "name",
+    key: "name",
+    node: "name",
+    title: t("neetoMessageTemplate.template.name"),
+    label: t("neetoMessageTemplate.template.name"),
+    type: "text",
+    render: function render(name, template) {
+      return /*#__PURE__*/jsxs("div", {
+        className: "flex items-center justify-between gap-x-3",
+        children: [/*#__PURE__*/jsx(Button, {
+          label: name,
+          style: "link",
+          onClick: function onClick() {
+            return handleEditTemplate(setManageTemplatePane, template);
+          }
+        }), /*#__PURE__*/jsx(RowActions, {
+          onMutationSuccess: onMutationSuccess,
+          ownerId: ownerId,
+          setManageTemplatePane: setManageTemplatePane,
+          template: template
+        })]
+      });
+    }
+  }, {
+    dataIndex: "status",
+    key: "status",
+    node: "status",
+    title: t("neetoMessageTemplate.template.active"),
+    label: t("neetoMessageTemplate.template.active"),
+    type: "single_option",
+    values: [{
+      label: "Yes",
+      value: "active"
+    }, {
+      label: "No",
+      value: "inactive"
+    }],
+    render: function render(status) {
+      return status === "active" ? "Yes" : "No";
+    },
+    width: "20%"
+  }];
+};
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _objectWithoutProperties(source, excluded) {
+  if (source == null) return {};
+  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var key, i;
+  if (Object.getOwnPropertySymbols) {
+    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
+    for (i = 0; i < sourceSymbolKeys.length; i++) {
+      key = sourceSymbolKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+      target[key] = source[key];
+    }
+  }
+  return target;
+}
+
+var _excluded = ["label", "name"];
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
+  var label = _ref.label,
+    name = _ref.name,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var _useFormikContext = useFormikContext(),
+    submitForm = _useFormikContext.submitForm;
+  var handleKeyDown = function handleKeyDown(event) {
+    if (event.key !== "Enter" || event.shiftKey) return;
+    event.preventDefault();
+    submitForm();
+  };
+  return /*#__PURE__*/jsx(Textarea, _objectSpread$4({
+    label: label,
+    name: name,
+    className: "neeto-message-templates-nano-adaptive-input",
+    resize: "none",
+    size: "small",
+    onKeyDown: handleKeyDown
+  }, otherProps));
+};
+
+// eslint-disable-next-line @bigbinary/neeto/file-name-and-export-name-standards
+var formatEditorContent = function formatEditorContent(value) {
+  return value === null || value === void 0 ? void 0 : value.replaceAll(/<\/?(?!img)\w*\b[^>]*>/gi, "").trim();
+};
+var EMAIL_TEMPLATE_INITIAL_VALUES = {
+  name: "",
+  subject: "",
+  body: "",
+  testEmailAddress: ""
+};
+var SMS_TEMPLATE_INITIAL_VALUES = {
+  name: "",
+  body: "",
+  testPhoneNumber: ""
+};
+var EMAIL_TEMPLATE_FORM_SCHEMA = yup.object({
+  name: yup.string().trim().required(t("neetoMessageTemplate.template.validation.namePresence")),
+  subject: yup.string().trim().required(t("neetoMessageTemplate.template.validation.subjectPresence")),
+  body: yup.string().test("name", t("neetoMessageTemplate.template.validation.bodyPresence"), function (value) {
+    return !!formatEditorContent(value);
+  })
+});
+var SMS_TEMPLATE_FORM_VALIDATION_SCHEMA = yup.object({
+  name: yup.string().trim().required(t("neetoMessageTemplate.template.validation.namePresence")),
+  body: yup.string().test("body", t("neetoMessageTemplate.template.validation.bodyPresence"), function (value) {
+    return !!formatEditorContent(value);
+  })
+});
+var SEND_TEST_EMAIL_SCHEMA = yup.string().trim().required(t("neetoMessageTemplate.template.validation.emailAddressPresence")).email(t("neetoMessageTemplate.template.validation.emailAddressFormatValidation"));
+var PHONE_NUMBER_VALIDATION_SCHEMA = yup.string().test("testPhoneNumber", t("neetoMessageTemplate.template.validation.validPhoneNumber"), function (value) {
+  return isPhoneNumberValid(value);
+});
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
+  try {
+    var info = gen[key](arg);
+    var value = info.value;
+  } catch (error) {
+    reject(error);
+    return;
+  }
+  if (info.done) {
+    resolve(value);
+  } else {
+    Promise.resolve(value).then(_next, _throw);
+  }
+}
+function _asyncToGenerator(fn) {
+  return function () {
+    var self = this,
+      args = arguments;
+    return new Promise(function (resolve, reject) {
+      var gen = fn.apply(self, args);
+      function _next(value) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
+      }
+      function _throw(err) {
+        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
+      }
+      _next(undefined);
+    });
+  };
+}
+
+var regeneratorRuntime$1 = {exports: {}};
+
+var _typeof = {exports: {}};
+
+_typeof.exports;
+
+(function (module) {
+	function _typeof(o) {
+	  "@babel/helpers - typeof";
+
+	  return (module.exports = _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+	    return typeof o;
+	  } : function (o) {
+	    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _typeof(o);
+	}
+	module.exports = _typeof, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+} (_typeof));
+
+var _typeofExports = _typeof.exports;
+
+regeneratorRuntime$1.exports;
+
+(function (module) {
+	var _typeof = _typeofExports["default"];
+	function _regeneratorRuntime() {
+	  module.exports = _regeneratorRuntime = function _regeneratorRuntime() {
+	    return e;
+	  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
+	  var t,
+	    e = {},
+	    r = Object.prototype,
+	    n = r.hasOwnProperty,
+	    o = Object.defineProperty || function (t, e, r) {
+	      t[e] = r.value;
+	    },
+	    i = "function" == typeof Symbol ? Symbol : {},
+	    a = i.iterator || "@@iterator",
+	    c = i.asyncIterator || "@@asyncIterator",
+	    u = i.toStringTag || "@@toStringTag";
+	  function define(t, e, r) {
+	    return Object.defineProperty(t, e, {
+	      value: r,
+	      enumerable: !0,
+	      configurable: !0,
+	      writable: !0
+	    }), t[e];
+	  }
+	  try {
+	    define({}, "");
+	  } catch (t) {
+	    define = function define(t, e, r) {
+	      return t[e] = r;
+	    };
+	  }
+	  function wrap(t, e, r, n) {
+	    var i = e && e.prototype instanceof Generator ? e : Generator,
+	      a = Object.create(i.prototype),
+	      c = new Context(n || []);
+	    return o(a, "_invoke", {
+	      value: makeInvokeMethod(t, r, c)
+	    }), a;
+	  }
+	  function tryCatch(t, e, r) {
+	    try {
+	      return {
+	        type: "normal",
+	        arg: t.call(e, r)
+	      };
+	    } catch (t) {
+	      return {
+	        type: "throw",
+	        arg: t
+	      };
+	    }
+	  }
+	  e.wrap = wrap;
+	  var h = "suspendedStart",
+	    l = "suspendedYield",
+	    f = "executing",
+	    s = "completed",
+	    y = {};
+	  function Generator() {}
+	  function GeneratorFunction() {}
+	  function GeneratorFunctionPrototype() {}
+	  var p = {};
+	  define(p, a, function () {
+	    return this;
+	  });
+	  var d = Object.getPrototypeOf,
+	    v = d && d(d(values([])));
+	  v && v !== r && n.call(v, a) && (p = v);
+	  var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p);
+	  function defineIteratorMethods(t) {
+	    ["next", "throw", "return"].forEach(function (e) {
+	      define(t, e, function (t) {
+	        return this._invoke(e, t);
+	      });
+	    });
+	  }
+	  function AsyncIterator(t, e) {
+	    function invoke(r, o, i, a) {
+	      var c = tryCatch(t[r], t, o);
+	      if ("throw" !== c.type) {
+	        var u = c.arg,
+	          h = u.value;
+	        return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) {
+	          invoke("next", t, i, a);
+	        }, function (t) {
+	          invoke("throw", t, i, a);
+	        }) : e.resolve(h).then(function (t) {
+	          u.value = t, i(u);
+	        }, function (t) {
+	          return invoke("throw", t, i, a);
+	        });
+	      }
+	      a(c.arg);
+	    }
+	    var r;
+	    o(this, "_invoke", {
+	      value: function value(t, n) {
+	        function callInvokeWithMethodAndArg() {
+	          return new e(function (e, r) {
+	            invoke(t, n, e, r);
+	          });
+	        }
+	        return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg();
+	      }
+	    });
+	  }
+	  function makeInvokeMethod(e, r, n) {
+	    var o = h;
+	    return function (i, a) {
+	      if (o === f) throw new Error("Generator is already running");
+	      if (o === s) {
+	        if ("throw" === i) throw a;
+	        return {
+	          value: t,
+	          done: !0
+	        };
+	      }
+	      for (n.method = i, n.arg = a;;) {
+	        var c = n.delegate;
+	        if (c) {
+	          var u = maybeInvokeDelegate(c, n);
+	          if (u) {
+	            if (u === y) continue;
+	            return u;
+	          }
+	        }
+	        if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) {
+	          if (o === h) throw o = s, n.arg;
+	          n.dispatchException(n.arg);
+	        } else "return" === n.method && n.abrupt("return", n.arg);
+	        o = f;
+	        var p = tryCatch(e, r, n);
+	        if ("normal" === p.type) {
+	          if (o = n.done ? s : l, p.arg === y) continue;
+	          return {
+	            value: p.arg,
+	            done: n.done
+	          };
+	        }
+	        "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg);
+	      }
+	    };
+	  }
+	  function maybeInvokeDelegate(e, r) {
+	    var n = r.method,
+	      o = e.iterator[n];
+	    if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y;
+	    var i = tryCatch(o, e.iterator, r.arg);
+	    if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y;
+	    var a = i.arg;
+	    return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y);
+	  }
+	  function pushTryEntry(t) {
+	    var e = {
+	      tryLoc: t[0]
+	    };
+	    1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e);
+	  }
+	  function resetTryEntry(t) {
+	    var e = t.completion || {};
+	    e.type = "normal", delete e.arg, t.completion = e;
+	  }
+	  function Context(t) {
+	    this.tryEntries = [{
+	      tryLoc: "root"
+	    }], t.forEach(pushTryEntry, this), this.reset(!0);
+	  }
+	  function values(e) {
+	    if (e || "" === e) {
+	      var r = e[a];
+	      if (r) return r.call(e);
+	      if ("function" == typeof e.next) return e;
+	      if (!isNaN(e.length)) {
+	        var o = -1,
+	          i = function next() {
+	            for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next;
+	            return next.value = t, next.done = !0, next;
+	          };
+	        return i.next = i;
+	      }
+	    }
+	    throw new TypeError(_typeof(e) + " is not iterable");
+	  }
+	  return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", {
+	    value: GeneratorFunctionPrototype,
+	    configurable: !0
+	  }), o(GeneratorFunctionPrototype, "constructor", {
+	    value: GeneratorFunction,
+	    configurable: !0
+	  }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) {
+	    var e = "function" == typeof t && t.constructor;
+	    return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name));
+	  }, e.mark = function (t) {
+	    return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t;
+	  }, e.awrap = function (t) {
+	    return {
+	      __await: t
+	    };
+	  }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () {
+	    return this;
+	  }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) {
+	    void 0 === i && (i = Promise);
+	    var a = new AsyncIterator(wrap(t, r, n, o), i);
+	    return e.isGeneratorFunction(r) ? a : a.next().then(function (t) {
+	      return t.done ? t.value : a.next();
+	    });
+	  }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () {
+	    return this;
+	  }), define(g, "toString", function () {
+	    return "[object Generator]";
+	  }), e.keys = function (t) {
+	    var e = Object(t),
+	      r = [];
+	    for (var n in e) r.push(n);
+	    return r.reverse(), function next() {
+	      for (; r.length;) {
+	        var t = r.pop();
+	        if (t in e) return next.value = t, next.done = !1, next;
+	      }
+	      return next.done = !0, next;
+	    };
+	  }, e.values = values, Context.prototype = {
+	    constructor: Context,
+	    reset: function reset(e) {
+	      if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t);
+	    },
+	    stop: function stop() {
+	      this.done = !0;
+	      var t = this.tryEntries[0].completion;
+	      if ("throw" === t.type) throw t.arg;
+	      return this.rval;
+	    },
+	    dispatchException: function dispatchException(e) {
+	      if (this.done) throw e;
+	      var r = this;
+	      function handle(n, o) {
+	        return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o;
+	      }
+	      for (var o = this.tryEntries.length - 1; o >= 0; --o) {
+	        var i = this.tryEntries[o],
+	          a = i.completion;
+	        if ("root" === i.tryLoc) return handle("end");
+	        if (i.tryLoc <= this.prev) {
+	          var c = n.call(i, "catchLoc"),
+	            u = n.call(i, "finallyLoc");
+	          if (c && u) {
+	            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+	            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
+	          } else if (c) {
+	            if (this.prev < i.catchLoc) return handle(i.catchLoc, !0);
+	          } else {
+	            if (!u) throw new Error("try statement without catch or finally");
+	            if (this.prev < i.finallyLoc) return handle(i.finallyLoc);
+	          }
+	        }
+	      }
+	    },
+	    abrupt: function abrupt(t, e) {
+	      for (var r = this.tryEntries.length - 1; r >= 0; --r) {
+	        var o = this.tryEntries[r];
+	        if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) {
+	          var i = o;
+	          break;
+	        }
+	      }
+	      i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null);
+	      var a = i ? i.completion : {};
+	      return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a);
+	    },
+	    complete: function complete(t, e) {
+	      if ("throw" === t.type) throw t.arg;
+	      return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y;
+	    },
+	    finish: function finish(t) {
+	      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+	        var r = this.tryEntries[e];
+	        if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y;
+	      }
+	    },
+	    "catch": function _catch(t) {
+	      for (var e = this.tryEntries.length - 1; e >= 0; --e) {
+	        var r = this.tryEntries[e];
+	        if (r.tryLoc === t) {
+	          var n = r.completion;
+	          if ("throw" === n.type) {
+	            var o = n.arg;
+	            resetTryEntry(r);
+	          }
+	          return o;
+	        }
+	      }
+	      throw new Error("illegal catch attempt");
+	    },
+	    delegateYield: function delegateYield(e, r, n) {
+	      return this.delegate = {
+	        iterator: values(e),
+	        resultName: r,
+	        nextLoc: n
+	      }, "next" === this.method && (this.arg = t), y;
+	    }
+	  }, e;
+	}
+	module.exports = _regeneratorRuntime, module.exports.__esModule = true, module.exports["default"] = module.exports; 
+} (regeneratorRuntime$1));
+
+var regeneratorRuntimeExports = regeneratorRuntime$1.exports;
+
+// TODO(Babel 8): Remove this file.
+
+var runtime = regeneratorRuntimeExports();
+var regenerator = runtime;
+
+// Copied from https://github.com/facebook/regenerator/blob/main/packages/runtime/runtime.js#L736=
+try {
+  regeneratorRuntime = runtime;
+} catch (accidentalStrictMode) {
+  if (typeof globalThis === "object") {
+    globalThis.regeneratorRuntime = runtime;
+  } else {
+    Function("r", "regeneratorRuntime = r")(runtime);
+  }
+}
+
+var _regeneratorRuntime = /*@__PURE__*/getDefaultExportFromCjs(regenerator);
+
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TestMessage = function TestMessage(_ref) {
+  var isEmailTemplate = _ref.isEmailTemplate,
+    handleSubmitTestTemplate = _ref.handleSubmitTestTemplate,
+    isTestMessageLoading = _ref.isTestMessageLoading,
+    isTestingTemplateDisabled = _ref.isTestingTemplateDisabled,
+    customFields = _ref.customFields;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isTestingTemplateRestricted = _useState2[0],
+    setIsTestingTemplateRestricted = _useState2[1];
+  var _useFormikContext = useFormikContext(),
+    values = _useFormikContext.values,
+    isValid = _useFormikContext.isValid;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleTestValidation = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(event) {
+      var value;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            value = event.target.value;
+            _context.prev = 1;
+            if (!isEmailTemplate) {
+              _context.next = 7;
+              break;
+            }
+            _context.next = 5;
+            return SEND_TEST_EMAIL_SCHEMA.validate(value);
+          case 5:
+            _context.next = 9;
+            break;
+          case 7:
+            _context.next = 9;
+            return PHONE_NUMBER_VALIDATION_SCHEMA.validate(value);
+          case 9:
+            setIsTestingTemplateRestricted(false);
+            _context.next = 15;
+            break;
+          case 12:
+            _context.prev = 12;
+            _context.t0 = _context["catch"](1);
+            setIsTestingTemplateRestricted(true);
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 12]]);
+    }));
+    return function handleTestValidation(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var isTestTemplateButtonDisabled = !isValid || isTestingTemplateDisabled || isTestingTemplateRestricted || isTestMessageLoading;
+  var handleKeyDown = function handleKeyDown(event) {
+    if (event.key !== "Enter") return;
+    event.stopPropagation();
+    event.preventDefault();
+    !isTestTemplateButtonDisabled && handleSubmitTestTemplate(values);
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "neeto-ui-flex left-0 flex items-start gap-x-2",
+      children: [/*#__PURE__*/jsx(Input, _objectSpread$3(_objectSpread$3({
+        "data-cy": "message-template-test-input"
+      }, !isEmailTemplate && {
+        helpText: t("neetoMessageTemplate.template.phoneNumberHelpText")
+      }), {}, {
+        name: isEmailTemplate ? "testEmailAddress" : "testPhoneNumber",
+        placeholder: t(isEmailTemplate ? "neetoMessageTemplate.template.emailAddress" : "neetoMessageTemplate.template.phoneNumber"),
+        onKeyDown: handleKeyDown,
+        onKeyUp: handleTestValidation
+      })), /*#__PURE__*/jsx(Button, {
+        "data-cy": "message-template-test-button",
+        disabled: isTestTemplateButtonDisabled,
+        loading: isTestMessageLoading,
+        style: "primary",
+        type: "button",
+        label: isEmailTemplate ? t("neetoMessageTemplate.template.sendTestEmail") : t("neetoMessageTemplate.template.sendTestSms"),
+        onClick: function onClick() {
+          return handleSubmitTestTemplate(values);
+        }
+      })]
+    }), !isEmailTemplate && /*#__PURE__*/jsx(Typography, {
+      style: "body2",
+      children: t("neetoMessageTemplate.sendMessage.testSmsNote")
+    }), customFields]
+  });
+};
+
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Form = function Form(_ref) {
+  var onClose = _ref.onClose,
+    isEdit = _ref.isEdit,
+    _ref$template = _ref.template,
+    template = _ref$template === void 0 ? {} : _ref$template,
+    createUpdateTemplate = _ref.createUpdateTemplate,
+    setInitialFocusField = _ref.setInitialFocusField,
+    handleSubmitTestTemplate = _ref.handleSubmitTestTemplate,
+    isTestMessageLoading = _ref.isTestMessageLoading,
+    shouldIncludeTestTemplate = _ref.shouldIncludeTestTemplate,
+    templateVariables = _ref.templateVariables,
+    isTestingTemplateDisabled = _ref.isTestingTemplateDisabled,
+    customFields = _ref.customFields,
+    onMutationSuccess = _ref.onMutationSuccess;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var editorRef = useRef(null);
+  var templateType = useTemplateStore(prop("templateType"));
+  var isEmailTemplate = equals(templateType, "email_template");
+  var isTestTemplateVisible = includes(templateType, ["sms_template", "email_template"]) && shouldIncludeTestTemplate;
+  var _ref2 = isEmailTemplate ? [_objectSpread$2(_objectSpread$2({}, EMAIL_TEMPLATE_INITIAL_VALUES), pick(["name", "body", "subject", "active"], template)), EMAIL_TEMPLATE_FORM_SCHEMA] : [_objectSpread$2(_objectSpread$2({}, SMS_TEMPLATE_INITIAL_VALUES), pick(["name", "body", "active"], template)), SMS_TEMPLATE_FORM_VALIDATION_SCHEMA],
+    _ref3 = _slicedToArray(_ref2, 2),
+    TEMPLATE_INITIAL_VALUES = _ref3[0],
+    TEMPLATE_FORM_SCHEMA = _ref3[1];
+  var handleSubmit = function handleSubmit(values) {
+    var filteredValues = isEmailTemplate ? omit(["name", "testEmailAddress"], values) : omit(["name", "testPhoneNumber"], values);
+    var payload = {
+      templateType: templateType,
+      name: values.name,
+      entity: filteredValues
+    };
+    createUpdateTemplate({
+      isEdit: isEdit,
+      payload: payload,
+      id: template.id
+    }, {
+      onSuccess: function onSuccess() {
+        onMutationSuccess.apply(void 0, arguments);
+        onClose();
+      }
+    });
+  };
+  var messageBodyLabel = isEmailTemplate ? t("neetoMessageTemplate.template.emailBody") : t("neetoMessageTemplate.template.smsBody");
+  return /*#__PURE__*/jsxs(NeetoUIForm, {
+    formProps: {
+      noValidate: true,
+      className: "flex w-full flex-col gap-y-4 pb-6"
+    },
+    formikProps: {
+      initialValues: TEMPLATE_INITIAL_VALUES,
+      validationSchema: TEMPLATE_FORM_SCHEMA,
+      validateOnBlur: true,
+      validateOnChange: true,
+      onSubmit: handleSubmit
+    },
+    children: [/*#__PURE__*/jsx(Input, {
+      required: true,
+      label: t("neetoMessageTemplate.template.templateName"),
+      name: "name",
+      ref: setInitialFocusField
+    }), isEmailTemplate && /*#__PURE__*/jsx(FormikAdaptiveInput, {
+      required: true,
+      label: t("neetoMessageTemplate.template.emailSubject"),
+      name: "subject"
+    }), /*#__PURE__*/jsx(FormikEditor, {
+      hideSlashCommands: true,
+      required: true,
+      contentClassName: "max-h-40",
+      defaults: isEmailTemplate ? undefined : [],
+      label: messageBodyLabel,
+      name: "body",
+      ref: editorRef,
+      rows: DEFAULT_EDITOR_ROW_COUNT,
+      variables: templateVariables
+    }), isTestTemplateVisible && /*#__PURE__*/jsx(TestMessage, {
+      customFields: customFields,
+      handleSubmitTestTemplate: handleSubmitTestTemplate,
+      isEmailTemplate: isEmailTemplate,
+      isTestMessageLoading: isTestMessageLoading,
+      isTestingTemplateDisabled: isTestingTemplateDisabled
+    }), /*#__PURE__*/jsx(Pane.Footer, {
+      className: "absolute bottom-0 left-0",
+      children: /*#__PURE__*/jsx(ActionBlock, {
+        cancelButtonProps: {
+          "data-cy": "message-template-reset-button",
+          onClick: onClose
+        },
+        submitButtonProps: {
+          "data-cy": "message-template-submit-button"
+        }
+      })
+    })]
+  });
+};
+
+var AddEdit = function AddEdit(_ref) {
+  var onClose = _ref.onClose,
+    createUpdateTemplate = _ref.createUpdateTemplate,
+    manageTemplatePane = _ref.manageTemplatePane,
+    isTestMessageLoading = _ref.isTestMessageLoading,
+    handleSubmitTestTemplate = _ref.handleSubmitTestTemplate,
+    shouldIncludeTestTemplate = _ref.shouldIncludeTestTemplate,
+    addText = _ref.addText,
+    editText = _ref.editText,
+    templateVariables = _ref.templateVariables,
+    isTestingTemplateDisabled = _ref.isTestingTemplateDisabled,
+    customFields = _ref.customFields,
+    onMutationSuccess = _ref.onMutationSuccess;
+  var initialFocusField = useRef();
+  var setInitialFocusField = function setInitialFocusField(fieldRef) {
+    return initialFocusField.current = fieldRef;
+  };
+  var isOpen = manageTemplatePane.isOpen,
+    isEdit = manageTemplatePane.isEdit,
+    template = manageTemplatePane.template;
+  var label = isEdit ? editText : addText;
+  return /*#__PURE__*/jsxs(Pane, {
+    isOpen: isOpen,
+    onClose: onClose,
+    initialFocusRef: initialFocusField,
+    children: [/*#__PURE__*/jsx(Pane.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        style: "h2",
+        weight: "semibold",
+        children: label
+      })
+    }), /*#__PURE__*/jsx(Pane.Body, {
+      children: /*#__PURE__*/jsx(Form, {
+        createUpdateTemplate: createUpdateTemplate,
+        customFields: customFields,
+        handleSubmitTestTemplate: handleSubmitTestTemplate,
+        isEdit: isEdit,
+        isTestMessageLoading: isTestMessageLoading,
+        isTestingTemplateDisabled: isTestingTemplateDisabled,
+        onClose: onClose,
+        onMutationSuccess: onMutationSuccess,
+        setInitialFocusField: setInitialFocusField,
+        shouldIncludeTestTemplate: shouldIncludeTestTemplate,
+        template: template,
+        templateVariables: templateVariables
+      })
+    })]
+  });
+};
+
+var useFilters = function useFilters() {
+  var _useState = useState(DEFAULT_PAGE_PROPERTIES),
+    _useState2 = _slicedToArray(_useState, 2),
+    pageProperties = _useState2[0],
+    setPageProperties = _useState2[1];
+  var _useQueryParams = useQueryParams(),
+    _useQueryParams$searc = _useQueryParams.searchTerm,
+    searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
+  var filterColumns = buildTableColumnData().filter(prop("node"));
+  var searchKeywordProps = {
+    key: "search_term",
+    node: "name",
+    value: searchTerm,
+    setValue: noop
+  };
+  var _useState3 = useState(function () {
+      return buildFiltersFromURL([].concat(_toConsumableArray(filterColumns), [searchKeywordProps]));
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filters = _useState4[0],
+    setFilters = _useState4[1];
+  return {
+    filterColumns: filterColumns,
+    searchKeywordProps: searchKeywordProps,
+    searchTerm: searchTerm,
+    filters: filters,
+    setFilters: setFilters,
+    pageProperties: pageProperties,
+    setPageProperties: setPageProperties
+  };
+};
+
+var useTemplates = function useTemplates(_ref) {
+  var type = _ref.type,
+    ownerId = _ref.ownerId,
+    filters = _ref.filters,
+    pageProperties = _ref.pageProperties;
+  var pageIndex = pageProperties.index,
+    pageSize = pageProperties.size;
+  var templateParams = {
+    page: pageIndex,
+    pageSize: pageSize,
+    filters: filters,
+    templateType: MESSAGE_TEMPLATES[type].value,
+    ownerId: isEmpty(ownerId) ? undefined : ownerId
+  };
+  var _useFetchTemplates = useFetchTemplates(templateParams),
+    _useFetchTemplates$da = _useFetchTemplates.data,
+    templatesData = _useFetchTemplates$da === void 0 ? {} : _useFetchTemplates$da,
+    isLoadingTemplates = _useFetchTemplates.isLoading,
+    isFetching = _useFetchTemplates.isFetching;
+  var _useCreateTemplate = useCreateTemplate(ownerId),
+    create = _useCreateTemplate.mutate;
+  var _useUpdateTemplate = useUpdateTemplate(ownerId),
+    update = _useUpdateTemplate.mutate;
+  var createUpdateTemplate = function createUpdateTemplate(_ref2, options) {
+    var isEdit = _ref2.isEdit,
+      payload = _ref2.payload,
+      _ref2$id = _ref2.id,
+      id = _ref2$id === void 0 ? null : _ref2$id;
+    return isEdit ? update({
+      id: id,
+      payload: payload
+    }, options) : create(payload, options);
+  };
+  var isLoaderVisible = isLoadingTemplates || isFetching;
+  return {
+    templatesData: templatesData,
+    isLoading: isLoaderVisible,
+    createUpdateTemplate: createUpdateTemplate
+  };
+};
+
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var List = function List(_ref) {
+  var setManageTemplatePane = _ref.setManageTemplatePane,
+    templatesData = _ref.templatesData,
+    isLoading = _ref.isLoading,
+    manageTemplatePane = _ref.manageTemplatePane,
+    labelSingular = _ref.labelSingular,
+    setPageProperties = _ref.setPageProperties,
+    pageProperties = _ref.pageProperties,
+    label = _ref.label,
+    addText = _ref.addText,
+    isFilterApplied = _ref.isFilterApplied,
+    ownerId = _ref.ownerId,
+    type = _ref.type,
+    onMutationSuccess = _ref.onMutationSuccess,
+    helpDocUrl = _ref.helpDocUrl;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useDeleteTemplate = useDeleteTemplate(ownerId),
+    deleteTemplate = _useDeleteTemplate.mutate,
+    isDeleting = _useDeleteTemplate.isPending;
+  var templates = templatesData.templates,
+    totalCount = templatesData.totalCount;
+  var template = manageTemplatePane.template,
+    isDelete = manageTemplatePane.isDelete;
+  var pageIndex = pageProperties.index,
+    pageSize = pageProperties.size;
+  var isSms = type === "sms";
+  var typeLabelSingular = isSms ? labelSingular : labelSingular.toLowerCase();
+  var emptyStateLabel = isSms ? label : label.toLowerCase();
+  var noDataProps = _objectSpread$1(_objectSpread$1({}, !isFilterApplied && {
+    primaryButtonProps: {
+      label: addText,
+      onClick: function onClick() {
+        return setManageTemplatePane(assoc("isOpen", true));
+      }
+    },
+    helpText: /*#__PURE__*/jsx(Trans, {
+      i18nKey: "neetoMessageTemplate.template.linkToHelpArticle",
+      values: {
+        entity: label
+      },
+      components: {
+        Link: /*#__PURE__*/jsx(Button, {
+          className: "underline",
+          href: helpDocUrl,
+          style: "link",
+          target: "_blank"
+        })
+      }
+    })
+  }), {}, {
+    title: isFilterApplied ? t("neetoMessageTemplate.template.filtersEmptyState", {
+      type: emptyStateLabel
+    }) : t("neetoMessageTemplate.template.emptyState", {
+      type: emptyStateLabel
+    })
+  });
+  var handleDelete = function handleDelete() {
+    deleteTemplate(template.id, {
+      onSuccess: onMutationSuccess,
+      onSettled: function onSettled() {
+        setManageTemplatePane(assoc("isDelete", false));
+      }
+    });
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [!isEmpty(templates) ? /*#__PURE__*/jsx(TableWrapper, {
+      hasPagination: totalCount > pageSize,
+      children: /*#__PURE__*/jsx(Table, {
+        totalCount: totalCount,
+        fixedHeight: true,
+        currentPageNumber: pageIndex,
+        defaultPageSize: pageSize,
+        loading: isLoading,
+        rowData: templates,
+        scroll: {
+          x: "100%"
+        },
+        columnData: buildTableColumnData(setManageTemplatePane, ownerId, onMutationSuccess),
+        handlePageChange: function handlePageChange(index, size) {
+          return setPageProperties({
+            index: index,
+            size: size
+          });
+        }
+      })
+    }) : /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(NoData, _objectSpread$1({}, noDataProps))
+    }), /*#__PURE__*/jsx(Alert, {
+      isOpen: isDelete,
+      isSubmitting: isDeleting,
+      submitButtonLabel: t("neetoMessageTemplate.template.delete"),
+      message: /*#__PURE__*/jsx(Trans, {
+        i18nKey: "neetoMessageTemplate.template.templateDeleteConfirmation",
+        values: {
+          name: template.name
+        }
+      }),
+      title: t("neetoMessageTemplate.template.deleteTemplate", {
+        label: typeLabelSingular
+      }),
+      onClose: function onClose() {
+        return setManageTemplatePane(assoc("isDelete", false));
+      },
+      onSubmit: handleDelete
+    })]
+  });
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var MessageTemplates = function MessageTemplates(_ref) {
+  var _helpPopoverProps$hel;
+  var _ref$breadcrumbs = _ref.breadcrumbs,
+    breadcrumbs = _ref$breadcrumbs === void 0 ? [] : _ref$breadcrumbs,
+    _ref$type = _ref.type,
+    type = _ref$type === void 0 ? "" : _ref$type,
+    _ref$handleSubmitTest = _ref.handleSubmitTestTemplate,
+    handleSubmitTestTemplate = _ref$handleSubmitTest === void 0 ? noop : _ref$handleSubmitTest,
+    _ref$isTestMessageLoa = _ref.isTestMessageLoading,
+    isTestMessageLoading = _ref$isTestMessageLoa === void 0 ? false : _ref$isTestMessageLoa,
+    _ref$shouldIncludeTes = _ref.shouldIncludeTestTemplate,
+    shouldIncludeTestTemplate = _ref$shouldIncludeTes === void 0 ? true : _ref$shouldIncludeTes,
+    _ref$templateVariable = _ref.templateVariables,
+    templateVariables = _ref$templateVariable === void 0 ? {} : _ref$templateVariable,
+    _ref$ownerId = _ref.ownerId,
+    ownerId = _ref$ownerId === void 0 ? "" : _ref$ownerId,
+    _ref$isTestingTemplat = _ref.isTestingTemplateDisabled,
+    isTestingTemplateDisabled = _ref$isTestingTemplat === void 0 ? false : _ref$isTestingTemplat,
+    _ref$manageTemplatesP = _ref.manageTemplatesPaneCustomFields,
+    manageTemplatesPaneCustomFields = _ref$manageTemplatesP === void 0 ? null : _ref$manageTemplatesP,
+    _ref$onMutationSucces = _ref.onMutationSuccess,
+    onMutationSuccess = _ref$onMutationSucces === void 0 ? noop : _ref$onMutationSucces,
+    _ref$helpPopoverProps = _ref.helpPopoverProps,
+    helpPopoverProps = _ref$helpPopoverProps === void 0 ? {} : _ref$helpPopoverProps;
+  var _useState = useState(MESSAGE_TEMPLATE_INITIAL_STATE),
+    _useState2 = _slicedToArray(_useState, 2),
+    manageTemplatePane = _useState2[0],
+    setManageTemplatePane = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isFilterPaneOpen = _useState4[0],
+    setIsFilterPaneOpen = _useState4[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useFilters = useFilters(),
+    searchKeywordProps = _useFilters.searchKeywordProps,
+    filterColumns = _useFilters.filterColumns,
+    searchTerm = _useFilters.searchTerm,
+    filters = _useFilters.filters,
+    setFilters = _useFilters.setFilters,
+    pageProperties = _useFilters.pageProperties,
+    setPageProperties = _useFilters.setPageProperties;
+  var _useTemplates = useTemplates({
+      type: type,
+      ownerId: ownerId,
+      filters: filters,
+      pageProperties: pageProperties
+    }),
+    isLoading = _useTemplates.isLoading,
+    templatesData = _useTemplates.templatesData,
+    createUpdateTemplate = _useTemplates.createUpdateTemplate;
+  var setTemplateState = useTemplateStore(prop("setTemplateState"));
+  var _MESSAGE_TEMPLATES$ty = MESSAGE_TEMPLATES[type],
+    label = _MESSAGE_TEMPLATES$ty.label,
+    value = _MESSAGE_TEMPLATES$ty.value,
+    addText = _MESSAGE_TEMPLATES$ty.addText,
+    labelSingular = _MESSAGE_TEMPLATES$ty.labelSingular,
+    editText = _MESSAGE_TEMPLATES$ty.editText;
+  var isFilterApplied = isNotEmpty(filters) || isNotEmpty(searchTerm);
+  var handleActionClick = function handleActionClick() {
+    return setManageTemplatePane(_objectSpread(_objectSpread({}, MESSAGE_TEMPLATE_INITIAL_STATE), {}, {
+      isOpen: true
+    }));
+  };
+  var handleChange = function handleChange(filters) {
+    setFilters(filters);
+    setPageProperties(DEFAULT_PAGE_PROPERTIES);
+  };
+  var templatesCount = (templatesData === null || templatesData === void 0 ? void 0 : templatesData.totalCount) || 0;
+  useEffect(function () {
+    setTemplateState({
+      templateType: value
+    });
+  }, [value]);
+  var shouldShowTemplatesCount = !isLoading && (isFilterApplied || templatesCount > 0);
+  var helpDocUrl = (helpPopoverProps === null || helpPopoverProps === void 0 || (_helpPopoverProps$hel = helpPopoverProps.helpLinkProps) === null || _helpPopoverProps$hel === void 0 ? void 0 : _helpPopoverProps$hel.href) || "";
+  return /*#__PURE__*/jsxs(Container, {
+    children: [/*#__PURE__*/jsx(NeetoHeader, {
+      breadcrumbs: breadcrumbs,
+      size: "small",
+      actionBlock: /*#__PURE__*/jsx(Button, {
+        "data-cy": "add-".concat(hyphenate(value), "-button"),
+        label: addText,
+        onClick: handleActionClick
+      }),
+      searchProps: shouldShowTemplatesCount && renderSearchProps(label, value),
+      title: /*#__PURE__*/jsxs("span", {
+        className: "flex",
+        children: [label, /*#__PURE__*/jsx(HelpPopover, _objectSpread(_objectSpread({
+          className: "ml-2 self-center"
+        }, helpPopoverProps), {}, {
+          title: (helpPopoverProps === null || helpPopoverProps === void 0 ? void 0 : helpPopoverProps.title) || label
+        }))]
+      })
+    }), /*#__PURE__*/jsx(SubHeader, {
+      leftActionBlock: shouldShowTemplatesCount && /*#__PURE__*/jsx(Typography, {
+        component: "h4",
+        children: t("neetoMessageTemplate.template.messageTemplatesWithCount", {
+          type: MESSAGE_TYPES[type],
+          count: templatesCount
+        })
+      }),
+      rightActionBlock: /*#__PURE__*/jsx(SubHeader.RightBlock, {
+        dataProps: {
+          totalCount: isFilterApplied ? null : templatesCount
+        },
+        filterProps: {
+          columns: filterColumns,
+          isOpen: isFilterPaneOpen,
+          keyword: searchKeywordProps,
+          setIsOpen: setIsFilterPaneOpen,
+          onChange: handleChange
+        }
+      })
+    }), /*#__PURE__*/jsx(Bar, {
+      columns: filterColumns,
+      keyword: searchKeywordProps,
+      setIsPaneOpen: setIsFilterPaneOpen,
+      onChange: handleChange
+    }), /*#__PURE__*/jsx(List, {
+      addText: addText,
+      helpDocUrl: helpDocUrl,
+      isFilterApplied: isFilterApplied,
+      isLoading: isLoading,
+      label: label,
+      labelSingular: labelSingular,
+      manageTemplatePane: manageTemplatePane,
+      onMutationSuccess: onMutationSuccess,
+      ownerId: ownerId,
+      pageProperties: pageProperties,
+      setManageTemplatePane: setManageTemplatePane,
+      setPageProperties: setPageProperties,
+      templatesData: templatesData,
+      type: type
+    }), /*#__PURE__*/jsx(AddEdit, {
+      addText: addText,
+      createUpdateTemplate: createUpdateTemplate,
+      editText: editText,
+      handleSubmitTestTemplate: handleSubmitTestTemplate,
+      isTestMessageLoading: isTestMessageLoading,
+      isTestingTemplateDisabled: isTestingTemplateDisabled,
+      manageTemplatePane: manageTemplatePane,
+      onMutationSuccess: onMutationSuccess,
+      shouldIncludeTestTemplate: shouldIncludeTestTemplate,
+      templateVariables: templateVariables,
+      customFields: manageTemplatesPaneCustomFields,
+      onClose: function onClose() {
+        return setManageTemplatePane(assoc("isOpen", false));
+      }
+    })]
+  });
+};
+
+export { MessageTemplates as default };
+//# sourceMappingURL=MessageTemplates.js.map