@bigbinary/neeto-payments-frontend 1.4.11 → 1.4.13

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

@@ -332,6 +332,21 @@
           "invalidUpi": "Invalid UPI id format. It should be in the format 'name@bank'.",
           "required": "UPI id is required."
         }
+      },
+      "payment": {
+        "transaction": {
+          "label": "Enter the first 6 digits of your transaction ID",
+          "placeholder": "X01234",
+          "required": "Transaction ID is required",
+          "sixCharacters": "Transaction ID should have 6 characters"
+        },
+        "vpasText": "Send the above mentioned amount to any of the following UPI IDs: <b>{{vpaIds}}</b> and enter the first 6 digits of the UPI transaction ID.",
+        "vpaText": "Send the above mentioned amount to <b>{{vpaIds}}</b> and enter the first 6 digits of the UPI transaction ID.",
+        "buttons": {
+          "submit": "Submit",
+          "back": "Back",
+          "markAsPaid": "Mark as paid"
+        }
       }
     }
   }

package/dist/index.cjs.js

@@ -734,8 +734,8 @@ var buildStripePayoutLink = function buildStripePayoutLink(identifier) {
   return "".concat(STRIPE_DASHBOARD_LINK).concat(isLive ? "" : "test/", "payouts/").concat(identifier);
 };
 
