@bigbinary/neeto-payments-frontend 1.3.15 → 1.3.16

package/dist/index.cjs.js

@@ -17,11 +17,11 @@ var neetoIcons = require('@bigbinary/neeto-icons');
 var axios = require('axios');
 var neetoCist = require('@bigbinary/neeto-cist');
 var utils$3 = require('@bigbinary/neeto-commons-frontend/utils');
-var Columns = require('@bigbinary/neeto-molecules/Columns');
 var reactRouterDom = require('react-router-dom');
 var ramda = require('ramda');
 var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
 var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
+var Columns = require('@bigbinary/neeto-molecules/Columns');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
 var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
 var require$$0 = require('util');
@@ -1059,9 +1059,6 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
     _useState10 = _slicedToArray(_useState9, 2),
     tab = _useState10[0],
     setTab = _useState10[1];
-  var _useHiddenColumns = Columns.useHiddenColumns(STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY),
-    hideColumn = _useHiddenColumns.hideColumn,
-    getVisibleColumnData = _useHiddenColumns.getVisibleColumnData;
   var _getQueryParams = utils$3.getQueryParams(),
     _getQueryParams$searc = _getQueryParams.searchTerm,
     searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
@@ -1077,10 +1074,9 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
     _useState14 = _slicedToArray(_useState13, 2),
     dataSize = _useState14[0],
     setDataSize = _useState14[1];
