@bigbinary/neeto-payments-frontend 6.1.12 → 6.1.13

package/dist/cjs/RefundsDashboard.js

@@ -1,8 +1,5 @@
 'use strict';
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var react = require('react');
 var constants$1 = require('neetocommons/constants');
 var utils = require('neetocommons/utils');
@@ -10,60 +7,52 @@ var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
 var neetoui = require('@bigbinary/neetoui');
 var ramda = require('ramda');
 var reactRouterDom = require('react-router-dom');
-var ExportModal = require('./ExportModal-DxCzPCh0.js');
+var ExportModal = require('./ExportModal-DE-VcN1X.js');
 var reactQuery = require('@tanstack/react-query');
 var axios = require('axios');
-var constants = require('./index-CZ_VFGNj.js');
-var queryConstants = require('./queryConstants-Cka1X6GX.js');
+var constants = require('./index-D6V3Vofs.js');
+var queryConstants = require('./queryConstants-Dc6wh21D.js');
 var i18next = require('i18next');
 var neetocist = require('neetocist');
 var Columns = require('@bigbinary/neeto-molecules/Columns');
 var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
 var reactI18next = require('react-i18next');
-var exportChannel = require('./exportChannel-D1Wls92m.js');
+var exportChannel = require('./exportChannel-BL2RGGhP.js');
 var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
-var CopyButtonWrapper = require('./CopyButtonWrapper-BkpN0Wmd.js');
+var CopyButtonWrapper = require('./CopyButtonWrapper-I-kdKiiB.js');
+var jsxRuntime = require('react/jsx-runtime');
 var Header = require('@bigbinary/neeto-molecules/Header');
 var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
 require('@bigbinary/neeto-icons');
 require('decimal.js');
 require('@bigbinary/neeto-molecules/CopyToClipboardButton');
 
