@bigbinary/neeto-payments-frontend 6.1.31 → 6.2.1

package/dist/v2/RecurringPaymentSettings.js

@@ -0,0 +1,100 @@
+import { Spinner, Typography, Button } from '@bigbinary/neeto-atoms';
+import { Form, Input, ActionBlock } from '@bigbinary/neeto-atoms/formik';
+import { isNotPresent } from 'neetocist';
+import CardLayout from '@bigbinary/neeto-molecules/v2/CardLayout';
+import Container from '@bigbinary/neeto-molecules/v2/Container';
+import Header from '@bigbinary/neeto-molecules/v2/Header';
+import { mergeLeft } from 'ramda';
+import { useTranslation, Trans } from 'react-i18next';
+import { u as useFetchRecurringSettings, a as useUpdateRecurringSettings } from '../useRecurringSettingsApi-B_kTDES9.js';
+import { t } from 'i18next';
+import * as yup from 'yup';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import '@tanstack/react-query';
+import 'neetocommons/react-utils';
+import 'axios';
+import '../index-CajHy3NQ.js';
+import 'neetocommons/constants';
+import 'decimal.js';
+import 'neetocommons/utils';
+import '../queryConstants-8c7Nd8ML.js';
+
+const INITIAL_VALUE = {
+  attemptOffsetDays: 1
+};
+const VALIDATION_SCHEMA = yup.object({
+  attemptOffsetDays: yup.number().max(15, t("neetoPayments.recurringPaymentSettings.attemptOffsetDays.max")).min(1, t("neetoPayments.recurringPaymentSettings.attemptOffsetDays.min")).required(t("neetoPayments.recurringPaymentSettings.attemptOffsetDays.isRequired"))
+});
+
+const RecurringPaymentSettings = ({
+  fee,
+  breadcrumbs,
+  enableRecurringPaymentUrl
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const {
+    isLoading,
+    data: {
+      recurringSetting
+    } = {}
+  } = useFetchRecurringSettings(fee?.id);
+  const {
+    mutate: updateRecurringSetting,
+    isPending
+  } = useUpdateRecurringSettings(fee?.id);
+  const handleSubmit = values => {
+    updateRecurringSetting(values);
+  };
+  if (isLoading || isNotPresent(fee)) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
+  }
+  return /*#__PURE__*/jsxs(Container, {
+    children: [/*#__PURE__*/jsx(Header, {
+      breadcrumbs,
+      title: t("neetoPayments.recurringPaymentSettings.title")
+    }), /*#__PURE__*/jsx("div", {
+      className: "w-full",
+      children: fee?.isRecurringPaymentEnabled ? /*#__PURE__*/jsx(Form, {
+        formikProps: {
+          enableReinitialize: true,
+          onSubmit: handleSubmit,
+          initialValues: mergeLeft(recurringSetting, INITIAL_VALUE),
+          validationSchema: VALIDATION_SCHEMA
+        },
+        children: /*#__PURE__*/jsx(CardLayout, {
+          actionBlock: /*#__PURE__*/jsx(ActionBlock, {
+            isSubmitting: isPending
+          }),
+          children: /*#__PURE__*/jsx(Input, {
+            required: true,
+            name: "attemptOffsetDays",
+            label: t("neetoPayments.recurringPaymentSettings.attemptOffsetDays.label")
+          })
+        })
+      }) : /*#__PURE__*/jsx(CardLayout, {
+        children: /*#__PURE__*/jsx(Typography, {
+          variant: "body1",
+          children: /*#__PURE__*/jsx(Trans, {
+            i18nKey: "neetoPayments.recurringPaymentSettings.enableRecurringPayment",
+            components: {
+              button: /*#__PURE__*/jsx(Button, {
+                "data-testid": "split-payment-connect-button",
+                size: "lg",
+                to: enableRecurringPaymentUrl,
+                variant: "link"
+              })
+            }
+          })
+        })
+      })
+    })]
+  });
+};
+
+export { RecurringPaymentSettings as default };
+//# sourceMappingURL=RecurringPaymentSettings.js.map

