@bigbinary/neeto-approvals-frontend 1.0.1 → 1.2.0

package/dist/index.js

@@ -1,1922 +1,51 @@
-import React, { useState, useEffect, useRef, createElement, useMemo } from 'react';
-import { useMutationWithInvalidation, useDebounce, withT, useQueryParams } from '@bigbinary/neeto-commons-frontend/react-utils';
-import Container from '@bigbinary/neeto-molecules/Container';
-import { useLocation, useHistory, Switch, Route, Redirect, useParams } from 'react-router-dom';
-import i18next, { t as t$1 } from 'i18next';
-import { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE, PLURAL, SINGULAR } from '@bigbinary/neeto-commons-frontend/constants';
-import Button from '@bigbinary/neetoui/Button';
-import { capitalize, isPresent, findBy, camelToSnakeCase, removeBy, noop } from '@bigbinary/neeto-cist';
-import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
-import Table$1 from '@bigbinary/neetoui/Table';
-import NoData from '@bigbinary/neetoui/NoData';
-import { isEmpty, keys } from 'ramda';
-import { useTranslation, Trans } from 'react-i18next';
-import { useQuery, keepPreviousData } from '@tanstack/react-query';
-import axios from 'axios';
-import Tag from '@bigbinary/neetoui/Tag';
-import DateFormat from '@bigbinary/neeto-molecules/DateFormat';
-import { isEditorEmpty } from '@bigbinary/neeto-editor/utils';
-import * as yup from 'yup';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { dateFormat, withEventTargetValue, captureAnalyticsEvent } from '@bigbinary/neeto-commons-frontend/utils';
-import EditorContent from '@bigbinary/neeto-editor/EditorContent';
-import Label from '@bigbinary/neetoui/Label';
-import Pane from '@bigbinary/neetoui/Pane';
-import Textarea from '@bigbinary/neetoui/Textarea';
-import Typography from '@bigbinary/neetoui/Typography';
-import dayjs from 'dayjs';
-import timezone from 'dayjs/plugin/timezone';
-import utc from 'dayjs/plugin/utc';
-import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
-import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
-import Alert from '@bigbinary/neetoui/Alert';
-import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
-import FormikForm from '@bigbinary/neetoui/formik/Form';
-import { useFormikContext } from 'formik';
-import ToggleFeatureCard from '@bigbinary/neeto-molecules/ToggleFeatureCard';
-import Input from '@bigbinary/neetoui/formik/Input';
-import Textarea$1 from '@bigbinary/neetoui/formik/Textarea';
-import FormikEditor from '@bigbinary/neeto-editor/FormikEditor';
-import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
-import NeetoHeader from '@bigbinary/neeto-molecules/Header';
-import NeetoUITab from '@bigbinary/neetoui/Tab';
-import Select from '@bigbinary/neetoui/Select';
-import Callout from '@bigbinary/neetoui/Callout';
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  return _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;
-  }, _typeof(o);
-}
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-function _iterableToArrayLimit(r, l) {
-  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
-  if (null != t) {
-    var e,
-      n,
-      i,
-      u,
-      a = [],
-      f = !0,
-      o = !1;
-    try {
-      if (i = (t = t.call(r)).next, 0 === l) {
-        if (Object(t) !== t) return;
-        f = !1;
-      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
-    } catch (r) {
-      o = !0, n = r;
-    } finally {
-      try {
-        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-var routes = {
-  home: "/",
-  approvals: "/approvals/",
-  pending: "pending",
-  history: "history",
-  templates: {
-    index: "templates",
-    "new": "templates/new",
-    edit: "templates/:id/edit"
-  },
-  "public": "approvals/public/request/:id"
-};
-
-var handleEmptyPage = function handleEmptyPage(data, pageProperties, handlePageChange) {
-  if (isEmpty(data) && pageProperties.page !== 1) {
-    handlePageChange(pageProperties.page - 1, pageProperties.pageSize);
-  }
-};
-
-var BASE_URL = "neeto_approvals";
-var TEMPLATE_URL = "".concat(BASE_URL, "/templates");
-
-var fetch$3 = function fetch(params, url) {
-  return axios.get(url, {
-    params: params
-  });
-};
-var update$1 = function update(_ref) {
-  var id = _ref.id,
-    payload = _ref.payload;
-  return axios.put("".concat(BASE_URL, "/requests/").concat(id), {
-    request: payload
-  });
-};
-var requestsApi = {
-  fetch: fetch$3,
-  update: update$1
-};
-
-var QUERY_KEYS = {
-  APPROVERS: "neeto-approvals-approvers",
-  TEMPLATES: "neeto-approvals-templates",
-  REQUESTS: "neeto-approvals-requests",
-  SHOW_TEMPLATE: "neeto-approvals-show-template",
-  SHOW_PUBLIC_REQUEST: "neeto-approvals-show-public-request",
-  VIEWS: "neeto-approvals-views"
-};
-
-function ownKeys$b(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$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useFetchRequests = function useFetchRequests(_ref) {
-  var requestUrl = _ref.requestUrl,
-    _ref$params = _ref.params,
-    params = _ref$params === void 0 ? {} : _ref$params,
-    _ref$options = _ref.options,
-    options = _ref$options === void 0 ? {} : _ref$options;
-  return useQuery(_objectSpread$b({
-    queryKey: [QUERY_KEYS.REQUESTS, params],
-    queryFn: function queryFn() {
-      return requestsApi.fetch(params, requestUrl);
-    },
-    select: function select(response) {
-      return response.data || response;
-    },
-    placeholderData: keepPreviousData
-  }, options));
-};
-var useUpdateRequest = function useUpdateRequest(options) {
-  return useMutationWithInvalidation(requestsApi.update, _objectSpread$b({
-    keysToInvalidate: [[QUERY_KEYS.REQUESTS], [QUERY_KEYS.VIEWS]]
-  }, options));
-};
-
-var usePaginate = function usePaginate() {
-  var _useState = useState({
-      page: DEFAULT_PAGE_INDEX,
-      pageSize: DEFAULT_PAGE_SIZE
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    pageProperties = _useState2[0],
-    setPageProperties = _useState2[1];
-  var resetPageProperties = function resetPageProperties() {
-    return setPageProperties({
-      page: DEFAULT_PAGE_INDEX,
-      pageSize: DEFAULT_PAGE_SIZE
-    });
-  };
-  var handlePageChange = function handlePageChange(page, pageSize) {
-    setPageProperties({
-      page: page,
-      pageSize: pageSize
-    });
-  };
-  return {
-    pageProperties: pageProperties,
-    resetPageProperties: resetPageProperties,
-    handlePageChange: handlePageChange
-  };
-};
-
-var DEFAULT_FILTER_VALUES = {
-  searchTerm: "",
-  sortBy: "",
-  orderBy: ""
-};
-var SEARCH_DELAY = 750;
-var STATUSES = {
-  approved: "approved",
-  rejected: "rejected",
-  pending: "pending",
-  cancelled: "cancelled"
-};
-var STATUS_TAG_STYLE = {
-  pending: "primary",
-  approved: "success",
-  rejected: "danger",
-  cancelled: "warning"
-};
-var APPROVAL_REQUEST_FORM_INITIAL_VALUES = {
-  message: "",
-  approver: {}
-};
-var STATUS_UPDATED_BY = {
-  rejected: t$1("neetoApprovals.common.rejectedBy"),
-  approved: t$1("neetoApprovals.common.approvedBy"),
-  cancelled: t$1("neetoApprovals.common.cancelledBy")
-};
-var DATA_CY_KEY = "data-cy";
-var SORT_ORDER = {
-  ascend: "asc",
-  descend: "desc"
-};
-var REQUEST_FORM_VALIDATION_SCHEMA = yup.object().shape({
-  message: yup.string().test("message", t$1("neetoApprovals.validations.required", {
-    what: t$1("neetoApprovals.inputs.labels.message")
-  }), function (content) {
-    return !isEditorEmpty(content);
-  }),
-  approver: yup.object().required(t$1("neetoApprovals.validations.approver"))
-});
-var EVENTS = {
-  APPROVAL_TEMPLATE_CREATED: "approval_template_created"
-};
-
-var HISTORY_TABLE_COLUMNS = [{
-  dataIndex: "approvalLabel",
-  key: "approvalLabel",
-  sorter: true,
-  width: "25%",
-  title: t$1("neetoApprovals.common.id"),
-  render: function render(approvalLabel, _ref) {
-    var requestableUrl = _ref.requestableUrl;
-    var url = new URL(requestableUrl || window.location.origin);
-    return /*#__PURE__*/jsx(Button, {
-      label: approvalLabel,
-      style: "link",
-      to: url.pathname
-    });
-  }
-}, {
-  dataIndex: "title",
-  key: "title",
-  sorter: true,
-  width: "25%",
-  title: t$1("neetoApprovals.common.title")
-}, {
-  dataIndex: "status",
-  key: "status",
-  sorter: true,
-  width: "25%",
-  title: t$1("neetoApprovals.common.status"),
-  render: function render(status) {
-    return /*#__PURE__*/jsx(Tag, {
-      label: capitalize(status),
-      style: STATUS_TAG_STYLE[status]
-    });
-  }
-}, {
-  dataIndex: "createdAt",
-  key: "createdAt",
-  sorter: true,
-  width: "25%",
-  title: t$1("neetoApprovals.common.created"),
-  render: function render(createdAt) {
-    return /*#__PURE__*/jsx(DateFormat.FromNow, {
-      date: createdAt,
-      typographyProps: {
-        style: "body2"
-      }
-    });
-  }
-}];
-
-var Footer = function Footer(_ref) {
-  var isLoading = _ref.isLoading,
-    handleSubmit = _ref.handleSubmit,
-    isCurrentUserApprover = _ref.isCurrentUserApprover,
-    isCurrentUserRequester = _ref.isCurrentUserRequester;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  if (!isCurrentUserApprover && !isCurrentUserRequester) return null;
-  if (isCurrentUserApprover) {
-    return /*#__PURE__*/jsxs(Pane.Footer, {
-      className: "flex gap-x-2",
-      children: [/*#__PURE__*/jsx(Button, {
-        label: t("neetoApprovals.buttons.approve"),
-        loading: isLoading,
-        type: "submit",
-        onClick: function onClick() {
-          return handleSubmit(STATUSES.approved);
-        }
-      }), /*#__PURE__*/jsx(Button, {
-        label: t("neetoApprovals.buttons.decline"),
-        loading: isLoading,
-        style: "text",
-        onClick: function onClick() {
-          return handleSubmit(STATUSES.rejected);
-        }
-      })]
-    });
-  }
-  return /*#__PURE__*/jsx(Pane.Footer, {
-    className: "flex gap-x-2",
-    children: /*#__PURE__*/jsx(Button, {
-      label: t("neetoApprovals.buttons.cancelRequest"),
-      loading: isLoading,
-      type: "submit",
-      onClick: function onClick() {
-        return handleSubmit(STATUSES.cancelled);
-      }
-    })
-  });
-};
-
-dayjs.extend(utc);
-dayjs.extend(timezone);
-var updateApprovalDetails = function updateApprovalDetails(_ref) {
-  var requestsData = _ref.requestsData,
-    approvalDetails = _ref.approvalDetails;
-  if (isPresent(requestsData === null || requestsData === void 0 ? void 0 : requestsData.requests) && isPresent(approvalDetails)) {
-    var request = findBy({
-      id: approvalDetails.id
-    }, requestsData.requests) || {};
-    return request;
-  }
-  return {};
-};
-var timeInZone = function timeInZone(time) {
-  var _globalProps$user, _globalProps$user2;
-  ((_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.timeZone) && dayjs.tz.setDefault((_globalProps$user2 = globalProps.user) === null || _globalProps$user2 === void 0 ? void 0 : _globalProps$user2.timeZone);
-  return dayjs(time).tz();
-};
-var getApprovalFilter = function getApprovalFilter() {
-  return {
-    PENDING: {
-      label: t$1("neetoApprovals.common.pending"),
-      value: "PENDING"
-    },
-    TEMPLATES: {
-      label: t$1("neetoApprovals.common.template", PLURAL),
-      value: "TEMPLATES"
-    },
-    HISTORY: {
-      label: t$1("neetoApprovals.common.history"),
-      value: "HISTORY"
-    }
-  };
-};
-
-var MemoizedEditorContent$1 = /*#__PURE__*/React.memo(EditorContent);
-var RequestDetailsPane = function RequestDetailsPane(_ref) {
-  var _window$globalProps, _window$globalProps2;
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    approvalDetails = _ref.approvalDetails,
-    _ref$isPending = _ref.isPending,
-    isPending = _ref$isPending === void 0 ? false : _ref$isPending;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var title = approvalDetails.title,
-    _approvalDetails$stat = approvalDetails.status,
-    status = _approvalDetails$stat === void 0 ? "" : _approvalDetails$stat,
-    message = approvalDetails.message,
-    createdAt = approvalDetails.createdAt,
-    approverName = approvalDetails.approverName,
-    approverEmail = approvalDetails.approverEmail,
-    _approvalDetails$note = approvalDetails.note,
-    initialNote = _approvalDetails$note === void 0 ? "" : _approvalDetails$note,
-    requesterName = approvalDetails.requesterName,
-    requesterEmail = approvalDetails.requesterEmail;
-  var _useState = useState(initialNote),
-    _useState2 = _slicedToArray(_useState, 2),
-    note = _useState2[0],
-    setNote = _useState2[1];
-  var _useUpdateRequest = useUpdateRequest(),
-    updatePendingRequest = _useUpdateRequest.mutate,
-    isUpdateRequestPending = _useUpdateRequest.isPending;
-  useEffect(function () {
-    setNote(initialNote);
-  }, [initialNote]);
-  var requesterOrApproverDetails = status === STATUSES.cancelled ? "".concat(requesterName, " (").concat(requesterEmail, ")") : "".concat(approverName, " (").concat(approverEmail, ")");
-  var isCurrentUserApprover = ((_window$globalProps = window.globalProps) === null || _window$globalProps === void 0 || (_window$globalProps = _window$globalProps.user) === null || _window$globalProps === void 0 ? void 0 : _window$globalProps.email) === approverEmail;
-  var isCurrentUserRequester = ((_window$globalProps2 = window.globalProps) === null || _window$globalProps2 === void 0 || (_window$globalProps2 = _window$globalProps2.user) === null || _window$globalProps2 === void 0 ? void 0 : _window$globalProps2.email) === requesterEmail;
-  var getStatusLabel = function getStatusLabel() {
-    if (isPending) {
-      return t("neetoApprovals.common.waitingFor");
-    }
-    return STATUS_UPDATED_BY[status];
-  };
-  var handleOnClose = function handleOnClose() {
-    setNote("");
-    onClose();
-  };
-  var handleSubmit = function handleSubmit(status) {
-    return updatePendingRequest({
-      id: approvalDetails.id,
-      payload: _defineProperty({
-        status: status,
-        note: note
-      }, "".concat(status, "At"), new Date())
-    }, {
-      onSuccess: handleOnClose
-    });
-  };
-  return /*#__PURE__*/jsxs(Pane, {
-    isOpen: isOpen,
-    size: "large",
-    onClose: handleOnClose,
-    children: [/*#__PURE__*/jsxs(Pane.Header, {
-      className: "space-y-2",
-      children: [/*#__PURE__*/jsx(Typography, {
-        style: "h2",
-        children: title
-      }), /*#__PURE__*/jsx(Tag, {
-        label: capitalize(status),
-        style: STATUS_TAG_STYLE[status]
-      })]
-    }), /*#__PURE__*/jsxs(Pane.Body, {
-      className: "space-y-6",
-      children: [/*#__PURE__*/jsxs("div", {
-        className: "w-full divide-y border px-3",
-        children: [/*#__PURE__*/jsxs("div", {
-          className: "flex space-x-3 p-2",
-          children: [/*#__PURE__*/jsx(Label, {
-            className: "font-normal",
-            children: getStatusLabel()
-          }), /*#__PURE__*/jsx(Typography, {
-            style: "body2",
-            weight: "medium",
-            children: requesterOrApproverDetails
-          })]
-        }), /*#__PURE__*/jsxs("div", {
-          className: "flex space-x-3 p-2",
-          children: [/*#__PURE__*/jsx(Label, {
-            className: "font-normal",
-            children: t("neetoApprovals.common.created")
-          }), /*#__PURE__*/jsx(Typography, {
-            style: "body2",
-            weight: "medium",
-            children: dateFormat.defaultWithTime(timeInZone(createdAt))
-          })]
-        })]
-      }), /*#__PURE__*/jsxs("div", {
-        className: "w-full space-y-2",
-        children: [/*#__PURE__*/jsx(Label, {
-          children: t("neetoApprovals.inputs.labels.message")
-        }), /*#__PURE__*/jsx(MemoizedEditorContent$1, {
-          className: "neeto-ui-bg-gray-100 p-4",
-          content: message
-        })]
-      }), isPending && isCurrentUserApprover && /*#__PURE__*/jsx(Textarea, {
-        className: "w-full",
-        disabled: !isPending,
-        label: t("neetoApprovals.common.note"),
-        value: note,
-        placeholder: t("neetoApprovals.inputs.placeholders.add_", {
-          what: t("neetoApprovals.common.note")
-        }),
-        onChange: withEventTargetValue(setNote)
-      }), !isPending && note && /*#__PURE__*/jsxs("div", {
-        className: "w-full space-y-2",
-        children: [/*#__PURE__*/jsx(Label, {
-          children: t("neetoApprovals.common.note")
-        }), /*#__PURE__*/jsx("div", {
-          className: "neeto-ui-bg-gray-100 p-4",
-          children: note
-        })]
-      })]
-    }), isPending && /*#__PURE__*/jsx(Footer, {
-      handleSubmit: handleSubmit,
-      isCurrentUserApprover: isCurrentUserApprover,
-      isCurrentUserRequester: isCurrentUserRequester,
-      isLoading: isUpdateRequestPending
-    })]
-  });
-};
-
-function ownKeys$a(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$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var History = function History(_ref) {
-  var helpDocUrl = _ref.helpDocUrl,
-    requestUrl = _ref.requestUrl;
-  var _useState = useState(DEFAULT_FILTER_VALUES),
-    _useState2 = _slicedToArray(_useState, 2),
-    filters = _useState2[0],
-    setFilters = _useState2[1];
-  var debouncedSearchTerm = useDebounce(filters.searchTerm, SEARCH_DELAY);
-  var _usePaginate = usePaginate(),
-    pageProperties = _usePaginate.pageProperties,
-    handlePageChange = _usePaginate.handlePageChange;
-  var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    approvalDetails = _useState4[0],
-    setApprovalDetails = _useState4[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useFetchRequests = useFetchRequests({
-      params: _objectSpread$a(_objectSpread$a(_objectSpread$a({}, pageProperties), filters), {}, {
-        searchTerm: debouncedSearchTerm.trim(),
-        status: [STATUSES.approved, STATUSES.rejected, STATUSES.cancelled]
-      }),
-      requestUrl: requestUrl
-    }),
-    data = _useFetchRequests.data;
-  var _ref2 = data || {},
-    _ref2$requests = _ref2.requests,
-    approvalHistories = _ref2$requests === void 0 ? {} : _ref2$requests,
-    _ref2$totalCount = _ref2.totalCount,
-    totalCount = _ref2$totalCount === void 0 ? 0 : _ref2$totalCount;
-  useEffect(function () {
-    if (!data) return;
-    handleEmptyPage(data === null || data === void 0 ? void 0 : data.requests, pageProperties, handlePageChange);
-    setApprovalDetails(function (approvalDetails) {
-      return updateApprovalDetails({
-        requestsData: data === null || data === void 0 ? void 0 : data.requests,
-        approvalDetails: approvalDetails
-      });
-    });
-  }, [data]);
-  var handleTableChange = function handleTableChange(_, __, sorter) {
-    setFilters(_objectSpread$a(_objectSpread$a({}, filters), {}, {
-      sortBy: camelToSnakeCase(sorter.field || ""),
-      orderBy: SORT_ORDER[sorter.order]
-    }));
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [!isEmpty(approvalHistories) ? /*#__PURE__*/jsx(TableWrapper, {
-      className: "mt-6",
-      hasPagination: totalCount > pageProperties.pageSize,
-      children: /*#__PURE__*/jsx(Table$1, {
-        handlePageChange: handlePageChange,
-        totalCount: totalCount,
-        allowRowClick: true,
-        fixedHeight: true,
-        columnData: HISTORY_TABLE_COLUMNS,
-        currentPageNumber: pageProperties.page,
-        defaultPageSize: pageProperties.pageSize,
-        rowData: approvalHistories,
-        paginationProps: {
-          hideOnSinglePage: (approvalHistories === null || approvalHistories === void 0 ? void 0 : approvalHistories.length) < DEFAULT_PAGE_SIZE + 1
-        },
-        onChange: handleTableChange,
-        onRowClick: function onRowClick(_, approvalDetails) {
-          return setApprovalDetails(approvalDetails);
-        }
-      })
-    }) : /*#__PURE__*/jsx("div", {
-      className: "flex h-full w-full flex-grow items-center justify-center",
-      children: /*#__PURE__*/jsx(NoData, {
-        helpText: /*#__PURE__*/jsx(Trans, {
-          i18nKey: "neetoApprovals.common.noDataHelpTextLearnMore",
-          style: "link",
-          values: {
-            entity: t("neetoApprovals.common.history")
-          },
-          components: {
-            a: /*#__PURE__*/jsx(Button, {
-              style: "link",
-              target: "_blank",
-              to: {
-                pathname: helpDocUrl
-              }
-            })
-          }
-        }),
-        title: t("neetoApprovals.common.notFound_", {
-          what: t("neetoApprovals.common.record", PLURAL)
-        })
-      })
-    }), /*#__PURE__*/jsx(RequestDetailsPane, {
-      approvalDetails: approvalDetails,
-      isOpen: isPresent(approvalDetails),
-      onClose: function onClose() {
-        return setApprovalDetails({});
-      }
-    })]
-  });
-};
-
-var PENDING_TABLE_COLUMNS = removeBy({
-  key: "status"
-}, HISTORY_TABLE_COLUMNS);
-
-function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var PendingRequests = function PendingRequests(_ref) {
-  var helpDocUrl = _ref.helpDocUrl,
-    requestUrl = _ref.requestUrl;
-  var _useState = useState(DEFAULT_FILTER_VALUES),
-    _useState2 = _slicedToArray(_useState, 2),
-    filters = _useState2[0],
-    setFilters = _useState2[1];
-  var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    approvalDetails = _useState4[0],
-    setApprovalDetails = _useState4[1];
-  var debouncedSearchTerm = useDebounce(filters.searchTerm, SEARCH_DELAY);
-  var _usePaginate = usePaginate(),
-    pageProperties = _usePaginate.pageProperties,
-    handlePageChange = _usePaginate.handlePageChange;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useFetchRequests = useFetchRequests({
-      params: _objectSpread$9(_objectSpread$9(_objectSpread$9({}, pageProperties), filters), {}, {
-        searchTerm: debouncedSearchTerm.trim(),
-        status: [STATUSES.pending]
-      }),
-      requestUrl: requestUrl
-    }),
-    data = _useFetchRequests.data;
-  var _ref2 = data || {},
-    _ref2$requests = _ref2.requests,
-    pendingRequests = _ref2$requests === void 0 ? {} : _ref2$requests,
-    _ref2$totalCount = _ref2.totalCount,
-    totalCount = _ref2$totalCount === void 0 ? 0 : _ref2$totalCount;
-  useEffect(function () {
-    if (!data) return;
-    handleEmptyPage(data === null || data === void 0 ? void 0 : data.requests, pageProperties, handlePageChange);
-  }, [data]);
-  var handleTableChange = function handleTableChange(_, __, sorter) {
-    setFilters(_objectSpread$9(_objectSpread$9({}, filters), {}, {
-      sortBy: camelToSnakeCase(sorter.field || ""),
-      orderBy: SORT_ORDER[sorter.order]
-    }));
-  };
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [!isEmpty(pendingRequests) ? /*#__PURE__*/jsx(TableWrapper, {
-      className: "mt-6",
-      hasPagination: totalCount > pageProperties.pageSize,
-      children: /*#__PURE__*/jsx(Table$1, {
-        handlePageChange: handlePageChange,
-        totalCount: totalCount,
-        allowRowClick: true,
-        fixedHeight: true,
-        columnData: PENDING_TABLE_COLUMNS,
-        currentPageNumber: pageProperties.page,
-        defaultPageSize: pageProperties.pageSize,
-        rowData: pendingRequests,
-        paginationProps: {
-          hideOnSinglePage: (pendingRequests === null || pendingRequests === void 0 ? void 0 : pendingRequests.length) < DEFAULT_PAGE_SIZE + 1
-        },
-        onChange: handleTableChange,
-        onRowClick: function onRowClick(_, approvalDetails) {
-          return setApprovalDetails(approvalDetails);
-        }
-      })
-    }) : /*#__PURE__*/jsx("div", {
-      className: "flex h-full w-full flex-grow items-center justify-center",
-      children: /*#__PURE__*/jsx(NoData, {
-        helpText: /*#__PURE__*/jsx(Trans, {
-          i18nKey: "neetoApprovals.common.noDataHelpTextLearnMore",
-          style: "link",
-          components: {
-            a: /*#__PURE__*/jsx(Button, {
-              style: "link",
-              target: "_blank",
-              to: {
-                pathname: helpDocUrl
-              }
-            })
-          },
-          values: {
-            entity: t("neetoApprovals.common.pendingApproval", PLURAL)
-          }
-        }),
-        title: t("neetoApprovals.common.notFound_", {
-          what: t("neetoApprovals.common.pendingApproval", PLURAL)
-        })
-      })
-    }), /*#__PURE__*/jsx(RequestDetailsPane, {
-      approvalDetails: approvalDetails,
-      isPending: true,
-      isOpen: isPresent(approvalDetails),
-      onClose: function onClose() {
-        return setApprovalDetails({});
-      }
-    })]
-  });
-};
-
-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 fetch$2 = function fetch(params) {
-  return axios.get(TEMPLATE_URL, {
-    params: params
-  });
-};
-var show$1 = function show(_ref) {
-  var id = _ref.id,
-    params = _ref.params;
-  return axios.get("".concat(TEMPLATE_URL, "/").concat(id), {
-    params: params
-  });
-};
-var create = function create(_ref2) {
-  var _ref2$url = _ref2.url,
-    url = _ref2$url === void 0 ? TEMPLATE_URL : _ref2$url,
-    payload = _ref2.payload;
-  return axios.post(url, payload);
-};
-var update = function update(_ref3) {
-  var id = _ref3.id,
-    payload = _ref3.payload,
-    _ref3$url = _ref3.url,
-    url = _ref3$url === void 0 ? BASE_URL : _ref3$url;
-  return axios.put("".concat(url, "/").concat(id), payload);
-};
-var destroy = function destroy(_ref4) {
-  var templateId = _ref4.templateId;
-  return axios["delete"]("".concat(TEMPLATE_URL, "/").concat(templateId));
-};
-var templatesApi = {
-  create: create,
-  fetch: fetch$2,
-  update: update,
-  destroy: destroy,
-  show: show$1
-};
-
-function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var useFetchTemplates = function useFetchTemplates() {
-  var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return useQuery(_objectSpread$8({
-    queryKey: [QUERY_KEYS.TEMPLATES, params],
-    queryFn: function queryFn() {
-      return templatesApi.fetch(params);
-    },
-    select: function select(response) {
-      return response.data || response;
-    },
-    placeholderData: keepPreviousData
-  }, options));
-};
-var useFetchTemplate = function useFetchTemplate(_ref) {
-  var id = _ref.id,
-    params = _ref.params;
-  return useQuery({
-    queryKey: [QUERY_KEYS.SHOW_TEMPLATE, id, params],
-    queryFn: function queryFn() {
-      return templatesApi.show({
-        id: id,
-        params: params
-      });
-    },
-    enabled: !!id
-  });
-};
-var useCreateTemplate = function useCreateTemplate() {
-  return useMutationWithInvalidation(templatesApi.create, {
-    keysToInvalidate: [[QUERY_KEYS.TEMPLATES], [QUERY_KEYS.VIEWS]],
-    onSuccess: function onSuccess() {
-      return captureAnalyticsEvent(EVENTS.APPROVAL_TEMPLATE_CREATED);
-    }
-  });
-};
-var useUpdateTemplate = function useUpdateTemplate(options) {
-  return useMutationWithInvalidation(templatesApi.update, _objectSpread$8({
-    keysToInvalidate: [[QUERY_KEYS.TEMPLATES], function (_, _ref2) {
-      var id = _ref2.id;
-      return [QUERY_KEYS.SHOW_TEMPLATE, id];
-    }]
-  }, options));
-};
-var useDeleteTemplate = function useDeleteTemplate(options) {
-  return useMutationWithInvalidation(templatesApi.destroy, _objectSpread$8({
-    keysToInvalidate: [[QUERY_KEYS.TEMPLATES], [QUERY_KEYS.VIEWS]]
-  }, options));
-};
-
-var TEMPLATE_FORM_INITIAL_VALUES = {
-  name: "",
-  description: "",
-  message: ""
-};
-var TEMPLATE_FORM_VALIDATION_SCHEMA = yup.object().shape({
-  name: yup.string().trim().required(t$1("neetoApprovals.validations.required", {
-    what: t$1("neetoApprovals.common.name")
-  })),
-  message: yup.string().test("message", t$1("neetoApprovals.validations.required", {
-    what: t$1("neetoApprovals.inputs.labels.message")
-  }), function (content) {
-    return !isEditorEmpty(content);
-  })
-});
-
-var MessageEditor = withT(function (_ref) {
-  var t = _ref.t,
-    _ref$placeholders = _ref.placeholders,
-    placeholders = _ref$placeholders === void 0 ? [] : _ref$placeholders,
-    _ref$initialValue = _ref.initialValue,
-    initialValue = _ref$initialValue === void 0 ? "" : _ref$initialValue;
-  return /*#__PURE__*/jsx(FormikEditor, {
-    initialValue: initialValue,
-    required: true,
-    label: t("neetoApprovals.inputs.labels.message"),
-    name: "message",
-    rows: 3,
-    variables: placeholders,
-    placeholder: t("neetoApprovals.inputs.placeholders.enter_", {
-      what: t("neetoApprovals.inputs.labels.message")
-    })
-  });
-});
-
-var TemplateForm = function TemplateForm(_ref) {
-  var placeholders = _ref.placeholders,
-    initialData = _ref.initialData;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useFormikContext = useFormikContext(),
-    values = _useFormikContext.values,
-    setFieldValue = _useFormikContext.setFieldValue;
-  var handleDescriptionToggle = function handleDescriptionToggle(_ref2) {
-    var checked = _ref2.target.checked;
-    setFieldValue("descriptionEnabled", checked);
-    if (!checked) {
-      setFieldValue("description", "");
-    }
-  };
-  return /*#__PURE__*/jsxs("div", {
-    className: "flex w-full flex-col space-y-6",
-    children: [/*#__PURE__*/jsx(Input, {
-      autoFocus: true,
-      required: true,
-      label: t("neetoApprovals.common.name"),
-      name: "name",
-      placeholder: t("neetoApprovals.inputs.placeholders.name")
-    }), /*#__PURE__*/jsx(ToggleFeatureCard, {
-      switchName: "descriptionEnabled",
-      title: t("neetoApprovals.inputs.labels.description"),
-      switchProps: {
-        onChange: handleDescriptionToggle,
-        tooltipProps: {
-          enabledSwitchText: t("neetoApprovals.templates.descriptionToggle.enable"),
-          disabledSwitchText: t("neetoApprovals.templates.descriptionToggle.disable")
-        }
-      },
-      children: values.descriptionEnabled && /*#__PURE__*/jsx(Textarea$1, {
-        className: "w-full",
-        name: "description",
-        placeholder: t("neetoApprovals.inputs.placeholders.description")
-      })
-    }), /*#__PURE__*/jsx(MessageEditor, {
-      placeholders: placeholders,
-      initialValue: initialData.message
-    })]
-  });
-};
-
-var Form$2 = function Form(_ref) {
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    _ref$initialData = _ref.initialData,
-    initialData = _ref$initialData === void 0 ? {} : _ref$initialData,
-    _ref$onSubmit = _ref.onSubmit,
-    onSubmit = _ref$onSubmit === void 0 ? noop : _ref$onSubmit,
-    _ref$isLoading = _ref.isLoading,
-    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
-    placeholders = _ref.placeholders;
-  var inputReference = useRef(null);
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var header = isEmpty(initialData) ? t("neetoApprovals.common.addNew_", {
-    what: t("neetoApprovals.common.template", SINGULAR)
-  }) : t("neetoApprovals.common.edit_", {
-    what: t("neetoApprovals.common.template", SINGULAR)
-  });
-  return /*#__PURE__*/jsxs(Pane, {
-    isOpen: isOpen,
-    onClose: onClose,
-    initialFocusRef: inputReference,
-    size: "large",
-    children: [/*#__PURE__*/jsx(Pane.Header, {
-      children: /*#__PURE__*/jsx(Typography, {
-        style: "h2",
-        children: header
-      })
-    }), /*#__PURE__*/jsxs(FormikForm, {
-      formikProps: {
-        enableReinitialize: true,
-        initialValues: isPresent(initialData) ? initialData : TEMPLATE_FORM_INITIAL_VALUES,
-        validationSchema: TEMPLATE_FORM_VALIDATION_SCHEMA,
-        onSubmit: onSubmit
-      },
-      children: [/*#__PURE__*/jsx(Pane.Body, {
-        children: /*#__PURE__*/jsx(TemplateForm, {
-          initialData: initialData,
-          placeholders: placeholders
-        })
-      }), /*#__PURE__*/jsx(Pane.Footer, {
-        children: /*#__PURE__*/jsx(ActionBlock, {
-          isSubmitting: isLoading,
-          cancelButtonProps: {
-            "data-cy": "neeto-approvals-templates-close-template-form-btn",
-            onClick: onClose
-          },
-          submitButtonProps: {
-            "data-cy": "neeto-approvals-templates-save-template-btn"
-          }
-        })
-      })]
-    })]
-  });
-};
-
-var Create = function Create(_ref) {
-  var templateUrl = _ref.templateUrl,
-    isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    templatePlaceholders = _ref.templatePlaceholders;
-  var _useCreateTemplate = useCreateTemplate(),
-    createTemplate = _useCreateTemplate.mutate,
-    isPending = _useCreateTemplate.isPending;
-  var onSubmit = function onSubmit(template) {
-    var payload = {
-      template: template
-    };
-    createTemplate({
-      url: templateUrl,
-      payload: payload
-    }, {
-      onSuccess: onClose
-    });
-  };
-  return /*#__PURE__*/jsx(Form$2, {
-    isOpen: isOpen,
-    onClose: onClose,
-    onSubmit: onSubmit,
-    isLoading: isPending,
-    placeholders: templatePlaceholders
-  });
-};
-
-function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Edit = function Edit(_ref) {
-  var templateUrl = _ref.templateUrl,
-    template = _ref.template,
-    setTemplate = _ref.setTemplate,
-    isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    templatePlaceholders = _ref.templatePlaceholders;
-  var _useUpdateTemplate = useUpdateTemplate({
-      onSuccess: function onSuccess() {
-        return setTemplate({});
-      }
-    }),
-    updateTemplate = _useUpdateTemplate.mutate,
-    isUpdating = _useUpdateTemplate.isPending;
-  var onSubmit = function onSubmit(template) {
-    var payload = {
-      template: template
-    };
-    updateTemplate({
-      id: template.id,
-      payload: payload,
-      url: templateUrl
-    });
-  };
-  var initialData = _objectSpread$7(_objectSpread$7({}, template), {}, {
-    descriptionEnabled: !!template.description
-  });
-  return /*#__PURE__*/jsx(Form$2, {
-    initialData: initialData,
-    isOpen: isOpen,
-    onClose: onClose,
-    onSubmit: onSubmit,
-    isLoading: isUpdating,
-    placeholders: templatePlaceholders
-  });
-};
-
-var Field = function Field(_ref) {
-  var label = _ref.label,
-    value = _ref.value;
-  return /*#__PURE__*/jsxs("div", {
-    className: "flex flex-col items-start justify-center",
-    children: [/*#__PURE__*/jsx(Label, {
-      className: "mb-1 font-normal",
-      children: label
-    }), /*#__PURE__*/jsx(Typography, {
-      style: "body1",
-      weight: "medium",
-      children: value
-    })]
-  });
-};
-var Field$1 = /*#__PURE__*/React.memo(Field);
-
-var MemoizedEditorContent = /*#__PURE__*/React.memo(EditorContent);
-var TemplateDetails = function TemplateDetails(_ref) {
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    template = _ref.template;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var name = template.name,
-    description = template.description,
-    message = template.message;
-  return /*#__PURE__*/jsxs(Pane, {
-    isOpen: isOpen,
-    onClose: onClose,
-    children: [/*#__PURE__*/jsx(Pane.Header, {
-      className: "space-y-2",
-      children: /*#__PURE__*/jsx(Typography, {
-        style: "h2",
-        children: t("neetoApprovals.common.templateDetails")
-      })
-    }), /*#__PURE__*/jsxs(Pane.Body, {
-      className: "space-y-6",
-      children: [/*#__PURE__*/jsx(Field$1, {
-        label: t("neetoApprovals.common.name"),
-        value: name
-      }), /*#__PURE__*/jsx(Field$1, {
-        label: t("neetoApprovals.inputs.labels.description"),
-        value: description
-      }), /*#__PURE__*/jsxs("div", {
-        className: "flex w-full flex-col space-y-4",
-        children: [/*#__PURE__*/jsx(Label, {
-          className: "mb-1 font-normal",
-          children: t("neetoApprovals.inputs.labels.message")
-        }), /*#__PURE__*/jsx(MemoizedEditorContent, {
-          className: "neeto-ui-bg-gray-100 neeto-ui-rounded-lg p-3",
-          content: message
-        })]
-      })]
-    })]
-  });
-};
-
-var renderNoDataHelpText = function renderNoDataHelpText(_ref) {
-  var entity = _ref.entity,
-    url = _ref.url;
-  return /*#__PURE__*/jsx(Trans, {
-    i18nKey: "neetoApprovals.common.noDataHelpText",
-    style: "link",
-    values: {
-      entity: entity.toLocaleLowerCase()
-    },
-    components: {
-      a: /*#__PURE__*/jsx(Button, {
-        style: "link",
-        target: "_blank",
-        to: {
-          pathname: url
-        }
-      })
-    }
-  });
-};
-
-var _excluded$1 = ["entity", "columnData", "rowData", "totalCount", "filters", "setFilters", "setIsPaneOpen", "helpDocUrl", "onEditClick", "onDeleteClick", "pageProperties"];
-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 Table = function Table(_ref) {
-  var _t;
-  var entity = _ref.entity,
-    columnData = _ref.columnData,
-    rowData = _ref.rowData,
-    totalCount = _ref.totalCount,
-    filters = _ref.filters,
-    setFilters = _ref.setFilters,
-    setIsPaneOpen = _ref.setIsPaneOpen,
-    helpDocUrl = _ref.helpDocUrl,
-    onEditClick = _ref.onEditClick,
-    onDeleteClick = _ref.onDeleteClick,
-    pageProperties = _ref.pageProperties,
-    otherProps = _objectWithoutProperties(_ref, _excluded$1);
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var columns = columnData({
-    onEditClick: onEditClick,
-    onDeleteClick: onDeleteClick
-  });
-  var handleTableChange = function handleTableChange(_, __, sorter) {
-    setFilters(_objectSpread$6(_objectSpread$6({}, filters), {}, {
-      sortBy: sorter.field,
-      orderBy: SORT_ORDER[sorter.order]
-    }));
-  };
-  var noDataProps = {
-    primaryButtonProps: {
-      label: t("neetoApprovals.common.addNew_", {
-        what: (_t = t("neetoApprovals.common.template", SINGULAR)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
-      }),
-      onClick: function onClick() {
-        return setIsPaneOpen(true);
-      }
-    },
-    helpText: renderNoDataHelpText({
-      entity: entity,
-      url: helpDocUrl
-    })
-  };
-  if (isEmpty(rowData)) {
-    return /*#__PURE__*/jsx("div", {
-      className: "flex h-full w-full flex-grow items-center justify-center",
-      children: /*#__PURE__*/jsx(NoData, _objectSpread$6({
-        title: t("neetoApprovals.common.notFound_", {
-          what: entity
-        })
-      }, !filters.searchTerm && noDataProps))
-    });
-  }
-  return /*#__PURE__*/jsx(TableWrapper, {
-    className: "mt-6",
-    hasPagination: totalCount > pageProperties.pageSize,
-    children: /*#__PURE__*/jsx(Table$1, _objectSpread$6({
-      fixedHeight: true,
-      columnData: columns,
-      currentPageNumber: pageProperties.page,
-      defaultPageSize: pageProperties.pageSize,
-      scroll: {
-        x: 0
-      },
-      tableLayout: "fixed",
-      paginationProps: {
-        hideOnSinglePage: (rowData === null || rowData === void 0 ? void 0 : rowData.length) < DEFAULT_PAGE_SIZE + 1
-      },
-      onChange: handleTableChange
-    }, _objectSpread$6({
-      rowData: rowData,
-      totalCount: totalCount
-    }, otherProps)))
-  });
-};
-
-var columnData = function columnData(_ref) {
-  var onEditClick = _ref.onEditClick,
-    onDeleteClick = _ref.onDeleteClick;
-  return [{
-    dataIndex: "name",
-    key: "name",
-    sorter: true,
-    title: i18next.t("neetoApprovals.common.name"),
-    ellipsis: true,
-    render: function render(_, template) {
-      return /*#__PURE__*/jsxs("div", {
-        className: "flex items-center justify-between gap-x-3",
-        children: [/*#__PURE__*/jsx(Typography, {
-          className: "truncate",
-          style: "body2",
-          children: template.name
-        }), /*#__PURE__*/jsx(MoreDropdown, {
-          dropdownProps: {
-            strategy: "fixed",
-            onClick: function onClick(e) {
-              return e.stopPropagation();
-            }
-          },
-          menuItems: [_defineProperty({
-            key: "edit",
-            label: i18next.t("neetoApprovals.common.edit"),
-            onClick: function onClick(event) {
-              return onEditClick(event, template);
-            }
-          }, DATA_CY_KEY, "neeto-approvals-templates-edit-template-btn"), _defineProperty({
-            key: "delete",
-            label: i18next.t("neetoApprovals.common.delete"),
-            onClick: function onClick(event) {
-              return onDeleteClick(event, template);
-            }
-          }, DATA_CY_KEY, "neeto-approvals-templates-delete-template-btn")]
-        })]
-      });
-    }
-  }, {
-    dataIndex: "description",
-    key: "description",
-    title: i18next.t("neetoApprovals.inputs.labels.description")
-  }];
-};
-
-var _excluded = ["searchTerm", "isNewTemplatePaneOpen", "setIsNewTemplatePaneOpen", "helpDocUrl"];
-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 Templates = function Templates(_ref) {
-  var searchTerm = _ref.searchTerm,
-    isNewTemplatePaneOpen = _ref.isNewTemplatePaneOpen,
-    setIsNewTemplatePaneOpen = _ref.setIsNewTemplatePaneOpen,
-    helpDocUrl = _ref.helpDocUrl,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var _useState = useState(DEFAULT_FILTER_VALUES),
-    _useState2 = _slicedToArray(_useState, 2),
-    filters = _useState2[0],
-    setFilters = _useState2[1];
-  var _useState3 = useState({}),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedTemplate = _useState4[0],
-    setSelectedTemplate = _useState4[1];
-  var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isDeleteAlertOpen = _useState6[0],
-    setIsDeleteAlertOpen = _useState6[1];
-  var _useState7 = useState(false),
-    _useState8 = _slicedToArray(_useState7, 2),
-    isEditPaneOpen = _useState8[0],
-    setIsEditPaneOpen = _useState8[1];
-  var _useState9 = useState(false),
-    _useState10 = _slicedToArray(_useState9, 2),
-    isShowPaneOpen = _useState10[0],
-    setIsShowPaneOpen = _useState10[1];
-  var _usePaginate = usePaginate(),
-    pageProperties = _usePaginate.pageProperties,
-    handlePageChange = _usePaginate.handlePageChange,
-    resetPageProperties = _usePaginate.resetPageProperties;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var debouncedSearchTerm = useDebounce(searchTerm, SEARCH_DELAY);
-  useEffect(function () {
-    resetPageProperties();
-  }, [searchTerm]);
-  var _useFetchTemplates = useFetchTemplates(_objectSpread$5(_objectSpread$5(_objectSpread$5({}, pageProperties), filters), {}, {
-      searchTerm: debouncedSearchTerm.trim()
-    })),
-    data = _useFetchTemplates.data,
-    isTemplateLoading = _useFetchTemplates.isLoading;
-  var _ref2 = data || {},
-    _ref2$templates = _ref2.templates,
-    templates = _ref2$templates === void 0 ? [] : _ref2$templates,
-    _ref2$totalCount = _ref2.totalCount,
-    totalCount = _ref2$totalCount === void 0 ? 0 : _ref2$totalCount;
-  useEffect(function () {
-    if (data) {
-      handleEmptyPage(data === null || data === void 0 ? void 0 : data.templates, pageProperties, handlePageChange);
-    }
-  }, [data]);
-  var _useDeleteTemplate = useDeleteTemplate(),
-    deleteTemplate = _useDeleteTemplate.mutate,
-    isDeleting = _useDeleteTemplate.isPending;
-  useEffect(function () {
-    if (!isEmpty(selectedTemplate)) return;
-    setIsDeleteAlertOpen(false);
-    setIsEditPaneOpen(false);
-    setIsShowPaneOpen(false);
-  }, [selectedTemplate]);
-  var onEditClick = function onEditClick(event, template) {
-    event.stopPropagation();
-    setSelectedTemplate(template);
-    setIsEditPaneOpen(true);
-  };
-  var onRowClick = function onRowClick(_, templateDetails) {
-    setSelectedTemplate(templateDetails);
-    setIsShowPaneOpen(true);
-  };
-  var onDeleteClick = function onDeleteClick(event, template) {
-    event.stopPropagation();
-    setSelectedTemplate(template);
-    setIsDeleteAlertOpen(true);
-  };
-  var handleDelete = function handleDelete(templateId) {
-    deleteTemplate({
-      templateId: templateId
-    });
-    setSelectedTemplate({});
-  };
-  var entity = t("neetoApprovals.common.template", PLURAL);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [isTemplateLoading ? /*#__PURE__*/jsx(PageLoader, {}) : /*#__PURE__*/jsx(Table, {
-      columnData: columnData,
-      entity: entity,
-      filters: filters,
-      handlePageChange: handlePageChange,
-      helpDocUrl: helpDocUrl,
-      onDeleteClick: onDeleteClick,
-      onEditClick: onEditClick,
-      onRowClick: onRowClick,
-      pageProperties: pageProperties,
-      searchTerm: searchTerm,
-      setFilters: setFilters,
-      totalCount: totalCount,
-      rowData: templates,
-      setIsPaneOpen: setIsNewTemplatePaneOpen
-    }), /*#__PURE__*/jsx(Create, _objectSpread$5({
-      isOpen: isNewTemplatePaneOpen,
-      onClose: function onClose() {
-        return setIsNewTemplatePaneOpen(false);
-      }
-    }, otherProps)), /*#__PURE__*/jsx(Edit, _objectSpread$5(_objectSpread$5({
-      isOpen: isEditPaneOpen,
-      setTemplate: setSelectedTemplate,
-      template: selectedTemplate
-    }, otherProps), {}, {
-      onClose: function onClose() {
-        return setIsEditPaneOpen(false);
-      }
-    })), /*#__PURE__*/jsx(Alert, {
-      isOpen: isDeleteAlertOpen,
-      isSubmitting: isDeleting,
-      submitButtonLabel: t("neetoApprovals.buttons.delete"),
-      message: /*#__PURE__*/jsx(Trans, {
-        i18nKey: "neetoApprovals.alerts.deleting_",
-        values: {
-          what: t("neetoApprovals.common.template", SINGULAR),
-          name: selectedTemplate === null || selectedTemplate === void 0 ? void 0 : selectedTemplate.name
-        }
-      }),
-      title: t("neetoApprovals.common.delete_", {
-        what: t("neetoApprovals.common.template", SINGULAR)
-      }),
-      onClose: function onClose() {
-        return setSelectedTemplate({});
-      },
-      onSubmit: function onSubmit() {
-        return handleDelete(selectedTemplate === null || selectedTemplate === void 0 ? void 0 : selectedTemplate.id);
-      }
-    }), /*#__PURE__*/jsx(TemplateDetails, {
-      isOpen: isShowPaneOpen,
-      template: selectedTemplate,
-      onClose: function onClose() {
-        return setSelectedTemplate({});
-      }
-    })]
-  });
-};
-
-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 createRoutes = function createRoutes(_ref) {
-  var config = _ref.config,
-    isNewTemplatePaneOpen = _ref.isNewTemplatePaneOpen,
-    searchTerm = _ref.searchTerm,
-    setIsNewTemplatePaneOpen = _ref.setIsNewTemplatePaneOpen;
-  return [{
-    component: function component() {
-      return /*#__PURE__*/jsx(Templates, _objectSpread$4({}, _objectSpread$4({
-        isNewTemplatePaneOpen: isNewTemplatePaneOpen,
-        searchTerm: searchTerm,
-        setIsNewTemplatePaneOpen: setIsNewTemplatePaneOpen
-      }, config)));
-    },
-    path: "".concat(config.approvalsPath).concat(routes.templates.index),
-    actionBlock: function actionBlock() {
-      var _t;
-      return /*#__PURE__*/jsx(Button, {
-        "data-cy": "neeto-approvals-templates-add-new-button",
-        label: t$1("neetoApprovals.common.addNew_", {
-          what: (_t = t$1("neetoApprovals.common.template", SINGULAR)) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
-        }),
-        onClick: function onClick() {
-          return setIsNewTemplatePaneOpen(true);
-        }
-      });
-    },
-    searchPlaceholder: t$1("neetoApprovals.inputs.placeholders.search_", {
-      what: t$1("neetoApprovals.common.template", PLURAL).toLocaleLowerCase()
-    })
-  }, {
-    component: function component() {
-      return /*#__PURE__*/jsx(PendingRequests, _objectSpread$4({}, config));
-    },
-    path: "".concat(config.approvalsPath).concat(routes.pending)
-  }, {
-    component: function component() {
-      return /*#__PURE__*/jsx(History, _objectSpread$4({}, config));
-    },
-    path: "".concat(config.approvalsPath).concat(routes.history)
-  }];
-};
-
-var Header = function Header(_ref) {
-  var _currentTab$actionBlo;
-  var appRoutes = _ref.appRoutes,
-    breadcrumbs = _ref.breadcrumbs;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useLocation = useLocation(),
-    pathname = _useLocation.pathname;
-  var currentTab = findBy({
-    path: pathname
-  }, appRoutes);
-  return /*#__PURE__*/jsx(NeetoHeader, {
-    actionBlock: currentTab === null || currentTab === void 0 || (_currentTab$actionBlo = currentTab.actionBlock) === null || _currentTab$actionBlo === void 0 ? void 0 : _currentTab$actionBlo.call(currentTab),
-    title: t("neetoApprovals.common.approval", PLURAL),
-    searchProps: (currentTab === null || currentTab === void 0 ? void 0 : currentTab.searchPlaceholder) && {
-      placeholder: currentTab === null || currentTab === void 0 ? void 0 : currentTab.searchPlaceholder
-    },
-    breadcrumbs: breadcrumbs
-  });
-};
-
-var fetch$1 = function fetch() {
-  return axios.get("".concat(BASE_URL, "/views"));
-};
-var viewsApi = {
-  fetch: fetch$1
-};
-
-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 useFetchViews = function useFetchViews() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return useQuery(_objectSpread$3({
-    queryKey: [QUERY_KEYS.VIEWS],
-    queryFn: viewsApi.fetch,
-    select: function select(response) {
-      return response.data || response;
-    }
-  }, options));
-};
-
-var Tab = function Tab(_ref) {
-  var _pathname$split$;
-  var approvalsPath = _ref.approvalsPath;
-  var _useLocation = useLocation(),
-    pathname = _useLocation.pathname;
-  var history = useHistory();
-  var approvalFilter = getApprovalFilter();
-  var approvalFilterKeys = keys(approvalFilter);
-  var category = (_pathname$split$ = pathname.split(routes.approvals)[1]) === null || _pathname$split$ === void 0 ? void 0 : _pathname$split$.toLocaleUpperCase();
-  var isActive = function isActive(filter) {
-    return category.includes(filter);
-  };
-  var getRoute = function getRoute(filter) {
-    return "".concat(approvalsPath).concat(filter.toLowerCase());
-  };
-  var _useFetchViews = useFetchViews(),
-    _useFetchViews$data = _useFetchViews.data,
-    _useFetchViews$data2 = _useFetchViews$data === void 0 ? {} : _useFetchViews$data,
-    _useFetchViews$data2$ = _useFetchViews$data2.views,
-    views = _useFetchViews$data2$ === void 0 ? {} : _useFetchViews$data2$;
-  return /*#__PURE__*/jsx(NeetoUITab, {
-    children: approvalFilterKeys.map(function (filter) {
-      return /*#__PURE__*/jsxs(NeetoUITab.Item, {
-        active: isActive(filter),
-        count: views[filter === null || filter === void 0 ? void 0 : filter.toLocaleLowerCase()],
-        label: approvalFilter[filter].label,
-        onClick: function onClick() {
-          return history.push(getRoute(filter));
-        },
-        children: [approvalFilter[filter].label, " (", views[filter === null || filter === void 0 ? void 0 : filter.toLocaleLowerCase()] || 0, ")"]
-      }, filter);
-    })
-  });
-};
-
-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 Approvals = function Approvals(_ref) {
-  var config = _ref.config;
-  var _useQueryParams = useQueryParams(),
-    _useQueryParams$searc = _useQueryParams.searchTerm,
-    searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
-  var _useState = useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isNewTemplatePaneOpen = _useState2[0],
-    setIsNewTemplatePaneOpen = _useState2[1];
-  var appRoutes = createRoutes({
-    config: config,
-    searchTerm: searchTerm,
-    isNewTemplatePaneOpen: isNewTemplatePaneOpen,
-    setIsNewTemplatePaneOpen: setIsNewTemplatePaneOpen
-  });
-  return /*#__PURE__*/jsx("div", {
-    className: "w-full overflow-y-auto",
-    children: /*#__PURE__*/jsxs(Container, {
-      children: [/*#__PURE__*/jsx(Header, _objectSpread$2({}, _objectSpread$2({
-        appRoutes: appRoutes
-      }, config))), /*#__PURE__*/jsx(Tab, {
-        approvalsPath: config.approvalsPath
-      }), /*#__PURE__*/jsxs(Switch, {
-        children: [appRoutes.map(function (_ref2) {
-          var path = _ref2.path,
-            component = _ref2.component;
-          return /*#__PURE__*/createElement(Route, {
-            exact: true,
-            component: component,
-            path: path,
-            key: path
-          });
-        }), /*#__PURE__*/jsx(Redirect, {
-          exact: true,
-          from: config.approvalsPath
-          // eslint-disable-next-line @bigbinary/neeto/use-common-routes
-          ,
-          to: "".concat(config.approvalsPath).concat(routes.pending)
-        })]
-      })]
-    })
-  });
-};
-
-var fetch = function fetch(params) {
-  return axios.get("".concat(BASE_URL, "/approvers"), {
-    params: params
-  });
-};
-var approversApi = {
-  fetch: fetch
-};
-
-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 useFetchApprovers = function useFetchApprovers() {
-  var params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return useQuery(_objectSpread$1({
-    queryKey: [QUERY_KEYS.APPROVERS, params],
-    queryFn: function queryFn() {
-      return approversApi.fetch(params);
-    },
-    select: function select(response) {
-      return response.data || response;
-    }
-  }, options));
-};
-
-var Form$1 = function Form(_ref) {
-  var _globalProps$user;
-  var _ref$requestableId = _ref.requestableId,
-    requestableId = _ref$requestableId === void 0 ? "" : _ref$requestableId,
-    selectedTemplateData = _ref.selectedTemplateData,
-    setSelectedTemplateData = _ref.setSelectedTemplateData;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useFormikContext = useFormikContext(),
-    setFieldValue = _useFormikContext.setFieldValue;
-  var inputRef = useRef(null);
-  var _useState = useState(null),
-    _useState2 = _slicedToArray(_useState, 2),
-    approverId = _useState2[0],
-    setApproverId = _useState2[1];
-  var _useState3 = useState(null),
-    _useState4 = _slicedToArray(_useState3, 2),
-    templateId = _useState4[0],
-    setTemplateId = _useState4[1];
-  var params = {
-    requestableId: requestableId,
-    approverId: approverId,
-    approvalRequestorId: (_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.id
-  };
-  var _useFetchTemplates = useFetchTemplates(),
-    _useFetchTemplates$da = _useFetchTemplates.data,
-    _useFetchTemplates$da2 = _useFetchTemplates$da === void 0 ? {} : _useFetchTemplates$da,
-    _useFetchTemplates$da3 = _useFetchTemplates$da2.templates,
-    templates = _useFetchTemplates$da3 === void 0 ? [] : _useFetchTemplates$da3;
-  var _useFetchTemplate = useFetchTemplate({
-      id: templateId,
-      params: params
-    }),
-    _useFetchTemplate$dat = _useFetchTemplate.data,
-    _useFetchTemplate$dat2 = _useFetchTemplate$dat === void 0 ? {} : _useFetchTemplate$dat,
-    _useFetchTemplate$dat3 = _useFetchTemplate$dat2.template,
-    template = _useFetchTemplate$dat3 === void 0 ? {} : _useFetchTemplate$dat3;
-  var _useFetchApprovers = useFetchApprovers(),
-    _useFetchApprovers$da = _useFetchApprovers.data,
-    _useFetchApprovers$da2 = _useFetchApprovers$da === void 0 ? {} : _useFetchApprovers$da,
-    _useFetchApprovers$da3 = _useFetchApprovers$da2.approvers,
-    approvers = _useFetchApprovers$da3 === void 0 ? [] : _useFetchApprovers$da3;
-  var approverOptions = useMemo(function () {
-    return approvers.map(function (approver) {
-      return {
-        label: approver.name,
-        value: approver.id
-      };
-    });
-  }, [approvers]);
-  var templateOptions = templates.map(function (template) {
-    return {
-      label: template.name,
-      value: template.id
-    };
-  });
-  var updateMessage = function updateMessage() {
-    var _inputRef$current;
-    var message = template.parsedMessage || template.message;
-    setFieldValue("message", message);
-    inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || (_inputRef$current = _inputRef$current.editor) === null || _inputRef$current === void 0 || (_inputRef$current = _inputRef$current.commands) === null || _inputRef$current === void 0 || _inputRef$current.setContent(message);
-  };
-  var handleTemplateChange = function handleTemplateChange(selectedTemplate) {
-    setTemplateId(selectedTemplate.value);
-  };
-  var handleApproverChange = function handleApproverChange(approver) {
-    setApproverId(approver.value);
-    setFieldValue("approver", approver);
-  };
-  useEffect(function () {
-    if (isEmpty(template)) return;
-    setSelectedTemplateData(template);
-    updateMessage();
-  }, [template]);
-  return /*#__PURE__*/jsxs("div", {
-    className: "w-full space-y-6",
-    children: [/*#__PURE__*/jsx(Select, {
-      label: t("neetoApprovals.select.approval"),
-      options: templateOptions,
-      onChange: function onChange(selectedTemplate) {
-        return handleTemplateChange(selectedTemplate);
-      }
-    }), (selectedTemplateData === null || selectedTemplateData === void 0 ? void 0 : selectedTemplateData.message) && /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/jsx("div", {
-        className: "flex space-x-6",
-        children: /*#__PURE__*/jsx(Select, {
-          required: true,
-          label: t("neetoApprovals.inputs.labels.approver"),
-          name: "approver",
-          options: approverOptions,
-          placeholder: t("neetoApprovals.inputs.placeholders.select_", {
-            what: t("neetoApprovals.common.approver", SINGULAR)
-          }),
-          onChange: handleApproverChange
-        })
-      }), /*#__PURE__*/jsx("div", {
-        className: "space-y-2",
-        children: /*#__PURE__*/jsx(FormikEditor, {
-          required: true,
-          label: t("neetoApprovals.inputs.labels.message"),
-          name: "message",
-          ref: inputRef,
-          rows: 3,
-          placeholder: t("neetoApprovals.inputs.placeholders.enter_", {
-            what: t("neetoApprovals.inputs.labels.message")
-          })
-        })
-      })]
-    })]
-  });
-};
-
-var Form = function Form(_ref) {
-  var isOpen = _ref.isOpen,
-    setIsPaneOpen = _ref.setIsPaneOpen,
-    onSubmit = _ref.onSubmit,
-    isLoading = _ref.isLoading,
-    _ref$requestableId = _ref.requestableId,
-    requestableId = _ref$requestableId === void 0 ? "" : _ref$requestableId;
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedTemplateData = _useState2[0],
-    setSelectedTemplateData = _useState2[1];
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var onClose = function onClose() {
-    setIsPaneOpen(false);
-    setSelectedTemplateData({});
-  };
-  var handleSubmit = function handleSubmit(values) {
-    onSubmit({
-      message: values.message,
-      approverId: values.approver.value
-    }, selectedTemplateData, onClose);
-  };
-  return /*#__PURE__*/jsxs(Pane, {
-    isOpen: isOpen,
-    onClose: onClose,
-    children: [/*#__PURE__*/jsx(Pane.Header, {
-      children: /*#__PURE__*/jsx(Typography, {
-        style: "h2",
-        children: t("neetoApprovals.common.add_", {
-          what: t("neetoApprovals.common.approval", SINGULAR)
-        })
-      })
-    }), /*#__PURE__*/jsxs(FormikForm, {
-      formikProps: {
-        onSubmit: handleSubmit,
-        initialValues: APPROVAL_REQUEST_FORM_INITIAL_VALUES,
-        validationSchema: REQUEST_FORM_VALIDATION_SCHEMA
-      },
-      children: [/*#__PURE__*/jsx(Pane.Body, {
-        children: /*#__PURE__*/jsx(Form$1, {
-          requestableId: requestableId,
-          selectedTemplateData: selectedTemplateData,
-          setSelectedTemplateData: setSelectedTemplateData
-        })
-      }), /*#__PURE__*/jsx(Pane.Footer, {
-        children: /*#__PURE__*/jsx(ActionBlock, {
-          cancelButtonProps: {
-            onClick: onClose
-          },
-          isSubmitting: isLoading
-        })
-      })]
-    })]
-  });
-};
-
-var show = function show(id) {
-  return axios.get("".concat(BASE_URL, "/public/requests/").concat(id));
-};
-var accept = function accept(_ref) {
-  var id = _ref.id,
-    note = _ref.note;
-  return axios.patch("".concat(BASE_URL, "/public/requests/").concat(id, "/accept"), {
-    note: note
-  });
-};
-var decline = function decline(_ref2) {
-  var id = _ref2.id,
-    note = _ref2.note;
-  return axios.patch("".concat(BASE_URL, "/public/requests/").concat(id, "/decline"), {
-    note: note
-  });
-};
-var publicRequestsApi = {
-  show: show,
-  accept: accept,
-  decline: decline
-};
-
-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 useFetchPublicRequest = function useFetchPublicRequest(_ref, options) {
-  var requestId = _ref.requestId;
-  return useQuery(_objectSpread({
-    queryKey: [QUERY_KEYS.SHOW_PUBLIC_REQUEST, requestId],
-    queryFn: function queryFn() {
-      return publicRequestsApi.show(requestId);
-    }
-  }, options));
-};
-var useAcceptPendingRequest = function useAcceptPendingRequest(options) {
-  return useMutationWithInvalidation(publicRequestsApi.accept, _objectSpread({
-    keysToInvalidate: [[QUERY_KEYS.SHOW_PUBLIC_REQUEST], [QUERY_KEYS.REQUESTS], [QUERY_KEYS.VIEWS]]
-  }, options));
-};
-var useDeclinePendingRequest = function useDeclinePendingRequest(options) {
-  return useMutationWithInvalidation(publicRequestsApi.decline, _objectSpread({
-    keysToInvalidate: [[QUERY_KEYS.SHOW_PUBLIC_REQUEST], [QUERY_KEYS.REQUESTS], [QUERY_KEYS.VIEWS]]
-  }, options));
-};
-
-var Public = function Public() {
-  var _t;
-  var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    note = _useState2[0],
-    setNote = _useState2[1];
-  var _useParams = useParams(),
-    id = _useParams.id;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var _useFetchPublicReques = useFetchPublicRequest({
-      requestId: id
-    }),
-    data = _useFetchPublicReques.data,
-    isLoading = _useFetchPublicReques.isLoading;
-  var _ref = data || {},
-    _ref$approvalRequest = _ref.approvalRequest,
-    approvalRequest = _ref$approvalRequest === void 0 ? {} : _ref$approvalRequest;
-  useEffect(function () {
-    var _data$approvalRequest;
-    if (data !== null && data !== void 0 && (_data$approvalRequest = data.approvalRequest) !== null && _data$approvalRequest !== void 0 && _data$approvalRequest.note) {
-      setNote(data.approvalRequest.note);
-    }
-  }, [data]);
-  var _useAcceptPendingRequ = useAcceptPendingRequest(),
-    acceptPendingRequest = _useAcceptPendingRequ.mutate,
-    isAccepting = _useAcceptPendingRequ.isPending;
-  var _useDeclinePendingReq = useDeclinePendingRequest(),
-    declinePendingRequest = _useDeclinePendingReq.mutate,
-    isDeclining = _useDeclinePendingReq.isPending;
-  var calloutStyle = approvalRequest.status === STATUSES.approved ? "success" : "danger";
-  var hideTextArea = approvalRequest.status !== STATUSES.pending && isEmpty(note);
-  if (isLoading) {
-    return /*#__PURE__*/jsx("div", {
-      className: "h-screen items-center justify-center",
-      children: /*#__PURE__*/jsx(PageLoader, {})
-    });
-  }
-  return /*#__PURE__*/jsxs(Container, {
-    children: [/*#__PURE__*/jsx(NeetoHeader, {
-      title: t("neetoApprovals.common.approval", PLURAL)
-    }), /*#__PURE__*/jsx("div", {
-      className: "flex h-screen w-full flex-col items-center",
-      children: /*#__PURE__*/jsx("div", {
-        className: "neeto-ui-shadow-s w-2/5 rounded border p-6",
-        children: approvalRequest ? /*#__PURE__*/jsxs("div", {
-          className: "flex w-full flex-col space-y-6",
-          children: [/*#__PURE__*/jsx(Typography, {
-            style: "h2",
-            children: approvalRequest.title
-          }), /*#__PURE__*/jsx(EditorContent, {
-            content: approvalRequest.message
-          }), !hideTextArea && /*#__PURE__*/jsx(Textarea, {
-            label: t("neetoApprovals.common.note"),
-            placeholder: t("neetoApprovals.inputs.placeholders.add_", {
-              what: (_t = t("neetoApprovals.common.note")) === null || _t === void 0 ? void 0 : _t.toLocaleLowerCase()
-            }),
-            value: note,
-            disabled: approvalRequest.status !== STATUSES.pending,
-            onChange: withEventTargetValue(setNote)
-          }), approvalRequest.status === STATUSES.pending ? /*#__PURE__*/jsxs("div", {
-            className: "mx-auto mt-8 flex space-x-6",
-            children: [/*#__PURE__*/jsx(Button, {
-              label: t("neetoApprovals.buttons.approve"),
-              onClick: function onClick() {
-                return acceptPendingRequest({
-                  id: approvalRequest.id,
-                  note: note
-                });
-              },
-              loading: isAccepting
-            }), /*#__PURE__*/jsx(Button, {
-              label: t("neetoApprovals.buttons.decline"),
-              onClick: function onClick() {
-                return declinePendingRequest({
-                  id: approvalRequest.id,
-                  note: note
-                });
-              },
-              style: "secondary",
-              loading: isDeclining
-            })]
-          }) : /*#__PURE__*/jsx(Callout, {
-            style: calloutStyle,
-            children: /*#__PURE__*/jsx(Typography, {
-              style: "body1",
-              children: /*#__PURE__*/jsx(Trans, {
-                i18nKey: "neetoApprovals.typography.approvalRequest",
-                values: {
-                  status: approvalRequest.status
-                }
-              })
-            })
-          })]
-        }) : /*#__PURE__*/jsx(Typography, {
-          style: "h4",
-          className: "text-center",
-          children: t("neetoApprovals.common.notFound")
-        })
-      })
-    })]
-  });
-};
-
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
-
-var css = ".neeto-approvals-dropdown__button{border-radius:0!important;font-weight:var(--neeto-ui-font-normal);min-height:34px;min-width:150px;text-align:left;width:100%}.neeto-approvals-scrollbar__inner{height:200px;width:100%}.neeto-approvals-scrollbar__outer{height:150px;left:0;overflow:\"hidden\";position:\"absolute\";top:0;visibility:\"hidden\";width:200px}.neeto-ui-subheader .neeto-ui-subheader__left-wrapper .neeto-ui-subheader__left{max-width:none}td.ant-table-column-sort{background:transparent}.neeto-approvals-empty-state{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.neeto-approvals-empty-state__image{align-items:center;display:flex;justify-content:center;margin-bottom:2rem}.neeto-approvals-empty-state__title--with-action-block{margin-bottom:1rem}.neeto-approvals-empty-state__action-block{display:flex;justify-content:center}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9iYXNlL19iYXNlLnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zcmMvc3R5bGVzaGVldHMvYXBwbGljYXRpb24uc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9iYXNlL19vdmVycmlkZXMuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19lbXB0eS1zdGF0ZS5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGtDQUNFLHlCQUFBLENBQ0EsdUNBQUEsQ0FDQSxlQUFBLENBQ0EsZUFBQSxDQUNBLGVBQUEsQ0FDQSxVQ0NGLENER0Usa0NBRUUsWUFBQSxDQURBLFVDQ0osQ0RHRSxrQ0FLRSxZQUFBLENBRkEsTUFBQSxDQUdBLGlCQUFBLENBTEEsbUJBQUEsQ0FDQSxLQUFBLENBS0EsbUJBQUEsQ0FIQSxXQ0VKLENDbkJJLGdGQUNFLGNEc0JOLENDaEJBLHlCQUNFLHNCRG1CRixDRTdCQSw2QkFDRSxrQkFBQSxDQUNBLFlBQUEsQ0FDQSxXQUFBLENBQ0Esc0JBQUEsQ0FDQSxVRmdDRixDRTlCRSxvQ0FHRSxrQkFBQSxDQUZBLFlBQUEsQ0FDQSxzQkFBQSxDQUVBLGtCRmdDSixDRTVCSSx1REFDRSxrQkY4Qk4sQ0UxQkUsMkNBQ0UsWUFBQSxDQUNBLHNCRjRCSiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1hcHByb3ZhbHMtZHJvcGRvd25fX2J1dHRvbiB7XG4gIGJvcmRlci1yYWRpdXM6IDAgIWltcG9ydGFudDtcbiAgZm9udC13ZWlnaHQ6IHZhcigtLW5lZXRvLXVpLWZvbnQtbm9ybWFsKTtcbiAgbWluLWhlaWdodDogMzRweDtcbiAgbWluLXdpZHRoOiAxNTBweDtcbiAgdGV4dC1hbGlnbjogbGVmdDtcbiAgd2lkdGg6IDEwMCU7XG59XG5cbi5uZWV0by1hcHByb3ZhbHMtc2Nyb2xsYmFyIHtcbiAgJl9faW5uZXIge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMjAwcHg7XG4gIH1cblxuICAmX19vdXRlciB7XG4gICAgcG9zaXRpb246IFwiYWJzb2x1dGVcIjtcbiAgICB0b3A6IDBweDtcbiAgICBsZWZ0OiAwcHg7XG4gICAgd2lkdGg6IDIwMHB4O1xuICAgIGhlaWdodDogMTUwcHg7XG4gICAgb3ZlcmZsb3c6IFwiaGlkZGVuXCI7XG4gICAgdmlzaWJpbGl0eTogXCJoaWRkZW5cIjtcbiAgfVxufVxuIiwiLm5lZXRvLWFwcHJvdmFscy1kcm9wZG93bl9fYnV0dG9uIHtcbiAgYm9yZGVyLXJhZGl1czogMCAhaW1wb3J0YW50O1xuICBmb250LXdlaWdodDogdmFyKC0tbmVldG8tdWktZm9udC1ub3JtYWwpO1xuICBtaW4taGVpZ2h0OiAzNHB4O1xuICBtaW4td2lkdGg6IDE1MHB4O1xuICB0ZXh0LWFsaWduOiBsZWZ0O1xuICB3aWR0aDogMTAwJTtcbn1cblxuLm5lZXRvLWFwcHJvdmFscy1zY3JvbGxiYXJfX2lubmVyIHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMjAwcHg7XG59XG4ubmVldG8tYXBwcm92YWxzLXNjcm9sbGJhcl9fb3V0ZXIge1xuICBwb3NpdGlvbjogXCJhYnNvbHV0ZVwiO1xuICB0b3A6IDBweDtcbiAgbGVmdDogMHB4O1xuICB3aWR0aDogMjAwcHg7XG4gIGhlaWdodDogMTUwcHg7XG4gIG92ZXJmbG93OiBcImhpZGRlblwiO1xuICB2aXNpYmlsaXR5OiBcImhpZGRlblwiO1xufVxuXG4ubmVldG8tdWktc3ViaGVhZGVyIC5uZWV0by11aS1zdWJoZWFkZXJfX2xlZnQtd3JhcHBlciAubmVldG8tdWktc3ViaGVhZGVyX19sZWZ0IHtcbiAgbWF4LXdpZHRoOiBub25lO1xufVxuXG50ZC5hbnQtdGFibGUtY29sdW1uLXNvcnQge1xuICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbn1cblxuLm5lZXRvLWFwcHJvdmFscy1lbXB0eS1zdGF0ZSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMTAwJTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xufVxuLm5lZXRvLWFwcHJvdmFscy1lbXB0eS1zdGF0ZV9faW1hZ2Uge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgbWFyZ2luLWJvdHRvbTogMnJlbTtcbn1cbi5uZWV0by1hcHByb3ZhbHMtZW1wdHktc3RhdGVfX3RpdGxlLS13aXRoLWFjdGlvbi1ibG9jayB7XG4gIG1hcmdpbi1ib3R0b206IDFyZW07XG59XG4ubmVldG8tYXBwcm92YWxzLWVtcHR5LXN0YXRlX19hY3Rpb24tYmxvY2sge1xuICBkaXNwbGF5OiBmbGV4O1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbn0iLCIubmVldG8tdWktc3ViaGVhZGVyIHtcbiAgLm5lZXRvLXVpLXN1YmhlYWRlcl9fbGVmdC13cmFwcGVyIHtcbiAgICAubmVldG8tdWktc3ViaGVhZGVyX19sZWZ0IHtcbiAgICAgIG1heC13aWR0aDogbm9uZTtcbiAgICB9XG4gIH1cbn1cblxuLy8gQW50IERlc2lnbiBPdmVycmlkZXNcbnRkLmFudC10YWJsZS1jb2x1bW4tc29ydCB7XG4gIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xufVxuIiwiLm5lZXRvLWFwcHJvdmFscy1lbXB0eS1zdGF0ZSB7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGhlaWdodDogMTAwJTtcbiAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gIHdpZHRoOiAxMDAlO1xuXG4gICZfX2ltYWdlIHtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgbWFyZ2luLWJvdHRvbTogMnJlbTtcbiAgfVxuXG4gICZfX3RpdGxlIHtcbiAgICAmLS13aXRoLWFjdGlvbi1ibG9jayB7XG4gICAgICBtYXJnaW4tYm90dG9tOiAxcmVtO1xuICAgIH1cbiAgfVxuXG4gICZfX2FjdGlvbi1ibG9jayB7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgfVxufVxuIl19 */";
-n(css,{});
-
-export { Approvals, Form, Public, RequestDetailsPane };
+export { default as Approvals } from './Approvals.js';
+export { default as Form } from './Form.js';
+export { default as Public } from './Public.js';
+export { R as RequestDetailsPane } from './index-458211fe.js';
+import './constants-752da2ba.js';
+import 'i18next';
+import '@bigbinary/neeto-editor/utils';
+import 'yup';
+import 'react';
+import '@bigbinary/neeto-commons-frontend/react-utils';
+import '@bigbinary/neeto-molecules/Container';
+import 'react-router-dom';
+import '@bigbinary/neeto-commons-frontend/constants';
+import '@bigbinary/neetoui/Button';
+import '@bigbinary/neeto-cist';
+import '@bigbinary/neeto-molecules/TableWrapper';
+import '@bigbinary/neetoui/Table';
+import '@bigbinary/neetoui/NoData';
+import 'ramda';
+import 'react-i18next';
+import '@bigbinary/neeto-molecules/DateFormat';
+import '@bigbinary/neetoui/Tag';
+import 'react/jsx-runtime';
+import '@bigbinary/neeto-molecules/PageLoader';
+import '@bigbinary/neetoui/Alert';
+import './useTemplatesApi-dc60dcdd.js';
+import '@tanstack/react-query';
+import '@bigbinary/neeto-commons-frontend/utils';
+import 'axios';
+import '@bigbinary/neetoui/Pane';
+import '@bigbinary/neetoui/Typography';
+import '@bigbinary/neetoui/formik/ActionBlock';
+import '@bigbinary/neetoui/formik/Form';
+import 'formik';
+import '@bigbinary/neeto-molecules/ToggleFeatureCard';
+import '@bigbinary/neetoui/formik/Input';
+import '@bigbinary/neetoui/formik/Textarea';
+import '@bigbinary/neeto-editor/FormikEditor';
+import '@bigbinary/neeto-editor/EditorContent';
+import '@bigbinary/neetoui/Label';
+import '@bigbinary/neeto-molecules/MoreDropdown';
+import '@bigbinary/neeto-molecules/Header';
+import '@bigbinary/neetoui/Tab';
+import '@bigbinary/neeto-commons-frontend/initializers';
+import '@bigbinary/neetoui/Select';
+import '@bigbinary/neetoui/Callout';
+import '@bigbinary/neetoui/Textarea';
+import 'dayjs';
+import 'dayjs/plugin/timezone';
+import 'dayjs/plugin/utc';
 //# sourceMappingURL=index.js.map