-var list = function list(payload) {
-  return axios.get("".concat(constants.BASE_URL, "/api/v1/refunds"), {
-    params: payload
-  });
-};
-var refundsApi = {
-  list: list
+const list = payload => axios.get(`${constants.BASE_URL}/api/v1/refunds`, {
+  params: payload
+});
+const refundsApi = {
+  list
 };
 
-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 useFetchRefunds = function useFetchRefunds() {
-  var payload = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return reactQuery.useQuery(_objectSpread$2({
-    queryKey: [queryConstants.QUERY_KEYS.REFUNDS_LIST, payload],
-    queryFn: function queryFn() {
-      return refundsApi.list(payload);
-    }
-  }, options));
-};
+const useFetchRefunds = (payload = {}, options = {}) => reactQuery.useQuery({
+  queryKey: [queryConstants.QUERY_KEYS.REFUNDS_LIST, payload],
+  queryFn: () => refundsApi.list(payload),
+  ...options
+});
 
-var REFUND_DASHBOARD_TAB = {
+const REFUND_DASHBOARD_TAB = {
   all: "all",
   successful: "successful",
   declined: "declined",
   pending: "pending"
 };
-var SEARCH_PROPS = {
+const SEARCH_PROPS = {
   node: "identifier,",
   key: "search_term",
   model: "NeetoPaymentsEngine::Refund,",
   placeholder: i18next.t("neetoPayments.common.searchByIdentifier")
 };
-var FILTER_COLUMNS = [{
+const FILTER_COLUMNS = [{
   key: "payment_provider",
   label: i18next.t("neetoPayments.common.paymentProvider"),
   node: "payment_provider",
@@ -86,7 +75,7 @@ var FILTER_COLUMNS = [{
   node: "refunded_at",
   type: "date"
 }];
-var TAG_STYLE = {
+const TAG_STYLE = {
   initiated: "info",
   declined: "danger",
   successful: "success",
@@ -94,415 +83,403 @@ var TAG_STYLE = {
   pending: "warning"
 };
 
-var renderIdentifier = function renderIdentifier(identifier, _ref) {
-  var receiptUrl = _ref.receiptUrl;
-  var isTemporaryIdentifier = identifier === null || identifier === void 0 ? void 0 : identifier.startsWith("temp_");
+const renderIdentifier = (identifier, {
+  receiptUrl
+}) => {
+  const isTemporaryIdentifier = identifier?.startsWith("temp_");
   if (isTemporaryIdentifier) {
-    return /*#__PURE__*/React.createElement(neetoui.Tooltip, {
+    return /*#__PURE__*/jsxRuntime.jsx(neetoui.Tooltip, {
       content: i18next.t("neetoPayments.tooltipContent.paymentIdentifierUnavailable"),
-      position: "top"
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "text-center"
-    }, /*#__PURE__*/React.createElement(neetoui.Typography, {
-      style: "body2"
-    }, i18next.t("neetoPayments.common.notAvailable"))));
+      position: "top",
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "text-center",
+        children: /*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+          style: "body2",
+          children: i18next.t("neetoPayments.common.notAvailable")
+        })
+      })
+    });
   }
-  return /*#__PURE__*/React.createElement(CopyButtonWrapper.CopyButtonWrapper, {
-    content: identifier
-  }, /*#__PURE__*/React.createElement(neetoui.Button, {
-    href: receiptUrl,
-    label: identifier,
-    size: "small",
-    style: "link",
-    target: "_blank"
-  }));
-};
-var getTagStyle = function getTagStyle(status) {
-  return TAG_STYLE[status] || constants.DEFAULT_TAG_STYLE;
+  return /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper.CopyButtonWrapper, {
+    content: identifier,
+    children: /*#__PURE__*/jsxRuntime.jsx(neetoui.Button, {
+      href: receiptUrl,
+      label: identifier,
+      size: "small",
+      style: "link",
+      target: "_blank"
+    })
+  });
 };
-var preProcessStatus = function preProcessStatus(type, status) {
-  var record = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+const getTagStyle = status => TAG_STYLE[status] || constants.DEFAULT_TAG_STYLE;
+const preProcessStatus = (type, status, record = {}) => {
   if (type === "payment") {
     return record.isRefunded ? "refunded" : status;
   }
   return neetocist.snakeToCamelCase(status);
 };
-var renderStatus = ramda.curry(function (type, status, record) {
-  var processedStatus = preProcessStatus(type, status, record);
-  return /*#__PURE__*/React.createElement(neetoui.Tooltip, {
-    content: i18next.t("neetoPayments.tooltipContent.".concat(type, ".").concat(processedStatus)),
-    position: "top"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "w-fit"
-  }, /*#__PURE__*/React.createElement(neetoui.Tag, {
-    style: getTagStyle(processedStatus),
-    label: neetocist.humanize(i18next.t("neetoPayments.tagLabels.".concat(type, ".").concat(processedStatus)))
-  })));
+const renderStatus = ramda.curry((type, status, record) => {
+  const processedStatus = preProcessStatus(type, status, record);
+  return /*#__PURE__*/jsxRuntime.jsx(neetoui.Tooltip, {
+    content: i18next.t(`neetoPayments.tooltipContent.${type}.${processedStatus}`),
+    position: "top",
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "w-fit",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoui.Tag, {
+        style: getTagStyle(processedStatus),
+        label: neetocist.humanize(i18next.t(`neetoPayments.tagLabels.${type}.${processedStatus}`))
+      })
+    })
+  });
 });
-var renderDate = function renderDate(date) {
+const renderDate = date => {
   if (neetocist.isPresent(date)) {
-    return /*#__PURE__*/React.createElement(DateFormat.DateTime, {
-      date: date
+    return /*#__PURE__*/jsxRuntime.jsx(DateFormat.DateTime, {
+      date
     });
   }
-  return /*#__PURE__*/React.createElement(neetoui.Typography, {
-    style: "body2"
-  }, i18next.t("neetoPayments.common.notAvailable"));
-};
-var getDefaultColumns = function getDefaultColumns() {
-  return [{
-    title: i18next.t("neetoPayments.common.id"),
-    dataIndex: "id",
-    key: "id",
-    width: 85,
-    position: 0,
-    isHidable: false
-  }, {
-    title: i18next.t("neetoPayments.common.identifier"),
-    dataIndex: "identifier",
-    key: "identifier",
-    width: 300,
-    render: renderIdentifier,
-    position: 1,
-    isHidable: false
-  }, {
-    title: i18next.t("neetoPayments.common.provider"),
-    dataIndex: "paymentProvider",
-    key: "paymentProvider",
-    width: 150,
-    render: neetocist.humanize,
-    position: 2,
-    sorter: false
-  }, {
-    title: i18next.t("neetoPayments.common.status"),
-    dataIndex: "status",
-    key: "status",
-    width: 200,
-    render: renderStatus("refund"),
-    sorter: true,
-    position: 3,
-    isHidable: false
-  }, {
-    title: i18next.t("neetoPayments.common.refundAmount"),
-    dataIndex: "amount",
-    key: "amount",
-    width: 203,
-    sorter: true,
-    render: constants.formatAmount,
-    position: 4
-  }, {
-    title: i18next.t("neetoPayments.common.paymentAmount"),
-    dataIndex: ["payment", "amount"],
-    key: "paymentAmount",
-    width: 210,
-    sorter: true,
-    render: constants.formatAmount,
-    position: 4
-  }, {
-    title: i18next.t("neetoPayments.common.currency"),
-    dataIndex: "currency",
-    key: "currency",
-    width: 180,
-    sorter: true,
-    render: constants.formatCurrency,
-    position: 4
-  }, {
-    title: i18next.t("neetoPayments.common.refundTime"),
-    dataIndex: "refundedAt",
-    key: "refundedAt",
-    width: 190,
-    render: renderDate,
-    sorter: true,
-    position: 5
-  }, {
-    title: i18next.t("neetoPayments.common.paymentIdentifier"),
-    dataIndex: ["payment", "identifier"],
-    key: "paymentIdentifier",
-    width: 300,
-    render: renderIdentifier,
-    position: 6
-  }];
-};
-
-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 buildSearchProps = function buildSearchProps(searchProps, searchTerm) {
-  return ramda.mergeDeepWith(ramda.concat, SEARCH_PROPS, ramda.mergeLeft({
-    value: searchTerm.trim()
-  }, searchProps));
-};
-var buildFilterColumns = function buildFilterColumns() {
-  var payableEntityColumns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  return ramda.reject(ramda.isNil, ramda.concat(FILTER_COLUMNS, ramda.map(ramda.prop("filterProps"), payableEntityColumns)));
-};
-var buildRowData = function buildRowData(_ref) {
-  var refunds = _ref.refunds,
-    _ref$pageProperties = _ref.pageProperties,
-    pageProperties = _ref$pageProperties === void 0 ? {} : _ref$pageProperties;
-  return refunds === null || refunds === void 0 ? void 0 : refunds.map(function (element, index) {
-    return _objectSpread$1(_objectSpread$1({}, element), {}, {
-      id: ramda.isEmpty(pageProperties) ? index + 1 : pageProperties.pageSize * (pageProperties.page - 1) + index + 1
-    });
+  return /*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+    style: "body2",
+    children: i18next.t("neetoPayments.common.notAvailable")
   });
 };
+const getDefaultColumns = () => [{
+  title: i18next.t("neetoPayments.common.id"),
+  dataIndex: "id",
+  key: "id",
+  width: 85,
+  position: 0,
+  isHidable: false
+}, {
+  title: i18next.t("neetoPayments.common.identifier"),
+  dataIndex: "identifier",
+  key: "identifier",
+  width: 300,
+  render: renderIdentifier,
+  position: 1,
+  isHidable: false
+}, {
+  title: i18next.t("neetoPayments.common.provider"),
+  dataIndex: "paymentProvider",
+  key: "paymentProvider",
+  width: 150,
+  render: neetocist.humanize,
+  position: 2,
+  sorter: false
+}, {
+  title: i18next.t("neetoPayments.common.status"),
+  dataIndex: "status",
+  key: "status",
+  width: 200,
+  render: renderStatus("refund"),
+  sorter: true,
+  position: 3,
+  isHidable: false
+}, {
+  title: i18next.t("neetoPayments.common.refundAmount"),
+  dataIndex: "amount",
+  key: "amount",
+  width: 203,
+  sorter: true,
+  render: constants.formatAmount,
+  position: 4
+}, {
+  title: i18next.t("neetoPayments.common.paymentAmount"),
+  dataIndex: ["payment", "amount"],
+  key: "paymentAmount",
+  width: 210,
+  sorter: true,
+  render: constants.formatAmount,
+  position: 4
+}, {
+  title: i18next.t("neetoPayments.common.currency"),
+  dataIndex: "currency",
+  key: "currency",
+  width: 180,
+  sorter: true,
+  render: constants.formatCurrency,
+  position: 4
+}, {
+  title: i18next.t("neetoPayments.common.refundTime"),
+  dataIndex: "refundedAt",
+  key: "refundedAt",
+  width: 190,
+  render: renderDate,
+  sorter: true,
+  position: 5
+}, {
+  title: i18next.t("neetoPayments.common.paymentIdentifier"),
+  dataIndex: ["payment", "identifier"],
+  key: "paymentIdentifier",
+  width: 300,
+  render: renderIdentifier,
+  position: 6
+}];
+
+const buildSearchProps = (searchProps, searchTerm) => ramda.mergeDeepWith(ramda.concat, SEARCH_PROPS, ramda.mergeLeft({
+  value: searchTerm.trim()
+}, searchProps));
+const buildFilterColumns = (payableEntityColumns = []) => ramda.reject(ramda.isNil, ramda.concat(FILTER_COLUMNS, ramda.map(ramda.prop("filterProps"), payableEntityColumns)));
+const buildRowData = ({
+  refunds,
+  pageProperties = {}
+}) => refunds?.map((element, index) => ({
+  ...element,
+  id: ramda.isEmpty(pageProperties) ? index + 1 : pageProperties.pageSize * (pageProperties.page - 1) + index + 1
+}));
 
-var List = function List(_ref) {
-  var isFetching = _ref.isFetching,
-    refunds = _ref.refunds,
-    views = _ref.views,
-    payableEntityColumns = _ref.payableEntityColumns,
-    setSortProperties = _ref.setSortProperties,
-    pageProperties = _ref.pageProperties,
-    handleTablePagination = _ref.handleTablePagination;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _getQueryParams = utils.getQueryParams(),
-    _getQueryParams$tab = _getQueryParams.tab,
-    tab = _getQueryParams$tab === void 0 ? REFUND_DASHBOARD_TAB.all : _getQueryParams$tab;
-  var refundsCount = views[tab];
-  var allColumns = constants.buildDefaultTableColumns({
-    payableEntityColumns: payableEntityColumns,
+const List = ({
+  isFetching,
+  refunds,
+  views,
+  payableEntityColumns,
+  setSortProperties,
+  pageProperties,
+  handleTablePagination
+}) => {
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const {
+    tab = REFUND_DASHBOARD_TAB.all
+  } = utils.getQueryParams();
+  const refundsCount = views[tab];
+  const allColumns = constants.buildDefaultTableColumns({
+    payableEntityColumns,
     defaultColumns: getDefaultColumns(),
     isAllTab: tab === REFUND_DASHBOARD_TAB.all
   });
-  var _useTableConfiguratio = Columns.useTableConfigurations("".concat(exportChannel.TABLE_KEYS.REFUNDS_TABLE, "-").concat(tab), allColumns),
-    isTableConfigurationLoading = _useTableConfiguratio.isTableConfigurationLoading,
-    customizedColumns = _useTableConfiguratio.customizedColumns,
-    hideColumn = _useTableConfiguratio.hideColumn;
-  var handleTableChange = function handleTableChange(_, __, sorter) {
-    var processedDataIndex = neetocist.camelToSnakeCase(constants.processDataIndex(sorter.field));
-    var sortBy = neetocist.isPresent(constants.ASSOCIATED_TABLE_COLUMNS[processedDataIndex]) ? constants.ASSOCIATED_TABLE_COLUMNS[processedDataIndex] : processedDataIndex;
-    setSortProperties(neetocist.isPresent(sorter === null || sorter === void 0 ? void 0 : sorter.column) ? {
-      sortBy: sortBy,
+  const {
+    isTableConfigurationLoading,
+    customizedColumns,
+    hideColumn
+  } = Columns.useTableConfigurations(`${exportChannel.TABLE_KEYS.REFUNDS_TABLE}-${tab}`, allColumns);
+  const handleTableChange = (_, __, sorter) => {
+    const processedDataIndex = neetocist.camelToSnakeCase(constants.processDataIndex(sorter.field));
+    const sortBy = neetocist.isPresent(constants.ASSOCIATED_TABLE_COLUMNS[processedDataIndex]) ? constants.ASSOCIATED_TABLE_COLUMNS[processedDataIndex] : processedDataIndex;
+    setSortProperties(neetocist.isPresent(sorter?.column) ? {
+      sortBy,
       orderBy: sorter.order === "ascend" ? "ASC" : "DESC"
     } : constants.DEFAULT_SORT_PROPERTIES);
   };
   if (neetocist.isNotPresent(refunds)) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "flex h-full w-full items-center justify-center"
-    }, /*#__PURE__*/React.createElement(neetoui.NoData, {
-      title: tab === REFUND_DASHBOARD_TAB.all ? t("neetoPayments.emptyState.refund") : t("neetoPayments.emptyState.refundWithStatus", {
-        status: tab
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoui.NoData, {
+        title: tab === REFUND_DASHBOARD_TAB.all ? t("neetoPayments.emptyState.refund") : t("neetoPayments.emptyState.refundWithStatus", {
+          status: tab
+        })
       })
-    }));
+    });
   }
-  return /*#__PURE__*/React.createElement(TableWrapper, {
-    hasPagination: refundsCount > (pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.pageSize)
-  }, /*#__PURE__*/React.createElement(neetoui.Table, {
-    fixedHeight: true,
-    allowRowClick: false,
-    columnData: customizedColumns,
-    currentPageNumber: pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.page,
-    handlePageChange: handleTablePagination,
-    loading: isFetching || isTableConfigurationLoading,
-    rowData: buildRowData({
-      refunds: refunds,
-      pageProperties: pageProperties,
-      tab: tab
-    }),
-    rowSelection: false,
-    sortDirections: constants.SORT_DIRECTIONS,
-    totalCount: refundsCount,
-    paginationProps: {
-      showSizeChanger: true,
-      hideOnSinglePage: true,
-      pageSize: pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.pageSize,
-      total: refundsCount
-    },
-    onChange: handleTableChange,
-    onColumnHide: function onColumnHide(_ref2) {
-      var key = _ref2.key;
-      return hideColumn(key);
-    }
-  }));
+  return /*#__PURE__*/jsxRuntime.jsx(TableWrapper, {
+    hasPagination: refundsCount > pageProperties?.pageSize,
+    children: /*#__PURE__*/jsxRuntime.jsx(neetoui.Table, {
+      fixedHeight: true,
+      allowRowClick: false,
+      columnData: customizedColumns,
+      currentPageNumber: pageProperties?.page,
+      handlePageChange: handleTablePagination,
+      loading: isFetching || isTableConfigurationLoading,
+      rowData: buildRowData({
+        refunds,
+        pageProperties,
+        tab
+      }),
+      rowSelection: false,
+      sortDirections: constants.SORT_DIRECTIONS,
+      totalCount: refundsCount,
+      paginationProps: {
+        showSizeChanger: true,
+        hideOnSinglePage: true,
+        pageSize: pageProperties?.pageSize,
+        total: refundsCount
+      },
+      onChange: handleTableChange,
+      onColumnHide: ({
+        key
+      }) => hideColumn(key)
+    })
+  });
 };
 
-var TopSection = function TopSection(_ref) {
-  var views = _ref.views,
-    filters = _ref.filters,
-    setFilters = _ref.setFilters,
-    filterableColumns = _ref.filterableColumns,
-    searchKeywordProps = _ref.searchKeywordProps,
-    payableEntityColumns = _ref.payableEntityColumns,
-    setIsExportModalOpen = _ref.setIsExportModalOpen;
-  var _useState = react.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isFilterPaneOpen = _useState2[0],
-    setIsFilterPaneOpen = _useState2[1];
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var history = reactRouterDom.useHistory();
-  var _getQueryParams = utils.getQueryParams(),
-    _getQueryParams$tab = _getQueryParams.tab,
-    tab = _getQueryParams$tab === void 0 ? REFUND_DASHBOARD_TAB.all : _getQueryParams$tab;
-  var refundsCount = views === null || views === void 0 ? void 0 : views[tab];
-  var isRefundCountVisible = refundsCount > 0 || refundsCount === 0 && neetocist.isPresent(filters);
-  var isFilterButtonVisible = isRefundCountVisible || neetocist.isPresent(filters);
-  var handleFiltersChange = function handleFiltersChange(filters) {
-    react.startTransition(function () {
+const TopSection = ({
+  views,
+  filters,
+  setFilters,
+  filterableColumns,
+  searchKeywordProps,
+  payableEntityColumns,
+  setIsExportModalOpen
+}) => {
+  const [isFilterPaneOpen, setIsFilterPaneOpen] = react.useState(false);
+  const {
+    t
+  } = reactI18next.useTranslation();
+  const history = reactRouterDom.useHistory();
+  const {
+    tab = REFUND_DASHBOARD_TAB.all
+  } = utils.getQueryParams();
+  const refundsCount = views?.[tab];
+  const isRefundCountVisible = refundsCount > 0 || refundsCount === 0 && neetocist.isPresent(filters);
+  const isFilterButtonVisible = isRefundCountVisible || neetocist.isPresent(filters);
+  const handleFiltersChange = filters => {
+    react.startTransition(() => {
       setFilters(filters);
     });
   };
-  var handleTabChange = function handleTabChange(tab) {
-    var queryParams = utils.getQueryParams({
+  const handleTabChange = tab => {
+    const queryParams = utils.getQueryParams({
       toCamelCase: false
     });
-    var newParams = {
-      tab: tab,
+    const newParams = {
+      tab,
       page: constants$1.DEFAULT_PAGE_INDEX,
       page_size: constants$1.DEFAULT_PAGE_SIZE
     };
     history.push(utils.buildUrl(window.location.pathname, ramda.mergeLeft(newParams, queryParams)));
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Header, {
-    title: t("neetoPayments.title.refunds"),
-    searchProps: isFilterButtonVisible && {
-      placeholder: searchKeywordProps.placeholder,
-      className: "w-80"
-    }
-  }), constants.shouldTabsVisible(views) && /*#__PURE__*/React.createElement(neetoui.Tab, null, Object.keys(REFUND_DASHBOARD_TAB).map(function (item) {
-    return /*#__PURE__*/React.createElement(neetoui.Tab.Item, {
-      active: tab === item,
-      key: item,
-      onClick: function onClick() {
-        return handleTabChange(item);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
+      title: t("neetoPayments.title.refunds"),
+      searchProps: isFilterButtonVisible && {
+        placeholder: searchKeywordProps.placeholder,
+        className: "w-80"
       }
-    }, t("neetoPayments.common.".concat(item)));
-  })), /*#__PURE__*/React.createElement(SubHeader, {
-    className: "my-4",
-    leftActionBlock: isRefundCountVisible && /*#__PURE__*/React.createElement(neetoui.Typography, {
-      className: "neeto-ui-gray-800 me-2 font-semibold",
-      component: "h4"
-    }, tab === REFUND_DASHBOARD_TAB.all ? t("neetoPayments.countOf.refund", {
-      count: refundsCount
-    }) : t("neetoPayments.countOf.refundWithStatus", {
-      count: refundsCount,
-      status: tab
-    })),
-    rightActionBlock: isFilterButtonVisible && /*#__PURE__*/React.createElement(SubHeader.RightBlock, {
-      columnsButtonProps: {
-        columnData: constants.buildDefaultTableColumns({
-          defaultColumns: getDefaultColumns(),
-          payableEntityColumns: payableEntityColumns,
-          isAllTab: tab === REFUND_DASHBOARD_TAB.all
-        }).map(ramda.modify("dataIndex", constants.processDataIndex)),
-        fixedColumns: constants.UN_HIDEABLE_COLUMNS,
-        tableKey: "".concat(exportChannel.TABLE_KEYS.REFUNDS_TABLE, "-").concat(tab)
-      },
-      downloadButtonProps: {
-        onClick: function onClick() {
-          return setIsExportModalOpen(true);
+    }), constants.shouldTabsVisible(views) && /*#__PURE__*/jsxRuntime.jsx(neetoui.Tab, {
+      children: Object.keys(REFUND_DASHBOARD_TAB).map(item => /*#__PURE__*/jsxRuntime.jsx(neetoui.Tab.Item, {
+        active: tab === item,
+        onClick: () => handleTabChange(item),
+        children: t(`neetoPayments.common.${item}`)
+      }, item))
+    }), /*#__PURE__*/jsxRuntime.jsx(SubHeader, {
+      className: "my-4",
+      leftActionBlock: isRefundCountVisible && /*#__PURE__*/jsxRuntime.jsx(neetoui.Typography, {
+        className: "neeto-ui-gray-800 me-2 font-semibold",
+        component: "h4",
+        children: tab === REFUND_DASHBOARD_TAB.all ? t("neetoPayments.countOf.refund", {
+          count: refundsCount
+        }) : t("neetoPayments.countOf.refundWithStatus", {
+          count: refundsCount,
+          status: tab
+        })
+      }),
+      rightActionBlock: isFilterButtonVisible && /*#__PURE__*/jsxRuntime.jsx(SubHeader.RightBlock, {
+        columnsButtonProps: {
+          columnData: constants.buildDefaultTableColumns({
+            defaultColumns: getDefaultColumns(),
+            payableEntityColumns,
+            isAllTab: tab === REFUND_DASHBOARD_TAB.all
+          }).map(ramda.modify("dataIndex", constants.processDataIndex)),
+          fixedColumns: constants.UN_HIDEABLE_COLUMNS,
+          tableKey: `${exportChannel.TABLE_KEYS.REFUNDS_TABLE}-${tab}`
+        },
+        downloadButtonProps: {
+          onClick: () => setIsExportModalOpen(true)
+        },
+        filterProps: {
+          columns: filterableColumns,
+          isOpen: isFilterPaneOpen,
+          keyword: searchKeywordProps,
+          setIsOpen: setIsFilterPaneOpen,
+          onChange: handleFiltersChange
         }
-      },
-      filterProps: {
-        columns: filterableColumns,
-        isOpen: isFilterPaneOpen,
-        keyword: searchKeywordProps,
-        setIsOpen: setIsFilterPaneOpen,
-        onChange: handleFiltersChange
-      }
-    })
-  }), /*#__PURE__*/React.createElement(neetoFiltersFrontend.Bar, {
-    columns: filterableColumns,
-    keyword: searchKeywordProps,
-    setIsPaneOpen: setIsFilterPaneOpen,
-    onChange: handleFiltersChange
-  }));
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(neetoFiltersFrontend.Bar, {
+      columns: filterableColumns,
+      keyword: searchKeywordProps,
+      setIsPaneOpen: setIsFilterPaneOpen,
+      onChange: handleFiltersChange
+    })]
+  });
 };
 
-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 RefundsDashboard = function RefundsDashboard(_ref) {
-  var searchProps = _ref.searchProps,
-    payableEntityColumns = _ref.payableEntityColumns,
-    accountIds = _ref.accountIds;
-  var _getQueryParams = utils.getQueryParams(),
-    _getQueryParams$searc = _getQueryParams.searchTerm,
-    searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
-  var filterableColumns = buildFilterColumns(payableEntityColumns);
-  var searchKeywordProps = buildSearchProps(searchProps, searchTerm);
-  var _useState = react.useState(constants.DEFAULT_SORT_PROPERTIES),
-    _useState2 = _slicedToArray(_useState, 2),
-    sortProperties = _useState2[0],
-    setSortProperties = _useState2[1];
-  var _useState3 = react.useState(constants.DEFAULT_PAGE_VALUES),
-    _useState4 = _slicedToArray(_useState3, 2),
-    pageProperties = _useState4[0],
-    setPageProperties = _useState4[1];
-  var _useState5 = react.useState(false),
-    _useState6 = _slicedToArray(_useState5, 2),
-    isExportModalOpen = _useState6[0],
-    setIsExportModalOpen = _useState6[1];
-  var _useState7 = react.useState(neetoFiltersFrontend.buildFiltersFromURL([].concat(_toConsumableArray(filterableColumns), [searchKeywordProps]))),
-    _useState8 = _slicedToArray(_useState7, 2),
-    filters = _useState8[0],
-    setFilters = _useState8[1];
-  var history = reactRouterDom.useHistory();
-  var _getQueryParams2 = utils.getQueryParams(),
-    _getQueryParams2$tab = _getQueryParams2.tab,
-    tab = _getQueryParams2$tab === void 0 ? REFUND_DASHBOARD_TAB.all : _getQueryParams2$tab;
-  var payload = _objectSpread(_objectSpread({
-    tab: tab,
-    filters: filters,
-    accountIds: accountIds
-  }, pageProperties), sortProperties);
-  var _useFetchRefunds = useFetchRefunds(payload, {
-      enabled: true
-    }),
-    _useFetchRefunds$data = _useFetchRefunds.data,
-    _useFetchRefunds$data2 = _useFetchRefunds$data === void 0 ? {} : _useFetchRefunds$data,
-    refunds = _useFetchRefunds$data2.refunds,
-    views = _useFetchRefunds$data2.views,
-    isFetching = _useFetchRefunds.isFetching,
-    isRefundsLoading = _useFetchRefunds.isPending;
-  var handleTablePagination = function handleTablePagination(page, pageSize) {
-    var queryParams = utils.getQueryParams({
+const RefundsDashboard = ({
+  searchProps,
+  payableEntityColumns,
+  accountIds
+}) => {
+  const {
+    searchTerm = ""
+  } = utils.getQueryParams();
+  const filterableColumns = buildFilterColumns(payableEntityColumns);
+  const searchKeywordProps = buildSearchProps(searchProps, searchTerm);
+  const [sortProperties, setSortProperties] = react.useState(constants.DEFAULT_SORT_PROPERTIES);
+  const [pageProperties, setPageProperties] = react.useState(constants.DEFAULT_PAGE_VALUES);
+  const [isExportModalOpen, setIsExportModalOpen] = react.useState(false);
+  const [filters, setFilters] = react.useState(neetoFiltersFrontend.buildFiltersFromURL([...filterableColumns, searchKeywordProps]));
+  const history = reactRouterDom.useHistory();
+  const {
+    tab = REFUND_DASHBOARD_TAB.all
+  } = utils.getQueryParams();
+  const payload = {
+    tab,
+    filters,
+    accountIds,
+    ...pageProperties,
+    ...sortProperties
+  };
+  const {
+    data: {
+      refunds,
+      views
+    } = {},
+    isFetching,
+    isPending: isRefundsLoading
+  } = useFetchRefunds(payload, {
+    enabled: true
+  });
+  const handleTablePagination = (page, pageSize) => {
+    const queryParams = utils.getQueryParams({
       toCamelCase: false
     });
     history.push(utils.buildUrl(window.location.pathname, ramda.mergeLeft({
-      page: page,
+      page,
       page_size: pageSize
     }, queryParams)));
     setPageProperties({
-      page: page,
-      pageSize: pageSize
+      page,
+      pageSize
     });
   };
-  react.useEffect(function () {
+  react.useEffect(() => {
     handleTablePagination(constants$1.DEFAULT_PAGE_INDEX, constants$1.DEFAULT_PAGE_SIZE);
     setSortProperties(constants.DEFAULT_SORT_PROPERTIES);
   }, [filters, tab]);
   if (isRefundsLoading) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: "flex h-full w-full items-center justify-center"
-    }, /*#__PURE__*/React.createElement(neetoui.Spinner, null));
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoui.Spinner, {})
+    });
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TopSection, {
-    filterableColumns: filterableColumns,
-    filters: filters,
-    pageProperties: pageProperties,
-    payableEntityColumns: payableEntityColumns,
-    searchKeywordProps: searchKeywordProps,
-    setFilters: setFilters,
-    setIsExportModalOpen: setIsExportModalOpen,
-    setPageProperties: setPageProperties,
-    setSortProperties: setSortProperties,
-    views: views
-  }), /*#__PURE__*/React.createElement(List, {
-    handleTablePagination: handleTablePagination,
-    isFetching: isFetching,
-    pageProperties: pageProperties,
-    payableEntityColumns: payableEntityColumns,
-    refunds: refunds,
-    setSortProperties: setSortProperties,
-    views: views
-  }), /*#__PURE__*/React.createElement(ExportModal.ExportModal, {
-    filters: filters,
-    isExportModalOpen: isExportModalOpen,
-    setIsExportModalOpen: setIsExportModalOpen,
-    sortProperties: sortProperties,
-    dashboardKind: constants.DASHBOARD_KIND.refunds
-  }));
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(TopSection, {
+      filterableColumns,
+      filters,
+      pageProperties,
+      payableEntityColumns,
+      searchKeywordProps,
+      setFilters,
+      setIsExportModalOpen,
+      setPageProperties,
+      setSortProperties,
+      views
+    }), /*#__PURE__*/jsxRuntime.jsx(List, {
+      handleTablePagination,
+      isFetching,
+      pageProperties,
+      payableEntityColumns,
+      refunds,
+      setSortProperties,
+      views
+    }), /*#__PURE__*/jsxRuntime.jsx(ExportModal.ExportModal, {
+      filters,
+      isExportModalOpen,
+      setIsExportModalOpen,
+      sortProperties,
+      dashboardKind: constants.DASHBOARD_KIND.refunds
+    })]
+  });
 };
 
 module.exports = RefundsDashboard;