package/dist/v2/RecurringPaymentSettings.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecurringPaymentSettings.js","sources":["../../app/javascript/src/v2/components/RecurringPaymentSettings/constants.js","../../app/javascript/src/v2/components/RecurringPaymentSettings/index.jsx"],"sourcesContent":["import { t } from \"i18next\";\nimport * as yup from \"yup\";\n\nexport const INITIAL_VALUE = { attemptOffsetDays: 1 };\nexport const VALIDATION_SCHEMA = yup.object({\n  attemptOffsetDays: yup\n    .number()\n    .max(15, t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.max\"))\n    .min(1, t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.min\"))\n    .required(\n      t(\"neetoPayments.recurringPaymentSettings.attemptOffsetDays.isRequired\")\n    ),\n});\n","import { Typography, Button, Spinner } from \"@bigbinary/neeto-atoms\";\nimport { ActionBlock, Input, Form } from \"@bigbinary/neeto-atoms/formik\";\nimport { isNotPresent } from \"neetocist\";\nimport CardLayout from \"neetomolecules/v2/CardLayout\";\nimport Container from \"neetomolecules/v2/Container\";\nimport Header from \"neetomolecules/v2/Header\";\nimport { mergeLeft } from \"ramda\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport {\n  useFetchRecurringSettings,\n  useUpdateRecurringSettings,\n} from \"hooks/reactQuery/useRecurringSettingsApi\";\n\nimport { INITIAL_VALUE, VALIDATION_SCHEMA } from \"./constants\";\n\nconst RecurringPaymentSettings = ({\n  fee,\n  breadcrumbs,\n  enableRecurringPaymentUrl,\n}) => {\n  const { t } = useTranslation();\n\n  const { isLoading, data: { recurringSetting } = {} } =\n    useFetchRecurringSettings(fee?.id);\n\n  const { mutate: updateRecurringSetting, isPending } =\n    useUpdateRecurringSettings(fee?.id);\n\n  const handleSubmit = values => {\n    updateRecurringSetting(values);\n  };\n\n  if (isLoading || isNotPresent(fee)) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <Spinner />\n      </div>\n    );\n  }\n\n  return (\n    <Container>\n      <Header\n        {...{ breadcrumbs }}\n        title={t(\"neetoPayments.recurringPaymentSettings.title\")}\n      />\n      <div className=\"w-full\">\n        {fee?.isRecurringPaymentEnabled ? (\n          <Form\n            formikProps={{\n              enableReinitialize: true,\n              onSubmit: handleSubmit,\n              initialValues: mergeLeft(recurringSetting, INITIAL_VALUE),\n              validationSchema: VALIDATION_SCHEMA,\n            }}\n          >\n            <CardLayout actionBlock={<ActionBlock isSubmitting={isPending} />}>\n              <Input\n                required\n                name=\"attemptOffsetDays\"\n                label={t(\n                  \"neetoPayments.recurringPaymentSettings.attemptOffsetDays.label\"\n                )}\n              />\n            </CardLayout>\n          </Form>\n        ) : (\n          <CardLayout>\n            <Typography variant=\"body1\">\n              <Trans\n                i18nKey=\"neetoPayments.recurringPaymentSettings.enableRecurringPayment\"\n                components={{\n                  button: (\n                    <Button\n                      data-testid=\"split-payment-connect-button\"\n                      size=\"lg\"\n                      to={enableRecurringPaymentUrl}\n                      variant=\"link\"\n                    />\n                  ),\n                }}\n              />\n            </Typography>\n          </CardLayout>\n        )}\n      </div>\n    </Container>\n  );\n};\n\nexport default RecurringPaymentSettings;\n"],"names":["INITIAL_VALUE","attemptOffsetDays","VALIDATION_SCHEMA","yup","object","number","max","t","min","required","RecurringPaymentSettings","fee","breadcrumbs","enableRecurringPaymentUrl","useTranslation","isLoading","data","recurringSetting","useFetchRecurringSettings","id","mutate","updateRecurringSetting","isPending","useUpdateRecurringSettings","handleSubmit","values","isNotPresent","_jsx","className","children","Spinner","_jsxs","Container","Header","title","isRecurringPaymentEnabled","Form","formikProps","enableReinitialize","onSubmit","initialValues","mergeLeft","validationSchema","CardLayout","actionBlock","ActionBlock","isSubmitting","Input","name","label","Typography","variant","Trans","i18nKey","components","button","Button","size","to"],"mappings":"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"}

package/dist/v2/RefundsDashboard.js

