@bigbinary/neeto-payments-frontend 1.4.0 → 1.4.2

package/app/javascript/src/translations/en.json

@@ -27,7 +27,7 @@
       "notAvailable": "-",
       "rejected": "Rejected",
       "squarePayments": "Square Payments",
-      "razorpayPayments": "Razorpay Payments",
+      "razorpayPayments": "Razorpay payments",
       "completed": "Completed",
       "failed": "Failed",
       "accountIdentifier": "Destination Account Identifier",

package/dist/index.cjs.js

@@ -6083,6 +6083,95 @@ var SquareCard = function SquareCard(_ref) {
   }, !card && /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null));
 };
 
+var renderIdentifier$1 = function renderIdentifier() {
+  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref$identifier = _ref.identifier,
+    identifier = _ref$identifier === void 0 ? "" : _ref$identifier;
+  var isTemporaryIdentifier = identifier.startsWith("temp_");
+  if (isTemporaryIdentifier) {
+    return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+      content: i18next.t("neetoPayments.tooltipContent.paymentIdentifierUnavailable"),
+      position: "top"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "text-center"
+    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+      style: "body2"
+    }, i18next.t("neetoPayments.common.notAvailable"))));
+  }
+  return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
+    content: identifier
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    href: "https://dashboard.razorpay.com/app/payments/".concat(identifier),
+    label: identifier,
+    size: "small",
+    style: "link",
+    target: "_blank"
+  }));
+};
+
+var COLUMNS$1 = [{
+  title: i18next.t("neetoPayments.common.id"),
+  dataIndex: "id",
+  key: "id",
+  width: "72px",
+  isHidable: false
+}, {
+  title: i18next.t("neetoPayments.common.identifier"),
+  dataIndex: "identifier",
+  key: "identifier",
+  width: "290px",
+  render: renderIdentifier$1,
+  isHidable: false
+}, {
+  title: i18next.t("neetoPayments.common.status"),
+  dataIndex: "status",
+  key: "status",
+  sorter: true,
+  width: "150px",
+  render: renderStatus("payment"),
+  isHidable: false
+}, {
+  title: i18next.t("neetoPayments.common.amount"),
+  dataIndex: "amount",
+  key: "amount",
+  sorter: true,
+  width: "150px"
+}, {
+  title: i18next.t("neetoPayments.common.paymentTime"),
+  dataIndex: "paymentAt",
+  key: "paymentTime",
+  sorter: true,
+  width: "220px",
+  render: renderDate
+}];
+var COLUMN_METADATA$1 = {
+  status: {
+    isHidden: {
+      successful: true,
+      declined: true,
+      pending: true,
+      refunded: true
+    }
+  }
+};
+
+ramda.equals("razorpayRefund");
+var isPaymentKind$1 = ramda.equals("razorpayPayment");
+var buildPaymentColumns$1 = function buildPaymentColumns(_ref) {
+  var tab = _ref.tab,
+    kind = _ref.kind,
+    _ref$payableEntityCol = _ref.payableEntityColumns,
+    payableEntityColumns = _ref$payableEntityCol === void 0 ? [] : _ref$payableEntityCol;
+  return COLUMNS$1.filter(function (_ref2) {
+    var _COLUMN_METADATA$key, _COLUMN_METADATA$key2;
+    var key = _ref2.key;
+    return !((_COLUMN_METADATA$key = COLUMN_METADATA$1[key]) !== null && _COLUMN_METADATA$key !== void 0 && (_COLUMN_METADATA$key = _COLUMN_METADATA$key.isHidden) !== null && _COLUMN_METADATA$key !== void 0 && _COLUMN_METADATA$key[kind] || (_COLUMN_METADATA$key2 = COLUMN_METADATA$1[key]) !== null && _COLUMN_METADATA$key2 !== void 0 && (_COLUMN_METADATA$key2 = _COLUMN_METADATA$key2.isHidden) !== null && _COLUMN_METADATA$key2 !== void 0 && _COLUMN_METADATA$key2[tab]);
+  }).concat(payableEntityColumns.filter(function (_ref3) {
+    var isHidden = _ref3.isHidden;
+    return !(isHidden !== null && isHidden !== void 0 && isHidden[tab] || isHidden !== null && isHidden !== void 0 && isHidden[kind]);
+  }));
+};
+
 function ownKeys$3(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$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FilterWrapper = function FilterWrapper(_ref) {
@@ -6103,7 +6192,8 @@ var FilterWrapper = function FilterWrapper(_ref) {
     setFilters = _ref.setFilters,
     handleTabChange = _ref.handleTabChange,
     dataSize = _ref.dataSize,
-    kind = _ref.kind;
+    kind = _ref.kind,
+    payableEntityColumns = _ref.payableEntityColumns;
   var _useTransition = React.useTransition(),
     _useTransition2 = _slicedToArray(_useTransition, 2);
     _useTransition2[0];
@@ -6120,6 +6210,11 @@ var FilterWrapper = function FilterWrapper(_ref) {
       setFilters(filters);
     });
   };
+  var columnData = buildPaymentColumns$1({
+    tab: tab,
+    kind: kind,
+    payableEntityColumns: payableEntityColumns
+  });
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], _extends$1({}, _objectSpread$3(_objectSpread$3({}, headerProps), {}, {
     title: title
   }), {
@@ -6152,6 +6247,11 @@ var FilterWrapper = function FilterWrapper(_ref) {
       setIsPaneOpen: setIsFilterPaneOpen,
       onChange: handleFiltersChange
     }), isFilterButtonVisible && /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"].RightBlock, {
+      columnsButtonProps: {
+        columnData: columnData,
+        fixedColumns: DASHBOARD_MANDATORY_COLUMNS$1,
+        localStorageKey: "paymentDashboard_".concat(kind)
+      },
       downloadButtonProps: {
         onClick: function onClick() {
           return setShowExportModal(true);
@@ -6168,7 +6268,7 @@ var FilterWrapper = function FilterWrapper(_ref) {
   }), children);
 };
 
