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

package/dist/cjs/MessageTemplates.js

@@ -0,0 +1,1289 @@
+'use strict';
+
+var useTemplatesApi = require('../useTemplatesApi-943ef380.js');
+var slicedToArray = require('../slicedToArray-f320d9e7.js');
+var react = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
+var Container = require('@bigbinary/neeto-molecules/Container');
+var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
+var HelpPopover = require('@bigbinary/neeto-molecules/HelpPopover');
+var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
+var Button = require('@bigbinary/neetoui/Button');
+var Typography = require('@bigbinary/neetoui/Typography');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var i18next = require('i18next');
+var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var zustand = require('zustand');
+var jsxRuntime = require('react/jsx-runtime');
+var Pane = require('@bigbinary/neetoui/Pane');
+var FormikEditor = require('@bigbinary/neeto-editor/FormikEditor');
+var NeetoUIForm = require('@bigbinary/neetoui/formik/Form');
+var Input = require('@bigbinary/neetoui/formik/Input');
+var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
+var formik = require('formik');
+var Textarea = require('@bigbinary/neetoui/formik/Textarea');
+require('stylesheets/application.scss');
+var PhoneNumber = require('@bigbinary/neeto-molecules/PhoneNumber');
+var yup = require('yup');
+var toConsumableArray = require('../toConsumableArray-9abb3858.js');
+var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
+var Alert = require('@bigbinary/neetoui/Alert');
+var Table = require('@bigbinary/neetoui/Table');
+var NoData = require('@bigbinary/neetoui/NoData');
+require('@bigbinary/neeto-commons-frontend/constants');
+require('@tanstack/react-query');
+require('axios');
+require('util');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
+var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
+var HelpPopover__default = /*#__PURE__*/_interopDefaultLegacy(HelpPopover);
+var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
+var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
+var FormikEditor__default = /*#__PURE__*/_interopDefaultLegacy(FormikEditor);
+var NeetoUIForm__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIForm);
+var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
+var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
+var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
+var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
+var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
+var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
+
+var MESSAGE_TEMPLATE_INITIAL_STATE = {
+  isOpen: false,
+  isEdit: false,
+  isDelete: false,
+  template: {}
+};
+
+/** @type {import("neetocommons/react-utils").ZustandStoreHook} */
+var useTemplateStore = zustand.create(reactUtils.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: i18next.t("neetoMessageTemplate.template.edit"),
+    onClick: handleEditTemplate,
+    "data-cy": "message-template-edit-button"
+  }, {
+    key: MENU_ITEMS.STATUS,
+    label: ramda.equals(status, "active") ? i18next.t("neetoMessageTemplate.template.markAsInactive") : i18next.t("neetoMessageTemplate.template.markAsActive"),
+    onClick: function onClick() {
+      return handleMarkActiveInactive(status);
+    },
+    "data-cy": "message-template-status-button"
+  }, {
+    key: MENU_ITEMS.DELETE,
+    label: i18next.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) { useTemplatesApi._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 = useTemplatesApi.useUpdateTemplate(ownerId),
+    update = _useUpdateTemplate.mutate;
+  var status = template.status,
+    id = template.id;
+  var templateType = useTemplateStore(ramda.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__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+    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) { useTemplatesApi._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: i18next.t("neetoMessageTemplate.template.search", {
+      what: label
+    }),
+    "data-cy": "".concat(neetoCist.hyphenate(value), "-search-input")
+  };
+};
+var buildTableColumnData = function buildTableColumnData(setManageTemplatePane, ownerId, onMutationSuccess) {
+  return [{
+    dataIndex: "name",
+    key: "name",
+    node: "name",
+    title: i18next.t("neetoMessageTemplate.template.name"),
+    label: i18next.t("neetoMessageTemplate.template.name"),
+    type: "text",
+    render: function render(name, template) {
+      return /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center justify-between gap-x-3",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          label: name,
+          style: "link",
+          onClick: function onClick() {
+            return handleEditTemplate(setManageTemplatePane, template);
+          }
+        }), /*#__PURE__*/jsxRuntime.jsx(RowActions, {
+          onMutationSuccess: onMutationSuccess,
+          ownerId: ownerId,
+          setManageTemplatePane: setManageTemplatePane,
+          template: template
+        })]
+      });
+    }
+  }, {
+    dataIndex: "status",
+    key: "status",
+    node: "status",
+    title: i18next.t("neetoMessageTemplate.template.active"),
+    label: i18next.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) { useTemplatesApi._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 = formik.useFormikContext(),
+    submitForm = _useFormikContext.submitForm;
+  var handleKeyDown = function handleKeyDown(event) {
+    if (event.key !== "Enter" || event.shiftKey) return;
+    event.preventDefault();
+    submitForm();
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(Textarea__default["default"], _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__namespace.object({
+  name: yup__namespace.string().trim().required(i18next.t("neetoMessageTemplate.template.validation.namePresence")),
+  subject: yup__namespace.string().trim().required(i18next.t("neetoMessageTemplate.template.validation.subjectPresence")),
+  body: yup__namespace.string().test("name", i18next.t("neetoMessageTemplate.template.validation.bodyPresence"), function (value) {
+    return !!formatEditorContent(value);
+  })
+});
+var SMS_TEMPLATE_FORM_VALIDATION_SCHEMA = yup__namespace.object({
+  name: yup__namespace.string().trim().required(i18next.t("neetoMessageTemplate.template.validation.namePresence")),
+  body: yup__namespace.string().test("body", i18next.t("neetoMessageTemplate.template.validation.bodyPresence"), function (value) {
+    return !!formatEditorContent(value);
+  })
+});
+var SEND_TEST_EMAIL_SCHEMA = yup__namespace.string().trim().required(i18next.t("neetoMessageTemplate.template.validation.emailAddressPresence")).email(i18next.t("neetoMessageTemplate.template.validation.emailAddressFormatValidation"));
+var PHONE_NUMBER_VALIDATION_SCHEMA = yup__namespace.string().test("testPhoneNumber", i18next.t("neetoMessageTemplate.template.validation.validPhoneNumber"), function (value) {
+  return PhoneNumber.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__*/useTemplatesApi.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) { useTemplatesApi._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 = react.useState(true),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    isTestingTemplateRestricted = _useState2[0],
+    setIsTestingTemplateRestricted = _useState2[1];
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values,
+    isValid = _useFormikContext.isValid;
+  var _useTranslation = reactI18next.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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "neeto-ui-flex left-0 flex items-start gap-x-2",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _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__*/jsxRuntime.jsx(Button__default["default"], {
+        "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__*/jsxRuntime.jsx(Typography__default["default"], {
+      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) { useTemplatesApi._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 = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var editorRef = react.useRef(null);
+  var templateType = useTemplateStore(ramda.prop("templateType"));
+  var isEmailTemplate = ramda.equals(templateType, "email_template");
+  var isTestTemplateVisible = ramda.includes(templateType, ["sms_template", "email_template"]) && shouldIncludeTestTemplate;
+  var _ref2 = isEmailTemplate ? [_objectSpread$2(_objectSpread$2({}, EMAIL_TEMPLATE_INITIAL_VALUES), ramda.pick(["name", "body", "subject", "active"], template)), EMAIL_TEMPLATE_FORM_SCHEMA] : [_objectSpread$2(_objectSpread$2({}, SMS_TEMPLATE_INITIAL_VALUES), ramda.pick(["name", "body", "active"], template)), SMS_TEMPLATE_FORM_VALIDATION_SCHEMA],
+    _ref3 = slicedToArray._slicedToArray(_ref2, 2),
+    TEMPLATE_INITIAL_VALUES = _ref3[0],
+    TEMPLATE_FORM_SCHEMA = _ref3[1];
+  var handleSubmit = function handleSubmit(values) {
+    var filteredValues = isEmailTemplate ? ramda.omit(["name", "testEmailAddress"], values) : ramda.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__*/jsxRuntime.jsxs(NeetoUIForm__default["default"], {
+    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__*/jsxRuntime.jsx(Input__default["default"], {
+      required: true,
+      label: t("neetoMessageTemplate.template.templateName"),
+      name: "name",
+      ref: setInitialFocusField
+    }), isEmailTemplate && /*#__PURE__*/jsxRuntime.jsx(FormikAdaptiveInput, {
+      required: true,
+      label: t("neetoMessageTemplate.template.emailSubject"),
+      name: "subject"
+    }), /*#__PURE__*/jsxRuntime.jsx(FormikEditor__default["default"], {
+      hideSlashCommands: true,
+      required: true,
+      contentClassName: "max-h-40",
+      defaults: isEmailTemplate ? undefined : [],
+      label: messageBodyLabel,
+      name: "body",
+      ref: editorRef,
+      rows: useTemplatesApi.DEFAULT_EDITOR_ROW_COUNT,
+      variables: templateVariables
+    }), isTestTemplateVisible && /*#__PURE__*/jsxRuntime.jsx(TestMessage, {
+      customFields: customFields,
+      handleSubmitTestTemplate: handleSubmitTestTemplate,
+      isEmailTemplate: isEmailTemplate,
+      isTestMessageLoading: isTestMessageLoading,
+      isTestingTemplateDisabled: isTestingTemplateDisabled
+    }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+      className: "absolute bottom-0 left-0",
+      children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+        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 = react.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__*/jsxRuntime.jsxs(Pane__default["default"], {
+    isOpen: isOpen,
+    onClose: onClose,
+    initialFocusRef: initialFocusField,
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        style: "h2",
+        weight: "semibold",
+        children: label
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
+      children: /*#__PURE__*/jsxRuntime.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 = react.useState(useTemplatesApi.DEFAULT_PAGE_PROPERTIES),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    pageProperties = _useState2[0],
+    setPageProperties = _useState2[1];
+  var _useQueryParams = reactUtils.useQueryParams(),
+    _useQueryParams$searc = _useQueryParams.searchTerm,
+    searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
+  var filterColumns = buildTableColumnData().filter(ramda.prop("node"));
+  var searchKeywordProps = {
+    key: "search_term",
+    node: "name",
+    value: searchTerm,
+    setValue: neetoCist.noop
+  };
+  var _useState3 = react.useState(function () {
+      return neetoFiltersFrontend.buildFiltersFromURL([].concat(toConsumableArray._toConsumableArray(filterColumns), [searchKeywordProps]));
+    }),
+    _useState4 = slicedToArray._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: useTemplatesApi.MESSAGE_TEMPLATES[type].value,
+    ownerId: ramda.isEmpty(ownerId) ? undefined : ownerId
+  };
+  var _useFetchTemplates = useTemplatesApi.useFetchTemplates(templateParams),
+    _useFetchTemplates$da = _useFetchTemplates.data,
+    templatesData = _useFetchTemplates$da === void 0 ? {} : _useFetchTemplates$da,
+    isLoadingTemplates = _useFetchTemplates.isLoading,
+    isFetching = _useFetchTemplates.isFetching;
+  var _useCreateTemplate = useTemplatesApi.useCreateTemplate(ownerId),
+    create = _useCreateTemplate.mutate;
+  var _useUpdateTemplate = useTemplatesApi.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) { useTemplatesApi._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 = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useDeleteTemplate = useTemplatesApi.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(ramda.assoc("isOpen", true));
+      }
+    },
+    helpText: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+      i18nKey: "neetoMessageTemplate.template.linkToHelpArticle",
+      values: {
+        entity: label
+      },
+      components: {
+        Link: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          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(ramda.assoc("isDelete", false));
+      }
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [!ramda.isEmpty(templates) ? /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
+      hasPagination: totalCount > pageSize,
+      children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
+        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__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], _objectSpread$1({}, noDataProps))
+    }), /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
+      isOpen: isDelete,
+      isSubmitting: isDeleting,
+      submitButtonLabel: t("neetoMessageTemplate.template.delete"),
+      message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+        i18nKey: "neetoMessageTemplate.template.templateDeleteConfirmation",
+        values: {
+          name: template.name
+        }
+      }),
+      title: t("neetoMessageTemplate.template.deleteTemplate", {
+        label: typeLabelSingular
+      }),
+      onClose: function onClose() {
+        return setManageTemplatePane(ramda.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) { useTemplatesApi._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 ? neetoCist.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 ? neetoCist.noop : _ref$onMutationSucces,
+    _ref$helpPopoverProps = _ref.helpPopoverProps,
+    helpPopoverProps = _ref$helpPopoverProps === void 0 ? {} : _ref$helpPopoverProps;
+  var _useState = react.useState(MESSAGE_TEMPLATE_INITIAL_STATE),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    manageTemplatePane = _useState2[0],
+    setManageTemplatePane = _useState2[1];
+  var _useState3 = react.useState(false),
+    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    isFilterPaneOpen = _useState4[0],
+    setIsFilterPaneOpen = _useState4[1];
+  var _useTranslation = reactI18next.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(ramda.prop("setTemplateState"));
+  var _MESSAGE_TEMPLATES$ty = useTemplatesApi.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 = neetoCist.isNotEmpty(filters) || neetoCist.isNotEmpty(searchTerm);
+  var handleActionClick = function handleActionClick() {
+    return setManageTemplatePane(_objectSpread(_objectSpread({}, MESSAGE_TEMPLATE_INITIAL_STATE), {}, {
+      isOpen: true
+    }));
+  };
+  var handleChange = function handleChange(filters) {
+    setFilters(filters);
+    setPageProperties(useTemplatesApi.DEFAULT_PAGE_PROPERTIES);
+  };
+  var templatesCount = (templatesData === null || templatesData === void 0 ? void 0 : templatesData.totalCount) || 0;
+  react.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__*/jsxRuntime.jsxs(Container__default["default"], {
+    children: [/*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default["default"], {
+      breadcrumbs: breadcrumbs,
+      size: "small",
+      actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        "data-cy": "add-".concat(neetoCist.hyphenate(value), "-button"),
+        label: addText,
+        onClick: handleActionClick
+      }),
+      searchProps: shouldShowTemplatesCount && renderSearchProps(label, value),
+      title: /*#__PURE__*/jsxRuntime.jsxs("span", {
+        className: "flex",
+        children: [label, /*#__PURE__*/jsxRuntime.jsx(HelpPopover__default["default"], _objectSpread(_objectSpread({
+          className: "ml-2 self-center"
+        }, helpPopoverProps), {}, {
+          title: (helpPopoverProps === null || helpPopoverProps === void 0 ? void 0 : helpPopoverProps.title) || label
+        }))]
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"], {
+      leftActionBlock: shouldShowTemplatesCount && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        component: "h4",
+        children: t("neetoMessageTemplate.template.messageTemplatesWithCount", {
+          type: useTemplatesApi.MESSAGE_TYPES[type],
+          count: templatesCount
+        })
+      }),
+      rightActionBlock: /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"].RightBlock, {
+        dataProps: {
+          totalCount: isFilterApplied ? null : templatesCount
+        },
+        filterProps: {
+          columns: filterColumns,
+          isOpen: isFilterPaneOpen,
+          keyword: searchKeywordProps,
+          setIsOpen: setIsFilterPaneOpen,
+          onChange: handleChange
+        }
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoFiltersFrontend.Bar, {
+      columns: filterColumns,
+      keyword: searchKeywordProps,
+      setIsPaneOpen: setIsFilterPaneOpen,
+      onChange: handleChange
+    }), /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.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(ramda.assoc("isOpen", false));
+      }
+    })]
+  });
+};
+
+module.exports = MessageTemplates;
+//# sourceMappingURL=MessageTemplates.js.map