@bigbinary/neeto-payments-frontend 1.3.8 → 1.3.10

package/dist/index.js

@@ -12,11 +12,11 @@ import { ReactQueryDevtools } from 'react-query/devtools';
 import { DEFAULT_STALE_TIME, DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from '@bigbinary/neeto-commons-frontend/constants';
 import { Download, Down, Right } from '@bigbinary/neeto-icons';
 import axios from 'axios';
-import { noop, isPresent, capitalize, removeBy, camelToSnakeCase as camelToSnakeCase$1, filterBy, isNotPresent, humanize } from 'neetocist';
+import { noop, isPresent, capitalize, removeBy, camelToSnakeCase as camelToSnakeCase$1, filterBy, isNotPresent as isNotPresent$1, humanize } from 'neetocist';
 import { createSubscription, getQueryParams, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
 import { useLocation, useHistory } from 'react-router-dom';
-import { camelToSnakeCase, snakeToCamelCase, isPresent as isPresent$1 } from '@bigbinary/neeto-cist';
-import { isEmpty, assoc, modify, concat, curry, pipe, split, map, join, equals, sortBy, prop, evolve, insert } from 'ramda';
+import { camelToSnakeCase, snakeToCamelCase, isNotPresent, isPresent as isPresent$1 } from '@bigbinary/neeto-cist';
+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 PageLoader from '@bigbinary/neeto-molecules/PageLoader';
@@ -610,6 +610,11 @@ var DEFAULT_SORT_PROPERTIES$1 = {
   orderBy: "DESC"
 };
 var SORT_DIRECTIONS = ["ascend", "descend"];
+var RAZORPAY_PAYMENT_BUTTON_OPTIONS = {
+  theme: {
+    color: "#4558f9"
+  }
+};
 
 var exportData = function exportData(payload) {
   return axios.post("".concat(BASE_URL, "/api/v1/stripe/exports"), payload);
@@ -1562,6 +1567,7 @@ var COLUMNS$2 = [{
   title: t$1("neetoPayments.common.status"),
   dataIndex: "status",
   key: "status",
+  width: "150px",
   render: renderStatus("transaction"),
   sorter: true,
   position: 2
@@ -2102,7 +2108,7 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
 var show$5 = function show(holdableId) {
   return axios.get("".concat(BASE_URL, "/api/v1/stripe/holdable/").concat(holdableId, "/account"));
 };
-var create$1 = function create(payload) {
+var create$2 = function create(payload) {
   return axios.post("".concat(BASE_URL, "/api/v1/stripe/accounts"), payload);
 };
 var creationStatus = function creationStatus(jobId) {
@@ -2113,7 +2119,7 @@ var destroy = function destroy(accountId) {
 };
 var accountsApi$2 = {
   show: show$5,
-  create: create$1,
+  create: create$2,
   creationStatus: creationStatus,
   destroy: destroy
 };
@@ -4816,7 +4822,7 @@ var Dashboard = function Dashboard(_ref) {
     handleTabChange = _useFiltersAndPaginat.handleTabChange,
     setDataSize = _useFiltersAndPaginat.setDataSize,
     setSortProperties = _useFiltersAndPaginat.setSortProperties;
-  var isTabsVisible = isFilterButtonVisible || tab !== "all";
+  var isTabsVisible = (isFilterButtonVisible || tab !== "all") && isNotPresent(payoutId);
   var titleKind = kind === "transfer" && !isPlatformEnabled ? KIND.connected : kind;
   var handleFiltersChange = function handleFiltersChange(filters) {
     startTransition(function () {
@@ -6083,8 +6089,11 @@ var FilterWrapper = function FilterWrapper(_ref) {
     leftActionBlock: isTabsVisible && dataSize !== 0 && /*#__PURE__*/React__default.createElement(Typography, {
       className: "neeto-ui-gray-800 mr-2 font-semibold",
       component: "h4"
-    }, t("neetoPayments.countOf.".concat(kind), {
+    }, tab === "all" ? t("neetoPayments.countOf.".concat(kind), {
       count: dataSize
+    }) : t("neetoPayments.countOf.".concat(kind, "WithStatus"), {
+      count: dataSize,
+      status: tab
     })),
     rightActionBlock: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Bar, {
       columns: filterableColumns,
@@ -6144,6 +6153,7 @@ var COLUMNS = [{
   title: t$1("neetoPayments.common.status"),
   dataIndex: "status",
   key: "status",
+  sorter: true,
   render: renderStatus("payment")
 }, {
   title: t$1("neetoPayments.common.identifier"),
@@ -6155,6 +6165,7 @@ var COLUMNS = [{
   title: t$1("neetoPayments.common.status"),
   dataIndex: "status",
   key: "refundStatus",
+  sorter: true,
   render: renderStatus("refund")
 }, {
   title: t$1("neetoPayments.common.paymentIdentifier"),
@@ -6166,11 +6177,13 @@ var COLUMNS = [{
   title: t$1("neetoPayments.common.amount"),
   dataIndex: "amount",
   key: "amount",
+  sorter: true,
   width: "150px"
 }, {
   title: t$1("neetoPayments.common.paymentTime"),
   dataIndex: "updatedAt",
   key: "paymentTime",
+  sorter: true,
   width: "220px",
   render: renderDate
 }];
@@ -6241,31 +6254,35 @@ var useFiltersAndPagination = function useFiltersAndPagination(_ref) {
     var _tabMetaData$tab;
     return !((_tabMetaData$tab = tabMetaData[tab]) !== null && _tabMetaData$tab !== void 0 && (_tabMetaData$tab = _tabMetaData$tab.isHidden) !== null && _tabMetaData$tab !== void 0 && _tabMetaData$tab[kind]);
   });
-  var _useState = useState(false),
+  var _useState = useState(DEFAULT_SORT_PROPERTIES$1),
     _useState2 = _slicedToArray(_useState, 2),
-    isFilterButtonVisible = _useState2[0],
-    setIsFilterButtonVisible = _useState2[1];
+    sortProperties = _useState2[0],
+    setSortProperties = _useState2[1];
   var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    isFilterPaneOpen = _useState4[0],
-    setIsFilterPaneOpen = _useState4[1];
-  var _useState5 = useState(buildDefaultPageProperties(tabs)),
+    isFilterButtonVisible = _useState4[0],
+    setIsFilterButtonVisible = _useState4[1];
+  var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    pageProperties = _useState6[0],
-    setPageProperties = _useState6[1];
-  var _useState7 = useState("all"),
+    isFilterPaneOpen = _useState6[0],
+    setIsFilterPaneOpen = _useState6[1];
+  var _useState7 = useState(buildDefaultPageProperties(tabs)),
     _useState8 = _slicedToArray(_useState7, 2),
-    tab = _useState8[0],
-    setTab = _useState8[1];
-  var filterableColumns = buildFilterColumns(payableEntityColumns);
-  var _useState9 = useState(buildFiltersFromURL(filterableColumns)),
+    pageProperties = _useState8[0],
+    setPageProperties = _useState8[1];
+  var _useState9 = useState("all"),
     _useState10 = _slicedToArray(_useState9, 2),
-    filters = _useState10[0],
-    setFilters = _useState10[1];
-  var _useState11 = useState(0),
+    tab = _useState10[0],
+    setTab = _useState10[1];
+  var filterableColumns = buildFilterColumns(payableEntityColumns);
+  var _useState11 = useState(buildFiltersFromURL(filterableColumns)),
     _useState12 = _slicedToArray(_useState11, 2),
-    dataSize = _useState12[0],
-    setDataSize = _useState12[1];
+    filters = _useState12[0],
+    setFilters = _useState12[1];
+  var _useState13 = useState(0),
+    _useState14 = _slicedToArray(_useState13, 2),
+    dataSize = _useState14[0],
+    setDataSize = _useState14[1];
   var _getQueryParams = getQueryParams(),
     _getQueryParams$searc = _getQueryParams.searchTerm,
     searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
@@ -6289,9 +6306,11 @@ var useFiltersAndPagination = function useFiltersAndPagination(_ref) {
     tab: tab,
     filterableColumns: filterableColumns,
     dataSize: dataSize,
+    sortProperties: sortProperties,
     setIsFilterButtonVisible: setIsFilterButtonVisible,
     setIsFilterPaneOpen: setIsFilterPaneOpen,
     setPageProperties: setPageProperties,
+    setSortProperties: setSortProperties,
     setFilters: setFilters,
     setTab: setTab,
     handleTabChange: handleTabChange,
@@ -6395,7 +6414,7 @@ var useFetchSquareRefunds = function useFetchSquareRefunds() {
 };
 
 var useFetchSquareData = function useFetchSquareData(_ref) {
-  var _data$kind, _data$kind2, _data$kind3, _data$kind4;
+  var _data$kind, _data$kind2, _data$kind3, _data$kind4, _data$kind5;
   var kind = _ref.kind,
     holdableId = _ref.holdableId,
     payload = _ref.payload;
@@ -6409,7 +6428,8 @@ var useFetchSquareData = function useFetchSquareData(_ref) {
   return {
     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
+    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
   };
 };
 
@@ -6426,6 +6446,8 @@ var List = function List(_ref) {
     tab = _ref.tab,
     tabs = _ref.tabs,
     handleTabChange = _ref.handleTabChange,
+    sortProperties = _ref.sortProperties,
+    setSortProperties = _ref.setSortProperties,
     setDataSize = _ref.setDataSize;
   var urlSearchParams = useURLSearchParams();
   var history = useHistory();
@@ -6447,11 +6469,13 @@ var List = function List(_ref) {
       payload: buildPayload({
         tab: tab,
         filters: filters,
-        pageProperties: pageProperties
+        pageProperties: pageProperties,
+        sortProperties: sortProperties
       })
     }),
     data = _useFetchSquareData.data,
     isDataLoading = _useFetchSquareData.isDataLoading,
+    isDataFetching = _useFetchSquareData.isDataFetching,
     dataSize = _useFetchSquareData.dataSize;
   useEffect(function () {
     setIsFilterButtonVisible(isPresent(data) || isPresent(filters));
@@ -6478,6 +6502,12 @@ var List = function List(_ref) {
     urlSearchParams.set("tab", validatedTab);
     handleTablePaginaton(pageIndex, pageSize);
   }, [urlSearchParams]);
+  var handleTableChange = function handleTableChange(_, __, sorter) {
+    setSortProperties(isPresent(sorter === null || sorter === void 0 ? void 0 : sorter.column) ? {
+      sortBy: camelToSnakeCase$1(sorter.field),
+      orderBy: sorter.order === "ascend" ? "ASC" : "DESC"
+    } : DEFAULT_SORT_PROPERTIES$1);
+  };
   if (isSquareAccountLoading || isDataLoading) {
     return /*#__PURE__*/React__default.createElement(PageLoader, null);
   }
@@ -6485,7 +6515,9 @@ var List = function List(_ref) {
     return /*#__PURE__*/React__default.createElement("div", {
       className: "flex h-full w-full items-center justify-center"
     }, /*#__PURE__*/React__default.createElement(NoData, {
-      title: isRefundKind(kind) ? t("neetoPayments.emptyState.refund") : t("neetoPayments.emptyState.payment")
+      title: tab === TAB.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
+        status: tab
+      })
     }));
   }
   return /*#__PURE__*/React__default.createElement(TableWrapper, {
@@ -6496,19 +6528,22 @@ var List = function List(_ref) {
     columnData: columnData,
     currentPageNumber: (_pageProperties$tab4 = pageProperties[tab]) === null || _pageProperties$tab4 === void 0 ? void 0 : _pageProperties$tab4.page,
     handlePageChange: handleTablePaginaton,
+    loading: isDataFetching,
     rowData: buildRowData({
       data: data,
       pageProperties: pageProperties,
       tab: tab
     }),
     rowSelection: false,
+    sortDirections: SORT_DIRECTIONS,
     totalCount: dataSize,
     paginationProps: {
       showSizeChanger: true,
       hideOnSinglePage: true,
       pageSize: (_pageProperties$tab5 = pageProperties[tab]) === null || _pageProperties$tab5 === void 0 ? void 0 : _pageProperties$tab5.pageSize,
       total: dataSize
-    }
+    },
+    onChange: handleTableChange
   }));
 };
 
@@ -6524,6 +6559,8 @@ var SquareDashboard = function SquareDashboard(_ref) {
     payableEntityColumns = _ref$payableEntityCol === void 0 ? [] : _ref$payableEntityCol,
     _ref$kind = _ref.kind,
     kind = _ref$kind === void 0 ? "squarePayment" : _ref$kind;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
   var filterPaginationState = useFiltersAndPagination({
     payableEntityColumns: payableEntityColumns,
     kind: kind,
@@ -6534,12 +6571,14 @@ var SquareDashboard = function SquareDashboard(_ref) {
     setIsFilterButtonVisible = filterPaginationState.setIsFilterButtonVisible,
     pageProperties = filterPaginationState.pageProperties,
     setPageProperties = filterPaginationState.setPageProperties,
+    sortProperties = filterPaginationState.sortProperties,
+    setSortProperties = filterPaginationState.setSortProperties,
     tab = filterPaginationState.tab,
     tabs = filterPaginationState.tabs,
     handleTabChange = filterPaginationState.handleTabChange,
     setDataSize = filterPaginationState.setDataSize;
   return /*#__PURE__*/React__default.createElement(FilterWrapper, _extends$1({
-    title: isPaymentKind(kind) ? t$1("neetoPayments.title.squarePayment") : t$1("neetoPayments.title.squareRefund")
+    title: isPaymentKind(kind) ? t("neetoPayments.title.squarePayment") : t("neetoPayments.title.squareRefund")
   }, _objectSpread$1({
     headerProps: headerProps,
     kind: kind,
@@ -6555,7 +6594,9 @@ var SquareDashboard = function SquareDashboard(_ref) {
     setIsFilterButtonVisible: setIsFilterButtonVisible,
     setPageProperties: setPageProperties,
     tab: tab,
-    tabs: tabs
+    tabs: tabs,
+    sortProperties: sortProperties,
+    setSortProperties: setSortProperties
   }));
 };
 var index$1 = withTitle(withReactQuery(SquareDashboard), t$1("neetoPayments.common.squarePayments"));
@@ -6649,7 +6690,7 @@ var useStripePromise = function useStripePromise(stripeAccountIdentifier) {
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          if (!isNotPresent(stripeAccountIdentifier)) {
+          if (!isNotPresent$1(stripeAccountIdentifier)) {
             _context.next = 2;
             break;
           }
@@ -7017,7 +7058,7 @@ const {
 let {
   freeze,
   seal,
-  create
+  create: create$1
 } = Object; // eslint-disable-line import/no-mutable-exports
 
 let {
@@ -7116,7 +7157,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;
@@ -8729,6 +8770,125 @@ var StripeConnect = function StripeConnect(_ref) {
   }));
 };
 
+var create = function create(payload) {
+  return axios.post("".concat(BASE_URL, "/api/v1/public/razorpay/orders"), {
+    order: payload
+  });
+};
+var ordersApi = {
+  create: create
+};
+
+var useCreateRazorpayOrder = function useCreateRazorpayOrder(options) {
+  return useMutation(ordersApi.create, options);
+};
+
+var loadScript$1 = function loadScript(src) {
+  return new Promise(function (resolve) {
+    var script = document.createElement("script");
+    script.src = src;
+    script.onload = function () {
+      resolve(true);
+    };
+    script.onerror = function () {
+      resolve(false);
+    };
+    document.body.appendChild(script);
+  });
+};
+var RazorpayPaymentButton = function RazorpayPaymentButton(_ref) {
+  var label = _ref.label,
+    payableId = _ref.payableId,
+    discountCode = _ref.discountCode,
+    email = _ref.email,
+    name = _ref.name,
+    _ref$onBeforePayment = _ref.onBeforePayment,
+    onBeforePayment = _ref$onBeforePayment === void 0 ? noop : _ref$onBeforePayment,
+    _ref$onSuccessfulPaym = _ref.onSuccessfulPayment,
+    onSuccessfulPayment = _ref$onSuccessfulPaym === void 0 ? noop : _ref$onSuccessfulPaym,
+    _ref$onFailedPayment = _ref.onFailedPayment,
+    onFailedPayment = _ref$onFailedPayment === void 0 ? noop : _ref$onFailedPayment;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var openRazorpayCheckout = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(options) {
+      var script, checkout;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.next = 2;
+            return loadScript$1("https://checkout.razorpay.com/v1/checkout.js");
+          case 2:
+            script = _context.sent;
+            if (script) {
+              _context.next = 6;
+              break;
+            }
+            logger.error(t("neetoPayments.razorpay.loadError"));
+            return _context.abrupt("return");
+          case 6:
+            checkout = new window.Razorpay(options);
+            checkout.open();
+          case 8:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function openRazorpayCheckout(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var handlePayment = function handlePayment(response) {
+    if (isNotPresent$1(response === null || response === void 0 ? void 0 : response.razorpay_signature)) {
+      onFailedPayment();
+      return;
+    }
+    onSuccessfulPayment();
+  };
+  var handleSuccess = function handleSuccess(_ref3) {
+    var order = _ref3.order;
+    var options = {
+      key: "rzp_test_2qxZvSl4vA60qr",
+      // Remove it after the issue with dashboard is fixed
+      order_id: order.identifier,
+      prefill: {
+        name: name,
+        email: email
+      },
+      modal: {
+        confirm_close: true,
+        ondismiss: onFailedPayment
+      },
+      handler: handlePayment
+    };
+    openRazorpayCheckout(mergeDeepLeft(RAZORPAY_PAYMENT_BUTTON_OPTIONS, options));
+  };
+  var _useCreateRazorpayOrd = useCreateRazorpayOrder({
+      onSuccess: handleSuccess
+    }),
+    isLoading = _useCreateRazorpayOrd.isLoading,
+    createRazorpayOrder = _useCreateRazorpayOrd.mutate;
+  var handleClick = function handleClick() {
+    onBeforePayment();
+    var payload = {
+      payableId: payableId,
+      discountCode: discountCode,
+      customerAttributes: {
+        email: email,
+        name: name
+      }
+    };
+    createRazorpayOrder(payload);
+  };
+  return /*#__PURE__*/React__default.createElement(Button, {
+    disabled: isLoading,
+    label: label || t("neetoPayments.common.pay"),
+    loading: isLoading,
+    onClick: handleClick
+  });
+};
+
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
 var css = ".ant-table-cell-row-hover .identifier-copy-button{visibility:visible!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19jb3B5LWJ1dHRvbi5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL21haW4uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDRSxrREFDRSw0QkNBSiIsInNvdXJjZXNDb250ZW50IjpbIi5hbnQtdGFibGUtY2VsbC1yb3ctaG92ZXIge1xuICAuaWRlbnRpZmllci1jb3B5LWJ1dHRvbiB7XG4gICAgdmlzaWJpbGl0eTogdmlzaWJsZSAhaW1wb3J0YW50O1xuICB9XG59XG4iLCIuYW50LXRhYmxlLWNlbGwtcm93LWhvdmVyIC5pZGVudGlmaWVyLWNvcHktYnV0dG9uIHtcbiAgdmlzaWJpbGl0eTogdmlzaWJsZSAhaW1wb3J0YW50O1xufSJdfQ== */";
@@ -8874,5 +9034,5 @@ var stripe_esm = /*#__PURE__*/Object.freeze({
   loadStripe: loadStripe
 });
 
-export { index$3 as AccountsDashboard, CURRENCY_OPTIONS, Dashboard$1 as Dashboard, PaymentKindRestrictionAlert, index$2 as PayoutsDashboard, PayoutsPage, SquareCard, index$1 as SquareDashboard, StripeConnect, buildStripeTransactionLink, useSquareCard, useStripePromise };
+export { index$3 as AccountsDashboard, CURRENCY_OPTIONS, Dashboard$1 as Dashboard, PaymentKindRestrictionAlert, index$2 as PayoutsDashboard, PayoutsPage, RazorpayPaymentButton, SquareCard, index$1 as SquareDashboard, StripeConnect, buildStripeTransactionLink, useSquareCard, useStripePromise };
 //# sourceMappingURL=index.js.map