@bigbinary/neeto-payments-frontend 2.2.1 → 2.2.3

package/dist/cjs/PaymentsDashboard.js

@@ -0,0 +1,494 @@
+'use strict';
+
+var defineProperty = require('./defineProperty-f3094d6c.js');
+var toConsumableArray = require('./toConsumableArray-9abb3858.js');
+var slicedToArray = require('./slicedToArray-f320d9e7.js');
+var React = require('react');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
+var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
+var reactQuery = require('@tanstack/react-query');
+var axios = require('axios');
+var constants = require('./constants.js');
+var queryConstants = require('./queryConstants-cb79f600.js');
+var i18next = require('i18next');
+var neetoCist = require('@bigbinary/neeto-cist');
+var ramda = require('ramda');
+var Columns = require('@bigbinary/neeto-molecules/Columns');
+var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
+var Table = require('@bigbinary/neetoui/Table');
+var NoData = require('@bigbinary/neetoui/NoData');
+var reactI18next = require('react-i18next');
+var reactRouterDom = require('react-router-dom');
+var index = require('./index-d4d78c9e.js');
+var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
+var Button = require('@bigbinary/neetoui/Button');
+var Tag = require('@bigbinary/neetoui/Tag');
+var Tooltip = require('@bigbinary/neetoui/Tooltip');
+var Typography = require('@bigbinary/neetoui/Typography');
+var CopyButtonWrapper = require('./CopyButtonWrapper-57331e1c.js');
+var jsxRuntime = require('react/jsx-runtime');
+var constants$1 = require('@bigbinary/neeto-commons-frontend/constants');
+var Header = require('@bigbinary/neeto-molecules/Header');
+var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
+var Tab = require('@bigbinary/neetoui/Tab');
+require('@bigbinary/neeto-molecules/CopyToClipboardButton');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
+var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
+var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
+var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
+var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
+var DateFormat__default = /*#__PURE__*/_interopDefaultLegacy(DateFormat);
+var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
+var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
+var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
+var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
+var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
+var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader);
+var Tab__default = /*#__PURE__*/_interopDefaultLegacy(Tab);
+
+var list = function list(payload) {
+  return axios__default["default"].get("".concat(constants.BASE_URL, "/api/v1/payments"), {
+    params: payload
+  });
+};
+var paymentsApi = {
+  list: 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._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 useFetchPayments = function useFetchPayments() {
+  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.PAYMENTS_LIST, payload],
+    queryFn: function queryFn() {
+      return paymentsApi.list(payload);
+    }
+  }, options));
+};
+
+var COLUMNS_STORAGE_KEY = "paymentsDashboard";
+var PAYMENT_DASHBOARD_TAB = {
+  all: "all",
+  successful: "successful",
+  declined: "declined",
+  refunded: "refunded",
+  pending: "pending"
+};
+var SEARCH_PROPS = {
+  node: "identifier,",
+  key: "search_term",
+  model: "NeetoPaymentsEngine::Payment,",
+  placeholder: i18next.t("neetoPayments.common.search")
+};
+var FILTER_COLUMNS = [{
+  key: "payment_provider",
+  label: i18next.t("neetoPayments.common.paymentProvider"),
+  node: "payment_provider",
+  type: "single_option",
+  values: ramda.map(neetoCist.toLabelAndValue, constants.PAYMENT_PROVIDERS)
+}, {
+  key: "amount",
+  label: i18next.t("neetoPayments.common.amount"),
+  node: "amount",
+  type: "decimal"
+}, {
+  key: "paymentTime",
+  label: i18next.t("neetoPayments.common.paymentTime"),
+  node: "payment_at",
+  type: "date"
+}];
+var TAG_STYLE = {
+  initiated: "info",
+  declined: "danger",
+  successful: "success",
+  refunded: "secondary",
+  pending: "warning"
+};
+
+var renderIdentifier = function renderIdentifier(identifier, _ref) {
+  var receiptUrl = _ref.receiptUrl;
+  var isTemporaryIdentifier = identifier === null || identifier === void 0 ? void 0 : identifier.startsWith("temp_");
+  if (isTemporaryIdentifier) {
+    return /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
+      content: i18next.t("neetoPayments.tooltipContent.paymentIdentifierUnavailable"),
+      position: "top",
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "text-center",
+        children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          style: "body2",
+          children: i18next.t("neetoPayments.common.notAvailable")
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper.CopyButtonWrapper, {
+    content: identifier,
+    children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+      href: receiptUrl,
+      label: identifier,
+      size: "small",
+      style: "link",
+      target: "_blank"
+    })
+  });
+};
+var getTagStyle = function getTagStyle(status) {
+  return TAG_STYLE[status] || constants.DEFAULT_TAG_STYLE;
+};
+var preProcessStatus = function preProcessStatus(type, status) {
+  var record = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  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__*/jsxRuntime.jsx(Tooltip__default["default"], {
+    content: i18next.t("neetoPayments.tooltipContent.".concat(type, ".").concat(processedStatus)),
+    position: "top",
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "w-fit",
+      children: /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
+        label: i18next.t("neetoPayments.tagLabels.".concat(type, ".").concat(processedStatus)),
+        style: getTagStyle(processedStatus)
+      })
+    })
+  });
+});
+var renderDate = function renderDate(date) {
+  return /*#__PURE__*/jsxRuntime.jsx(DateFormat__default["default"].DateTime, {
+    date: date
+  });
+};
+var renderPaymentProvider = function renderPaymentProvider(paymentProvider) {
+  return neetoCist.humanize(paymentProvider);
+};
+var renderAmountWithCurrency = function renderAmountWithCurrency(amount, _ref2) {
+  var currency = _ref2.currency;
+  return utils.currencyFormat.withCode(amount, currency === null || currency === void 0 ? void 0 : currency.toUpperCase());
+};
+var getDefaultColumns = function getDefaultColumns() {
+  return [{
+    title: i18next.t("neetoPayments.common.id"),
+    dataIndex: "id",
+    key: "id",
+    width: 70,
+    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: renderPaymentProvider,
+    position: 2,
+    sorter: false
+  }, {
+    title: i18next.t("neetoPayments.common.status"),
+    dataIndex: "status",
+    key: "status",
+    width: 150,
+    render: renderStatus("transaction"),
+    sorter: true,
+    position: 3,
+    isHidable: false
+  }, {
+    title: i18next.t("neetoPayments.common.amount"),
+    dataIndex: "amount",
+    key: "amount",
+    width: 150,
+    sorter: true,
+    render: renderAmountWithCurrency,
+    position: 4
+  }, {
+    title: i18next.t("neetoPayments.common.paymentTime"),
+    dataIndex: "paymentAt",
+    key: "paymentTime",
+    width: 190,
+    render: renderDate,
+    sorter: true,
+    position: 5
+  }];
+};
+
+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._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 buildTableColumns = function buildTableColumns(tab, hiddenColumns) {
+  var payableEntityColumns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  var filteredColumns = ramda.sortBy(ramda.prop("position"), ramda.concat(getDefaultColumns(), payableEntityColumns)).filter(function (_ref) {
+    var dataIndex = _ref.dataIndex;
+    return !hiddenColumns.includes(index.processDataIndex(dataIndex));
+  });
+  if (tab === PAYMENT_DASHBOARD_TAB.all) return filteredColumns;
+  return neetoCist.removeBy({
+    key: "status"
+  }, filteredColumns);
+};
+var buildRowData = function buildRowData(_ref2) {
+  var payments = _ref2.payments,
+    _ref2$pageProperties = _ref2.pageProperties,
+    pageProperties = _ref2$pageProperties === void 0 ? {} : _ref2$pageProperties;
+  return payments === null || payments === void 0 ? void 0 : payments.map(function (element, index) {
+    return _objectSpread$1(_objectSpread$1({}, element), {}, {
+      id: ramda.isEmpty(pageProperties) ? index + 1 : pageProperties.pageSize * (pageProperties.page - 1) + index + 1
+    });
+  });
+};
+
+var List = function List(_ref) {
+  var payments = _ref.payments,
+    payableEntityColumns = _ref.payableEntityColumns,
+    setPageProperties = _ref.setPageProperties,
+    setSortProperties = _ref.setSortProperties,
+    pageProperties = _ref.pageProperties,
+    views = _ref.views;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var history = reactRouterDom.useHistory();
+  var _getQueryParams = utils.getQueryParams(),
+    _getQueryParams$tab = _getQueryParams.tab,
+    tab = _getQueryParams$tab === void 0 ? PAYMENT_DASHBOARD_TAB.all : _getQueryParams$tab;
+  var _useHiddenColumns = Columns.useHiddenColumns(COLUMNS_STORAGE_KEY),
+    hideColumn = _useHiddenColumns.hideColumn,
+    _useHiddenColumns$hid = _useHiddenColumns.hiddenColumns,
+    hiddenColumns = _useHiddenColumns$hid === void 0 ? [] : _useHiddenColumns$hid;
+  var paymentsCount = views[tab];
+  var visibleColumns = buildTableColumns(tab, hiddenColumns, payableEntityColumns);
+  var handleColumnHiding = function handleColumnHiding(column) {
+    hideColumn(index.processDataIndex(column.dataIndex));
+  };
+  var handleTablePaginaton = function handleTablePaginaton(page, pageSize) {
+    var queryParams = utils.getQueryParams({
+      toCamelCase: false
+    });
+    history.push(utils.buildUrl(window.location.pathname, ramda.mergeLeft({
+      page: page,
+      page_size: pageSize
+    }, queryParams)));
+    setPageProperties({
+      page: page,
+      pageSize: pageSize
+    });
+  };
+  var handleTableChange = function handleTableChange(_, __, sorter) {
+    setSortProperties(neetoCist.isPresent(sorter === null || sorter === void 0 ? void 0 : sorter.column) ? {
+      sortBy: neetoCist.camelToSnakeCase(index.processDataIndex(sorter.field)),
+      orderBy: sorter.order === "ascend" ? "ASC" : "DESC"
+    } : constants.DEFAULT_SORT_PROPERTIES);
+  };
+  if (neetoCist.isNotPresent(payments)) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex h-full w-full items-center justify-center",
+      children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
+        title: tab === PAYMENT_DASHBOARD_TAB.all ? t("neetoPayments.emptyState.payments") : t("neetoPayments.emptyState.paymentsWithStatus", {
+          status: tab
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
+    hasPagination: paymentsCount > (pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.pageSize),
+    children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
+      fixedHeight: true,
+      allowRowClick: false,
+      columnData: visibleColumns,
+      currentPageNumber: pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.page,
+      handlePageChange: handleTablePaginaton,
+      rowData: buildRowData({
+        payments: payments,
+        pageProperties: pageProperties,
+        tab: tab
+      }),
+      rowSelection: false,
+      sortDirections: constants.SORT_DIRECTIONS,
+      totalCount: paymentsCount,
+      paginationProps: {
+        showSizeChanger: true,
+        hideOnSinglePage: true,
+        pageSize: pageProperties === null || pageProperties === void 0 ? void 0 : pageProperties.pageSize,
+        total: paymentsCount
+      },
+      onChange: handleTableChange,
+      onColumnHide: handleColumnHiding
+    })
+  });
+};
+
+var TopSection = function TopSection(_ref) {
+  var views = _ref.views,
+    filters = _ref.filters,
+    setFilters = _ref.setFilters,
+    filterableColumns = _ref.filterableColumns,
+    searchKeywordProps = _ref.searchKeywordProps,
+    payableEntityColumns = _ref.payableEntityColumns;
+  var _useState = React.useState(false),
+    _useState2 = slicedToArray._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 ? PAYMENT_DASHBOARD_TAB.all : _getQueryParams$tab;
+  var paymentsCount = views[tab];
+  var isPaymentCountVisible = paymentsCount > 0;
+  var isFilterButtonVisible = isPaymentCountVisible || neetoCist.isPresent(filters);
+  var handleFiltersChange = function handleFiltersChange(filters) {
+    React.startTransition(function () {
+      setFilters(filters);
+    });
+  };
+  var handleTabChange = function handleTabChange(tab) {
+    var queryParams = utils.getQueryParams({
+      toCamelCase: false
+    });
+    var newParams = {
+      tab: 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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Header__default["default"], {
+      title: t("neetoPayments.title.payments"),
+      searchProps: {
+        placeholder: searchKeywordProps.placeholder,
+        className: "w-80"
+      }
+    }), /*#__PURE__*/jsxRuntime.jsx(Tab__default["default"], {
+      children: Object.keys(PAYMENT_DASHBOARD_TAB).map(function (item) {
+        return /*#__PURE__*/jsxRuntime.jsx(Tab__default["default"].Item, {
+          active: tab === item,
+          onClick: function onClick() {
+            return handleTabChange(item);
+          },
+          children: t("neetoPayments.common.".concat(item))
+        }, item);
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"], {
+      className: "mt-4",
+      leftActionBlock: isPaymentCountVisible && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+        className: "neeto-ui-gray-800 mr-2 font-semibold",
+        component: "h4",
+        children: tab === PAYMENT_DASHBOARD_TAB.all ? t("neetoPayments.countOf.payment", {
+          count: paymentsCount
+        }) : t("neetoPayments.countOf.paymentWithStatus", {
+          count: paymentsCount,
+          status: tab
+        })
+      }),
+      rightActionBlock: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(neetoFiltersFrontend.Bar, {
+          columns: filterableColumns,
+          keyword: searchKeywordProps,
+          setIsPaneOpen: setIsFilterPaneOpen,
+          onChange: handleFiltersChange
+        }), isFilterButtonVisible && /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"].RightBlock, {
+          columnsButtonProps: {
+            columnData: ramda.concat(getDefaultColumns(), payableEntityColumns).map(ramda.modify("dataIndex", index.processDataIndex)),
+            fixedColumns: constants.UN_HIDEABLE_COLUMNS,
+            localStorageKey: COLUMNS_STORAGE_KEY
+          },
+          filterProps: {
+            columns: filterableColumns,
+            isOpen: isFilterPaneOpen,
+            keyword: searchKeywordProps,
+            setIsOpen: 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._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 PaymentsDashboard = function PaymentsDashboard(_ref) {
+  var searchProps = _ref.searchProps,
+    payableEntityColumns = _ref.payableEntityColumns;
+  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._slicedToArray(_useState, 2),
+    sortProperties = _useState2[0],
+    setSortProperties = _useState2[1];
+  var _useState3 = React.useState(constants.DEFAULT_PAGE_VALUES),
+    _useState4 = slicedToArray._slicedToArray(_useState3, 2),
+    pageProperties = _useState4[0],
+    setPageProperties = _useState4[1];
+  var _useState5 = React.useState(neetoFiltersFrontend.buildFiltersFromURL([].concat(toConsumableArray._toConsumableArray(filterableColumns), [searchKeywordProps]))),
+    _useState6 = slicedToArray._slicedToArray(_useState5, 2),
+    filters = _useState6[0],
+    setFilters = _useState6[1];
+  var _getQueryParams2 = utils.getQueryParams(),
+    _getQueryParams2$tab = _getQueryParams2.tab,
+    tab = _getQueryParams2$tab === void 0 ? PAYMENT_DASHBOARD_TAB.all : _getQueryParams2$tab;
+  var payload = _objectSpread(_objectSpread({
+    tab: tab,
+    filters: filters
+  }, pageProperties), sortProperties);
+  var _useFetchPayments = useFetchPayments(payload, {
+      enabled: true
+    }),
+    _useFetchPayments$dat = _useFetchPayments.data,
+    _useFetchPayments$dat2 = _useFetchPayments$dat === void 0 ? {} : _useFetchPayments$dat,
+    payments = _useFetchPayments$dat2.payments,
+    views = _useFetchPayments$dat2.views,
+    isPaymentsLoaidng = _useFetchPayments.isLoading;
+  if (isPaymentsLoaidng) {
+    return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
+  }
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(TopSection, {
+      filterableColumns: filterableColumns,
+      filters: filters,
+      pageProperties: pageProperties,
+      payableEntityColumns: payableEntityColumns,
+      searchKeywordProps: searchKeywordProps,
+      setFilters: setFilters,
+      setPageProperties: setPageProperties,
+      setSortProperties: setSortProperties,
+      views: views
+    }), /*#__PURE__*/jsxRuntime.jsx(List, {
+      pageProperties: pageProperties,
+      payableEntityColumns: payableEntityColumns,
+      payments: payments,
+      setPageProperties: setPageProperties,
+      setSortProperties: setSortProperties,
+      views: views
+    })]
+  });
+};
+
+module.exports = PaymentsDashboard;
+//# sourceMappingURL=PaymentsDashboard.js.map

package/dist/cjs/PaymentsDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentsDashboard.js","sources":["../../app/javascript/src/apis/payments.js","../../app/javascript/src/hooks/reactQuery/usePaymentsApi.js","../../app/javascript/src/components/PaymentsDashboard/constants.js","../../app/javascript/src/components/PaymentsDashboard/columns/utils.jsx","../../app/javascript/src/components/PaymentsDashboard/utils.js","../../app/javascript/src/components/PaymentsDashboard/List.jsx","../../app/javascript/src/components/PaymentsDashboard/TopSection.jsx","../../app/javascript/src/components/PaymentsDashboard/index.jsx"],"sourcesContent":["import axios from \"axios\";\n\nimport { BASE_URL } from \"src/constants\";\n\nconst list = payload =>\n  axios.get(`${BASE_URL}/api/v1/payments`, { params: payload });\n\nconst paymentsApi = { list };\n\nexport default paymentsApi;\n","import { useQuery } from \"@tanstack/react-query\";\n\nimport paymentsApi from \"apis/payments\";\nimport { QUERY_KEYS } from \"src/common/queryConstants\";\n\nexport const useFetchPayments = (payload = {}, options = {}) =>\n  useQuery({\n    queryKey: [QUERY_KEYS.PAYMENTS_LIST, payload],\n    queryFn: () => paymentsApi.list(payload),\n    ...options,\n  });\n","import { t } from \"i18next\";\nimport { toLabelAndValue } from \"neetocist\";\nimport { map } from \"ramda\";\n\nimport { PAYMENT_PROVIDERS } from \"src/constants\";\n\nexport const COLUMNS_STORAGE_KEY = \"paymentsDashboard\";\n\nexport const PAYMENT_DASHBOARD_TAB = {\n  all: \"all\",\n  successful: \"successful\",\n  declined: \"declined\",\n  refunded: \"refunded\",\n  pending: \"pending\",\n};\n\nexport const SEARCH_PROPS = {\n  node: \"identifier,\",\n  key: \"search_term\",\n  model: \"NeetoPaymentsEngine::Payment,\",\n  placeholder: t(\"neetoPayments.common.search\"),\n};\n\nexport const FILTER_COLUMNS = [\n  {\n    key: \"payment_provider\",\n    label: t(\"neetoPayments.common.paymentProvider\"),\n    node: \"payment_provider\",\n    type: \"single_option\",\n    values: map(toLabelAndValue, PAYMENT_PROVIDERS),\n  },\n  {\n    key: \"amount\",\n    label: t(\"neetoPayments.common.amount\"),\n    node: \"amount\",\n    type: \"decimal\",\n  },\n  {\n    key: \"paymentTime\",\n    label: t(\"neetoPayments.common.paymentTime\"),\n    node: \"payment_at\",\n    type: \"date\",\n  },\n];\n\nexport const TAG_STYLE = {\n  initiated: \"info\",\n  declined: \"danger\",\n  successful: \"success\",\n  refunded: \"secondary\",\n  pending: \"warning\",\n};\n","import { t } from \"i18next\";\nimport { snakeToCamelCase, humanize } from \"neetocist\";\nimport { currencyFormat } from \"neetocommons/utils\";\nimport DateFormat from \"neetomolecules/DateFormat\";\nimport { Button, Tag, Tooltip, Typography } from \"neetoui\";\nimport { curry } from \"ramda\";\n\nimport CopyButtonWrapper from \"components/Common/CopyButtonWrapper\";\nimport { DEFAULT_TAG_STYLE } from \"src/constants\";\n\nimport { TAG_STYLE } from \"../constants\";\n\nconst renderIdentifier = (identifier, { receiptUrl }) => {\n  const isTemporaryIdentifier = identifier?.startsWith(\"temp_\");\n\n  if (isTemporaryIdentifier) {\n    return (\n      <Tooltip\n        content={t(\"neetoPayments.tooltipContent.paymentIdentifierUnavailable\")}\n        position=\"top\"\n      >\n        <div className=\"text-center\">\n          <Typography style=\"body2\">\n            {t(\"neetoPayments.common.notAvailable\")}\n          </Typography>\n        </div>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <CopyButtonWrapper content={identifier}>\n      <Button\n        href={receiptUrl}\n        label={identifier}\n        size=\"small\"\n        style=\"link\"\n        target=\"_blank\"\n      />\n    </CopyButtonWrapper>\n  );\n};\n\nconst getTagStyle = status => TAG_STYLE[status] || DEFAULT_TAG_STYLE;\n\nconst preProcessStatus = (type, status, record = {}) => {\n  if (type === \"payment\") {\n    return record.isRefunded ? \"refunded\" : status;\n  }\n\n  return snakeToCamelCase(status);\n};\n\nconst renderStatus = curry((type, status, record) => {\n  const processedStatus = preProcessStatus(type, status, record);\n\n  return (\n    <Tooltip\n      content={t(`neetoPayments.tooltipContent.${type}.${processedStatus}`)}\n      position=\"top\"\n    >\n      <div className=\"w-fit\">\n        <Tag\n          label={t(`neetoPayments.tagLabels.${type}.${processedStatus}`)}\n          style={getTagStyle(processedStatus)}\n        />\n      </div>\n    </Tooltip>\n  );\n});\n\nconst renderDate = date => <DateFormat.DateTime {...{ date }} />;\nconst renderPaymentProvider = paymentProvider => humanize(paymentProvider);\n\nconst renderAmountWithCurrency = (amount, { currency }) =>\n  currencyFormat.withCode(amount, currency?.toUpperCase());\n\nexport const getDefaultColumns = () => [\n  {\n    title: t(\"neetoPayments.common.id\"),\n    dataIndex: \"id\",\n    key: \"id\",\n    width: 70,\n    position: 0,\n    isHidable: false,\n  },\n  {\n    title: t(\"neetoPayments.common.identifier\"),\n    dataIndex: \"identifier\",\n    key: \"identifier\",\n    width: 300,\n    render: renderIdentifier,\n    position: 1,\n    isHidable: false,\n  },\n  {\n    title: t(\"neetoPayments.common.provider\"),\n    dataIndex: \"paymentProvider\",\n    key: \"paymentProvider\",\n    width: 150,\n    render: renderPaymentProvider,\n    position: 2,\n    sorter: false,\n  },\n  {\n    title: t(\"neetoPayments.common.status\"),\n    dataIndex: \"status\",\n    key: \"status\",\n    width: 150,\n    render: renderStatus(\"transaction\"),\n    sorter: true,\n    position: 3,\n    isHidable: false,\n  },\n  {\n    title: t(\"neetoPayments.common.amount\"),\n    dataIndex: \"amount\",\n    key: \"amount\",\n    width: 150,\n    sorter: true,\n    render: renderAmountWithCurrency,\n    position: 4,\n  },\n  {\n    title: t(\"neetoPayments.common.paymentTime\"),\n    dataIndex: \"paymentAt\",\n    key: \"paymentTime\",\n    width: 190,\n    render: renderDate,\n    sorter: true,\n    position: 5,\n  },\n];\n","import { removeBy } from \"neetocist\";\nimport {\n  map,\n  prop,\n  concat,\n  mergeDeepWith,\n  mergeLeft,\n  isNil,\n  reject,\n  sortBy,\n  isEmpty,\n} from \"ramda\";\n\nimport { processDataIndex } from \"utils\";\n\nimport { getDefaultColumns } from \"./columns/utils\";\nimport {\n  FILTER_COLUMNS,\n  PAYMENT_DASHBOARD_TAB,\n  SEARCH_PROPS,\n} from \"./constants\";\n\nexport const buildSearchProps = (searchProps, searchTerm) =>\n  mergeDeepWith(\n    concat,\n    SEARCH_PROPS,\n    mergeLeft({ value: searchTerm.trim() }, searchProps)\n  );\n\nexport const buildFilterColumns = (payableEntityColumns = []) =>\n  reject(\n    isNil,\n    concat(FILTER_COLUMNS, map(prop(\"filterProps\"), payableEntityColumns))\n  );\n\nexport const buildTableColumns = (\n  tab,\n  hiddenColumns,\n  payableEntityColumns = []\n) => {\n  const filteredColumns = sortBy(\n    prop(\"position\"),\n    concat(getDefaultColumns(), payableEntityColumns)\n  ).filter(\n    ({ dataIndex }) => !hiddenColumns.includes(processDataIndex(dataIndex))\n  );\n\n  if (tab === PAYMENT_DASHBOARD_TAB.all) return filteredColumns;\n\n  return removeBy({ key: \"status\" }, filteredColumns);\n};\n\nexport const buildRowData = ({ payments, pageProperties = {} }) =>\n  payments?.map((element, index) => ({\n    ...element,\n    id: isEmpty(pageProperties)\n      ? index + 1\n      : pageProperties.pageSize * (pageProperties.page - 1) + index + 1,\n  }));\n","import { camelToSnakeCase, isNotPresent, isPresent } from \"neetocist\";\nimport { buildUrl, getQueryParams } from \"neetocommons/utils\";\nimport { useHiddenColumns } from \"neetomolecules/Columns\";\nimport TableWrapper from \"neetomolecules/TableWrapper\";\nimport { Table, NoData } from \"neetoui\";\nimport { mergeLeft } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { SORT_DIRECTIONS, DEFAULT_SORT_PROPERTIES } from \"src/constants\";\nimport { processDataIndex } from \"utils\";\n\nimport { COLUMNS_STORAGE_KEY, PAYMENT_DASHBOARD_TAB } from \"./constants\";\nimport { buildRowData, buildTableColumns } from \"./utils\";\n\nconst List = ({\n  payments,\n  payableEntityColumns,\n  setPageProperties,\n  setSortProperties,\n  pageProperties,\n  views,\n}) => {\n  const { t } = useTranslation();\n\n  const history = useHistory();\n  const { tab = PAYMENT_DASHBOARD_TAB.all } = getQueryParams();\n  const { hideColumn, hiddenColumns = [] } =\n    useHiddenColumns(COLUMNS_STORAGE_KEY);\n\n  const paymentsCount = views[tab];\n  const visibleColumns = buildTableColumns(\n    tab,\n    hiddenColumns,\n    payableEntityColumns\n  );\n\n  const handleColumnHiding = column => {\n    hideColumn(processDataIndex(column.dataIndex));\n  };\n\n  const handleTablePaginaton = (page, pageSize) => {\n    const queryParams = getQueryParams({ toCamelCase: false });\n    history.push(\n      buildUrl(\n        window.location.pathname,\n        mergeLeft({ page, page_size: pageSize }, queryParams)\n      )\n    );\n    setPageProperties({ page, pageSize });\n  };\n\n  const handleTableChange = (_, __, sorter) => {\n    setSortProperties(\n      isPresent(sorter?.column)\n        ? {\n            sortBy: camelToSnakeCase(processDataIndex(sorter.field)),\n            orderBy: sorter.order === \"ascend\" ? \"ASC\" : \"DESC\",\n          }\n        : DEFAULT_SORT_PROPERTIES\n    );\n  };\n\n  if (isNotPresent(payments)) {\n    return (\n      <div className=\"flex h-full w-full items-center justify-center\">\n        <NoData\n          title={\n            tab === PAYMENT_DASHBOARD_TAB.all\n              ? t(\"neetoPayments.emptyState.payments\")\n              : t(\"neetoPayments.emptyState.paymentsWithStatus\", {\n                  status: tab,\n                })\n          }\n        />\n      </div>\n    );\n  }\n\n  return (\n    <TableWrapper hasPagination={paymentsCount > pageProperties?.pageSize}>\n      <Table\n        fixedHeight\n        allowRowClick={false}\n        columnData={visibleColumns}\n        currentPageNumber={pageProperties?.page}\n        handlePageChange={handleTablePaginaton}\n        rowData={buildRowData({ payments, pageProperties, tab })}\n        rowSelection={false}\n        sortDirections={SORT_DIRECTIONS}\n        totalCount={paymentsCount}\n        paginationProps={{\n          showSizeChanger: true,\n          hideOnSinglePage: true,\n          pageSize: pageProperties?.pageSize,\n          total: paymentsCount,\n        }}\n        onChange={handleTableChange}\n        onColumnHide={handleColumnHiding}\n      />\n    </TableWrapper>\n  );\n};\n\nexport default List;\n","import React, { startTransition, useState } from \"react\";\n\nimport { isPresent } from \"neetocist\";\nimport { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from \"neetocommons/constants\";\nimport { buildUrl, getQueryParams } from \"neetocommons/utils\";\nimport { Bar as FiltersBar } from \"neetofilters\";\nimport Header from \"neetomolecules/Header\";\nimport SubHeader from \"neetomolecules/SubHeader\";\nimport { Tab, Typography } from \"neetoui\";\nimport { concat, mergeLeft, modify } from \"ramda\";\nimport { useTranslation } from \"react-i18next\";\nimport { useHistory } from \"react-router-dom\";\n\nimport { UN_HIDEABLE_COLUMNS } from \"src/constants\";\nimport { processDataIndex } from \"utils\";\n\nimport { getDefaultColumns } from \"./columns/utils\";\nimport { COLUMNS_STORAGE_KEY, PAYMENT_DASHBOARD_TAB } from \"./constants\";\n\nconst TopSection = ({\n  views,\n  filters,\n  setFilters,\n  filterableColumns,\n  searchKeywordProps,\n  payableEntityColumns,\n}) => {\n  const [isFilterPaneOpen, setIsFilterPaneOpen] = useState(false);\n\n  const { t } = useTranslation();\n  const history = useHistory();\n  const { tab = PAYMENT_DASHBOARD_TAB.all } = getQueryParams();\n\n  const paymentsCount = views[tab];\n  const isPaymentCountVisible = paymentsCount > 0;\n  const isFilterButtonVisible = isPaymentCountVisible || isPresent(filters);\n\n  const handleFiltersChange = filters => {\n    startTransition(() => {\n      setFilters(filters);\n    });\n  };\n\n  const handleTabChange = tab => {\n    const queryParams = getQueryParams({ toCamelCase: false });\n    const newParams = {\n      tab,\n      page: DEFAULT_PAGE_INDEX,\n      page_size: DEFAULT_PAGE_SIZE,\n    };\n\n    history.push(\n      buildUrl(window.location.pathname, mergeLeft(newParams, queryParams))\n    );\n  };\n\n  return (\n    <>\n      <Header\n        title={t(\"neetoPayments.title.payments\")}\n        searchProps={{\n          placeholder: searchKeywordProps.placeholder,\n          className: \"w-80\",\n        }}\n      />\n      <Tab>\n        {Object.keys(PAYMENT_DASHBOARD_TAB).map(item => (\n          <Tab.Item\n            active={tab === item}\n            key={item}\n            onClick={() => handleTabChange(item)}\n          >\n            {t(`neetoPayments.common.${item}`)}\n          </Tab.Item>\n        ))}\n      </Tab>\n      <SubHeader\n        className=\"mt-4\"\n        leftActionBlock={\n          isPaymentCountVisible && (\n            <Typography\n              className=\"neeto-ui-gray-800 mr-2 font-semibold\"\n              component=\"h4\"\n            >\n              {tab === PAYMENT_DASHBOARD_TAB.all\n                ? t(\"neetoPayments.countOf.payment\", { count: paymentsCount })\n                : t(\"neetoPayments.countOf.paymentWithStatus\", {\n                    count: paymentsCount,\n                    status: tab,\n                  })}\n            </Typography>\n          )\n        }\n        rightActionBlock={\n          <>\n            <FiltersBar\n              columns={filterableColumns}\n              keyword={searchKeywordProps}\n              setIsPaneOpen={setIsFilterPaneOpen}\n              onChange={handleFiltersChange}\n            />\n            {isFilterButtonVisible && (\n              <SubHeader.RightBlock\n                columnsButtonProps={{\n                  columnData: concat(\n                    getDefaultColumns(),\n                    payableEntityColumns\n                  ).map(modify(\"dataIndex\", processDataIndex)),\n                  fixedColumns: UN_HIDEABLE_COLUMNS,\n                  localStorageKey: COLUMNS_STORAGE_KEY,\n                }}\n                filterProps={{\n                  columns: filterableColumns,\n                  isOpen: isFilterPaneOpen,\n                  keyword: searchKeywordProps,\n                  setIsOpen: setIsFilterPaneOpen,\n                  onChange: handleFiltersChange,\n                }}\n              />\n            )}\n          </>\n        }\n      />\n    </>\n  );\n};\n\nexport default TopSection;\n","import React, { useState } from \"react\";\n\nimport { getQueryParams } from \"neetocommons/utils\";\nimport { buildFiltersFromURL } from \"neetofilters\";\nimport PageLoader from \"neetomolecules/PageLoader\";\n\nimport { useFetchPayments } from \"hooks/reactQuery/usePaymentsApi\";\nimport { DEFAULT_SORT_PROPERTIES, DEFAULT_PAGE_VALUES } from \"src/constants\";\n\nimport { PAYMENT_DASHBOARD_TAB } from \"./constants\";\nimport List from \"./List\";\nimport TopSection from \"./TopSection\";\nimport { buildFilterColumns, buildSearchProps } from \"./utils\";\n\nconst PaymentsDashboard = ({ searchProps, payableEntityColumns }) => {\n  const { searchTerm = \"\" } = getQueryParams();\n  const filterableColumns = buildFilterColumns(payableEntityColumns);\n  const searchKeywordProps = buildSearchProps(searchProps, searchTerm);\n\n  const [sortProperties, setSortProperties] = useState(DEFAULT_SORT_PROPERTIES);\n  const [pageProperties, setPageProperties] = useState(DEFAULT_PAGE_VALUES);\n  const [filters, setFilters] = useState(\n    buildFiltersFromURL([...filterableColumns, searchKeywordProps])\n  );\n\n  const { tab = PAYMENT_DASHBOARD_TAB.all } = getQueryParams();\n  const payload = { tab, filters, ...pageProperties, ...sortProperties };\n  const { data: { payments, views } = {}, isLoading: isPaymentsLoaidng } =\n    useFetchPayments(payload, { enabled: true });\n\n  if (isPaymentsLoaidng) {\n    return <PageLoader />;\n  }\n\n  return (\n    <>\n      <TopSection\n        {...{\n          filterableColumns,\n          filters,\n          pageProperties,\n          payableEntityColumns,\n          searchKeywordProps,\n          setFilters,\n          setPageProperties,\n          setSortProperties,\n          views,\n        }}\n      />\n      <List\n        {...{\n          pageProperties,\n          payableEntityColumns,\n          payments,\n          setPageProperties,\n          setSortProperties,\n          views,\n        }}\n      />\n    </>\n  );\n};\n\nexport default PaymentsDashboard;\n"],"names":["list","payload","axios","get","concat","BASE_URL","params","paymentsApi","useFetchPayments","arguments","length","undefined","options","useQuery","_objectSpread","queryKey","QUERY_KEYS","PAYMENTS_LIST","queryFn","COLUMNS_STORAGE_KEY","PAYMENT_DASHBOARD_TAB","all","successful","declined","refunded","pending","SEARCH_PROPS","node","key","model","placeholder","t","FILTER_COLUMNS","label","type","values","map","toLabelAndValue","PAYMENT_PROVIDERS","TAG_STYLE","initiated","renderIdentifier","identifier","_ref","receiptUrl","isTemporaryIdentifier","startsWith","_jsx","Tooltip","content","position","children","className","Typography","style","CopyButtonWrapper","Button","href","size","target","getTagStyle","status","DEFAULT_TAG_STYLE","preProcessStatus","record","isRefunded","snakeToCamelCase","renderStatus","curry","processedStatus","Tag","renderDate","date","DateFormat","DateTime","renderPaymentProvider","paymentProvider","humanize","renderAmountWithCurrency","amount","_ref2","currency","currencyFormat","withCode","toUpperCase","getDefaultColumns","title","dataIndex","width","isHidable","render","sorter","buildSearchProps","searchProps","searchTerm","mergeDeepWith","mergeLeft","value","trim","buildFilterColumns","payableEntityColumns","reject","isNil","prop","buildTableColumns","tab","hiddenColumns","filteredColumns","sortBy","filter","includes","processDataIndex","removeBy","buildRowData","payments","_ref2$pageProperties","pageProperties","element","index","id","isEmpty","pageSize","page","List","setPageProperties","setSortProperties","views","_useTranslation","useTranslation","history","useHistory","_getQueryParams","getQueryParams","_getQueryParams$tab","_useHiddenColumns","useHiddenColumns","hideColumn","_useHiddenColumns$hid","paymentsCount","visibleColumns","handleColumnHiding","column","handleTablePaginaton","queryParams","toCamelCase","push","buildUrl","window","location","pathname","page_size","handleTableChange","_","__","isPresent","camelToSnakeCase","field","orderBy","order","DEFAULT_SORT_PROPERTIES","isNotPresent","NoData","TableWrapper","hasPagination","Table","fixedHeight","allowRowClick","columnData","currentPageNumber","handlePageChange","rowData","rowSelection","sortDirections","SORT_DIRECTIONS","totalCount","paginationProps","showSizeChanger","hideOnSinglePage","total","onChange","onColumnHide","TopSection","filters","setFilters","filterableColumns","searchKeywordProps","_useState","useState","_useState2","_slicedToArray","isFilterPaneOpen","setIsFilterPaneOpen","isPaymentCountVisible","isFilterButtonVisible","handleFiltersChange","startTransition","handleTabChange","newParams","DEFAULT_PAGE_INDEX","DEFAULT_PAGE_SIZE","_jsxs","_Fragment","Header","Tab","Object","keys","item","Item","active","onClick","SubHeader","leftActionBlock","component","count","rightActionBlock","FiltersBar","columns","keyword","setIsPaneOpen","RightBlock","columnsButtonProps","modify","fixedColumns","UN_HIDEABLE_COLUMNS","localStorageKey","filterProps","isOpen","setIsOpen","PaymentsDashboard","_getQueryParams$searc","sortProperties","_useState3","DEFAULT_PAGE_VALUES","_useState4","_useState5","buildFiltersFromURL","_toConsumableArray","_useState6","_getQueryParams2","_getQueryParams2$tab","_useFetchPayments","enabled","_useFetchPayments$dat","data","_useFetchPayments$dat2","isPaymentsLoaidng","isLoading","PageLoader"],"mappings":"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"}

