@bigbinary/neeto-redirect-urls-frontend 2.1.1

package/dist/cjs/RedirectUrls.js

@@ -0,0 +1,832 @@
+'use strict';
+
+var react = require('react');
+var neetoCist = require('@bigbinary/neeto-cist');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var Container = require('@bigbinary/neeto-molecules/Container');
+var Header = require('@bigbinary/neeto-molecules/Header');
+var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
+var Pane = require('@bigbinary/neetoui/Pane');
+var NoData = require('@bigbinary/neetoui/NoData');
+var Button = require('@bigbinary/neetoui/Button');
+var ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var Alert = require('@bigbinary/neetoui/Alert');
+var jsxRuntime = require('react/jsx-runtime');
+var Typography = require('@bigbinary/neetoui/Typography');
+var Input = require('@bigbinary/neetoui/formik/Input');
+var Form = require('@bigbinary/neetoui/formik/Form');
+var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
+var Yup = require('yup');
+var reactQuery = require('@tanstack/react-query');
+var axios = require('axios');
+var Edit = require('@bigbinary/neeto-icons/Edit');
+var InlineInput = require('@bigbinary/neeto-molecules/InlineInput');
+var Label = require('@bigbinary/neetoui/Label');
+var Switch = require('@bigbinary/neetoui/formik/Switch');
+var i18next = require('i18next');
+var constants = require('@bigbinary/neeto-commons-frontend/constants');
+var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
+var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
+var Table = require('@bigbinary/neetoui/Table');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
+var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
+var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
+var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
+var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
+var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
+var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
+var Yup__namespace = /*#__PURE__*/_interopNamespace(Yup);
+var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+var Edit__default = /*#__PURE__*/_interopDefaultLegacy(Edit);
+var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
+var Switch__default = /*#__PURE__*/_interopDefaultLegacy(Switch);
+var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
+var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
+var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
+
+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 = reactI18next.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__*/jsxRuntime.jsx(Alert__default["default"], {
+    isOpen: isOpen,
+    title: title,
+    submitButtonLabel: t("neetoRedirectUrls.common.delete"),
+    message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.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 ? neetoCist.noop : _ref$setInitialFocusF;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var redirectUrlId = initialValues === null || initialValues === void 0 ? void 0 : initialValues.id;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        style: "h2",
+        children: redirectUrlId ? t("neetoRedirectUrls.redirect.edit") : t("neetoRedirectUrls.redirect.add")
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
+      formikProps: {
+        initialValues: initialValues || {
+          fromPath: "",
+          toPath: ""
+        },
+        validationSchema: Yup__namespace.object().shape({
+          fromPath: Yup__namespace.string().required(t("neetoRedirectUrls.redirect.validations.required", {
+            entity: "Source"
+          })).matches(URL_PATHNAME_REGEX, t("neetoRedirectUrls.redirect.validations.source")),
+          toPath: Yup__namespace.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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
+          children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+            className: "w-full space-y-4",
+            children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+              id: "fromPath",
+              label: t("neetoRedirectUrls.redirect.source"),
+              name: "fromPath",
+              ref: setInitialFocusField,
+              placeholder: t("neetoRedirectUrls.common.placeholder.relativeUrl")
+            }), /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+              id: "toPath",
+              label: t("neetoRedirectUrls.redirect.destination"),
+              name: "toPath",
+              placeholder: window.location.origin
+            })]
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
+          children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
+            cancelButtonProps: {
+              onClick: handleClose
+            }
+          })
+        })]
+      })
+    })]
+  });
+};
+
+var REDIRECT_URLS_BASE_URL = "/neeto_redirect_urls_engine/api/v1/redirect_urls";
+
+var fetch = function fetch() {
+  return axios__default["default"].get(REDIRECT_URLS_BASE_URL);
+};
+var fetchAll = function fetchAll(params) {
+  return axios__default["default"].get(REDIRECT_URLS_BASE_URL, params);
+};
+var create = function create(payload) {
+  return axios__default["default"].post(REDIRECT_URLS_BASE_URL, payload);
+};
+var update = function update(_ref) {
+  var id = _ref.id,
+    payload = _ref.payload;
+  return axios__default["default"].put("".concat(REDIRECT_URLS_BASE_URL, "/").concat(id), payload);
+};
+var destroy = function destroy(id) {
+  return axios__default["default"]["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 reactQuery.useQuery(_objectSpread$1({
+    queryKey: [QUERY_KEYS.REDIRECT_URLS, searchQuery],
+    queryFn: function queryFn() {
+      return redirectUrlApi.fetchAll(searchQuery);
+    }
+  }, options));
+};
+var useCreateRedirectUrl = function useCreateRedirectUrl(options) {
+  return reactUtils.useMutationWithInvalidation(redirectUrlApi.create, _objectSpread$1({
+    keysToInvalidate: [QUERY_KEYS.REDIRECT_URLS]
+  }, options));
+};
+var useUpdateRedirectUrl = function useUpdateRedirectUrl(options) {
+  return reactUtils.useMutationWithInvalidation(redirectUrlApi.update, _objectSpread$1({
+    keysToInvalidate: [QUERY_KEYS.REDIRECT_URLS]
+  }, options));
+};
+var useDestroyRedirectUrl = function useDestroyRedirectUrl(options) {
+  return reactUtils.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__namespace.object().shape({
+  toPath: Yup__namespace.string().nullable().when("domainRedirectionActive", {
+    is: true,
+    then: Yup__namespace.string().required(i18next.t("neetoRedirectUrls.redirect.validations.required", {
+      entity: "Destination"
+    })).matches(URL_WITH_PROTOCOL_REGEX, i18next.t("neetoRedirectUrls.redirect.validations.destination")).notOneOf([location.origin], i18next.t("neetoRedirectUrls.redirect.validations.duplicateDomain"))
+  })
+});
+
+var DomainRedirection = function DomainRedirection(_ref) {
+  var domainRedirectUrl = _ref.domainRedirectUrl;
+  var _useState = react.useState(true),
+    _useState2 = _slicedToArray(_useState, 2),
+    isEditingDomainRedirect = _useState2[0],
+    setIsEditingDomainRedirect = _useState2[1];
+  var _useTranslation = reactI18next.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: neetoCist.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);
+  };
+  react.useEffect(function () {
+    if (neetoCist.isPresent(domainRedirectUrl === null || domainRedirectUrl === void 0 ? void 0 : domainRedirectUrl.toPath)) {
+      setIsEditingDomainRedirect(false);
+    }
+  }, [domainRedirectUrl]);
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "neeto-ui-border-gray-200 mb-8 border-b ",
+    children: /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
+      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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "flex items-center justify-between py-3",
+            children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+              className: "flex flex-col space-y-2",
+              children: [/*#__PURE__*/jsxRuntime.jsxs(Label__default["default"], {
+                className: "flex items-center gap-2",
+                children: [/*#__PURE__*/jsxRuntime.jsx(Switch__default["default"], {
+                  "data-cy": "domain-level-redirection-switch",
+                  name: "domainRedirectionActive",
+                  onClick: function onClick() {
+                    return handleRemoveRedirection(domainRedirectionActive);
+                  }
+                }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                  component: "span",
+                  "data-cy": "domain-level-redirection-heading",
+                  style: "h5",
+                  weight: "medium",
+                  children: t("neetoRedirectUrls.redirect.domainLevelRedirect.label")
+                })]
+              }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+                component: "p",
+                style: "body2",
+                children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+                  i18nKey: "neetoRedirectUrls.redirect.domainLevelRedirect.description",
+                  components: {
+                    Link: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                      className: "text-sm",
+                      "data-cy": "domain-level-redirections-help-button",
+                      href: DOMAIN_LEVEL_REDIRECT_HELP_DOC_URL,
+                      style: "link",
+                      target: "_blank"
+                    })
+                  }
+                })
+              })]
+            })
+          }), domainRedirectionActive && /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "my-2 flex w-1/2 items-start space-x-3",
+            children: isEditingDomainRedirect ? /*#__PURE__*/jsxRuntime.jsx(InlineInput.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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+              children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
+                disabled: true,
+                name: "toPath"
+              }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+                icon: Edit__default["default"],
+                style: "link",
+                onClick: function onClick() {
+                  return setIsEditingDomainRedirect(true);
+                }
+              })]
+            })
+          })]
+        });
+      }
+    })
+  });
+};
+
+var SETTINGS_CATEGORIES = {
+  GENERAL: "GENERAL"
+};
+var SETTINGS_CATEGORIES_LABELS = _defineProperty({}, SETTINGS_CATEGORIES.GENERAL, i18next.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: i18next.t("neetoRedirectUrls.settings.title")
+  }, {
+    link: utils.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: i18next.t("neetoRedirectUrls.common.edit"),
+    onClick: function onClick() {
+      setUrlDetailsToEdit({
+        id: id,
+        fromPath: fromPath,
+        toPath: toPath
+      });
+    }
+  }, {
+    key: "delete-menu",
+    label: i18next.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 = reactI18next.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__*/jsxRuntime.jsxs("div", {
+        className: "flex items-center justify-between gap-x-3",
+        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+          children: fromPath && truncateUrl(fromPath)
+        }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
+          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__*/jsxRuntime.jsx(TableWrapper__default["default"], {
+    hasPagination: recordsCount > constants.DEFAULT_PAGE_SIZE,
+    children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
+      columnData: columnData,
+      currentPageNumber: currentPageNumber,
+      fixedHeight: true,
+      handlePageChange: function handlePageChange(page) {
+        return setCurrentPageNumber(page);
+      },
+      loading: isFetching,
+      rowData: redirectUrls,
+      totalCount: recordsCount,
+      paginationProps: {
+        hideOnSinglePage: recordsCount < constants.DEFAULT_PAGE_SIZE + 1,
+        showSizeChanger: recordsCount > constants.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 = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useQueryParams = reactUtils.useQueryParams(),
+    _useQueryParams$searc = _useQueryParams.searchTerm,
+    searchTerm = _useQueryParams$searc === void 0 ? "" : _useQueryParams$searc;
+  var initialFocusField = react.useRef();
+  var _useState = react.useState(1),
+    _useState2 = _slicedToArray(_useState, 2),
+    currentPageNumber = _useState2[0],
+    setCurrentPageNumber = _useState2[1];
+  var _useState3 = react.useState(null),
+    _useState4 = _slicedToArray(_useState3, 2),
+    urlDetailsToDelete = _useState4[0],
+    setUrlDetailsToDelete = _useState4[1];
+  var _useState5 = react.useState(null),
+    _useState6 = _slicedToArray(_useState5, 2),
+    urlDetailsToEdit = _useState6[0],
+    setUrlDetailsToEdit = _useState6[1];
+  var _useState7 = react.useState(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    isModalOpen = _useState8[0],
+    setIsModalOpen = _useState8[1];
+  var _useCreateRedirectUrl = useCreateRedirectUrl(),
+    createRedirectUrl = _useCreateRedirectUrl.mutate;
+  var searchQuery = _objectSpread({
+    page: currentPageNumber
+  }, ramda.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 || neetoCist.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__*/jsxRuntime.jsx(Container__default["default"], {
+    className: "w-full",
+    children: isLoading ? /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {}) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [" ", /*#__PURE__*/jsxRuntime.jsx(Header__default["default"], {
+        breadcrumbs: buildBreadcrumbs(pageTitle),
+        title: pageTitle,
+        actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+          label: t("neetoRedirectUrls.redirect.add"),
+          onClick: function onClick() {
+            return setIsModalOpen(true);
+          }
+        }),
+        searchProps: isFiltersVisible && {
+          placeholder: t("neetoRedirectUrls.redirect.search")
+        }
+      }), /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [ramda.isEmpty(redirectUrls) ? /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "flex h-full w-full items-center justify-center",
+          children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
+            title: t("neetoRedirectUrls.emptyState.redirectURLs.title"),
+            helpText: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+              i18nKey: "neetoRedirectUrls.emptyState.redirectURLs.description",
+              components: {
+                helpLink: /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "w-full",
+            children: /*#__PURE__*/jsxRuntime.jsx(DomainRedirection, {
+              domainRedirectUrl: domainRedirectUrl
+            })
+          }), /*#__PURE__*/jsxRuntime.jsx(RedirectUrlsTable, {
+            currentPageNumber: currentPageNumber,
+            isFetching: isFetching,
+            redirectUrls: redirectUrls,
+            setCurrentPageNumber: setCurrentPageNumber,
+            setUrlDetailsToDelete: setUrlDetailsToDelete,
+            setUrlDetailsToEdit: setUrlDetailsToEdit,
+            recordsCount: urlCount
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx(DeleteRedirectUrlModal, {
+          detailsToDelete: urlDetailsToDelete,
+          handleClose: function handleClose() {
+            return setUrlDetailsToDelete(null);
+          },
+          handleSubmit: handleRedirectUrlDelete,
+          isOpen: urlDetailsToDelete !== null
+        }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"], {
+          initialFocusRef: initialFocusField,
+          isOpen: isModalOpen || ramda.isNotNil(urlDetailsToEdit),
+          onClose: function onClose() {
+            setIsModalOpen(false);
+            setUrlDetailsToEdit(null);
+          },
+          children: /*#__PURE__*/jsxRuntime.jsx(RedirectUrlPane, {
+            setInitialFocusField: setInitialFocusField,
+            handleClose: function handleClose() {
+              return setIsModalOpen(false);
+            },
+            initialValues: urlDetailsToEdit !== null && urlDetailsToEdit !== void 0 ? urlDetailsToEdit : {},
+            handleSubmit: ramda.isNotNil(urlDetailsToEdit) ? handleRedirectUrlUpdate : handleCreateRedirectUrl
+          })
+        })]
+      })]
+    })
+  });
+};
+
+module.exports = RedirectUrls;
+//# sourceMappingURL=RedirectUrls.js.map