@bigbinary/neeto-redirect-urls-frontend 3.0.4 → 3.0.6

package/dist/v2/RedirectUrls.js

@@ -0,0 +1,611 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { useState, useEffect, useRef } from 'react';
+import { Alert, Sheet, Label, Typography, Button, DataTable, Spinner, Empty } from '@bigbinary/neeto-atoms';
+import { Pencil, CornerUpRight } from 'lucide-react';
+import { noop, isPresent } from '@bigbinary/neeto-cist';
+import { useQueryParams } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
+import { buildUrl, showThumbsUpToastr } from '@bigbinary/neeto-commons-frontend/v2/utils';
+import Container from '@bigbinary/neeto-molecules/v2/Container';
+import Header from '@bigbinary/neeto-molecules/v2/Header';
+import { isEmpty, isNotNil } from 'ramda';
+import { useTranslation, Trans } from 'react-i18next';
+import { r as routes, U as URL_PATHNAME_REGEX, u as useCreateRedirectUrl, a as useUpdateRedirectUrl, b as useDestroyRedirectUrl, D as DOMAIN_LEVEL_REDIRECT_HELP_DOC_URL, c as useFetchAllRedirectUrls, C as CREATE_REDIRECT_URL_HELP_DOC_URL } from '../helpUrls-C3F0oNrV.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Form, Input, ActionBlock, Switch } from '@bigbinary/neeto-atoms/formik';
+import { t } from 'i18next';
+import { RESERVED_PATHS, VALID_URL_REGEX, DEFAULT_PAGE_SIZE } from '@bigbinary/neeto-commons-frontend/v2/constants';
+import * as yup from 'yup';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import CardLayout from '@bigbinary/neeto-molecules/v2/CardLayout';
+import { FormikInlineInput } from '@bigbinary/neeto-molecules/v2/InlineInput';
+import MoreDropdown from '@bigbinary/neeto-molecules/v2/MoreDropdown';
+import '@tanstack/react-query';
+import '@bigbinary/neeto-commons-frontend/react-utils';
+import 'axios';
+
+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 SETTINGS_CATEGORIES = {
+  GENERAL: "GENERAL"
+};
+var SETTINGS_CATEGORIES_LABELS = _defineProperty({}, SETTINGS_CATEGORIES.GENERAL, t("neetoRedirectUrls.settings.general.title"));
+var SHOW_TOASTR_CONFIG = {
+  showToastr: false
+};
+
+var buildSettingsBreadcrumbs = function buildSettingsBreadcrumbs(category, pageTitle) {
+  return [{
+    link: routes.admin.adminPanel,
+    text: t("neetoRedirectUrls.settings.title")
+  }, {
+    link: buildUrl(routes.admin.adminPanel, {
+      category: category.toLowerCase()
+    }),
+    text: SETTINGS_CATEGORIES_LABELS[category]
+  }].concat(_toConsumableArray(pageTitle ? [{
+    text: pageTitle
+  }] : []));
+};
+var normalizeURL = function normalizeURL(url) {
+  return url ? url.replace(/\/+$/, "") : "";
+};
+var handleError = function handleError(setStatus, error) {
+  var response = error.response;
+  if (response && response.data && response.data.errors) {
+    setStatus(response.data.errors);
+  }
+};
+var isReservedPath = function isReservedPath(url) {
+  var _window$globalProps$o;
+  if (!url) return false;
+  var domainUrls = ((_window$globalProps$o = window.globalProps.organization) === null || _window$globalProps$o === void 0 || (_window$globalProps$o = _window$globalProps$o.domainUrls) === null || _window$globalProps$o === void 0 ? void 0 : _window$globalProps$o.map(normalizeURL)) || [];
+  return domainUrls.some(function (domainUrl) {
+    return RESERVED_PATHS.some(function (reservedPath) {
+      return normalizeURL(url) === normalizeURL("".concat(domainUrl, "/").concat(reservedPath));
+    });
+  });
+};
+
+var REDIRECT_URL_VALIDATION_SCHEMA = 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(VALID_URL_REGEX.source, "|").concat(URL_PATHNAME_REGEX.source)), t("neetoRedirectUrls.redirect.validations.destination")).test("paths-not-same", t("neetoRedirectUrls.redirect.validations.samePaths"), function (value, context) {
+    var fromPath = context.parent.fromPath;
+    if (!value || !fromPath) return true;
+    return value !== fromPath;
+  }).test("reserved-path", t("neetoRedirectUrls.redirect.validations.reservedPath"), function (value) {
+    return !isReservedPath(value);
+  })
+});
+
+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), true).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 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(Sheet.Header, {
+      children: /*#__PURE__*/jsx(Sheet.Title, {
+        children: redirectUrlId ? t("neetoRedirectUrls.redirect.edit") : t("neetoRedirectUrls.redirect.add")
+      })
+    }), /*#__PURE__*/jsx(Form, {
+      className: "flex min-h-0 w-full flex-1 flex-col",
+      formikProps: {
+        initialValues: initialValues || {
+          fromPath: "",
+          toPath: ""
+        },
+        validationSchema: REDIRECT_URL_VALIDATION_SCHEMA,
+        onSubmit: function onSubmit(values, formikBag) {
+          handleSubmit(_objectSpread$1({}, values), formikBag);
+        }
+      },
+      children: /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Sheet.Body, {
+          children: /*#__PURE__*/jsxs("div", {
+            className: "w-full space-y-4",
+            children: [/*#__PURE__*/jsx(Input, {
+              required: true,
+              id: "fromPath",
+              label: t("neetoRedirectUrls.redirect.source"),
+              name: "fromPath",
+              ref: setInitialFocusField,
+              placeholder: t("neetoRedirectUrls.common.placeholder.relativeUrl")
+            }), /*#__PURE__*/jsx(Input, {
+              required: true,
+              id: "toPath",
+              label: t("neetoRedirectUrls.redirect.destination"),
+              name: "toPath",
+              placeholder: window.location.origin
+            })]
+          })
+        }), /*#__PURE__*/jsx(Sheet.Footer, {
+          children: /*#__PURE__*/jsx(ActionBlock, {
+            cancelButtonProps: {
+              onClick: handleClose
+            }
+          })
+        })]
+      })
+    })]
+  });
+};
+
+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(VALID_URL_REGEX, t("neetoRedirectUrls.redirect.validations.destination")).test("not-duplicate-domain", t("neetoRedirectUrls.redirect.validations.duplicateDomain"), function (value) {
+      var _window$globalProps$o;
+      if (!value) return true;
+      var domainUrls = ((_window$globalProps$o = window.globalProps.organization) === null || _window$globalProps$o === void 0 || (_window$globalProps$o = _window$globalProps$o.domainUrls) === null || _window$globalProps$o === void 0 ? void 0 : _window$globalProps$o.map(normalizeURL)) || [];
+      return !domainUrls.includes(normalizeURL(value));
+    }).test("reserved-path", t("neetoRedirectUrls.redirect.validations.reservedPath"), function (value) {
+      return !isReservedPath(value);
+    })
+  })
+});
+
+var DomainRedirection = function DomainRedirection(_ref) {
+  var domainRedirectUrl = _ref.domainRedirectUrl,
+    entity = _ref.entity,
+    helpDocUrls = _ref.helpDocUrls;
+  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: 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(Form, {
+    className: "mb-6 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(CardLayout, {
+        containerClassName: "ms-0",
+        children: [/*#__PURE__*/jsx("div", {
+          className: "flex items-center justify-between",
+          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-testid": "domain-level-redirection-switch",
+                name: "domainRedirectionActive",
+                size: "lg",
+                onClick: function onClick() {
+                  return handleRemoveRedirection(domainRedirectionActive);
+                }
+              }), /*#__PURE__*/jsx(Typography, {
+                "data-testid": "domain-level-redirection-heading",
+                variant: "h5",
+                weight: "medium",
+                children: t("neetoRedirectUrls.redirect.domainLevelRedirect.label")
+              })]
+            }), /*#__PURE__*/jsx(Typography, {
+              variant: "body2",
+              children: /*#__PURE__*/jsx(Trans, {
+                i18nKey: "neetoRedirectUrls.redirect.domainLevelRedirect.description",
+                values: {
+                  entity: entity,
+                  app: window.globalProps.appName
+                },
+                components: {
+                  Link: /*#__PURE__*/jsx(Button, {
+                    className: "text-sm",
+                    "data-testid": "domain-level-redirections-help-button",
+                    target: "_blank",
+                    variant: "link",
+                    href: helpDocUrls.domainLevelRedirectUrl || DOMAIN_LEVEL_REDIRECT_HELP_DOC_URL
+                  })
+                }
+              })
+            })]
+          })
+        }), domainRedirectionActive && /*#__PURE__*/jsx("div", {
+          className: "mt-2 flex w-1/2 items-start space-x-3",
+          children: isEditingDomainRedirect ? /*#__PURE__*/jsx(FormikInlineInput, {
+            "data-testid": "domain-level-redirection-link-text-field",
+            handleCancel: function handleCancel() {
+              return dirty;
+            },
+            name: "toPath",
+            placeholder: t("neetoRedirectUrls.common.placeholder.url"),
+            cancelButtonProps: {
+              disabled: !dirty,
+              "data-testid": "domain-level-redirection-link-cancel-button"
+            },
+            submitButtonProps: {
+              "data-testid": "domain-level-redirection-link-submit-button"
+            }
+          }) : /*#__PURE__*/jsxs(Fragment, {
+            children: [/*#__PURE__*/jsx(Input, {
+              disabled: true,
+              name: "toPath"
+            }), /*#__PURE__*/jsx(Button, {
+              "data-testid": "domain-level-redirection-edit-btn",
+              icon: Pencil,
+              variant: "link",
+              onClick: function onClick() {
+                return setIsEditingDomainRedirect(true);
+              }
+            })]
+          })
+        })]
+      });
+    }
+  });
+};
+
+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",
+    "data-testid": "neeto-redirect-url-edit-btn",
+    label: t("neetoRedirectUrls.common.edit"),
+    onClick: function onClick() {
+      setUrlDetailsToEdit({
+        id: id,
+        fromPath: fromPath,
+        toPath: toPath
+      });
+    }
+  }, {
+    key: "delete-menu",
+    "data-testid": "neeto-redirect-url-delete-btn",
+    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 columns = [{
+    header: t("neetoRedirectUrls.redirect.source"),
+    accessorKey: "fromPath",
+    id: "name",
+    size: 300,
+    cell: function cell(_ref2) {
+      var row = _ref2.row;
+      var redirectUrl = row.original;
+      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: {
+            className: "w-max"
+          },
+          menuItems: buildMoreMenuItems({
+            redirectUrl: redirectUrl,
+            setUrlDetailsToEdit: setUrlDetailsToEdit,
+            setUrlDetailsToDelete: setUrlDetailsToDelete
+          })
+        })]
+      });
+    }
+  }, {
+    header: t("neetoRedirectUrls.redirect.destination"),
+    accessorKey: "toPath",
+    id: "toPath",
+    size: 300,
+    cell: function cell(_ref3) {
+      var getValue = _ref3.getValue;
+      var toPath = getValue();
+      return toPath && truncateUrl(toPath);
+    }
+  }];
+  return /*#__PURE__*/jsx(DataTable, {
+    columns: columns,
+    fixedHeight: true,
+    currentPage: currentPageNumber,
+    data: redirectUrls,
+    loading: isFetching,
+    pageSize: DEFAULT_PAGE_SIZE,
+    totalCount: recordsCount,
+    onPageChange: function onPageChange(page) {
+      return setCurrentPageNumber(page);
+    }
+  });
+};
+
+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), true).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(_ref) {
+  var entity = _ref.entity,
+    _ref$helpDocUrls = _ref.helpDocUrls,
+    helpDocUrls = _ref$helpDocUrls === void 0 ? {} : _ref$helpDocUrls;
+  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.redirectUrls,
+    redirectUrls = _useFetchAllRedirectU4 === void 0 ? [] : _useFetchAllRedirectU4,
+    domainRedirectUrl = _useFetchAllRedirectU3.domainRedirectUrl,
+    isLoading = _useFetchAllRedirectU.isLoading,
+    isFetching = _useFetchAllRedirectU.isFetching;
+  var isFiltersVisible = (redirectUrls === null || redirectUrls === void 0 ? void 0 : redirectUrls.length) > 0 || isPresent(searchTerm);
+  var _useUpdateRedirectUrl = useUpdateRedirectUrl(),
+    updateRedirectUrl = _useUpdateRedirectUrl.mutate;
+  var _useDestroyRedirectUr = useDestroyRedirectUrl(),
+    deleteRedirectUrl = _useDestroyRedirectUr.mutate;
+  var handleCreateRedirectUrl = function handleCreateRedirectUrl(redirectUrl, _ref2) {
+    var setSubmitting = _ref2.setSubmitting,
+      setStatus = _ref2.setStatus;
+    createRedirectUrl({
+      payload: redirectUrl,
+      config: SHOW_TOASTR_CONFIG
+    }, {
+      onError: function onError(error) {
+        handleError(setStatus, error);
+        setSubmitting(false);
+      },
+      onSuccess: function onSuccess() {
+        showThumbsUpToastr();
+        setIsModalOpen(false);
+      }
+    });
+  };
+  var handleRedirectUrlUpdate = function handleRedirectUrlUpdate(redirectUrl, _ref3) {
+    var setSubmitting = _ref3.setSubmitting,
+      setStatus = _ref3.setStatus;
+    updateRedirectUrl({
+      id: redirectUrl.id,
+      payload: redirectUrl,
+      config: SHOW_TOASTR_CONFIG
+    }, {
+      onError: function onError(error) {
+        handleError(setStatus, error);
+        setSubmitting(false);
+      },
+      onSuccess: function onSuccess() {
+        showThumbsUpToastr();
+        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("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    }) : /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(Header, {
+        breadcrumbs: buildBreadcrumbs(pageTitle),
+        title: pageTitle,
+        actionBlock: /*#__PURE__*/jsx(Button, {
+          "data-testid": "add-new-redirect-url-button",
+          label: t("neetoRedirectUrls.redirect.add"),
+          onClick: function onClick() {
+            return setIsModalOpen(true);
+          }
+        }),
+        searchProps: isFiltersVisible && {
+          placeholder: t("neetoRedirectUrls.redirect.search")
+        },
+        titleHelpPopoverProps: {
+          title: t("neetoRedirectUrls.settings.redirecturl.title"),
+          description: t("neetoRedirectUrls.settings.redirecturl.description"),
+          helpLinkProps: {
+            href: helpDocUrls.createRedirectUrl || CREATE_REDIRECT_URL_HELP_DOC_URL
+          }
+        }
+      }), /*#__PURE__*/jsxs(Fragment, {
+        children: [isEmpty(redirectUrls) ? /*#__PURE__*/jsx("div", {
+          className: "flex h-full w-full items-center justify-center",
+          children: /*#__PURE__*/jsx(Empty, {
+            icon: CornerUpRight,
+            title: t("neetoRedirectUrls.emptyState.redirectURLs.title"),
+            description: /*#__PURE__*/jsx(Trans, {
+              i18nKey: "neetoRedirectUrls.emptyState.redirectURLs.description",
+              components: {
+                helpLink: /*#__PURE__*/jsx(Button, {
+                  target: "_blank",
+                  variant: "link",
+                  href: helpDocUrls.createRedirectUrl || CREATE_REDIRECT_URL_HELP_DOC_URL
+                })
+              }
+            }),
+            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,
+              entity: entity,
+              helpDocUrls: helpDocUrls
+            })
+          }), /*#__PURE__*/jsx(RedirectUrlsTable, {
+            currentPageNumber: currentPageNumber,
+            isFetching: isFetching,
+            redirectUrls: redirectUrls,
+            setCurrentPageNumber: setCurrentPageNumber,
+            setUrlDetailsToDelete: setUrlDetailsToDelete,
+            setUrlDetailsToEdit: setUrlDetailsToEdit,
+            recordsCount: redirectUrls.length
+          })]
+        }), /*#__PURE__*/jsx(DeleteRedirectUrlModal, {
+          detailsToDelete: urlDetailsToDelete,
+          handleClose: function handleClose() {
+            return setUrlDetailsToDelete(null);
+          },
+          handleSubmit: handleRedirectUrlDelete,
+          isOpen: urlDetailsToDelete !== null
+        }), /*#__PURE__*/jsx(Sheet, {
+          isOpen: isModalOpen || isNotNil(urlDetailsToEdit),
+          size: "large",
+          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