-var renderIdentifier$1 = function renderIdentifier() {
+var renderIdentifier = function renderIdentifier() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
     _ref$identifier = _ref.identifier,
     identifier = _ref$identifier === void 0 ? "" : _ref$identifier,
@@ -6194,7 +6294,7 @@ var truncatedText = function truncatedText(_ref2) {
   }, identifier));
 };
 
-var COLUMNS$1 = [{
+var COLUMNS = [{
   title: i18next.t("neetoPayments.common.id"),
   dataIndex: "id",
   key: "id",
@@ -6204,7 +6304,7 @@ var COLUMNS$1 = [{
   dataIndex: "identifier",
   key: "identifier",
   width: "290px",
-  render: renderIdentifier$1
+  render: renderIdentifier
 }, {
   title: i18next.t("neetoPayments.common.status"),
   dataIndex: "status",
@@ -6228,7 +6328,7 @@ var COLUMNS$1 = [{
   dataIndex: "payment",
   key: "paymentIdentifier",
   width: "290px",
-  render: renderIdentifier$1
+  render: renderIdentifier
 }, {
   title: i18next.t("neetoPayments.common.amount"),
   dataIndex: "amount",
@@ -6243,7 +6343,7 @@ var COLUMNS$1 = [{
   width: "220px",
   render: renderDate
 }];
-var COLUMN_METADATA$1 = {
+var COLUMN_METADATA = {
   identifier: {
     isHidden: {
       squareRefund: true
@@ -6277,22 +6377,22 @@ var COLUMN_METADATA$1 = {
 };
 
 var isRefundKind = ramda.equals("squareRefund");
-var isPaymentKind$1 = ramda.equals("squarePayment");
+var isPaymentKind = ramda.equals("squarePayment");
 var buildFilterColumns = function buildFilterColumns() {
   var payableEntityColumns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return ramda.concat(FILTER_COLUMNS$2, ramda.map(ramda.prop("filterProps"), neetoCist.filterBy({
     isFilterable: true
   }, payableEntityColumns)));
 };
-var buildPaymentColumns$1 = function buildPaymentColumns(_ref) {
+var buildPaymentColumns = function buildPaymentColumns(_ref) {
   var tab = _ref.tab,
     kind = _ref.kind,
     _ref$payableEntityCol = _ref.payableEntityColumns,
     payableEntityColumns = _ref$payableEntityCol === void 0 ? [] : _ref$payableEntityCol;
-  return COLUMNS$1.filter(function (_ref2) {
+  return COLUMNS.filter(function (_ref2) {
     var _COLUMN_METADATA$key, _COLUMN_METADATA$key2;
     var key = _ref2.key;
-    return !((_COLUMN_METADATA$key = COLUMN_METADATA$1[key]) !== null && _COLUMN_METADATA$key !== void 0 && (_COLUMN_METADATA$key = _COLUMN_METADATA$key.isHidden) !== null && _COLUMN_METADATA$key !== void 0 && _COLUMN_METADATA$key[kind] || (_COLUMN_METADATA$key2 = COLUMN_METADATA$1[key]) !== null && _COLUMN_METADATA$key2 !== void 0 && (_COLUMN_METADATA$key2 = _COLUMN_METADATA$key2.isHidden) !== null && _COLUMN_METADATA$key2 !== void 0 && _COLUMN_METADATA$key2[tab]);
+    return !((_COLUMN_METADATA$key = COLUMN_METADATA[key]) !== null && _COLUMN_METADATA$key !== void 0 && (_COLUMN_METADATA$key = _COLUMN_METADATA$key.isHidden) !== null && _COLUMN_METADATA$key !== void 0 && _COLUMN_METADATA$key[kind] || (_COLUMN_METADATA$key2 = COLUMN_METADATA[key]) !== null && _COLUMN_METADATA$key2 !== void 0 && (_COLUMN_METADATA$key2 = _COLUMN_METADATA$key2.isHidden) !== null && _COLUMN_METADATA$key2 !== void 0 && _COLUMN_METADATA$key2[tab]);
   }).concat(payableEntityColumns.filter(function (_ref3) {
     var isHidden = _ref3.isHidden;
     return !(isHidden !== null && isHidden !== void 0 && isHidden[tab] || isHidden !== null && isHidden !== void 0 && isHidden[kind]);
@@ -6475,13 +6575,13 @@ var useFetchSquareData = function useFetchSquareData(_ref) {
     payload = _ref.payload;
   var data = {};
   data.squarePayment = useFetchSquarePayments(holdableId, payload, {
-    enabled: isPaymentKind$1(kind)
+    enabled: isPaymentKind(kind)
   });
   data.squareRefund = useFetchSquareRefunds(holdableId, payload, {
     enabled: isRefundKind(kind)
   });
   return {
-    data: isPaymentKind$1(kind) ? (_data$kind = data[kind]) === null || _data$kind === void 0 || (_data$kind = _data$kind.data) === null || _data$kind === void 0 ? void 0 : _data$kind.payments : (_data$kind2 = data[kind]) === null || _data$kind2 === void 0 || (_data$kind2 = _data$kind2.data) === null || _data$kind2 === void 0 ? void 0 : _data$kind2.refunds,
+    data: isPaymentKind(kind) ? (_data$kind = data[kind]) === null || _data$kind === void 0 || (_data$kind = _data$kind.data) === null || _data$kind === void 0 ? void 0 : _data$kind.payments : (_data$kind2 = data[kind]) === null || _data$kind2 === void 0 || (_data$kind2 = _data$kind2.data) === null || _data$kind2 === void 0 ? void 0 : _data$kind2.refunds,
     dataSize: (_data$kind3 = data[kind]) === null || _data$kind3 === void 0 || (_data$kind3 = _data$kind3.data) === null || _data$kind3 === void 0 || (_data$kind3 = _data$kind3.views) === null || _data$kind3 === void 0 ? void 0 : _data$kind3[payload === null || payload === void 0 ? void 0 : payload.tab],
     isDataLoading: (_data$kind4 = data[kind]) === null || _data$kind4 === void 0 ? void 0 : _data$kind4.isLoading,
     isDataFetching: (_data$kind5 = data[kind]) === null || _data$kind5 === void 0 ? void 0 : _data$kind5.isFetching
@@ -6505,7 +6605,7 @@ var List$1 = function List(_ref) {
   var history = reactRouterDom.useHistory();
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var columnData = buildPaymentColumns$1({
+  var columnData = buildPaymentColumns({
     tab: tab,
     kind: kind,
     payableEntityColumns: payableEntityColumns
@@ -6620,7 +6720,7 @@ var SquareDashboard = function SquareDashboard(_ref) {
     tab = filterPaginationState.tab,
     setDataSize = filterPaginationState.setDataSize;
   return /*#__PURE__*/React__default["default"].createElement(FilterWrapper, _extends$1({
-    title: isPaymentKind$1(kind) ? t("neetoPayments.title.squarePayment") : t("neetoPayments.title.squareRefund")
+    title: isPaymentKind(kind) ? t("neetoPayments.title.squarePayment") : t("neetoPayments.title.squareRefund")
   }, _objectSpread$2({
     headerProps: headerProps,
     kind: kind,
@@ -6689,92 +6789,6 @@ var useCreateRazorpayPayment = function useCreateRazorpayPayment(options) {
   return reactQuery.useMutation(paymentsApi.create, options);
 };
 
-var renderIdentifier = function renderIdentifier() {
-  var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _ref$identifier = _ref.identifier,
-    identifier = _ref$identifier === void 0 ? "" : _ref$identifier;
-  var isTemporaryIdentifier = identifier.startsWith("temp_");
-  if (isTemporaryIdentifier) {
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
-      content: i18next.t("neetoPayments.tooltipContent.paymentIdentifierUnavailable"),
-      position: "top"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "text-center"
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      style: "body2"
-    }, i18next.t("neetoPayments.common.notAvailable"))));
-  }
-  return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
-    content: identifier
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    href: "https://dashboard.razorpay.com/app/payments/".concat(identifier),
-    label: identifier,
-    size: "small",
-    style: "link",
-    target: "_blank"
-  }));
-};
-
-var COLUMNS = [{
-  title: i18next.t("neetoPayments.common.id"),
-  dataIndex: "id",
-  key: "id",
-  width: "72px"
-}, {
-  title: i18next.t("neetoPayments.common.identifier"),
-  dataIndex: "identifier",
-  key: "identifier",
-  width: "290px",
-  render: renderIdentifier
-}, {
-  title: i18next.t("neetoPayments.common.status"),
-  dataIndex: "status",
-  key: "status",
-  sorter: true,
-  width: "150px",
-  render: renderStatus("payment")
-}, {
-  title: i18next.t("neetoPayments.common.amount"),
-  dataIndex: "amount",
-  key: "amount",
-  sorter: true,
-  width: "150px"
-}, {
-  title: i18next.t("neetoPayments.common.paymentTime"),
-  dataIndex: "updatedAt",
-  key: "paymentTime",
-  sorter: true,
-  width: "220px",
-  render: renderDate
-}];
-var COLUMN_METADATA = {
-  status: {
-    isHidden: {
-      successful: true,
-      declined: true,
-      pending: true,
-      refunded: true
-    }
-  }
-};
-
-ramda.equals("razorpayRefund");
-var isPaymentKind = ramda.equals("razorpayPayment");
-var buildPaymentColumns = function buildPaymentColumns(_ref) {
-  var tab = _ref.tab,
-    kind = _ref.kind,
-    _ref$payableEntityCol = _ref.payableEntityColumns,
-    payableEntityColumns = _ref$payableEntityCol === void 0 ? [] : _ref$payableEntityCol;
-  return COLUMNS.filter(function (_ref2) {
-    var _COLUMN_METADATA$key, _COLUMN_METADATA$key2;
-    var key = _ref2.key;
-    return !((_COLUMN_METADATA$key = COLUMN_METADATA[key]) !== null && _COLUMN_METADATA$key !== void 0 && (_COLUMN_METADATA$key = _COLUMN_METADATA$key.isHidden) !== null && _COLUMN_METADATA$key !== void 0 && _COLUMN_METADATA$key[kind] || (_COLUMN_METADATA$key2 = COLUMN_METADATA[key]) !== null && _COLUMN_METADATA$key2 !== void 0 && (_COLUMN_METADATA$key2 = _COLUMN_METADATA$key2.isHidden) !== null && _COLUMN_METADATA$key2 !== void 0 && _COLUMN_METADATA$key2[tab]);
-  }).concat(payableEntityColumns.filter(function (_ref3) {
-    var isHidden = _ref3.isHidden;
-    return !(isHidden !== null && isHidden !== void 0 && isHidden[tab] || isHidden !== null && isHidden !== void 0 && isHidden[kind]);
-  }));
-};
-
 var List = function List(_ref) {
   var _pageProperties$tab, _pageProperties$tab2, _pageProperties$tab3;
   var kind = _ref.kind,
@@ -6790,7 +6804,7 @@ var List = function List(_ref) {
   var history = reactRouterDom.useHistory();
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
-  var columnData = buildPaymentColumns({
+  var columnData = buildPaymentColumns$1({
     tab: tab,
     kind: kind,
     payableEntityColumns: payableEntityColumns
@@ -6806,8 +6820,12 @@ var List = function List(_ref) {
     pageProperties: pageProperties,
     sortProperties: sortProperties
   });
+  var _useHiddenColumns = Columns.useHiddenColumns("paymentDashboard_".concat(kind)),
+    hideColumn = _useHiddenColumns.hideColumn,
+    _useHiddenColumns$hid = _useHiddenColumns.hiddenColumns,
+    hiddenColumns = _useHiddenColumns$hid === void 0 ? [] : _useHiddenColumns$hid;
   var _useFetchRazorpayPaym = useFetchRazorpayPayments(payload, {
-      enabled: isPaymentKind(kind)
+      enabled: isPaymentKind$1(kind)
     }),
     _useFetchRazorpayPaym2 = _useFetchRazorpayPaym.data,
     _useFetchRazorpayPaym3 = _useFetchRazorpayPaym2 === void 0 ? {} : _useFetchRazorpayPaym2,
@@ -6839,6 +6857,10 @@ var List = function List(_ref) {
       orderBy: sorter.order === "ascend" ? "ASC" : "DESC"
     } : DEFAULT_SORT_PROPERTIES$1);
   };
+  var visibleColumns = columnData.filter(function (_ref2) {
+    var dataIndex = _ref2.dataIndex;
+    return !hiddenColumns.includes(processDataIndex(dataIndex));
+  });
   if (isAccountLoading || isPaymentsLoaidng) {
     return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
   }
@@ -6854,9 +6876,9 @@ var List = function List(_ref) {
   return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
     hasPagination: views > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
-    columnData: columnData,
     fixedHeight: true,
     allowRowClick: false,
+    columnData: visibleColumns,
     currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
     handlePageChange: handleTablePaginaton,
     loading: isFetching,
@@ -6874,7 +6896,10 @@ var List = function List(_ref) {
       pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
       total: views
     },
-    onChange: handleTableChange
+    onChange: handleTableChange,
+    onColumnHide: function onColumnHide(columnData) {
+      hideColumn(processDataIndex(columnData.dataIndex));
+    }
   }));
 };
 
@@ -6915,6 +6940,7 @@ var RazorpayDashboard = function RazorpayDashboard(_ref) {
   }, _objectSpread$1({
     headerProps: headerProps,
     kind: kind,
+    payableEntityColumns: payableEntityColumns,
     searchProps: searchProps,
     setShowExportModal: setShowExportModal
   }, filterPaginationState)), /*#__PURE__*/React__default["default"].createElement(List, {
@@ -9178,6 +9204,9 @@ var RazorpayPaymentButton = function RazorpayPaymentButton(_ref) {
   };
   var handleSuccess = function handleSuccess(_ref3) {
     var payment = _ref3.payment;
+    if ((payment === null || payment === void 0 ? void 0 : payment.status) === "successful") {
+      return onSuccessfulPayment();
+    }
     var save = isCardPreservable ? 1 : 0;
     var options = {
       save: save,
@@ -9194,7 +9223,7 @@ var RazorpayPaymentButton = function RazorpayPaymentButton(_ref) {
       },
       handler: handlePayment
     };
-    openRazorpayCheckout(ramda.mergeDeepLeft(RAZORPAY_PAYMENT_BUTTON_OPTIONS, options));
+    return openRazorpayCheckout(ramda.mergeDeepLeft(RAZORPAY_PAYMENT_BUTTON_OPTIONS, options));
   };
   var _useCreateRazorpayPay = useCreateRazorpayPayment({
       onSuccess: handleSuccess