package/dist/cjs/PayoutsDashboard.js

@@ -11,37 +11,38 @@ var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
 var Tab = require('@bigbinary/neetoui/Tab');
 var Typography = require('@bigbinary/neetoui/Typography');
 var reactI18next = require('react-i18next');
-var renderFunctions = require('./renderFunctions-c4b0ee83.js');
+var renderFunctions = require('./renderFunctions-888654db.js');
 var defineProperty = require('./defineProperty-f3094d6c.js');
 var Download = require('@bigbinary/neeto-icons/Download');
 var Button = require('@bigbinary/neetoui/Button');
 var Modal = require('@bigbinary/neetoui/Modal');
-var exportChannel = require('./exportChannel-2d528a51.js');
-var index$1 = require('./index-8a575dd1.js');
+var exportChannel = require('./exportChannel-237c6ae7.js');
+var index$1 = require('./index-d4d78c9e.js');
 var jsxRuntime = require('react/jsx-runtime');
 var toConsumableArray = require('./toConsumableArray-9abb3858.js');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var ramda = require('ramda');
 var reactRouterDom = require('react-router-dom');
 var constants = require('./constants.js');
+var CopyButtonWrapper = require('./CopyButtonWrapper-57331e1c.js');
 var constants$1 = require('@bigbinary/neeto-commons-frontend/constants');
 var Columns = require('@bigbinary/neeto-molecules/Columns');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
 var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
 var Table = require('@bigbinary/neetoui/Table');
 var NoData = require('@bigbinary/neetoui/NoData');
