@bigbinary/neeto-payments-frontend 2.2.1 → 2.2.2

package/dist/cjs/PaymentsDashboard.js

@@ -0,0 +1,492 @@
+'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 constants$1 = require('@bigbinary/neeto-commons-frontend/constants');
+var neetoCist = require('@bigbinary/neeto-cist');
+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 ramda = require('ramda');
+var reactI18next = require('react-i18next');
+var reactRouterDom = require('react-router-dom');
+var index = require('./index-8a575dd1.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 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 UN_HIDEABLE_COLUMNS = ["id", "identifier", "status"];
+var PAYMENT_DASHBOARD_TAB = {
+  all: "all",
+  successful: "successful",
+  declined: "declined",
+  refunded: "refunded",
+  pending: "pending"
+};
+var DEFAULT_PAGE_VALUES = {
+  page: constants$1.DEFAULT_PAGE_INDEX,
+  pageSize: constants$1.DEFAULT_PAGE_SIZE
+};
+var DEFAULT_SORT_PROPERTIES = {
+  sortBy: "updated_at",
+  orderBy: "DESC"
+};
+var SEARCH_PROPS = {
+  node: "identifier,",
+  key: "search_term",
+  model: "NeetoPaymentsEngine::Payment,",
+  placeholder: i18next.t("neetoPayments.common.search")
+};
+var FILTER_COLUMNS = [{
+  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 DEFAULT_TAG_STYLE = "warning";
+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] || 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;
+  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("paymentsDashboard"),
+    hideColumn = _useHiddenColumns.hideColumn,
+    _useHiddenColumns$hid = _useHiddenColumns.hiddenColumns,
+    hiddenColumns = _useHiddenColumns$hid === void 0 ? [] : _useHiddenColumns$hid;
+  var paymentsCount = 1;
+  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"
+    } : 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"], {
+      searchProps: {
+        placeholder: "search",
+        className: "w-80"
+      },
+      title: t("neetoPayments.title.payments")
+    }), /*#__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: UN_HIDEABLE_COLUMNS,
+            localStorageKey: "paymentsDashboard"
+          },
+          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(DEFAULT_SORT_PROPERTIES),
+    _useState2 = slicedToArray._slicedToArray(_useState, 2),
+    sortProperties = _useState2[0],
+    setSortProperties = _useState2[1];
+  var _useState3 = React.useState(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, {
+      payableEntityColumns: payableEntityColumns,
+      payments: payments
+    })]
+  });
+};
+
+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 { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from \"neetocommons/constants\";\n\nexport const UN_HIDEABLE_COLUMNS = [\"id\", \"identifier\", \"status\"];\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 DEFAULT_PAGE_VALUES = {\n  page: DEFAULT_PAGE_INDEX,\n  pageSize: DEFAULT_PAGE_SIZE,\n};\n\nexport const DEFAULT_SORT_PROPERTIES = {\n  sortBy: \"updated_at\",\n  orderBy: \"DESC\",\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: \"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 DEFAULT_TAG_STYLE = \"warning\";\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\";\n\nimport { DEFAULT_TAG_STYLE, 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 } from \"src/constants\";\nimport { processDataIndex } from \"utils\";\n\nimport { DEFAULT_SORT_PROPERTIES, PAYMENT_DASHBOARD_TAB } from \"./constants\";\nimport { buildRowData, buildTableColumns } from \"./utils\";\n\nconst List = ({\n  payments,\n  payableEntityColumns,\n  setPageProperties,\n  setSortProperties,\n  pageProperties,\n}) => {\n  const { t } = useTranslation();\n\n  const history = useHistory();\n  const { tab = PAYMENT_DASHBOARD_TAB.all } = getQueryParams();\n  const { hideColumn, hiddenColumns = [] } =\n    useHiddenColumns(\"paymentsDashboard\");\n\n  const paymentsCount = 1;\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 { processDataIndex } from \"utils\";\n\nimport { getDefaultColumns } from \"./columns/utils\";\nimport { PAYMENT_DASHBOARD_TAB, UN_HIDEABLE_COLUMNS } 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 isTabsVisible = true;\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        searchProps={{ placeholder: \"search\", className: \"w-80\" }}\n        title={t(\"neetoPayments.title.payments\")}\n      />\n      {isTabsVisible && (\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      )}\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: \"paymentsDashboard\",\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\";\n\nimport {\n  DEFAULT_PAGE_VALUES,\n  DEFAULT_SORT_PROPERTIES,\n  PAYMENT_DASHBOARD_TAB,\n} 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 {...{ payableEntityColumns, payments }} />\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","UN_HIDEABLE_COLUMNS","PAYMENT_DASHBOARD_TAB","all","successful","declined","refunded","pending","DEFAULT_PAGE_VALUES","page","DEFAULT_PAGE_INDEX","pageSize","DEFAULT_PAGE_SIZE","DEFAULT_SORT_PROPERTIES","sortBy","orderBy","SEARCH_PROPS","node","key","model","placeholder","t","FILTER_COLUMNS","label","type","DEFAULT_TAG_STYLE","TAG_STYLE","initiated","renderIdentifier","identifier","_ref","receiptUrl","isTemporaryIdentifier","startsWith","_jsx","Tooltip","content","position","children","className","Typography","style","CopyButtonWrapper","Button","href","size","target","getTagStyle","status","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","map","prop","buildTableColumns","tab","hiddenColumns","filteredColumns","filter","includes","processDataIndex","removeBy","buildRowData","payments","_ref2$pageProperties","pageProperties","element","index","id","isEmpty","List","setPageProperties","setSortProperties","_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","order","isNotPresent","NoData","TableWrapper","hasPagination","Table","fixedHeight","allowRowClick","columnData","currentPageNumber","handlePageChange","rowData","rowSelection","sortDirections","SORT_DIRECTIONS","totalCount","paginationProps","showSizeChanger","hideOnSinglePage","total","onChange","onColumnHide","TopSection","views","filters","setFilters","filterableColumns","searchKeywordProps","_useState","useState","_useState2","_slicedToArray","isFilterPaneOpen","setIsFilterPaneOpen","isPaymentCountVisible","isFilterButtonVisible","handleFiltersChange","startTransition","handleTabChange","newParams","_jsxs","_Fragment","Header","Tab","Object","keys","item","Item","active","onClick","SubHeader","leftActionBlock","component","count","rightActionBlock","FiltersBar","columns","keyword","setIsPaneOpen","RightBlock","columnsButtonProps","modify","fixedColumns","localStorageKey","filterProps","isOpen","setIsOpen","PaymentsDashboard","_getQueryParams$searc","sortProperties","_useState3","_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,7 +11,7 @@ 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-0284d0cb.js');
 var defineProperty = require('./defineProperty-f3094d6c.js');
 var Download = require('@bigbinary/neeto-icons/Download');
 var Button = require('@bigbinary/neetoui/Button');
@@ -24,24 +24,25 @@ 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-67c912ae.js');
+var usePlatformApi = require('./usePlatformApi-365cf2dc.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,