@@ -0,0 +1,490 @@
+import { useState, startTransition, useMemo, useEffect } from 'react';
+import { Tooltip, Badge, Typography, Button, Empty, DataTable, Tabs, Spinner } from '@bigbinary/neeto-atoms';
+import { DEFAULT_PAGE_SIZE, DEFAULT_PAGE_INDEX } from 'neetocommons/constants';
+import { getQueryParams, buildUrl } from 'neetocommons/utils';
+import { Bar, buildFiltersFromURL } from '@bigbinary/neeto-filters-frontend';
+import { map, curry, reject, isNil, concat, prop, mergeDeepWith, mergeLeft, isEmpty } from 'ramda';
+import { useHistory } from 'react-router-dom';
+import { E as ExportModal } from '../ExportModal-X-AJPdkc.js';
+import { u as useFetchRefunds } from '../useRefundsApi-DSMKTWIQ.js';
+import { q as PAYMENT_PROVIDERS, r as formatAmount, s as formatCurrency, z as DEFAULT_SORT_PROPERTIES, A as ASSOCIATED_TABLE_COLUMNS, x as shouldTabsVisible, U as UN_HIDEABLE_COLUMNS, D as DEFAULT_PAGE_VALUES, y as DASHBOARD_KIND } from '../index-CajHy3NQ.js';
+import { m as mergeEnforcedFilters } from '../dashboard-Ba2uhKXD.js';
+import { t } from 'i18next';
+import { toLabelAndValue, humanize, snakeToCamelCase, isPresent, isNotPresent, camelToSnakeCase } from 'neetocist';
+import { useTableConfigurations } from '@bigbinary/neeto-molecules/v2/Columns';
+import TableWrapper from '@bigbinary/neeto-molecules/v2/TableWrapper';
+import { useTranslation } from 'react-i18next';
+import { T as TABLE_KEYS } from '../exportChannel-Db0U5gc1.js';
+import { b as buildDefaultTableColumns } from '../index-CKJlawqs.js';
+import DateFormat from '@bigbinary/neeto-molecules/v2/DateFormat';
+import { C as CopyButtonWrapper } from '../CopyButtonWrapper-B53v2TyQ.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import Header from '@bigbinary/neeto-molecules/v2/Header';
+import SubHeader from '@bigbinary/neeto-molecules/v2/SubHeader';
+import '@bigbinary/neeto-icons';
+import '../useExportsApi-C1wjoVYy.js';
+import '@tanstack/react-query';
+import 'axios';
+import '../queryConstants-8c7Nd8ML.js';
+import 'decimal.js';
+import '@bigbinary/neeto-molecules/v2/CopyToClipboardButton';
+import '../copy-button-EhEBcNP9.js';
+
+const REFUND_DASHBOARD_TAB = {
+  all: "all",
+  successful: "successful",
+  declined: "declined",
+  pending: "pending"
+};
+const SEARCH_PROPS = {
+  node: "identifier,",
+  key: "search_term",
+  model: "NeetoPaymentsEngine::Refund,",
+  placeholder: t("neetoPayments.common.searchByIdentifier")
+};
+const FILTER_COLUMNS = [{
+  key: "payment_provider",
+  label: t("neetoPayments.common.paymentProvider"),
+  node: "payment_provider",
+  type: "single_option",
+  values: map(toLabelAndValue, PAYMENT_PROVIDERS)
+}, {
+  key: "amount",
+  label: t("neetoPayments.common.refundAmount"),
+  node: "amount",
+  type: "decimal"
+}, {
+  key: "payment_amount",
+  label: t("neetoPayments.common.paymentAmount"),
+  node: "payment.amount",
+  model: "NeetoPaymentsEngine::Payment",
+  type: "decimal"
+}, {
+  key: "refunded_at",
+  label: t("neetoPayments.common.refundTime"),
+  node: "refunded_at",
+  type: "date"
+}];
+const TAG_STYLE = {
+  initiated: "blue",
+  declined: "red",
+  successful: "green",
+  refunded: "secondary",
+  pending: "amber"
+};
+const DEFAULT_BADGE_VARIANT = "amber";
+
+const getTagStyle = status => TAG_STYLE[status] || DEFAULT_BADGE_VARIANT;
+const preProcessStatus = (type, status, record = {}) => {
+  if (type === "payment") {
+    return record.isRefunded ? "refunded" : status;
+  }
+  return snakeToCamelCase(status);
+};
+const renderIdentifier = (identifier, {
+  receiptUrl
+}) => {
+  const isTemporaryIdentifier = identifier?.startsWith("temp_");
+  if (isTemporaryIdentifier) {
+    return /*#__PURE__*/jsx(Tooltip, {
+      content: t("neetoPayments.tooltipContent.paymentIdentifierUnavailable"),
+      position: "top",
+      children: /*#__PURE__*/jsx("div", {
+        className: "text-center",
+        children: /*#__PURE__*/jsx(Typography, {
+          variant: "body2",
+          children: t("neetoPayments.common.notAvailable")
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/jsx(CopyButtonWrapper, {
+    content: identifier,
+    children: /*#__PURE__*/jsx(Button, {
+      href: receiptUrl,
+      label: identifier,
+      size: "sm",
+      target: "_blank",
+      variant: "link"
+    })
+  });
+};
+const renderStatus = curry((type, status, record) => {
+  const processedStatus = preProcessStatus(type, status, record);
+  return /*#__PURE__*/jsx(Tooltip, {
+    content: t(`neetoPayments.tooltipContent.${type}.${processedStatus}`),
+    position: "top",
+    children: /*#__PURE__*/jsx("div", {
+      className: "w-fit",
+      children: /*#__PURE__*/jsx(Badge, {
+        variant: getTagStyle(processedStatus),
+        children: humanize(t(`neetoPayments.tagLabels.${type}.${processedStatus}`))
+      })
+    })
+  });
+});
+const renderDate = date => {
+  if (isPresent(date)) {
+    return /*#__PURE__*/jsx(DateFormat.DateTime, {
+      date
+    });
+  }
+  return /*#__PURE__*/jsx(Typography, {
+    variant: "body2",
+    children: t("neetoPayments.common.notAvailable")
+  });
+};
+const getDefaultColumns = () => [{
+  header: t("neetoPayments.common.id"),
+  id: "id",
+  accessorKey: "id",
+  size: 85,
+  position: 0,
+  enableHiding: false
+}, {
+  header: t("neetoPayments.common.identifier"),
+  id: "identifier",
+  accessorKey: "identifier",
+  size: 300,
+  cell: ({
+    row
+  }) => renderIdentifier(row.getValue("identifier"), row.original),
+  position: 1,
+  enableHiding: false
+}, {
+  header: t("neetoPayments.common.provider"),
+  id: "paymentProvider",
+  accessorKey: "paymentProvider",
+  size: 150,
+  cell: ({
+    row
+  }) => humanize(row.getValue("paymentProvider")),
+  position: 2
+}, {
+  header: t("neetoPayments.common.status"),
+  id: "status",
+  accessorKey: "status",
+  size: 200,
+  cell: ({
+    row
+  }) => renderStatus("refund")(row.getValue("status"), row.original),
+  enableSorting: true,
+  position: 3,
+  enableHiding: false
+}, {
+  header: t("neetoPayments.common.refundAmount"),
+  id: "amount",
+  accessorKey: "amount",
+  size: 203,
+  cell: ({
+    row
+  }) => formatAmount(row.getValue("amount")),
+  enableSorting: true,
+  position: 4
+}, {
+  header: t("neetoPayments.common.paymentAmount"),
+  id: "paymentAmount",
+  accessorFn: row => row.payment?.amount,
+  size: 210,
+  cell: ({
+    row
+  }) => formatAmount(row.original.payment?.amount),
+  enableSorting: true,
+  position: 4
+}, {
+  header: t("neetoPayments.common.currency"),
+  id: "currency",
+  accessorKey: "currency",
+  size: 180,
+  cell: ({
+    row
+  }) => formatCurrency(row.getValue("currency")),
+  enableSorting: true,
+  position: 4
+}, {
+  header: t("neetoPayments.common.refundTime"),
+  id: "refundedAt",
+  accessorKey: "refundedAt",
+  size: 190,
+  cell: ({
+    row
+  }) => renderDate(row.getValue("refundedAt")),
+  enableSorting: true,
+  position: 5
+}, {
+  header: t("neetoPayments.common.paymentIdentifier"),
+  id: "paymentIdentifier",
+  accessorFn: row => row.payment?.identifier,
+  size: 300,
+  cell: ({
+    row
+  }) => renderIdentifier(row.original.payment?.identifier, row.original.payment ?? {}),
+  position: 6
+}];
+
+const buildSearchProps = (searchProps, searchTerm) => mergeDeepWith(concat, SEARCH_PROPS, mergeLeft({
+  value: searchTerm.trim()
+}, searchProps));
+const buildFilterColumns = (payableEntityColumns = []) => reject(isNil, concat(FILTER_COLUMNS, map(prop("filterProps"), payableEntityColumns)));
+const buildRowData = ({
+  refunds,
+  pageProperties = {}
+}) => refunds?.map((element, index) => ({
+  ...element,
+  id: isEmpty(pageProperties) ? index + 1 : pageProperties.pageSize * (pageProperties.page - 1) + index + 1
+}));
+
+const List = ({
+  isFetching,
+  refunds,
+  views,
+  payableEntityColumns,
+  setSortProperties,
+  pageProperties,
+  handleTablePagination
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const {
+    tab = REFUND_DASHBOARD_TAB.all
+  } = getQueryParams();
+  const refundsCount = views[tab];
+  const allColumns = buildDefaultTableColumns({
+    payableEntityColumns,
+    defaultColumns: getDefaultColumns(),
+    isAllTab: tab === REFUND_DASHBOARD_TAB.all
+  });
+  const {
+    isTableConfigurationLoading,
+    customizedColumns,
+    hideColumn
+  } = useTableConfigurations(`${TABLE_KEYS.REFUNDS_TABLE}-${tab}`, allColumns);
+  if (isNotPresent(refunds)) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Empty, {
+        title: tab === REFUND_DASHBOARD_TAB.all ? t("neetoPayments.emptyState.refund") : t("neetoPayments.emptyState.refundWithStatus", {
+          status: tab
+        })
+      })
+    });
+  }
+  const handleSort = sort => {
+    if (!sort) {
+      setSortProperties(DEFAULT_SORT_PROPERTIES);
+      return;
+    }
+    const processedField = camelToSnakeCase(sort.field);
+    const sortBy = ASSOCIATED_TABLE_COLUMNS?.[processedField] ?? processedField;
+    setSortProperties({
+      sortBy,
+      orderBy: sort.order === "ascend" ? "ASC" : "DESC"
+    });
+  };
+  return /*#__PURE__*/jsx(TableWrapper, {
+    hasPagination: refundsCount > pageProperties?.pageSize,
+    children: /*#__PURE__*/jsx(DataTable, {
+      allowRowClick: false,
+      columns: customizedColumns,
+      currentPage: pageProperties?.page,
+      data: buildRowData({
+        refunds,
+        pageProperties}),
+      enableURLPagination: false,
+      enableURLSort: false,
+      loading: isFetching || isTableConfigurationLoading,
+      totalCount: refundsCount,
+      onColumnHide: id => hideColumn(id),
+      onSort: handleSort,
+      onPageChange: page => handleTablePagination(page, pageProperties?.pageSize)
+    })
+  });
+};
+
+const TopSection = ({
+  views,
+  filters,
+  setFilters,
+  filterableColumns,
+  searchKeywordProps,
+  payableEntityColumns,
+  setIsExportModalOpen
+}) => {
+  const [isFilterPaneOpen, setIsFilterPaneOpen] = useState(false);
+  const {
+    t
+  } = useTranslation();
+  const history = useHistory();
+  const {
+    tab = REFUND_DASHBOARD_TAB.all
+  } = getQueryParams();
+  const refundsCount = views?.[tab];
+  const isRefundCountVisible = refundsCount > 0 || refundsCount === 0 && isPresent(filters);
+  const isFilterButtonVisible = isRefundCountVisible || isPresent(filters);
+  const handleFiltersChange = filters => {
+    startTransition(() => {
+      setFilters(filters);
+    });
+  };
+  const handleTabChange = tab => {
+    const queryParams = getQueryParams({
+      toCamelCase: false
+    });
+    const newParams = {
+      tab,
+      page: DEFAULT_PAGE_INDEX,
+      page_size: DEFAULT_PAGE_SIZE
+    };
+    history.push(buildUrl(window.location.pathname, mergeLeft(newParams, queryParams)));
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Header, {
+      title: t("neetoPayments.title.refunds"),
+      searchProps: isFilterButtonVisible && {
+        placeholder: searchKeywordProps.placeholder,
+        className: "w-80"
+      }
+    }), shouldTabsVisible(views) && /*#__PURE__*/jsx(Tabs, {
+      value: tab,
+      onValueChange: handleTabChange,
+      children: /*#__PURE__*/jsx(Tabs.List, {
+        children: Object.keys(REFUND_DASHBOARD_TAB).map(item => /*#__PURE__*/jsx(Tabs.Item, {
+          value: item,
+          children: t(`neetoPayments.common.${item}`)
+        }, item))
+      })
+    }), /*#__PURE__*/jsx(SubHeader, {
+      className: "my-4",
+      leftActionBlock: isRefundCountVisible && /*#__PURE__*/jsx(Typography, {
+        className: "me-2 font-semibold",
+        variant: "body1",
+        children: tab === REFUND_DASHBOARD_TAB.all ? t("neetoPayments.countOf.refund", {
+          count: refundsCount
+        }) : t("neetoPayments.countOf.refundWithStatus", {
+          count: refundsCount,
+          status: tab
+        })
+      }),
+      rightActionBlock: isFilterButtonVisible && /*#__PURE__*/jsx(SubHeader.RightBlock, {
+        columnsButtonProps: {
+          columnData: buildDefaultTableColumns({
+            defaultColumns: getDefaultColumns(),
+            payableEntityColumns,
+            isAllTab: tab === REFUND_DASHBOARD_TAB.all
+          }),
+          fixedColumns: UN_HIDEABLE_COLUMNS,
+          tableKey: `${TABLE_KEYS.REFUNDS_TABLE}-${tab}`
+        },
+        downloadButtonProps: {
+          onClick: () => setIsExportModalOpen(true)
+        },
+        filterProps: {
+          columns: filterableColumns,
+          isOpen: isFilterPaneOpen,
+          keyword: searchKeywordProps,
+          setIsOpen: setIsFilterPaneOpen,
+          onChange: handleFiltersChange
+        }
+      })
+    }), /*#__PURE__*/jsx(Bar, {
+      columns: filterableColumns,
+      keyword: searchKeywordProps,
+      setIsPaneOpen: setIsFilterPaneOpen,
+      onChange: handleFiltersChange
+    })]
+  });
+};
+
+const RefundsDashboard = ({
+  searchProps,
+  payableEntityColumns,
+  accountIds,
+  enforceFilterValues = []
+}) => {
+  const {
+    searchTerm = ""
+  } = getQueryParams();
+  const filterableColumns = buildFilterColumns(payableEntityColumns);
+  const searchKeywordProps = buildSearchProps(searchProps, searchTerm);
+  const [sortProperties, setSortProperties] = useState(DEFAULT_SORT_PROPERTIES);
+  const [pageProperties, setPageProperties] = useState(DEFAULT_PAGE_VALUES);
+  const [isExportModalOpen, setIsExportModalOpen] = useState(false);
+  const [filters, setFilters] = useState(buildFiltersFromURL([...filterableColumns, searchKeywordProps]));
+  const history = useHistory();
+  const {
+    tab = REFUND_DASHBOARD_TAB.all
+  } = getQueryParams();
+  const apiFilters = useMemo(() => mergeEnforcedFilters(filters, enforceFilterValues, filterableColumns), [filters, enforceFilterValues, filterableColumns]);
+  const payload = {
+    tab,
+    filters: apiFilters,
+    accountIds,
+    ...pageProperties,
+    ...sortProperties
+  };
+  const {
+    data: {
+      refunds,
+      views
+    } = {},
+    isFetching,
+    isPending: isRefundsLoading
+  } = useFetchRefunds(payload, {
+    enabled: true
+  });
+  const handleTablePagination = (page, pageSize) => {
+    const queryParams = getQueryParams({
+      toCamelCase: false
+    });
+    history.push(buildUrl(window.location.pathname, mergeLeft({
+      page,
+      page_size: pageSize
+    }, queryParams)));
+    setPageProperties({
+      page,
+      pageSize
+    });
+  };
+  useEffect(() => {
+    handleTablePagination(DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE);
+    setSortProperties(DEFAULT_SORT_PROPERTIES);
+  }, [filters, tab]);
+  if (isRefundsLoading) {
+    return /*#__PURE__*/jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsx(Spinner, {})
+    });
+  }
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(TopSection, {
+      filterableColumns,
+      filters,
+      pageProperties,
+      payableEntityColumns,
+      searchKeywordProps,
+      setFilters,
+      setIsExportModalOpen,
+      setPageProperties,
+      setSortProperties,
+      views
+    }), /*#__PURE__*/jsx(List, {
+      handleTablePagination,
+      isFetching,
+      pageProperties,
+      payableEntityColumns,
+      refunds,
+      setSortProperties,
+      views
+    }), /*#__PURE__*/jsx(ExportModal, {
+      isExportModalOpen,
+      setIsExportModalOpen,
+      sortProperties,
+      dashboardKind: DASHBOARD_KIND.refunds,
+      filters: apiFilters
+    })]
+  });
+};
+
+export { RefundsDashboard as default };
+//# sourceMappingURL=RefundsDashboard.js.map