-function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$d(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$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ExportModal$2 = function ExportModal(_ref) {
   var showExportModal = _ref.showExportModal,
     setShowExportModal = _ref.setShowExportModal,
@@ -767,7 +767,7 @@ var ExportModal$2 = function ExportModal(_ref) {
     }
   };
   var handleGenerateClick = function handleGenerateClick() {
-    var payload = _objectSpread$c({
+    var payload = _objectSpread$d({
       kind: "account",
       token: token,
       filters: filters,
@@ -839,8 +839,8 @@ function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
-function ownKeys$b(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$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var processSortProperties = function processSortProperties(sortProperties) {
   if (sortProperties.sortBy === "payment_amount") {
     return ramda.assoc("sortBy", "neeto_payments_engine_stripe_transactions.amount", sortProperties);
@@ -855,7 +855,7 @@ var processSortProperties = function processSortProperties(sortProperties) {
 };
 var buildDefaultPageProperties = function buildDefaultPageProperties(tabs) {
   return tabs.reduce(function (pageProperties, tab) {
-    return _objectSpread$b(_objectSpread$b({}, pageProperties), {}, _defineProperty({}, tab, DEFAULT_PAGE_VALUES));
+    return _objectSpread$c(_objectSpread$c({}, pageProperties), {}, _defineProperty({}, tab, DEFAULT_PAGE_VALUES));
   }, {});
 };
 var buildPayload = function buildPayload(_ref) {
@@ -867,7 +867,7 @@ var buildPayload = function buildPayload(_ref) {
     sortProperties = _ref$sortProperties === void 0 ? {} : _ref$sortProperties,
     _ref$payoutId = _ref.payoutId,
     payoutId = _ref$payoutId === void 0 ? null : _ref$payoutId;
-  return _objectSpread$b({
+  return _objectSpread$c({
     tab: neetoCist.camelToSnakeCase(tab),
     payoutId: payoutId,
     page: (_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.page,
@@ -883,7 +883,7 @@ var buildRowData = function buildRowData(_ref2) {
     tab = _ref2$tab === void 0 ? "all" : _ref2$tab;
   return data.map(function (element, index) {
     var _pageProperties$tab3, _pageProperties$tab4;
-    return _objectSpread$b(_objectSpread$b({}, element), {}, {
+    return _objectSpread$c(_objectSpread$c({}, element), {}, {
       payable: element.payable,
       identifier: element,
       id: ramda.isEmpty(pageProperties) ? index + 1 : ((_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize) * (((_pageProperties$tab4 = pageProperties[tab]) === null || _pageProperties$tab4 === void 0 ? void 0 : _pageProperties$tab4.page) - 1) + index + 1
@@ -1029,8 +1029,8 @@ var COLUMNS$4 = [{
   sorter: true
 }];
 
-function ownKeys$a(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$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$b(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$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFiltersAndPagination$3 = function useFiltersAndPagination() {
   var history = reactRouterDom.useHistory();
   var _useState = React.useState(false),
@@ -1055,7 +1055,7 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
   var _getQueryParams = utils$3.getQueryParams(),
     _getQueryParams$searc = _getQueryParams.searchTerm,
     searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
-  var searchKeywordProps = _objectSpread$a(_objectSpread$a({}, SEARCH_PROPS$1), {}, {
+  var searchKeywordProps = _objectSpread$b(_objectSpread$b({}, SEARCH_PROPS$1), {}, {
     key: "search_term",
     value: searchTerm.trim()
   });
@@ -1976,8 +1976,8 @@ var modifySearchProps = function modifySearchProps(_ref5) {
   }, searchProps);
 };
 
-function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$a(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$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ExportModal$1 = function ExportModal(_ref) {
   var showExportModal = _ref.showExportModal,
     setShowExportModal = _ref.setShowExportModal,
@@ -2013,7 +2013,7 @@ var ExportModal$1 = function ExportModal(_ref) {
     setIsGenerating(false);
   };
   var handleGenerateClick = function handleGenerateClick() {
-    var payload = _objectSpread$9({
+    var payload = _objectSpread$a({
       kind: isTransferKind(kind) ? "connected" : kind,
       token: token,
       filters: filters,
@@ -2078,8 +2078,8 @@ var ExportModal$1 = function ExportModal(_ref) {
   }))));
 };
 
-function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$9(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$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
   var payableEntityColumns = _ref.payableEntityColumns,
     kind = _ref.kind,
@@ -2112,7 +2112,7 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
   var _getQueryParams = utils$3.getQueryParams(),
     _getQueryParams$searc = _getQueryParams.searchTerm,
     searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
-  var searchKeywordProps = _objectSpread$8(_objectSpread$8({}, modifySearchProps({
+  var searchKeywordProps = _objectSpread$9(_objectSpread$9({}, modifySearchProps({
     searchProps: searchProps,
     kind: kind
   })), {}, {
@@ -2180,7 +2180,7 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
 var show$6 = function show(holdableId) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/stripe/holdable/").concat(holdableId, "/account"));
 };
-var create$2 = function create(payload) {
+var create$3 = function create(payload) {
   return axios__default["default"].post("".concat(BASE_URL, "/api/v1/stripe/accounts"), payload);
 };
 var creationStatus = function creationStatus(jobId) {
@@ -2191,7 +2191,7 @@ var destroy = function destroy(accountId) {
 };
 var accountsApi$3 = {
   show: show$6,
-  create: create$2,
+  create: create$3,
   creationStatus: creationStatus,
   destroy: destroy
 };
@@ -4288,8 +4288,8 @@ var transactionsApi$1 = {
   list: list$7
 };
 
-function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFetchConnectedStripeAccount = function useFetchConnectedStripeAccount(holdableId) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return reactQuery.useQuery([QUERY_KEYS.CONNECTED_ACCOUNT, holdableId], function () {
@@ -4330,7 +4330,7 @@ var usePollingStripeAccount = function usePollingStripeAccount(holdableId, _ref)
 var usePollingStripeAccountCreationStatus = function usePollingStripeAccountCreationStatus(jobId, options) {
   return reactQuery.useQuery([QUERY_KEYS.STRIPE_ACCOUNT_DETAILS, jobId], function () {
     return accountsApi$3.creationStatus(jobId);
-  }, _objectSpread$7({}, options));
+  }, _objectSpread$8({}, options));
 };
 var useDestroyStripeAccount = function useDestroyStripeAccount(_ref2) {
   var onSuccess = _ref2.onSuccess,
@@ -4552,8 +4552,8 @@ var ExpandedRow = function ExpandedRow() {
   })));
 };
 
-function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFetchData$2 = function useFetchData(_ref) {
   var _data$kind, _data$kind2, _data$kind3, _data$kind4;
   var kind = _ref.kind,
@@ -4561,7 +4561,7 @@ var useFetchData$2 = function useFetchData(_ref) {
     payload = _ref.payload,
     isPlatformEnabled = _ref.isPlatformEnabled;
   var data = {};
-  data.transfer = data.connected = useFetchStripeTransactions(holdableId, _objectSpread$6(_objectSpread$6({}, payload), {}, {
+  data.transfer = data.connected = useFetchStripeTransactions(holdableId, _objectSpread$7(_objectSpread$7({}, payload), {}, {
     kind: kind
   }), {
     enabled: isTransferKind(kind) || isConnectedKind(kind)
@@ -5008,8 +5008,8 @@ var DEFAULT_SORT_PROPERTIES = {
 };
 var STRIPE_PAYOUTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY = "stripePayoutsDashboard";
 
-function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ExportModal = function ExportModal(_ref) {
   var showExportModal = _ref.showExportModal,
     setShowExportModal = _ref.setShowExportModal,
@@ -5041,7 +5041,7 @@ var ExportModal = function ExportModal(_ref) {
     }
   };
   var handleGenerateClick = function handleGenerateClick() {
-    var payload = _objectSpread$5({
+    var payload = _objectSpread$6({
       kind: "payout",
       token: token,
       filters: filters,
@@ -5165,8 +5165,8 @@ var renderPayoutIdentifier$1 = ramda.curry(function (route, _ref) {
   }));
 });
 
-function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRoute) {
   var history = reactRouterDom.useHistory();
   var _useState = React.useState(false),
@@ -5191,7 +5191,7 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
   var _getQueryParams = utils$3.getQueryParams(),
     _getQueryParams$searc = _getQueryParams.searchTerm,
     searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
-  var searchKeywordProps = _objectSpread$4(_objectSpread$4({}, SEARCH_PROPS), {}, {
+  var searchKeywordProps = _objectSpread$5(_objectSpread$5({}, SEARCH_PROPS), {}, {
     key: "search_term",
     value: searchTerm.trim()
   });
@@ -5686,8 +5686,8 @@ var buildPaymentColumns$1 = function buildPaymentColumns(_ref) {
   }));
 };
 
-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; }
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FilterWrapper = function FilterWrapper(_ref) {
   var _ref$setShowExportMod = _ref.setShowExportModal,
     setShowExportModal = _ref$setShowExportMod === void 0 ? neetoCist.noop : _ref$setShowExportMod,
@@ -5715,7 +5715,7 @@ var FilterWrapper = function FilterWrapper(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var isTabsVisible = isFilterButtonVisible || tab !== "all";
-  var searchKeywordProps = _objectSpread$3(_objectSpread$3({}, searchProps), {}, {
+  var searchKeywordProps = _objectSpread$4(_objectSpread$4({}, searchProps), {}, {
     value: searchTerm.trim(),
     setValue: neetoCist.noop
   });
@@ -5729,7 +5729,7 @@ var FilterWrapper = function FilterWrapper(_ref) {
     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), {}, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], _extends$1({}, _objectSpread$4(_objectSpread$4({}, headerProps), {}, {
     title: title
   }), {
     searchProps: {
@@ -6014,7 +6014,7 @@ var useFetchRazorpayAccount = function useFetchRazorpayAccount(holdableId) {
   }, options);
 };
 
-var create$1 = function create(payload) {
+var create$2 = function create(payload) {
   return axios__default["default"].post("".concat(BASE_URL, "/api/v1/public/razorpay/payments"), {
     payment: payload
   });
@@ -6029,10 +6029,10 @@ var list$2 = function list(holdableId, payload) {
     params: payload
   });
 };
-var paymentsApi$1 = {
+var paymentsApi$2 = {
   defaultList: defaultList$2,
   list: list$2,
-  create: create$1
+  create: create$2
 };
 
 var useFetchRazorpayPayments = function useFetchRazorpayPayments() {
@@ -6040,12 +6040,12 @@ var useFetchRazorpayPayments = function useFetchRazorpayPayments() {
   var payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   return reactQuery.useQuery([QUERY_KEYS.SQUARE_PAYMENTS_LIST, payload], function () {
-    if (neetoCist.isPresent(holdableId)) return paymentsApi$1.list(holdableId, payload);
-    return paymentsApi$1.defaultList(payload);
+    if (neetoCist.isPresent(holdableId)) return paymentsApi$2.list(holdableId, payload);
+    return paymentsApi$2.defaultList(payload);
   }, options);
 };
 var useCreateRazorpayPayment = function useCreateRazorpayPayment(options) {
-  return reactQuery.useMutation(paymentsApi$1.create, options);
+  return reactQuery.useMutation(paymentsApi$2.create, options);
 };
 
 var List$2 = function List(_ref) {
@@ -6163,8 +6163,8 @@ var List$2 = function List(_ref) {
   }));
 };
 
-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(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; }
+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 RazorpayDashboard = function RazorpayDashboard(_ref) {
   var searchProps = _ref.searchProps,
     _ref$headerProps = _ref.headerProps,
@@ -6197,7 +6197,7 @@ var RazorpayDashboard = function RazorpayDashboard(_ref) {
     setDataSize = filterPaginationState.setDataSize;
   return /*#__PURE__*/React__default["default"].createElement(FilterWrapper, _extends$1({
     title: t("neetoPayments.common.razorpayPayments")
-  }, _objectSpread$2({
+  }, _objectSpread$3({
     headerProps: headerProps,
     kind: kind,
     payableEntityColumns: payableEntityColumns,
@@ -6877,7 +6877,7 @@ var list$1 = function list(holdableId, payload) {
     params: payload
   });
 };
-var paymentsApi = {
+var paymentsApi$1 = {
   defaultList: defaultList$1,
   list: list$1
 };
@@ -6909,8 +6909,8 @@ var useFetchSquarePayments = function useFetchSquarePayments() {
   var payload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
   return reactQuery.useQuery([QUERY_KEYS.SQUARE_PAYMENTS_LIST, payload], function () {
-    if (neetoCist.isPresent(holdableId)) return paymentsApi.list(holdableId, payload);
-    return paymentsApi.defaultList(payload);
+    if (neetoCist.isPresent(holdableId)) return paymentsApi$1.list(holdableId, payload);
+    return paymentsApi$1.defaultList(payload);
   }, options);
 };
 var useFetchSquareRefunds = function useFetchSquareRefunds() {
@@ -7046,8 +7046,8 @@ var List$1 = function List(_ref) {
   }));
 };
 
-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(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; }
+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(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 SquareDashboard = function SquareDashboard(_ref) {
   var searchProps = _ref.searchProps,
     _ref$headerProps = _ref.headerProps,
@@ -7076,7 +7076,7 @@ var SquareDashboard = function SquareDashboard(_ref) {
     setDataSize = filterPaginationState.setDataSize;
   return /*#__PURE__*/React__default["default"].createElement(FilterWrapper, _extends$1({
     title: isPaymentKind(kind) ? t("neetoPayments.title.squarePayment") : t("neetoPayments.title.squareRefund")
-  }, _objectSpread$1({
+  }, _objectSpread$2({
     headerProps: headerProps,
     kind: kind,
     searchProps: searchProps
@@ -7161,7 +7161,7 @@ var INITIAL_VALUES = {
   country: "",
   return_url: ""
 };
-var VALIDATION_SCHEMA$1 = yup__namespace.object().shape({
+var VALIDATION_SCHEMA$2 = yup__namespace.object().shape({
   country: yup__namespace.object().required(i18next.t("neetoPayments.validations.countryRequired")),
   returnUrl: yup__namespace.string().url(i18next.t("neetoPayments.validations.invalidUrl"))
 });
@@ -7266,7 +7266,7 @@ var AccountForm = function AccountForm(_ref) {
     formikProps: {
       enableReinitialize: true,
       initialValues: INITIAL_VALUES,
-      validationSchema: VALIDATION_SCHEMA$1,
+      validationSchema: VALIDATION_SCHEMA$2,
       onSubmit: handleSubmit
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -7457,7 +7457,7 @@ const {
 let {
   freeze,
   seal,
-  create
+  create: create$1
 } = Object; // eslint-disable-line import/no-mutable-exports
 
 let {
@@ -7556,7 +7556,7 @@ function addToSet(set, array, transformCaseFunc) {
 /* Shallow clone an object */
 
 function clone(object) {
-  const newObject = create(null);
+  const newObject = create$1(null);
 
   for (const [property, value] of entries(object)) {
     newObject[property] = value;
@@ -9113,8 +9113,8 @@ var Finish = reactUtils.withT(function (_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(AccountDetails, null));
 });
 
-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(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; }
+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(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 StripeConnect = function StripeConnect(_ref) {
   var _ref$holdableId = _ref.holdableId,
     holdableId = _ref$holdableId === void 0 ? null : _ref$holdableId,
@@ -9137,16 +9137,16 @@ var StripeConnect = function StripeConnect(_ref) {
       configure = _INTEGRATION_STEPS[1],
       finish = _INTEGRATION_STEPS[2],
       demo = _INTEGRATION_STEPS[3];
-    return [_objectSpread(_objectSpread({}, connect), {}, {
+    return [_objectSpread$1(_objectSpread$1({}, connect), {}, {
       isActive: activeTab === STEPS.connect,
       isCompleted: neetoCist.isPresent(stripeAccount) || activeTab === STEPS.configure || isPlatform
-    }), _objectSpread(_objectSpread({}, configure), {}, {
+    }), _objectSpread$1(_objectSpread$1({}, configure), {}, {
       isActive: activeTab === STEPS.configure,
       isCompleted: !!(stripeAccount !== null && stripeAccount !== void 0 && stripeAccount.isConnected)
-    }), _objectSpread(_objectSpread({}, finish), {}, {
+    }), _objectSpread$1(_objectSpread$1({}, finish), {}, {
       isActive: activeTab === STEPS.finish,
       isCompleted: activeTab === STEPS.finish || activeTab === STEPS.demo
-    }), _objectSpread(_objectSpread({}, demo), {}, {
+    }), _objectSpread$1(_objectSpread$1({}, demo), {}, {
       isActive: activeTab === STEPS.demo,
       isCompleted: activeTab === STEPS.demo
     })];
@@ -9169,7 +9169,7 @@ var StripeConnect = function StripeConnect(_ref) {
   }));
 };
 
-var VALIDATION_SCHEMA = yup__namespace.object({
+var VALIDATION_SCHEMA$1 = yup__namespace.object({
   upiId: yup__namespace.string().matches(/^[a-zA-Z0-9.-]{2,256}@[a-zA-Z0-9][a-zA-Z0-9-]{1,63}$/, i18next.t("neetoPayments.upi.form.validation.invalidUpi")).required(i18next.t("neetoPayments.upi.form.validation.required"))
 });
 
@@ -9182,7 +9182,7 @@ var Add = reactUtils.withT(function (_ref) {
         upiId: ""
       },
       onSubmit: handleCreateUpiId,
-      validationSchema: VALIDATION_SCHEMA
+      validationSchema: VALIDATION_SCHEMA$1
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "space-y-3"
@@ -9304,6 +9304,116 @@ var UpiConnect = function UpiConnect(_ref) {
   }));
 };
 
+var create = function create(payload) {
+  return axios__default["default"].post("".concat(BASE_URL, "/api/v1/public/upi/payments"), {
+    payment: payload
+  });
+};
+var update = function update(id, payload) {
+  return axios__default["default"].put("".concat(BASE_URL, "/api/v1/upi/holdable/payments/").concat(id), {
+    payment: payload
+  });
+};
+var paymentsApi = {
+  create: create,
+  update: update
+};
+
+var useCreateUpiPayment = function useCreateUpiPayment(options) {
+  return reactQuery.useMutation(paymentsApi.create, options);
+};
+var useUpdateUpiPayment = function useUpdateUpiPayment(id) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  return reactQuery.useMutation(function (payload) {
+    return paymentsApi.update(id, payload);
+  }, options);
+};
+
+var UpiMarkAsPaidButton = function UpiMarkAsPaidButton(_ref) {
+  var paymentId = _ref.paymentId,
+    payableId = _ref.payableId,
+    _ref$onSuccess = _ref.onSuccess,
+    onSuccess = _ref$onSuccess === void 0 ? neetoCist.noop : _ref$onSuccess;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useUpdateUpiPayment = useUpdateUpiPayment(paymentId, {
+      onSuccess: onSuccess
+    }),
+    updateUpiPayment = _useUpdateUpiPayment.mutate,
+    isLoading = _useUpdateUpiPayment.isLoading;
+  var handleClick = function handleClick() {
+    return updateUpiPayment({
+      status: "successful",
+      payableId: payableId
+    });
+  };
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    label: t("neetoPayments.upi.payment.buttons.markAsPaid"),
+    loading: isLoading,
+    onClick: handleClick
+  });
+};
+
+var VALIDATION_SCHEMA = yup__namespace.object({
+  transactionId: yup__namespace.string().required(i18next.t("neetoPayments.upi.payment.transaction.required")).min(6, i18next.t("neetoPayments.upi.payment.transaction.sixCharacters")).max(6, i18next.t("neetoPayments.upi.payment.transaction.sixCharacters"))
+});
+
+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(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 UpiPayment = function UpiPayment(_ref) {
+  var _ref$vpas = _ref.vpas,
+    vpas = _ref$vpas === void 0 ? [] : _ref$vpas,
+    _ref$onSubmit = _ref.onSubmit,
+    onSubmit = _ref$onSubmit === void 0 ? neetoCist.noop : _ref$onSubmit,
+    _ref$onBackClick = _ref.onBackClick,
+    onBackClick = _ref$onBackClick === void 0 ? neetoCist.noop : _ref$onBackClick,
+    payableId = _ref.payableId;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var vpaIds = ramda.pluck("address", vpas).join(" ");
+  var _useCreateUpiPayment = useCreateUpiPayment({}),
+    createPayment = _useCreateUpiPayment.mutate;
+  var handleSubmit = function handleSubmit(values) {
+    var payload = _objectSpread(_objectSpread({}, values), {}, {
+      payableId: payableId
+    });
+    createPayment(payload);
+    onSubmit(values);
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(formik.Form, {
+    className: "space-y-4",
+    formikProps: {
+      onSubmit: handleSubmit,
+      initialValues: {
+        transactionId: ""
+      },
+      validationSchema: VALIDATION_SCHEMA
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, null, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+    components: {
+      b: /*#__PURE__*/React__default["default"].createElement("strong", null)
+    },
+    values: {
+      vpaIds: vpaIds
+    },
+    i18nKey: vpas.length > 1 ? "neetoPayments.upi.payment.vpasText" : "neetoPayments.upi.payment.vpaText"
+  })), /*#__PURE__*/React__default["default"].createElement(formik.Input, {
+    required: true,
+    label: t("neetoPayments.upi.payment.transaction.label"),
+    name: "transactionId",
+    placeholder: t("neetoPayments.upi.payment.transaction.placeholder")
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex space-x-4"
+  }, /*#__PURE__*/React__default["default"].createElement(formik.Button, {
+    label: t("neetoPayments.upi.payment.buttons.submit"),
+    type: "submit"
+  }), /*#__PURE__*/React__default["default"].createElement(formik.Button, {
+    label: t("neetoPayments.upi.payment.buttons.back"),
+    style: "secondary",
+    onClick: onBackClick
+  }))));
+};
+
 var loadScript = function loadScript(src) {
   return new Promise(function (resolve) {
     var script = document.createElement("script");
@@ -9509,6 +9619,8 @@ exports.SquareCard = SquareCard;
 exports.SquareDashboard = index;
 exports.StripeConnect = StripeConnect;
 exports.UpiConnect = UpiConnect;
+exports.UpiMarkAsPaidButton = UpiMarkAsPaidButton;
+exports.UpiPayment = UpiPayment;
 exports.buildStripeTransactionLink = buildStripeTransactionLink;
 exports.useRazorpayPayment = useRazorpayPayment;
 exports.useSquareCard = useSquareCard;