@bigbinary/neeto-redirect-urls-frontend 2.1.1

package/dist/RedirectUrls.js

@@ -0,0 +1,790 @@
+import { useState, useEffect, useRef } from 'react';
+import { noop, isPresent } from '@bigbinary/neeto-cist';
+import { useMutationWithInvalidation, useQueryParams } from '@bigbinary/neeto-commons-frontend/react-utils';
+import Container from '@bigbinary/neeto-molecules/Container';
+import Header from '@bigbinary/neeto-molecules/Header';
+import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
+import Pane from '@bigbinary/neetoui/Pane';
+import NoData from '@bigbinary/neetoui/NoData';
+import Button from '@bigbinary/neetoui/Button';
+import { isEmpty, isNotNil } from 'ramda';
+import { useTranslation, Trans } from 'react-i18next';
+import Alert from '@bigbinary/neetoui/Alert';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import Typography from '@bigbinary/neetoui/Typography';
+import Input from '@bigbinary/neetoui/formik/Input';
+import Form from '@bigbinary/neetoui/formik/Form';
+import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
+import * as Yup from 'yup';
+import { useQuery } from '@tanstack/react-query';
+import axios from 'axios';
+import Edit from '@bigbinary/neeto-icons/Edit';
+import { FormikInlineInput } from '@bigbinary/neeto-molecules/InlineInput';
+import Label from '@bigbinary/neetoui/Label';
+import Switch from '@bigbinary/neetoui/formik/Switch';
+import { t } from 'i18next';
+import { DEFAULT_PAGE_SIZE } from '@bigbinary/neeto-commons-frontend/constants';
+import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
+import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
+import Table from '@bigbinary/neetoui/Table';
+import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
+
+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 DeleteRedirectUrlModal = function DeleteRedirectUrlModal(_ref) {
+  var handleClose = _ref.handleClose,
+    handleSubmit = _ref.handleSubmit,
+    detailsToDelete = _ref.detailsToDelete,
+    isOpen = _ref.isOpen;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  if (detailsToDelete === null) return null;
+  var id = detailsToDelete.id,
+    toPath = detailsToDelete.toPath,
+    fromPath = detailsToDelete.fromPath;
+  var title = t("neetoRedirectUrls.alerts.delete.title");
+  return /*#__PURE__*/jsx(Alert, {
+    isOpen: isOpen,
+    title: title,
+    submitButtonLabel: t("neetoRedirectUrls.common.delete"),
+    message: /*#__PURE__*/jsx(Trans, {
+      i18nKey: "neetoRedirectUrls.alerts.delete.confirm",
+      values: {
+        from_path: fromPath,
+        to_path: toPath
+      }
+    }),
+    onClose: handleClose,
+    onSubmit: function onSubmit() {
+      return handleSubmit(id);
+    }
+  });
+};
+
+var URL_WITH_PROTOCOL_REGEX = /^(http(s)?):\/\/[(www.)?a-zA-Z0-9@:%._+~#=-]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_+.~#?&//=]*)$/g;
+var URL_PATHNAME_REGEX = /^\/[-a-zA-Z0-9@:%_+.~#?&//=]*$/g;
+
+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 RedirectUrlPane = function RedirectUrlPane(_ref) {
+  var handleClose = _ref.handleClose,
+    handleSubmit = _ref.handleSubmit,
+    _ref$initialValues = _ref.initialValues,
+    initialValues = _ref$initialValues === void 0 ? {} : _ref$initialValues,
+    _ref$setInitialFocusF = _ref.setInitialFocusField,
+    setInitialFocusField = _ref$setInitialFocusF === void 0 ? noop : _ref$setInitialFocusF;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var redirectUrlId = initialValues === null || initialValues === void 0 ? void 0 : initialValues.id;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Pane.Header, {
+      children: /*#__PURE__*/jsx(Typography, {
+        style: "h2",
+        children: redirectUrlId ? t("neetoRedirectUrls.redirect.edit") : t("neetoRedirectUrls.redirect.add")
+      })
+    }), /*#__PURE__*/jsx(Form, {
+      formikProps: {
+        initialValues: initialValues || {
+          fromPath: "",
+          toPath: ""
+        },
+        validationSchema: Yup.object().shape({
+          fromPath: Yup.string().required(t("neetoRedirectUrls.redirect.validations.required", {
+            entity: "Source"
+          })).matches(URL_PATHNAME_REGEX, t("neetoRedirectUrls.redirect.validations.source")),
+          toPath: Yup.string().required(t("neetoRedirectUrls.redirect.validations.required", {
+            entity: "Destination"
+          })).matches(new RegExp("".concat(URL_WITH_PROTOCOL_REGEX.source, "|").concat(URL_PATHNAME_REGEX.source)), t("neetoRedirectUrls.redirect.validations.destination"))
+        }),
+        onSubmit: function onSubmit(values) {
+          handleSubmit(_objectSpread$2({}, values));
+        }
+      },
+      children: /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Pane.Body, {
+          children: /*#__PURE__*/jsxs("div", {
+            className: "w-full space-y-4",
+            children: [/*#__PURE__*/jsx(Input, {
+              id: "fromPath",
+              label: t("neetoRedirectUrls.redirect.source"),
+              name: "fromPath",
+              ref: setInitialFocusField,
+              placeholder: t("neetoRedirectUrls.common.placeholder.relativeUrl")
+            }), /*#__PURE__*/jsx(Input, {
+              id: "toPath",
+              label: t("neetoRedirectUrls.redirect.destination"),
+              name: "toPath",
+              placeholder: window.location.origin
+            })]
+          })
+        }), /*#__PURE__*/jsx(Pane.Footer, {
+          children: /*#__PURE__*/jsx(ActionBlock, {
+            cancelButtonProps: {
+              onClick: handleClose
+            }
+          })
+        })]
+      })
+    })]
+  });
+};
+
+var REDIRECT_URLS_BASE_URL = "/neeto_redirect_urls_engine/api/v1/redirect_urls";
+
+var fetch = function fetch() {
+  return axios.get(REDIRECT_URLS_BASE_URL);
+};
+var fetchAll = function fetchAll(params) {
+  return axios.get(REDIRECT_URLS_BASE_URL, params);
+};
+var create = function create(payload) {
+  return axios.post(REDIRECT_URLS_BASE_URL, payload);
+};
+var update = function update(_ref) {
+  var id = _ref.id,
+    payload = _ref.payload;
+  return axios.put("".concat(REDIRECT_URLS_BASE_URL, "/").concat(id), payload);
+};
+var destroy = function destroy(id) {
+  return axios["delete"]("".concat(REDIRECT_URLS_BASE_URL, "/").concat(id));
+};
+var redirectUrlApi = {
+  fetch: fetch,
+  fetchAll: fetchAll,
+  create: create,
+  update: update,
+  destroy: destroy
+};
+
+var QUERY_KEYS = {
+  REDIRECT_URLS: "redirect_urls"
+};
+
+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 useFetchAllRedirectUrls = function useFetchAllRedirectUrls(searchQuery, options) {
+  return useQuery(_objectSpread$1({
+    queryKey: [QUERY_KEYS.REDIRECT_URLS, searchQuery],
+    queryFn: function queryFn() {
+      return redirectUrlApi.fetchAll(searchQuery);
+    }
+  }, options));
+};
+var useCreateRedirectUrl = function useCreateRedirectUrl(options) {
+  return useMutationWithInvalidation(redirectUrlApi.create, _objectSpread$1({
+    keysToInvalidate: [QUERY_KEYS.REDIRECT_URLS]
+  }, options));
+};
+var useUpdateRedirectUrl = function useUpdateRedirectUrl(options) {
+  return useMutationWithInvalidation(redirectUrlApi.update, _objectSpread$1({
+    keysToInvalidate: [QUERY_KEYS.REDIRECT_URLS]
+  }, options));
+};
+var useDestroyRedirectUrl = function useDestroyRedirectUrl(options) {
+  return useMutationWithInvalidation(redirectUrlApi.destroy, _objectSpread$1({
+    keysToInvalidate: [QUERY_KEYS.REDIRECT_URLS]
+  }, options));
+};
+
+var DOC_BASE_URL = "https://neetocoursehelp.neetokb.com/p";
+var CREATE_REDIRECT_URL_HELP_DOC_URL = "".concat(DOC_BASE_URL, "/a-45af9cf1");
+var DOMAIN_LEVEL_REDIRECT_HELP_DOC_URL = "".concat(DOC_BASE_URL, "/a-7bbd89c5");
+
+var DOMAIN_REDIRECTION_VALIDATION_SCHEMA = Yup.object().shape({
+  toPath: Yup.string().nullable().when("domainRedirectionActive", {
+    is: true,
+    then: Yup.string().required(t("neetoRedirectUrls.redirect.validations.required", {
+      entity: "Destination"
+    })).matches(URL_WITH_PROTOCOL_REGEX, t("neetoRedirectUrls.redirect.validations.destination")).notOneOf([location.origin], t("neetoRedirectUrls.redirect.validations.duplicateDomain"))
+  })
+});
+
+var DomainRedirection = function DomainRedirection(_ref) {
+  var domainRedirectUrl = _ref.domainRedirectUrl;
+  var _useState = useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isEditingDomainRedirect = _useState2[0],
+    setIsEditingDomainRedirect = _useState2[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useCreateRedirectUrl = useCreateRedirectUrl(),
+    createLink = _useCreateRedirectUrl.mutateAsync;
+  var _useUpdateRedirectUrl = useUpdateRedirectUrl(),
+    updateLink = _useUpdateRedirectUrl.mutateAsync;
+  var _useDestroyRedirectUr = useDestroyRedirectUrl(),
+    destroyLink = _useDestroyRedirectUr.mutate;
+  var initialValues = {
+    domainRedirectionActive: isPresent(domainRedirectUrl === null || domainRedirectUrl === void 0 ? void 0 : domainRedirectUrl.toPath),
+    toPath: domainRedirectUrl === null || domainRedirectUrl === void 0 ? void 0 : domainRedirectUrl.toPath
+  };
+  var handleSubmit = function handleSubmit(values) {
+    var payload = {
+      toPath: values.toPath,
+      redirection_type: "domain"
+    };
+    return domainRedirectUrl ? updateLink({
+      id: domainRedirectUrl.id,
+      payload: payload
+    }) : createLink(payload);
+  };
+  var handleRemoveRedirection = function handleRemoveRedirection(domainLinkActive) {
+    if (!(domainLinkActive && domainRedirectUrl)) {
+      setIsEditingDomainRedirect(true);
+      return;
+    }
+    destroyLink(domainRedirectUrl.id);
+  };
+  useEffect(function () {
+    if (isPresent(domainRedirectUrl === null || domainRedirectUrl === void 0 ? void 0 : domainRedirectUrl.toPath)) {
+      setIsEditingDomainRedirect(false);
+    }
+  }, [domainRedirectUrl]);
+  return /*#__PURE__*/jsx("div", {
+    className: "neeto-ui-border-gray-200 mb-8 border-b ",
+    children: /*#__PURE__*/jsx(Form, {
+      className: "mb-2 w-full",
+      formikProps: {
+        initialValues: initialValues,
+        validationSchema: DOMAIN_REDIRECTION_VALIDATION_SCHEMA,
+        enableReinitialize: true,
+        onSubmit: handleSubmit
+      },
+      children: function children(_ref2) {
+        var domainRedirectionActive = _ref2.values.domainRedirectionActive,
+          dirty = _ref2.dirty;
+        return /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx("div", {
+            className: "flex items-center justify-between py-3",
+            children: /*#__PURE__*/jsxs("div", {
+              className: "flex flex-col space-y-2",
+              children: [/*#__PURE__*/jsxs(Label, {
+                className: "flex items-center gap-2",
+                children: [/*#__PURE__*/jsx(Switch, {
+                  "data-cy": "domain-level-redirection-switch",
+                  name: "domainRedirectionActive",
+                  onClick: function onClick() {
+                    return handleRemoveRedirection(domainRedirectionActive);
+                  }
+                }), /*#__PURE__*/jsx(Typography, {
+                  component: "span",
+                  "data-cy": "domain-level-redirection-heading",
+                  style: "h5",
+                  weight: "medium",
+                  children: t("neetoRedirectUrls.redirect.domainLevelRedirect.label")
+                })]
+              }), /*#__PURE__*/jsx(Typography, {
+                component: "p",
+                style: "body2",
+                children: /*#__PURE__*/jsx(Trans, {
+                  i18nKey: "neetoRedirectUrls.redirect.domainLevelRedirect.description",
+                  components: {
+                    Link: /*#__PURE__*/jsx(Button, {
+                      className: "text-sm",
+                      "data-cy": "domain-level-redirections-help-button",
+                      href: DOMAIN_LEVEL_REDIRECT_HELP_DOC_URL,
+                      style: "link",
+                      target: "_blank"
+                    })
+                  }
+                })
+              })]
+            })
+          }), domainRedirectionActive && /*#__PURE__*/jsx("div", {
+            className: "my-2 flex w-1/2 items-start space-x-3",
+            children: isEditingDomainRedirect ? /*#__PURE__*/jsx(FormikInlineInput, {
+              "data-cy": "domain-level-redirection-link-text-field",
+              handleCancel: function handleCancel() {
+                return dirty;
+              },
+              name: "toPath",
+              placeholder: t("neetoRedirectUrls.common.placeholder.url"),
+              cancelButtonProps: {
+                disabled: !dirty,
+                "data-cy": "domain-level-redirection-link-cancel-button"
+              },
+              submitButtonProps: {
+                "data-cy": "domain-level-redirection-link-submit-button"
+              }
+            }) : /*#__PURE__*/jsxs(Fragment, {
+              children: [/*#__PURE__*/jsx(Input, {
+                disabled: true,
+                name: "toPath"
+              }), /*#__PURE__*/jsx(Button, {
+                icon: Edit,
+                style: "link",
+                onClick: function onClick() {
+                  return setIsEditingDomainRedirect(true);
+                }
+              })]
+            })
+          })]
+        });
+      }
+    })
+  });
+};
+
+var SETTINGS_CATEGORIES = {
+  GENERAL: "GENERAL"
+};
+var SETTINGS_CATEGORIES_LABELS = _defineProperty({}, SETTINGS_CATEGORIES.GENERAL, t("neetoRedirectUrls.settings.general.title"));
+
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
+}
+
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+
+var routes = {
+  admin: {
+    index: "/admin",
+    courses: {
+      chapters: {
+        show: "/admin/courses/:courseId/chapters/:chapterId",
+        chapterVersions: {
+          show: "/admin/courses/:courseId/chapters/:chapterId/chapter-versions/:chapterVersionId"
+        },
+        pages: {
+          show: "/admin/courses/:courseId/chapters/:chapterId/pages/:pageId",
+          pageVersions: {
+            show: "/admin/courses/:courseId/chapters/:chapterId/pages/:pageId/page-versions/:pageVersionId"
+          }
+        }
+      },
+      index: "/admin/courses",
+      show: "/admin/courses/:courseId",
+      deployments: {
+        index: "/admin/courses/:courseId/deployments",
+        show: "/admin/courses/:courseId/deployments/:deploymentId"
+      },
+      configure: {
+        index: "/admin/courses/:courseId/configure",
+        security: "/admin/courses/:courseId/configure/security",
+        certificateConfiguration: "/admin/courses/:courseId/configure/certificate_configuration"
+      }
+    },
+    pullRequestApps: {
+      index: "/admin/pull_request_apps",
+      show: "/admin/pull_request_apps/:pullRequestAppId",
+      courseDeployments: {
+        show: "/admin/pull_request_apps/:pullRequestAppId/course-deployments/:courseDeploymentId"
+      }
+    },
+    members: "/admin/members",
+    settings: {
+      index: "/admin/settings",
+      general: {
+        apiSettings: "/admin/settings/general/api-settings",
+        redirectUrls: "/admin/settings/general/redirect-urls",
+        basicInfos: "/admin/settings/general/basic-infos",
+        customDomains: {
+          index: "/admin/settings/general/custom-domains"
+        },
+        security: {
+          index: "/admin/settings/general/security"
+        },
+        roles: "/admin/settings/general/roles"
+      },
+      integrations: {
+        index: "/admin/settings/integrations",
+        stripe: {
+          index: "/admin/settings/integrations/stripe",
+          manage: "/admin/settings/integrations/stripe/manage"
+        },
+        googleAnalytics: {
+          index: "/admin/settings/integrations/google-analytics",
+          manage: "/admin/settings/integrations/google-analytics/manage"
+        }
+      }
+    },
+    reports: {
+      index: "/admin/reports",
+      invalidUrls: "/admin/reports/invalid-urls"
+    },
+    assets: {
+      index: "/admin/assets",
+      databases: "/admin/assets/databases",
+      videos: "/admin/assets/videos",
+      audios: "/admin/assets/audios",
+      resources: "/admin/assets/resources"
+    }
+  },
+  home: "/"
+};
+
+var buildSettingsBreadcrumbs = function buildSettingsBreadcrumbs(category, pageTitle) {
+  return [{
+    link: routes.admin.settings.index,
+    text: t("neetoRedirectUrls.settings.title")
+  }, {
+    link: buildUrl(routes.admin.settings.index, {
+      category: category.toLowerCase()
+    }),
+    text: SETTINGS_CATEGORIES_LABELS[category]
+  }].concat(_toConsumableArray(pageTitle ? [{
+    text: pageTitle
+  }] : []));
+};
+
+var buildBreadcrumbs = function buildBreadcrumbs(pageTitle) {
+  return buildSettingsBreadcrumbs(SETTINGS_CATEGORIES.GENERAL, pageTitle);
+};
+var buildMoreMenuItems = function buildMoreMenuItems(_ref) {
+  var redirectUrl = _ref.redirectUrl,
+    setUrlDetailsToEdit = _ref.setUrlDetailsToEdit,
+    setUrlDetailsToDelete = _ref.setUrlDetailsToDelete;
+  var id = redirectUrl.id,
+    fromPath = redirectUrl.fromPath,
+    toPath = redirectUrl.toPath;
+  return [{
+    key: "edit-menu",
+    label: t("neetoRedirectUrls.common.edit"),
+    onClick: function onClick() {
+      setUrlDetailsToEdit({
+        id: id,
+        fromPath: fromPath,
+        toPath: toPath
+      });
+    }
+  }, {
+    key: "delete-menu",
+    label: t("neetoRedirectUrls.common.delete"),
+    onClick: function onClick() {
+      setUrlDetailsToDelete({
+        id: id,
+        fromPath: fromPath,
+        toPath: toPath
+      });
+    }
+  }];
+};
+
+var RedirectUrlsTable = function RedirectUrlsTable(_ref) {
+  var _ref$redirectUrls = _ref.redirectUrls,
+    redirectUrls = _ref$redirectUrls === void 0 ? [] : _ref$redirectUrls,
+    currentPageNumber = _ref.currentPageNumber,
+    setCurrentPageNumber = _ref.setCurrentPageNumber,
+    recordsCount = _ref.recordsCount,
+    setUrlDetailsToEdit = _ref.setUrlDetailsToEdit,
+    setUrlDetailsToDelete = _ref.setUrlDetailsToDelete,
+    isFetching = _ref.isFetching;
+  var truncateUrl = function truncateUrl(url) {
+    var urlString = String(url);
+    return urlString.length <= 50 ? urlString : "".concat(urlString.slice(0, 50), "...");
+  };
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var columnData = [{
+    title: t("neetoRedirectUrls.redirect.source"),
+    dataIndex: "source",
+    key: "name",
+    render: function render(_, redirectUrl) {
+      var fromPath = redirectUrl.fromPath;
+      return /*#__PURE__*/jsxs("div", {
+        className: "flex items-center justify-between gap-x-3",
+        children: [/*#__PURE__*/jsx("span", {
+          children: fromPath && truncateUrl(fromPath)
+        }), /*#__PURE__*/jsx(MoreDropdown, {
+          dropdownProps: {
+            strategy: "fixed"
+          },
+          menuItems: buildMoreMenuItems({
+            redirectUrl: redirectUrl,
+            setUrlDetailsToEdit: setUrlDetailsToEdit,
+            setUrlDetailsToDelete: setUrlDetailsToDelete
+          })
+        })]
+      });
+    }
+  }, {
+    title: t("neetoRedirectUrls.redirect.destination"),
+    dataIndex: "toPath",
+    key: "toPath",
+    render: function render(toPath) {
+      return toPath && truncateUrl(toPath);
+    }
+  }];
+  return /*#__PURE__*/jsx(TableWrapper, {
+    hasPagination: recordsCount > DEFAULT_PAGE_SIZE,
+    children: /*#__PURE__*/jsx(Table, {
+      columnData: columnData,
+      currentPageNumber: currentPageNumber,
+      fixedHeight: true,
+      handlePageChange: function handlePageChange(page) {
+        return setCurrentPageNumber(page);
+      },
+      loading: isFetching,
+      rowData: redirectUrls,
+      totalCount: recordsCount,
+      paginationProps: {
+        hideOnSinglePage: recordsCount < DEFAULT_PAGE_SIZE + 1,
+        showSizeChanger: recordsCount > DEFAULT_PAGE_SIZE
+      }
+    })
+  });
+};
+
+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 RedirectUrls = function RedirectUrls() {
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useQueryParams = useQueryParams(),
+    _useQueryParams$searc = _useQueryParams.searchTerm,
+    searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
+  var initialFocusField = useRef();
+  var _useState = useState(1),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentPageNumber = _useState2[0],
+    setCurrentPageNumber = _useState2[1];
+  var _useState3 = useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    urlDetailsToDelete = _useState4[0],
+    setUrlDetailsToDelete = _useState4[1];
+  var _useState5 = useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    urlDetailsToEdit = _useState6[0],
+    setUrlDetailsToEdit = _useState6[1];
+  var _useState7 = useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isModalOpen = _useState8[0],
+    setIsModalOpen = _useState8[1];
+  var _useCreateRedirectUrl = useCreateRedirectUrl(),
+    createRedirectUrl = _useCreateRedirectUrl.mutate;
+  var searchQuery = _objectSpread({
+    page: currentPageNumber
+  }, isEmpty(searchTerm) ? {} : {
+    searchTerm: searchTerm
+  });
+  var _useFetchAllRedirectU = useFetchAllRedirectUrls({
+      params: searchQuery
+    }),
+    _useFetchAllRedirectU2 = _useFetchAllRedirectU.data,
+    _useFetchAllRedirectU3 = _useFetchAllRedirectU2 === void 0 ? {} : _useFetchAllRedirectU2,
+    _useFetchAllRedirectU4 = _useFetchAllRedirectU3.count,
+    urlCount = _useFetchAllRedirectU4 === void 0 ? 0 : _useFetchAllRedirectU4,
+    _useFetchAllRedirectU5 = _useFetchAllRedirectU3.redirectUrls,
+    redirectUrls = _useFetchAllRedirectU5 === void 0 ? [] : _useFetchAllRedirectU5,
+    domainRedirectUrl = _useFetchAllRedirectU3.domainRedirectUrl,
+    isLoading = _useFetchAllRedirectU.isLoading,
+    isFetching = _useFetchAllRedirectU.isFetching;
+  var isFiltersVisible = urlCount > 0 || isPresent(searchTerm);
+  var _useUpdateRedirectUrl = useUpdateRedirectUrl(),
+    updateRedirectUrl = _useUpdateRedirectUrl.mutate;
+  var _useDestroyRedirectUr = useDestroyRedirectUrl(),
+    deleteRedirectUrl = _useDestroyRedirectUr.mutate;
+  var handleCreateRedirectUrl = function handleCreateRedirectUrl(redirectUrl) {
+    createRedirectUrl(redirectUrl, {
+      onSuccess: function onSuccess() {
+        setIsModalOpen(false);
+      }
+    });
+  };
+  var handleRedirectUrlUpdate = function handleRedirectUrlUpdate(redirectUrl) {
+    updateRedirectUrl({
+      id: redirectUrl.id,
+      payload: redirectUrl
+    }, {
+      onSettled: function onSettled() {
+        setUrlDetailsToEdit(null);
+      }
+    });
+  };
+  var handleRedirectUrlDelete = function handleRedirectUrlDelete(urlId) {
+    deleteRedirectUrl(urlId, {
+      onSettled: function onSettled() {
+        setUrlDetailsToDelete(null);
+      }
+    });
+  };
+  var pageTitle = t("neetoRedirectUrls.settings.redirecturl.title");
+  var setInitialFocusField = function setInitialFocusField(fieldRef) {
+    return initialFocusField.current = fieldRef;
+  };
+  return /*#__PURE__*/jsx(Container, {
+    className: "w-full",
+    children: isLoading ? /*#__PURE__*/jsx(PageLoader, {}) : /*#__PURE__*/jsxs(Fragment, {
+      children: [" ", /*#__PURE__*/jsx(Header, {
+        breadcrumbs: buildBreadcrumbs(pageTitle),
+        title: pageTitle,
+        actionBlock: /*#__PURE__*/jsx(Button, {
+          label: t("neetoRedirectUrls.redirect.add"),
+          onClick: function onClick() {
+            return setIsModalOpen(true);
+          }
+        }),
+        searchProps: isFiltersVisible && {
+          placeholder: t("neetoRedirectUrls.redirect.search")
+        }
+      }), /*#__PURE__*/jsxs(Fragment, {
+        children: [isEmpty(redirectUrls) ? /*#__PURE__*/jsx("div", {
+          className: "flex h-full w-full items-center justify-center",
+          children: /*#__PURE__*/jsx(NoData, {
+            title: t("neetoRedirectUrls.emptyState.redirectURLs.title"),
+            helpText: /*#__PURE__*/jsx(Trans, {
+              i18nKey: "neetoRedirectUrls.emptyState.redirectURLs.description",
+              components: {
+                helpLink: /*#__PURE__*/jsx("a", {
+                  className: "text-blue-600 underline",
+                  href: CREATE_REDIRECT_URL_HELP_DOC_URL,
+                  rel: "noreferrer",
+                  target: "_blank"
+                })
+              }
+            }),
+            primaryButtonProps: {
+              label: t("neetoRedirectUrls.redirect.add"),
+              onClick: function onClick() {
+                return setIsModalOpen(true);
+              }
+            }
+          })
+        }) : /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx("div", {
+            className: "w-full",
+            children: /*#__PURE__*/jsx(DomainRedirection, {
+              domainRedirectUrl: domainRedirectUrl
+            })
+          }), /*#__PURE__*/jsx(RedirectUrlsTable, {
+            currentPageNumber: currentPageNumber,
+            isFetching: isFetching,
+            redirectUrls: redirectUrls,
+            setCurrentPageNumber: setCurrentPageNumber,
+            setUrlDetailsToDelete: setUrlDetailsToDelete,
+            setUrlDetailsToEdit: setUrlDetailsToEdit,
+            recordsCount: urlCount
+          })]
+        }), /*#__PURE__*/jsx(DeleteRedirectUrlModal, {
+          detailsToDelete: urlDetailsToDelete,
+          handleClose: function handleClose() {
+            return setUrlDetailsToDelete(null);
+          },
+          handleSubmit: handleRedirectUrlDelete,
+          isOpen: urlDetailsToDelete !== null
+        }), /*#__PURE__*/jsx(Pane, {
+          initialFocusRef: initialFocusField,
+          isOpen: isModalOpen || isNotNil(urlDetailsToEdit),
+          onClose: function onClose() {
+            setIsModalOpen(false);
+            setUrlDetailsToEdit(null);
+          },
+          children: /*#__PURE__*/jsx(RedirectUrlPane, {
+            setInitialFocusField: setInitialFocusField,
+            handleClose: function handleClose() {
+              return setIsModalOpen(false);
+            },
+            initialValues: urlDetailsToEdit !== null && urlDetailsToEdit !== void 0 ? urlDetailsToEdit : {},
+            handleSubmit: isNotNil(urlDetailsToEdit) ? handleRedirectUrlUpdate : handleCreateRedirectUrl
+          })
+        })]
+      })]
+    })
+  });
+};
+
+export { RedirectUrls as default };
+//# sourceMappingURL=RedirectUrls.js.map