@bigbinary/neeto-payments-frontend 1.3.14 → 1.3.16

package/dist/index.js

@@ -14,11 +14,11 @@ import { Download, Down, Right } from '@bigbinary/neeto-icons';
 import axios from 'axios';
 import { noop, camelToSnakeCase, isPresent, snakeToCamelCase, capitalize, removeBy, filterBy, isNotPresent, humanize } from '@bigbinary/neeto-cist';
 import { createSubscription, getQueryParams, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
-import { useHiddenColumns } from '@bigbinary/neeto-molecules/Columns';
 import { useLocation, useHistory } from 'react-router-dom';
 import { isEmpty, assoc, modify, concat, curry, pipe, split, map, join, equals, sortBy, prop, evolve, insert, mergeDeepLeft } from 'ramda';
 import DateFormat from '@bigbinary/neeto-molecules/DateFormat';
 import CopyToClipboardButton from '@bigbinary/neeto-molecules/CopyToClipboardButton';
+import { useHiddenColumns } from '@bigbinary/neeto-molecules/Columns';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
 import require$$0 from 'util';
@@ -1023,9 +1023,6 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
     _useState10 = _slicedToArray(_useState9, 2),
     tab = _useState10[0],
     setTab = _useState10[1];
-  var _useHiddenColumns = useHiddenColumns(STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY),
-    hideColumn = _useHiddenColumns.hideColumn,
-    getVisibleColumnData = _useHiddenColumns.getVisibleColumnData;
   var _getQueryParams = getQueryParams(),
     _getQueryParams$searc = _getQueryParams.searchTerm,
     searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
@@ -1041,10 +1038,9 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
     _useState14 = _slicedToArray(_useState13, 2),
     dataSize = _useState14[0],
     setDataSize = _useState14[1];
-  var selectableColumnData = tab !== TAB$3.all ? removeBy({
+  var columnData = tab !== TAB$3.all ? removeBy({
     key: "status"
   }, COLUMNS$3) : COLUMNS$3;
-  var columnData = getVisibleColumnData(selectableColumnData);
   var handleTabChange = function handleTabChange(tab) {
     var _pageProperties$tab, _pageProperties$tab2;
     urlSearchParams.set("tab", tab);
@@ -1061,10 +1057,8 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
     tab: tab,
     sortProperties: sortProperties,
     columnData: columnData,
-    selectableColumnData: selectableColumnData,
     dataSize: dataSize,
     setDataSize: setDataSize,
-    hideColumn: hideColumn,
     setIsFilterButtonVisible: setIsFilterButtonVisible,
     setIsFilterPaneOpen: setIsFilterPaneOpen,
     setPageProperties: setPageProperties,
@@ -1122,12 +1116,14 @@ var List$3 = function List(_ref) {
     setPageProperties = _ref.setPageProperties,
     setSortProperties = _ref.setSortProperties,
     sortProperties = _ref.sortProperties,
-    tab = _ref.tab,
-    hideColumn = _ref.hideColumn;
+    tab = _ref.tab;
   var urlSearchParams = useURLSearchParams();
   var history = useHistory();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var _useHiddenColumns = useHiddenColumns(STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY),
+    hideColumn = _useHiddenColumns.hideColumn,
+    getVisibleColumnData = _useHiddenColumns.getVisibleColumnData;
   var _useFetchConnectedAcc = useFetchConnectedAccounts(buildPayload({
       filters: filters,
       pageProperties: pageProperties,
@@ -1194,9 +1190,9 @@ var List$3 = function List(_ref) {
   return /*#__PURE__*/React__default.createElement(TableWrapper, {
     hasPagination: dataSize > ((_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize)
   }, /*#__PURE__*/React__default.createElement(Table, {
-    columnData: columnData,
     fixedHeight: true,
     allowRowClick: false,
+    columnData: getVisibleColumnData(columnData),
     currentPageNumber: (_pageProperties$tab4 = pageProperties[tab]) === null || _pageProperties$tab4 === void 0 ? void 0 : _pageProperties$tab4.page,
     handlePageChange: handleTablePagination,
     loading: isFetching,
@@ -1242,9 +1238,7 @@ var AccountsDashboard = function AccountsDashboard() {
     tab = _useFiltersAndPaginat.tab,
     sortProperties = _useFiltersAndPaginat.sortProperties,
     columnData = _useFiltersAndPaginat.columnData,
-    selectableColumnData = _useFiltersAndPaginat.selectableColumnData,
     dataSize = _useFiltersAndPaginat.dataSize,
-    hideColumn = _useFiltersAndPaginat.hideColumn,
     setDataSize = _useFiltersAndPaginat.setDataSize,
     setIsFilterButtonVisible = _useFiltersAndPaginat.setIsFilterButtonVisible,
     setIsFilterPaneOpen = _useFiltersAndPaginat.setIsFilterPaneOpen,
@@ -1290,7 +1284,7 @@ var AccountsDashboard = function AccountsDashboard() {
       onChange: handleFiltersChange
     }), isFilterButtonVisible && /*#__PURE__*/React__default.createElement(SubHeader.RightBlock, {
       columnsButtonProps: {
-        columnData: selectableColumnData,
+        columnData: columnData,
         fixedColumns: DASHBOARD_MANDATORY_COLUMNS$2,
         localStorageKey: STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY
       },
@@ -1311,7 +1305,6 @@ var AccountsDashboard = function AccountsDashboard() {
     columnData: columnData,
     filters: filters,
     handleTabChange: handleTabChange,
-    hideColumn: hideColumn,
     pageProperties: pageProperties,
     setDataSize: setDataSize,
     setIsFilterButtonVisible: setIsFilterButtonVisible,
@@ -1607,7 +1600,7 @@ var COLUMNS$2 = [{
   title: t$1("neetoPayments.common.platformSplitAmount"),
   dataIndex: "platformSplitAmount",
   key: "platformSplitAmount",
-  width: "200px",
+  width: "280px",
   position: 3
 }, {
   title: t$1("neetoPayments.common.paymentTime"),
@@ -2071,8 +2064,6 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     tab = _useState10[0],
     setTab = _useState10[1];
-  var _useHiddenColumns = useHiddenColumns("stripePaymentDashboard_".concat(kind)),
-    hiddenColumns = _useHiddenColumns.hiddenColumns;
   var filterableColumns = buildFilterColumns$1(tab, kind, payableEntityColumns);
   var _getQueryParams = getQueryParams(),
     _getQueryParams$searc = _getQueryParams.searchTerm,
@@ -2104,11 +2095,7 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
       setPaneStatus: setPaneStatus
     }
   });
-  var selectableColumnData = columns.map(modify("dataIndex", processDataIndex));
-  var columnData = columns.filter(function (_ref2) {
-    var dataIndex = _ref2.dataIndex;
-    return !hiddenColumns.includes(processDataIndex(dataIndex));
-  });
+  var modifiedColumns = columns.map(modify("dataIndex", processDataIndex));
   var handleTabChange = function handleTabChange(tab) {
     var _pageProperties$tab, _pageProperties$tab2;
     urlSearchParams.set("tab", tab);
@@ -2131,8 +2118,8 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
     dataSize: dataSize,
     filterableColumns: filterableColumns,
     sortProperties: sortProperties,
-    columnData: columnData,
-    selectableColumnData: selectableColumnData,
+    columns: columns,
+    modifiedColumns: modifiedColumns,
     setIsFilterButtonVisible: setIsFilterButtonVisible,
     setIsFilterPaneOpen: setIsFilterPaneOpen,
     setPageProperties: setPageProperties,
@@ -4681,12 +4668,12 @@ var List$2 = function List(_ref) {
     tab = _ref.tab,
     paneStatus = _ref.paneStatus,
     setPaneStatus = _ref.setPaneStatus,
-    columnData = _ref.columnData,
     handleTabChange = _ref.handleTabChange,
     setDataSize = _ref.setDataSize,
     sortProperties = _ref.sortProperties,
     setSortProperties = _ref.setSortProperties,
-    payoutId = _ref.payoutId;
+    payoutId = _ref.payoutId,
+    columns = _ref.columns;
   var urlSearchParams = useURLSearchParams();
   var history = useHistory();
   var _useTranslation = useTranslation(),
@@ -4697,7 +4684,8 @@ var List$2 = function List(_ref) {
   });
   var _useHiddenColumns = useHiddenColumns("stripePaymentDashboard_".concat(kind)),
     hideColumn = _useHiddenColumns.hideColumn,
-    getVisibleColumnData = _useHiddenColumns.getVisibleColumnData;
+    _useHiddenColumns$hid = _useHiddenColumns.hiddenColumns,
+    hiddenColumns = _useHiddenColumns$hid === void 0 ? [] : _useHiddenColumns$hid;
   var _useFetchStripePlatfo = useFetchStripePlatformAccount({
       enabled: isPlatformEnabled
     }),
@@ -4774,12 +4762,16 @@ var List$2 = function List(_ref) {
       })
     }));
   }
+  var visibleColumns = columns.filter(function (_ref2) {
+    var dataIndex = _ref2.dataIndex;
+    return !hiddenColumns.includes(processDataIndex(dataIndex));
+  });
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TableWrapper, {
     hasPagination: dataSize > ((_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize)
   }, /*#__PURE__*/React__default.createElement(Table, {
     fixedHeight: true,
     allowRowClick: false,
-    columnData: getVisibleColumnData(columnData),
+    columnData: visibleColumns,
     currentPageNumber: (_pageProperties$tab4 = pageProperties[tab]) === null || _pageProperties$tab4 === void 0 ? void 0 : _pageProperties$tab4.page,
     handlePageChange: handleTablePaginaton,
     loading: isDataFetching,
@@ -4856,8 +4848,8 @@ var Dashboard = function Dashboard(_ref) {
     tab = _useFiltersAndPaginat.tab,
     dataSize = _useFiltersAndPaginat.dataSize,
     sortProperties = _useFiltersAndPaginat.sortProperties,
-    columnData = _useFiltersAndPaginat.columnData,
-    selectableColumnData = _useFiltersAndPaginat.selectableColumnData,
+    columns = _useFiltersAndPaginat.columns,
+    modifiedColumns = _useFiltersAndPaginat.modifiedColumns,
     paneStatus = _useFiltersAndPaginat.paneStatus,
     setPaneStatus = _useFiltersAndPaginat.setPaneStatus,
     setIsFilterButtonVisible = _useFiltersAndPaginat.setIsFilterButtonVisible,
@@ -4906,7 +4898,7 @@ var Dashboard = function Dashboard(_ref) {
       onChange: handleFiltersChange
     }), isFilterButtonVisible && /*#__PURE__*/React__default.createElement(SubHeader.RightBlock, {
       columnsButtonProps: {
-        columnData: selectableColumnData,
+        columnData: modifiedColumns,
         fixedColumns: DASHBOARD_MANDATORY_COLUMNS$1,
         localStorageKey: "stripePaymentDashboard_".concat(kind)
       },
@@ -4924,7 +4916,7 @@ var Dashboard = function Dashboard(_ref) {
       }
     }))
   }), /*#__PURE__*/React__default.createElement(List$2, {
-    columnData: columnData,
+    columns: columns,
     filters: filters,
     handleTabChange: handleTabChange,
     holdableId: holdableId,
@@ -5167,9 +5159,6 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
     _useState10 = _slicedToArray(_useState9, 2),
     tab = _useState10[0],
     setTab = _useState10[1];
-  var _useHiddenColumns = useHiddenColumns(STRIPE_PAYOUTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY),
-    hideColumn = _useHiddenColumns.hideColumn,
-    getVisibleColumnData = _useHiddenColumns.getVisibleColumnData;
   var _getQueryParams = getQueryParams(),
     _getQueryParams$searc = _getQueryParams.searchTerm,
     searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
@@ -5187,10 +5176,9 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
     setDataSize = _useState14[1];
   var identifierColumn = assoc("render", renderPayoutIdentifier$1(payoutsPageRoute), IDENTIFIER_COLUMN);
   var columns = insert(1, identifierColumn, COLUMNS$1);
-  var selectableColumnData = tab !== TAB$1.all ? removeBy({
+  var columnData = tab !== TAB$1.all ? removeBy({
     key: "status"
   }, columns) : columns;
-  var columnData = getVisibleColumnData(selectableColumnData);
   var handleTabChange = function handleTabChange(tab) {
     var _pageProperties$tab, _pageProperties$tab2;
     urlSearchParams.set("tab", tab);
@@ -5206,11 +5194,9 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
     searchKeywordProps: searchKeywordProps,
     tab: tab,
     sortProperties: sortProperties,
-    selectableColumnData: selectableColumnData,
     columnData: columnData,
     dataSize: dataSize,
     setDataSize: setDataSize,
-    hideColumn: hideColumn,
     setIsFilterButtonVisible: setIsFilterButtonVisible,
     setIsFilterPaneOpen: setIsFilterPaneOpen,
     setPageProperties: setPageProperties,
@@ -5254,12 +5240,14 @@ var List$1 = function List(_ref) {
     setSortProperties = _ref.setSortProperties,
     sortProperties = _ref.sortProperties,
     tab = _ref.tab,
-    isPlatformEnabled = _ref.isPlatformEnabled,
-    hideColumn = _ref.hideColumn;
+    isPlatformEnabled = _ref.isPlatformEnabled;
   var urlSearchParams = useURLSearchParams();
   var history = useHistory();
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
+  var _useHiddenColumns = useHiddenColumns(STRIPE_PAYOUTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY),
+    hideColumn = _useHiddenColumns.hideColumn,
+    getVisibleColumnData = _useHiddenColumns.getVisibleColumnData;
   var _useFetchData = useFetchData$1({
       payload: buildPayload({
         filters: filters,
@@ -5322,9 +5310,9 @@ var List$1 = function List(_ref) {
   return /*#__PURE__*/React__default.createElement(TableWrapper, {
     hasPagination: dataSize > ((_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize)
   }, /*#__PURE__*/React__default.createElement(Table, {
-    columnData: columnData,
     fixedHeight: true,
     allowRowClick: false,
+    columnData: getVisibleColumnData(columnData),
     currentPageNumber: (_pageProperties$tab4 = pageProperties[tab]) === null || _pageProperties$tab4 === void 0 ? void 0 : _pageProperties$tab4.page,
     handlePageChange: handleTablePagination,
     loading: isDataFetching,
@@ -5372,7 +5360,6 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
     tab = _useFiltersAndPaginat.tab,
     sortProperties = _useFiltersAndPaginat.sortProperties,
     columnData = _useFiltersAndPaginat.columnData,
-    selectableColumnData = _useFiltersAndPaginat.selectableColumnData,
     dataSize = _useFiltersAndPaginat.dataSize,
     setDataSize = _useFiltersAndPaginat.setDataSize,
     setIsFilterButtonVisible = _useFiltersAndPaginat.setIsFilterButtonVisible,
@@ -5380,8 +5367,7 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
     setPageProperties = _useFiltersAndPaginat.setPageProperties,
     setFilters = _useFiltersAndPaginat.setFilters,
     handleTabChange = _useFiltersAndPaginat.handleTabChange,
-    setSortProperties = _useFiltersAndPaginat.setSortProperties,
-    hideColumn = _useFiltersAndPaginat.hideColumn;
+    setSortProperties = _useFiltersAndPaginat.setSortProperties;
   var isTabsVisible = isFilterButtonVisible || tab !== "all";
   var handleFiltersChange = function handleFiltersChange(filters) {
     startTransition(function () {
@@ -5420,7 +5406,7 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
       onChange: handleFiltersChange
     }), isFilterButtonVisible && /*#__PURE__*/React__default.createElement(SubHeader.RightBlock, {
       columnsButtonProps: {
-        columnData: selectableColumnData,
+        columnData: columnData,
         fixedColumns: DASHBOARD_MANDATORY_COLUMNS,
         localStorageKey: STRIPE_PAYOUTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY
       },
@@ -5441,7 +5427,6 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
     columnData: columnData,
     filters: filters,
     handleTabChange: handleTabChange,
-    hideColumn: hideColumn,
     isPlatformEnabled: isPlatformEnabled,
     pageProperties: pageProperties,
     setDataSize: setDataSize,