-var useConnectApi = require('./useConnectApi-c73ee8f2.js');
-var usePlatformApi = require('./usePlatformApi-80d57b24.js');
+var useConnectApi = require('./useConnectApi-461efc99.js');
+var usePlatformApi = require('./usePlatformApi-58333b71.js');
 require('@tanstack/react-query');
 require('@tanstack/react-query-devtools');
 require('@bigbinary/neeto-molecules/DateFormat');
 require('@bigbinary/neetoui/Tag');
 require('@bigbinary/neetoui/Tooltip');
-require('@bigbinary/neeto-molecules/CopyToClipboardButton');
 require('axios');
+require('@bigbinary/neeto-molecules/CopyToClipboardButton');
 require('./_commonjsHelpers-755157d3.js');
 require('util');
-require('./queryConstants-23a3ce5c.js');
+require('./queryConstants-cb79f600.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -246,7 +247,7 @@ var renderPayoutIdentifier = ramda.curry(function (route, _ref) {
     identifier = _ref$identifier === void 0 ? "" : _ref$identifier,
     _ref$id = _ref.id,
     id = _ref$id === void 0 ? "" : _ref$id;
-  return /*#__PURE__*/jsxRuntime.jsx(renderFunctions.CopyButtonWrapper, {
+  return /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper.CopyButtonWrapper, {
     content: identifier,
     children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
       label: identifier,