-  var selectableColumnData = tab !== TAB$3.all ? neetoCist.removeBy({
+  var columnData = tab !== TAB$3.all ? neetoCist.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);
@@ -1097,10 +1093,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,
@@ -1158,12 +1152,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 = reactRouterDom.useHistory();
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var _useHiddenColumns = Columns.useHiddenColumns(STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY),
+    hideColumn = _useHiddenColumns.hideColumn,
+    getVisibleColumnData = _useHiddenColumns.getVisibleColumnData;
   var _useFetchConnectedAcc = useFetchConnectedAccounts(buildPayload({
       filters: filters,
       pageProperties: pageProperties,
@@ -1230,9 +1226,9 @@ var List$3 = function List(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
     hasPagination: dataSize > ((_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize)
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.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,
@@ -1278,9 +1274,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,
@@ -1326,7 +1320,7 @@ var AccountsDashboard = function AccountsDashboard() {
       onChange: handleFiltersChange
     }), isFilterButtonVisible && /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"].RightBlock, {
       columnsButtonProps: {
-        columnData: selectableColumnData,
+        columnData: columnData,
         fixedColumns: DASHBOARD_MANDATORY_COLUMNS$2,
         localStorageKey: STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY
       },
@@ -1347,7 +1341,6 @@ var AccountsDashboard = function AccountsDashboard() {
     columnData: columnData,
     filters: filters,
     handleTabChange: handleTabChange,
-    hideColumn: hideColumn,
     pageProperties: pageProperties,
     setDataSize: setDataSize,
     setIsFilterButtonVisible: setIsFilterButtonVisible,
@@ -1643,7 +1636,7 @@ var COLUMNS$2 = [{
   title: i18next.t("neetoPayments.common.platformSplitAmount"),
   dataIndex: "platformSplitAmount",
   key: "platformSplitAmount",
-  width: "200px",
+  width: "280px",
   position: 3
 }, {
   title: i18next.t("neetoPayments.common.paymentTime"),
@@ -2107,9 +2100,6 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
     _useState10 = _slicedToArray(_useState9, 2),
     tab = _useState10[0],
     setTab = _useState10[1];
-  var _useHiddenColumns = Columns.useHiddenColumns("stripePaymentDashboard_".concat(kind)),
-    _useHiddenColumns$hid = _useHiddenColumns.hiddenColumns,
-    hiddenColumns = _useHiddenColumns$hid === void 0 ? [] : _useHiddenColumns$hid;
   var filterableColumns = buildFilterColumns$1(tab, kind, payableEntityColumns);
   var _getQueryParams = utils$3.getQueryParams(),
     _getQueryParams$searc = _getQueryParams.searchTerm,
@@ -2141,11 +2131,7 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
       setPaneStatus: setPaneStatus
     }
   });
-  var selectableColumnData = columns.map(ramda.modify("dataIndex", processDataIndex));
-  var columnData = columns.filter(function (_ref2) {
-    var dataIndex = _ref2.dataIndex;
-    return !hiddenColumns.includes(processDataIndex(dataIndex));
-  });
+  var modifiedColumns = columns.map(ramda.modify("dataIndex", processDataIndex));
   var handleTabChange = function handleTabChange(tab) {
     var _pageProperties$tab, _pageProperties$tab2;
     urlSearchParams.set("tab", tab);
@@ -2168,8 +2154,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,
@@ -4718,12 +4704,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 = reactRouterDom.useHistory();
   var _useTranslation = reactI18next.useTranslation(),
@@ -4734,7 +4720,8 @@ var List$2 = function List(_ref) {
   });
   var _useHiddenColumns = Columns.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
     }),
@@ -4811,12 +4798,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["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
     hasPagination: dataSize > ((_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize)
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.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,
@@ -4893,8 +4884,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,
@@ -4943,7 +4934,7 @@ var Dashboard = function Dashboard(_ref) {
       onChange: handleFiltersChange
     }), isFilterButtonVisible && /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"].RightBlock, {
       columnsButtonProps: {
-        columnData: selectableColumnData,
+        columnData: modifiedColumns,
         fixedColumns: DASHBOARD_MANDATORY_COLUMNS$1,
         localStorageKey: "stripePaymentDashboard_".concat(kind)
       },
@@ -4961,7 +4952,7 @@ var Dashboard = function Dashboard(_ref) {
       }
     }))
   }), /*#__PURE__*/React__default["default"].createElement(List$2, {
-    columnData: columnData,
+    columns: columns,
     filters: filters,
     handleTabChange: handleTabChange,
     holdableId: holdableId,
@@ -5204,9 +5195,6 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
     _useState10 = _slicedToArray(_useState9, 2),
     tab = _useState10[0],
     setTab = _useState10[1];
-  var _useHiddenColumns = Columns.useHiddenColumns(STRIPE_PAYOUTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY),
-    hideColumn = _useHiddenColumns.hideColumn,
-    getVisibleColumnData = _useHiddenColumns.getVisibleColumnData;
   var _getQueryParams = utils$3.getQueryParams(),
     _getQueryParams$searc = _getQueryParams.searchTerm,
     searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
@@ -5224,10 +5212,9 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
     setDataSize = _useState14[1];
   var identifierColumn = ramda.assoc("render", renderPayoutIdentifier$1(payoutsPageRoute), IDENTIFIER_COLUMN);
   var columns = ramda.insert(1, identifierColumn, COLUMNS$1);
-  var selectableColumnData = tab !== TAB$1.all ? neetoCist.removeBy({
+  var columnData = tab !== TAB$1.all ? neetoCist.removeBy({
     key: "status"
   }, columns) : columns;
-  var columnData = getVisibleColumnData(selectableColumnData);
   var handleTabChange = function handleTabChange(tab) {
     var _pageProperties$tab, _pageProperties$tab2;
     urlSearchParams.set("tab", tab);
@@ -5243,11 +5230,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,
@@ -5291,12 +5276,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 = reactRouterDom.useHistory();
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
+  var _useHiddenColumns = Columns.useHiddenColumns(STRIPE_PAYOUTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY),
+    hideColumn = _useHiddenColumns.hideColumn,
+    getVisibleColumnData = _useHiddenColumns.getVisibleColumnData;
   var _useFetchData = useFetchData$1({
       payload: buildPayload({
         filters: filters,
@@ -5359,9 +5346,9 @@ var List$1 = function List(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
     hasPagination: dataSize > ((_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize)
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.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,
@@ -5409,7 +5396,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,
@@ -5417,8 +5403,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 () {
@@ -5457,7 +5442,7 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
       onChange: handleFiltersChange
     }), isFilterButtonVisible && /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"].RightBlock, {
       columnsButtonProps: {
-        columnData: selectableColumnData,
+        columnData: columnData,
         fixedColumns: DASHBOARD_MANDATORY_COLUMNS,
         localStorageKey: STRIPE_PAYOUTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY
       },
@@ -5478,7 +5463,6 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
     columnData: columnData,
     filters: filters,
     handleTabChange: handleTabChange,
-    hideColumn: hideColumn,
     isPlatformEnabled: isPlatformEnabled,
     pageProperties: pageProperties,
     setDataSize: setDataSize,