@bigbinary/neeto-payments-frontend 1.4.14 → 1.4.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/app/javascript/src/translations/en.json +5 -5
  2. package/dist/index.cjs.js +250 -183
  3. package/dist/index.cjs.js.map +1 -1
  4. package/dist/index.js +104 -56
  5. package/dist/index.js.map +1 -1
  6. package/package.json +14 -12
package/dist/index.cjs.js CHANGED
@@ -4,33 +4,50 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
6
  var i18next = require('i18next');
7
+ var neetoCist = require('@bigbinary/neeto-cist');
7
8
  var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
8
9
  var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
9
10
  var Header = require('@bigbinary/neeto-molecules/Header');
10
11
  var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
11
- var neetoui = require('@bigbinary/neetoui');
12
+ var Tab = require('@bigbinary/neetoui/Tab');
13
+ var Typography = require('@bigbinary/neetoui/Typography');
12
14
  var reactI18next = require('react-i18next');
13
15
  var reactQuery = require('react-query');
14
16
  var devtools = require('react-query/devtools');
15
17
  var constants = require('@bigbinary/neeto-commons-frontend/constants');
18
+ var Toastr = require('@bigbinary/neetoui/Toastr');
16
19
  var neetoIcons = require('@bigbinary/neeto-icons');
20
+ var Button = require('@bigbinary/neetoui/Button');
21
+ var Modal = require('@bigbinary/neetoui/Modal');
17
22
  var axios = require('axios');
18
- var neetoCist = require('@bigbinary/neeto-cist');
19
23
  var utils$3 = require('@bigbinary/neeto-commons-frontend/utils');
20
24
  var ramda = require('ramda');
21
25
  var reactRouterDom = require('react-router-dom');
22
26
  var DateFormat = require('@bigbinary/neeto-molecules/DateFormat');
27
+ var Tag = require('@bigbinary/neetoui/Tag');
28
+ var Tooltip = require('@bigbinary/neetoui/Tooltip');
23
29
  var CopyToClipboardButton = require('@bigbinary/neeto-molecules/CopyToClipboardButton');
24
30
  var Columns = require('@bigbinary/neeto-molecules/Columns');
25
31
  var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
26
32
  var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
33
+ var Table = require('@bigbinary/neetoui/Table');
34
+ var NoData = require('@bigbinary/neetoui/NoData');
27
35
  var require$$0 = require('util');
36
+ var Pane = require('@bigbinary/neetoui/Pane');
28
37
  var reactRouterDom$1 = require('react-router-dom/cjs/react-router-dom');
29
38
  var classNames = require('classnames');
39
+ var Spinner = require('@bigbinary/neetoui/Spinner');
40
+ var Alert = require('@bigbinary/neetoui/Alert');
30
41
  var neetointegrations = require('neetointegrations');
31
- var formik = require('@bigbinary/neetoui/formik');
42
+ var Label = require('@bigbinary/neetoui/Label');
43
+ var Select = require('@bigbinary/neetoui/formik/Select');
44
+ var Form = require('@bigbinary/neetoui/formik/Form');
45
+ var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
32
46
  var yup = require('yup');
47
+ var Radio = require('@bigbinary/neetoui/Radio');
48
+ var Input = require('@bigbinary/neetoui/formik/Input');
33
49
  var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
50
+ var QRCodeImage = require('qrcode.react');
34
51
  var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
35
52
 
36
53
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -57,15 +74,34 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
57
74
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
58
75
  var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
59
76
  var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader);
77
+ var Tab__default = /*#__PURE__*/_interopDefaultLegacy(Tab);
78
+ var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
79
+ var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
80
+ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
81
+ var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
60
82
  var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
61
83
  var DateFormat__default = /*#__PURE__*/_interopDefaultLegacy(DateFormat);
84
+ var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
85
+ var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
62
86
  var CopyToClipboardButton__default = /*#__PURE__*/_interopDefaultLegacy(CopyToClipboardButton);
63
87
  var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
64
88
  var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
89
+ var Table__default = /*#__PURE__*/_interopDefaultLegacy(Table);
90
+ var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
65
91
  var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
92
+ var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
66
93
  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
94
+ var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
95
+ var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
96
+ var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
97
+ var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
98
+ var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
99
+ var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
67
100
  var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
101
+ var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
102
+ var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
68
103
  var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
104
+ var QRCodeImage__default = /*#__PURE__*/_interopDefaultLegacy(QRCodeImage);
69
105
 
70
106
  function _arrayWithHoles(arr) {
71
107
  if (Array.isArray(arr)) return arr;
@@ -129,7 +165,7 @@ var queryClient = new reactQuery.QueryClient({
129
165
  staleTime: constants.DEFAULT_STALE_TIME,
130
166
  keepPreviousData: true,
131
167
  onError: function onError(error) {
132
- return neetoui.Toastr.error(error);
168
+ return Toastr__default["default"].error(error);
133
169
  }
134
170
  }
135
171
  }
@@ -794,28 +830,28 @@ var ExportModal$2 = function ExportModal(_ref) {
794
830
  var onClose = function onClose() {
795
831
  return setShowExportModal(false);
796
832
  };
797
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
833
+ return /*#__PURE__*/React__default["default"].createElement(Modal__default["default"], {
798
834
  onClose: onClose,
799
835
  isOpen: showExportModal
800
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
836
+ }, /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
801
837
  style: "h2"
802
- }, t("neetoPayments.export.title.account"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, null, isFileLoading ? /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
838
+ }, t("neetoPayments.export.title.account"))), /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Body, null, isFileLoading ? /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
803
839
  style: "body2"
804
- }, t("neetoPayments.export.pleaseWait")) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
840
+ }, t("neetoPayments.export.pleaseWait")) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
805
841
  style: "body2"
806
- }, downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.account"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Footer, {
842
+ }, downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.account"))), /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Footer, {
807
843
  className: "space-x-2"
808
- }, downloadUrl ? /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
844
+ }, downloadUrl ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
809
845
  href: downloadUrl,
810
846
  icon: neetoIcons.Download,
811
847
  label: t("neetoPayments.common.download"),
812
848
  onClick: onClose
813
- }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
849
+ }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
814
850
  disabled: isFileLoading,
815
851
  label: t("neetoPayments.common.export"),
816
852
  loading: isFileLoading,
817
853
  onClick: handleGenerateClick
818
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
854
+ }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
819
855
  disabled: isFileLoading,
820
856
  label: t("neetoPayments.common.cancel"),
821
857
  style: "text",
@@ -920,12 +956,12 @@ var preProcessStatus = function preProcessStatus(type, status) {
920
956
  };
921
957
  var renderStatus = ramda.curry(function (type, status, record) {
922
958
  var processedStatus = preProcessStatus(type, status, record);
923
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
959
+ return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
924
960
  content: i18next.t("neetoPayments.tooltipContent.".concat(type, ".").concat(processedStatus)),
925
961
  position: "top"
926
962
  }, /*#__PURE__*/React__default["default"].createElement("div", {
927
963
  className: "w-fit"
928
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
964
+ }, /*#__PURE__*/React__default["default"].createElement(Tag__default["default"], {
929
965
  label: i18next.t("neetoPayments.tagLabels.".concat(type, ".").concat(processedStatus)),
930
966
  style: getTagStyle(processedStatus)
931
967
  })));
@@ -938,7 +974,7 @@ var renderFullName = function renderFullName(_, _ref) {
938
974
  var renderEmail = function renderEmail(email) {
939
975
  return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
940
976
  content: email
941
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
977
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
942
978
  href: "mailto:".concat(email),
943
979
  label: email,
944
980
  style: "link"
@@ -953,7 +989,7 @@ var renderDate = function renderDate(date) {
953
989
  var IdentifierButton = function IdentifierButton(_ref) {
954
990
  var href = _ref.href,
955
991
  label = _ref.label;
956
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
992
+ return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
957
993
  href: href,
958
994
  label: label,
959
995
  size: "small",
@@ -1063,7 +1099,7 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
1063
1099
  _useState10 = _slicedToArray(_useState9, 2),
1064
1100
  filters = _useState10[0],
1065
1101
  setFilters = _useState10[1];
1066
- var _useState11 = React.useState(0),
1102
+ var _useState11 = React.useState(null),
1067
1103
  _useState12 = _slicedToArray(_useState11, 2),
1068
1104
  dataSize = _useState12[0],
1069
1105
  setDataSize = _useState12[1];
@@ -1072,6 +1108,7 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
1072
1108
  }, COLUMNS$5) : COLUMNS$5;
1073
1109
  var handleTabChange = function handleTabChange(tab) {
1074
1110
  var _pageProperties$tab, _pageProperties$tab2;
1111
+ setDataSize(null);
1075
1112
  var queryParams = utils$3.getQueryParams({
1076
1113
  toCamelCase: false
1077
1114
  });
@@ -1206,7 +1243,7 @@ var List$6 = function List(_ref) {
1206
1243
  if (dataSize <= 0 || !neetoCist.isPresent(accounts)) {
1207
1244
  return /*#__PURE__*/React__default["default"].createElement("div", {
1208
1245
  className: "flex h-full w-full items-center justify-center"
1209
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
1246
+ }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
1210
1247
  title: tab === TAB$5.all ? t("neetoPayments.emptyState.account") : t("neetoPayments.emptyState.accountWithStatus", {
1211
1248
  status: tab
1212
1249
  })
@@ -1214,7 +1251,7 @@ var List$6 = function List(_ref) {
1214
1251
  }
1215
1252
  return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
1216
1253
  hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
1217
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
1254
+ }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
1218
1255
  fixedHeight: true,
1219
1256
  allowRowClick: false,
1220
1257
  columnData: getVisibleColumnData(columnData),
@@ -1279,12 +1316,12 @@ var AccountsDashboard = function AccountsDashboard() {
1279
1316
  };
1280
1317
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], {
1281
1318
  title: t("neetoPayments.title.account"),
1282
- searchProps: {
1319
+ searchProps: isFilterButtonVisible && {
1283
1320
  placeholder: t("neetoPayments.common.search"),
1284
1321
  className: "w-80"
1285
1322
  }
1286
- }), isTabsVisible && /*#__PURE__*/React__default["default"].createElement(neetoui.Tab, null, TABS$5.map(function (item) {
1287
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Tab.Item, {
1323
+ }), isTabsVisible && /*#__PURE__*/React__default["default"].createElement(Tab__default["default"], null, TABS$5.map(function (item) {
1324
+ return /*#__PURE__*/React__default["default"].createElement(Tab__default["default"].Item, {
1288
1325
  active: tab === item,
1289
1326
  key: item,
1290
1327
  onClick: function onClick() {
@@ -1293,7 +1330,7 @@ var AccountsDashboard = function AccountsDashboard() {
1293
1330
  }, t("neetoPayments.common.".concat(item)));
1294
1331
  })), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
1295
1332
  className: "mt-4",
1296
- leftActionBlock: isTabsVisible && dataSize !== 0 && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1333
+ leftActionBlock: neetoCist.isPresent(dataSize) && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1297
1334
  className: "neeto-ui-gray-800 mr-2 font-semibold",
1298
1335
  component: "h4"
1299
1336
  }, tab === TAB$5.all ? t("neetoPayments.countOf.account", {
@@ -1466,12 +1503,12 @@ var renderIdentifier$2 = function renderIdentifier() {
1466
1503
  }));
1467
1504
  };
1468
1505
  ramda.curry(function (type, kind) {
1469
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
1506
+ return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
1470
1507
  content: i18next.t("neetoPayments.tooltipContent.".concat(type, ".").concat(kind)),
1471
1508
  position: "top"
1472
1509
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1473
1510
  className: "w-fit"
1474
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
1511
+ }, /*#__PURE__*/React__default["default"].createElement(Tag__default["default"], {
1475
1512
  label: i18next.t("neetoPayments.tagLabels.".concat(type, ".").concat(kind)),
1476
1513
  style: "secondary"
1477
1514
  })));
@@ -1484,12 +1521,12 @@ var renderSplitIdentifier = function renderSplitIdentifier(_ref2) {
1484
1521
  }, /*#__PURE__*/React__default["default"].createElement(IdentifierButton$1, {
1485
1522
  href: buildStripeSplitLink(identifier, isLive),
1486
1523
  label: identifier
1487
- })) : /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
1524
+ })) : /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
1488
1525
  content: i18next.t("neetoPayments.tooltipContent.identifierUnavailable"),
1489
1526
  position: "top"
1490
1527
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1491
1528
  className: "text-center"
1492
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1529
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1493
1530
  style: "body2"
1494
1531
  }, i18next.t("neetoPayments.common.notAvailable"))));
1495
1532
  };
@@ -1508,17 +1545,17 @@ var renderTransferIdentifier = function renderTransferIdentifier() {
1508
1545
  href: identifier.startsWith("py") ? buildStripeTransferLink(identifier, account === null || account === void 0 ? void 0 : account.identifier, isLive) : buildStripeTransactionLink(identifier, isLive)
1509
1546
  })) : /*#__PURE__*/React__default["default"].createElement("div", {
1510
1547
  className: "text-center"
1511
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
1548
+ }, /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
1512
1549
  position: "top",
1513
1550
  content: i18next.t("neetoPayments.tooltipContent.connectedTransactionUnavailable")
1514
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1551
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1515
1552
  style: "body2"
1516
1553
  }, i18next.t("neetoPayments.common.notAvailable"))));
1517
1554
  };
1518
1555
  var renderPlatformIdentifier = ramda.curry(function (setPaneStatus, data) {
1519
1556
  return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
1520
1557
  content: data === null || data === void 0 ? void 0 : data.identifier
1521
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1558
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
1522
1559
  label: data === null || data === void 0 ? void 0 : data.identifier,
1523
1560
  size: "small",
1524
1561
  style: "link",
@@ -1543,12 +1580,12 @@ var renderAccountIdentifier = function renderAccountIdentifier(_ref4) {
1543
1580
  }));
1544
1581
  };
1545
1582
  var renderSplitDate = function renderSplitDate(date) {
1546
- return neetoCist.isPresent(date) ? renderDate(date) : /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
1583
+ return neetoCist.isPresent(date) ? renderDate(date) : /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
1547
1584
  content: i18next.t("neetoPayments.tooltipContent.dateUnavailable"),
1548
1585
  position: "top"
1549
1586
  }, /*#__PURE__*/React__default["default"].createElement("div", {
1550
1587
  className: "text-center"
1551
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1588
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1552
1589
  style: "body2"
1553
1590
  }, i18next.t("neetoPayments.common.notAvailable"))));
1554
1591
  };
@@ -2050,28 +2087,28 @@ var ExportModal$1 = function ExportModal(_ref) {
2050
2087
  var onClose = function onClose() {
2051
2088
  return setShowExportModal(false);
2052
2089
  };
2053
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
2090
+ return /*#__PURE__*/React__default["default"].createElement(Modal__default["default"], {
2054
2091
  onClose: onClose,
2055
2092
  isOpen: showExportModal
2056
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2093
+ }, /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2057
2094
  style: "h2"
2058
- }, t("neetoPayments.export.title.".concat(kind)))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, null, isFileLoading ? /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2095
+ }, t("neetoPayments.export.title.".concat(kind)))), /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Body, null, isFileLoading ? /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2059
2096
  style: "body2"
2060
- }, t("neetoPayments.export.pleaseWait")) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2097
+ }, t("neetoPayments.export.pleaseWait")) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2061
2098
  style: "body2"
2062
- }, downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.".concat(kind)))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Footer, {
2099
+ }, downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.".concat(kind)))), /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Footer, {
2063
2100
  className: "space-x-2"
2064
- }, downloadUrl ? /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2101
+ }, downloadUrl ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
2065
2102
  href: downloadUrl,
2066
2103
  icon: neetoIcons.Download,
2067
2104
  label: t("neetoPayments.common.download"),
2068
2105
  onClick: onClose
2069
- }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2106
+ }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
2070
2107
  disabled: isFileLoading,
2071
2108
  label: t("neetoPayments.common.export"),
2072
2109
  loading: isFileLoading,
2073
2110
  onClick: handleGenerateClick
2074
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2111
+ }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
2075
2112
  disabled: isFileLoading,
2076
2113
  label: t("neetoPayments.common.cancel"),
2077
2114
  style: "text",
@@ -2124,7 +2161,7 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
2124
2161
  _useState10 = _slicedToArray(_useState9, 2),
2125
2162
  filters = _useState10[0],
2126
2163
  setFilters = _useState10[1];
2127
- var _useState11 = React.useState(0),
2164
+ var _useState11 = React.useState(null),
2128
2165
  _useState12 = _slicedToArray(_useState11, 2),
2129
2166
  dataSize = _useState12[0],
2130
2167
  setDataSize = _useState12[1];
@@ -2143,6 +2180,7 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
2143
2180
  var modifiedColumns = columns.map(ramda.modify("dataIndex", processDataIndex));
2144
2181
  var handleTabChange = function handleTabChange(tab) {
2145
2182
  var _pageProperties$tab, _pageProperties$tab2;
2183
+ setDataSize(null);
2146
2184
  var queryParams = utils$3.getQueryParams({
2147
2185
  toCamelCase: false
2148
2186
  });
@@ -4514,7 +4552,7 @@ var SubTable = function SubTable(_ref) {
4514
4552
  className: className || "ml-12 max-w-3xl"
4515
4553
  }, /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
4516
4554
  hasPagination: false
4517
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
4555
+ }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
4518
4556
  fixedHeight: true,
4519
4557
  columnData: isSplitKind(kind) ? SPLIT_COLUMNS : REFUND_COLUMNS,
4520
4558
  pagination: false,
@@ -4537,14 +4575,14 @@ var ExpandedRow = function ExpandedRow() {
4537
4575
  className: "my-2 space-y-2"
4538
4576
  }, !ramda.isEmpty(splits) && /*#__PURE__*/React__default["default"].createElement("div", {
4539
4577
  className: "space-y-4"
4540
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4578
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4541
4579
  className: "ml-12",
4542
4580
  style: "h3"
4543
4581
  }, i18next.t("neetoPayments.common.splits")), /*#__PURE__*/React__default["default"].createElement(SubTable, {
4544
4582
  data: splits
4545
4583
  })), !ramda.isEmpty(refunds) && /*#__PURE__*/React__default["default"].createElement("div", {
4546
4584
  className: "space-y-4"
4547
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4585
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4548
4586
  className: "ml-12",
4549
4587
  style: "h3"
4550
4588
  }, i18next.t("neetoPayments.title.refund")), /*#__PURE__*/React__default["default"].createElement(SubTable, {
@@ -4649,19 +4687,19 @@ var Details = function Details(_ref) {
4649
4687
  live = _useFetchStripePlatfo3.live,
4650
4688
  _useFetchStripePlatfo4 = _useFetchStripePlatfo3.splits,
4651
4689
  splits = _useFetchStripePlatfo4 === void 0 ? [] : _useFetchStripePlatfo4;
4652
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, _extends$1({}, paneProps, {
4690
+ return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], _extends$1({}, paneProps, {
4653
4691
  size: "large"
4654
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4692
+ }), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4655
4693
  style: "h2"
4656
- }, "Transaction Details")), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, isLoading ? /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null) : /*#__PURE__*/React__default["default"].createElement("div", {
4694
+ }, "Transaction Details")), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, isLoading ? /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null) : /*#__PURE__*/React__default["default"].createElement("div", {
4657
4695
  className: "w-full space-y-6 p-2"
4658
4696
  }, /*#__PURE__*/React__default["default"].createElement("div", {
4659
4697
  className: "w-full space-y-2"
4660
4698
  }, /*#__PURE__*/React__default["default"].createElement("div", {
4661
4699
  className: "flex items-center space-x-2"
4662
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4700
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4663
4701
  style: "body2"
4664
- }, t("neetoPayments.transactionPane.transactionId")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4702
+ }, t("neetoPayments.transactionPane.transactionId")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4665
4703
  className: "neeto-ui-text-black font-medium",
4666
4704
  style: "body2"
4667
4705
  }, renderIdentifier$2({
@@ -4669,30 +4707,30 @@ var Details = function Details(_ref) {
4669
4707
  live: live
4670
4708
  }))), /*#__PURE__*/React__default["default"].createElement("div", {
4671
4709
  className: "flex items-center space-x-2"
4672
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4710
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4673
4711
  style: "body2"
4674
- }, t("neetoPayments.transactionPane.amount")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4712
+ }, t("neetoPayments.transactionPane.amount")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4675
4713
  className: "neeto-ui-text-black font-medium",
4676
4714
  style: "body2"
4677
4715
  }, amount)), /*#__PURE__*/React__default["default"].createElement("div", {
4678
4716
  className: "flex items-center space-x-2"
4679
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4717
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4680
4718
  style: "body2"
4681
- }, t("neetoPayments.transactionPane.netAmount")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4719
+ }, t("neetoPayments.transactionPane.netAmount")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4682
4720
  className: "neeto-ui-text-black font-medium",
4683
4721
  style: "body2"
4684
4722
  }, netAmount)), /*#__PURE__*/React__default["default"].createElement("div", {
4685
4723
  className: "flex items-center space-x-2"
4686
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4724
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4687
4725
  style: "body2"
4688
4726
  }, t("neetoPayments.transactionPane.status")), renderStatus("transaction", status)), /*#__PURE__*/React__default["default"].createElement("div", {
4689
4727
  className: "flex items-center space-x-2"
4690
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4728
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4691
4729
  style: "body2"
4692
- }, t("neetoPayments.transactionPane.paidOn")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4730
+ }, t("neetoPayments.transactionPane.paidOn")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4693
4731
  className: "neeto-ui-text-black font-medium",
4694
4732
  style: "body2"
4695
- }, renderDate(paymentAt)))), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4733
+ }, renderDate(paymentAt)))), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4696
4734
  style: "h3"
4697
4735
  }, "Splits"), /*#__PURE__*/React__default["default"].createElement(SubTable, {
4698
4736
  className: "ml-0 w-full",
@@ -4788,7 +4826,7 @@ var List$5 = function List(_ref) {
4788
4826
  if (!isStripeAccountConnected && dataSize <= 0 || !neetoCist.isPresent(data)) {
4789
4827
  return /*#__PURE__*/React__default["default"].createElement("div", {
4790
4828
  className: "flex h-full w-full items-center justify-center"
4791
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
4829
+ }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
4792
4830
  title: tab === TAB$4.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
4793
4831
  status: tab
4794
4832
  })
@@ -4800,7 +4838,7 @@ var List$5 = function List(_ref) {
4800
4838
  });
4801
4839
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
4802
4840
  hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
4803
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
4841
+ }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
4804
4842
  fixedHeight: true,
4805
4843
  allowRowClick: false,
4806
4844
  columnData: visibleColumns,
@@ -4900,12 +4938,12 @@ var Dashboard = function Dashboard(_ref) {
4900
4938
  };
4901
4939
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], _extends$1({}, headerProps, {
4902
4940
  title: t("neetoPayments.title.".concat(titleKind)),
4903
- searchProps: {
4941
+ searchProps: isFilterButtonVisible && {
4904
4942
  placeholder: searchKeywordProps.placeholder,
4905
4943
  className: "w-80"
4906
4944
  }
4907
- })), isTabsVisible && /*#__PURE__*/React__default["default"].createElement(neetoui.Tab, null, tabs.map(function (item) {
4908
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Tab.Item, {
4945
+ })), isTabsVisible && /*#__PURE__*/React__default["default"].createElement(Tab__default["default"], null, tabs.map(function (item) {
4946
+ return /*#__PURE__*/React__default["default"].createElement(Tab__default["default"].Item, {
4909
4947
  active: tab === item,
4910
4948
  key: item,
4911
4949
  onClick: function onClick() {
@@ -4914,7 +4952,7 @@ var Dashboard = function Dashboard(_ref) {
4914
4952
  }, t("neetoPayments.common.".concat(item)));
4915
4953
  })), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
4916
4954
  className: "mt-4",
4917
- leftActionBlock: isTabsVisible && dataSize !== 0 && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
4955
+ leftActionBlock: neetoCist.isPresent(dataSize) && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4918
4956
  className: "neeto-ui-gray-800 mr-2 font-semibold",
4919
4957
  component: "h4"
4920
4958
  }, tab === TAB$4.all ? t("neetoPayments.countOf.".concat(kind), {
@@ -5069,28 +5107,28 @@ var ExportModal = function ExportModal(_ref) {
5069
5107
  var onClose = function onClose() {
5070
5108
  return setShowExportModal(false);
5071
5109
  };
5072
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
5110
+ return /*#__PURE__*/React__default["default"].createElement(Modal__default["default"], {
5073
5111
  onClose: onClose,
5074
5112
  isOpen: showExportModal
5075
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5113
+ }, /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5076
5114
  style: "h2"
5077
- }, t("neetoPayments.export.title.payout"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, null, isFileLoading ? /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5115
+ }, t("neetoPayments.export.title.payout"))), /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Body, null, isFileLoading ? /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5078
5116
  style: "body2"
5079
- }, t("neetoPayments.export.pleaseWait")) : /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5117
+ }, t("neetoPayments.export.pleaseWait")) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5080
5118
  style: "body2"
5081
- }, downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.payout"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Footer, {
5119
+ }, downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.payout"))), /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Footer, {
5082
5120
  className: "space-x-2"
5083
- }, downloadUrl ? /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
5121
+ }, downloadUrl ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
5084
5122
  href: downloadUrl,
5085
5123
  icon: neetoIcons.Download,
5086
5124
  label: t("neetoPayments.common.download"),
5087
5125
  onClick: onClose
5088
- }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
5126
+ }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
5089
5127
  disabled: isFileLoading,
5090
5128
  label: t("neetoPayments.common.export"),
5091
5129
  loading: isFileLoading,
5092
5130
  onClick: handleGenerateClick
5093
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
5131
+ }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
5094
5132
  disabled: isFileLoading,
5095
5133
  label: t("neetoPayments.common.cancel"),
5096
5134
  style: "text",
@@ -5156,7 +5194,7 @@ var renderPayoutIdentifier$1 = ramda.curry(function (route, _ref) {
5156
5194
  id = _ref$id === void 0 ? "" : _ref$id;
5157
5195
  return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
5158
5196
  content: identifier
5159
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
5197
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
5160
5198
  label: identifier,
5161
5199
  size: "small",
5162
5200
  style: "link",
@@ -5200,7 +5238,7 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
5200
5238
  _useState10 = _slicedToArray(_useState9, 2),
5201
5239
  filters = _useState10[0],
5202
5240
  setFilters = _useState10[1];
5203
- var _useState11 = React.useState(0),
5241
+ var _useState11 = React.useState(null),
5204
5242
  _useState12 = _slicedToArray(_useState11, 2),
5205
5243
  dataSize = _useState12[0],
5206
5244
  setDataSize = _useState12[1];
@@ -5211,6 +5249,7 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
5211
5249
  }, columns) : columns;
5212
5250
  var handleTabChange = function handleTabChange(tab) {
5213
5251
  var _pageProperties$tab, _pageProperties$tab2;
5252
+ setDataSize(null);
5214
5253
  var queryParams = utils$3.getQueryParams({
5215
5254
  toCamelCase: false
5216
5255
  });
@@ -5326,13 +5365,13 @@ var List$4 = function List(_ref) {
5326
5365
  if (dataSize <= 0 || !neetoCist.isPresent(payouts)) {
5327
5366
  return /*#__PURE__*/React__default["default"].createElement("div", {
5328
5367
  className: "flex h-full w-full items-center justify-center"
5329
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
5368
+ }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
5330
5369
  title: t("neetoPayments.emptyState.payouts.".concat(tab))
5331
5370
  }));
5332
5371
  }
5333
5372
  return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
5334
5373
  hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
5335
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
5374
+ }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
5336
5375
  fixedHeight: true,
5337
5376
  allowRowClick: false,
5338
5377
  columnData: getVisibleColumnData(columnData),
@@ -5399,12 +5438,12 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
5399
5438
  };
5400
5439
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], {
5401
5440
  title: t("neetoPayments.title.payouts"),
5402
- searchProps: {
5441
+ searchProps: isFilterButtonVisible && {
5403
5442
  placeholder: t("neetoPayments.common.search"),
5404
5443
  className: "w-80"
5405
5444
  }
5406
- }), isTabsVisible && /*#__PURE__*/React__default["default"].createElement(neetoui.Tab, null, TABS$3.map(function (item) {
5407
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Tab.Item, {
5445
+ }), isTabsVisible && /*#__PURE__*/React__default["default"].createElement(Tab__default["default"], null, TABS$3.map(function (item) {
5446
+ return /*#__PURE__*/React__default["default"].createElement(Tab__default["default"].Item, {
5408
5447
  active: tab === item,
5409
5448
  key: item,
5410
5449
  onClick: function onClick() {
@@ -5413,7 +5452,7 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
5413
5452
  }, t("neetoPayments.common.".concat(item)));
5414
5453
  })), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
5415
5454
  className: "mt-4",
5416
- leftActionBlock: isTabsVisible && dataSize !== 0 && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5455
+ leftActionBlock: neetoCist.isPresent(dataSize) && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5417
5456
  className: "neeto-ui-gray-800 mr-2 font-semibold",
5418
5457
  component: "h4"
5419
5458
  }, tab === TAB$3.all ? t("neetoPayments.countOf.payout", {
@@ -5537,55 +5576,55 @@ var PayoutsPage = function PayoutsPage(_ref) {
5537
5576
  className: "w-full space-y-2"
5538
5577
  }, /*#__PURE__*/React__default["default"].createElement("div", {
5539
5578
  className: "flex items-center space-x-2"
5540
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5579
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5541
5580
  style: "body2"
5542
- }, t("neetoPayments.payoutsPage.payoutId")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5581
+ }, t("neetoPayments.payoutsPage.payoutId")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5543
5582
  className: "neeto-ui-text-black font-medium",
5544
5583
  style: "body2"
5545
5584
  }, renderPayoutIdentifier(identifier, live))), /*#__PURE__*/React__default["default"].createElement("div", {
5546
5585
  className: "flex items-center space-x-2"
5547
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5586
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5548
5587
  style: "body2"
5549
- }, t("neetoPayments.payoutsPage.status")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5588
+ }, t("neetoPayments.payoutsPage.status")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5550
5589
  className: "neeto-ui-text-black font-medium",
5551
5590
  style: "body2"
5552
5591
  }, renderStatus("payout", status, {}))), /*#__PURE__*/React__default["default"].createElement("div", {
5553
5592
  className: "flex items-center space-x-2"
5554
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5593
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5555
5594
  style: "body2"
5556
- }, t("neetoPayments.payoutsPage.amount")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5595
+ }, t("neetoPayments.payoutsPage.amount")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5557
5596
  className: "neeto-ui-text-black font-medium",
5558
5597
  style: "body2"
5559
5598
  }, amount)), /*#__PURE__*/React__default["default"].createElement("div", {
5560
5599
  className: "flex items-center space-x-2"
5561
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5600
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5562
5601
  style: "body2"
5563
5602
  }, t("neetoPayments.payoutsPage.arrivalDate")), renderDate(arrivalDate)), /*#__PURE__*/React__default["default"].createElement("div", {
5564
5603
  className: "flex items-center space-x-2"
5565
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5604
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5566
5605
  style: "body2"
5567
- }, t("neetoPayments.payoutsPage.createdAt")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5606
+ }, t("neetoPayments.payoutsPage.createdAt")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5568
5607
  className: "neeto-ui-text-black font-medium",
5569
5608
  style: "body2"
5570
5609
  }, renderDate(createdAt))), /*#__PURE__*/React__default["default"].createElement("div", {
5571
5610
  className: "flex items-center space-x-2"
5572
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5611
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5573
5612
  style: "body2"
5574
- }, t("neetoPayments.payoutsPage.destinationId")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5613
+ }, t("neetoPayments.payoutsPage.destinationId")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5575
5614
  className: "neeto-ui-text-black font-medium",
5576
5615
  style: "body2"
5577
5616
  }, destinationIdentifier)), /*#__PURE__*/React__default["default"].createElement("div", {
5578
5617
  className: "flex items-center space-x-2"
5579
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5618
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5580
5619
  style: "body2"
5581
- }, t("neetoPayments.payoutsPage.automatic")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5620
+ }, t("neetoPayments.payoutsPage.automatic")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5582
5621
  className: "neeto-ui-text-black font-medium",
5583
5622
  style: "body2"
5584
5623
  }, isAutomatic ? t("neetoPayments.common.yes") : t("neetoPayments.common.no"))), neetoCist.isPresent(failureMessage) && /*#__PURE__*/React__default["default"].createElement("div", {
5585
5624
  className: "flex items-center space-x-2"
5586
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5625
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5587
5626
  style: "body2"
5588
- }, t("neetoPayments.payoutsPage.failureMessage")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5627
+ }, t("neetoPayments.payoutsPage.failureMessage")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5589
5628
  className: "neeto-ui-text-black font-medium",
5590
5629
  style: "body2"
5591
5630
  }, failureMessage)))), isAutomatic && /*#__PURE__*/React__default["default"].createElement(Dashboard$1, _extends$1({}, isPlatformEnabled, {
@@ -5604,18 +5643,18 @@ var renderIdentifier$1 = function renderIdentifier() {
5604
5643
  identifier = _ref$identifier === void 0 ? "" : _ref$identifier;
5605
5644
  var isTemporaryIdentifier = identifier.startsWith("temp_");
5606
5645
  if (isTemporaryIdentifier) {
5607
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
5646
+ return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
5608
5647
  content: i18next.t("neetoPayments.tooltipContent.paymentIdentifierUnavailable"),
5609
5648
  position: "top"
5610
5649
  }, /*#__PURE__*/React__default["default"].createElement("div", {
5611
5650
  className: "text-center"
5612
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5651
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5613
5652
  style: "body2"
5614
5653
  }, i18next.t("neetoPayments.common.notAvailable"))));
5615
5654
  }
5616
5655
  return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
5617
5656
  content: identifier
5618
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
5657
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
5619
5658
  href: "https://dashboard.razorpay.com/app/payments/".concat(identifier),
5620
5659
  label: identifier,
5621
5660
  size: "small",
@@ -5733,12 +5772,12 @@ var FilterWrapper = function FilterWrapper(_ref) {
5733
5772
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], _extends$1({}, _objectSpread$6(_objectSpread$6({}, headerProps), {}, {
5734
5773
  title: title
5735
5774
  }), {
5736
- searchProps: {
5775
+ searchProps: isFilterButtonVisible && {
5737
5776
  placeholder: searchKeywordProps.placeholder,
5738
5777
  className: "w-80"
5739
5778
  }
5740
- })), isTabsVisible && /*#__PURE__*/React__default["default"].createElement(neetoui.Tab, null, tabs.map(function (item) {
5741
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Tab.Item, {
5779
+ })), isTabsVisible && /*#__PURE__*/React__default["default"].createElement(Tab__default["default"], null, tabs.map(function (item) {
5780
+ return /*#__PURE__*/React__default["default"].createElement(Tab__default["default"].Item, {
5742
5781
  active: tab === item,
5743
5782
  key: item,
5744
5783
  onClick: function onClick() {
@@ -5747,7 +5786,7 @@ var FilterWrapper = function FilterWrapper(_ref) {
5747
5786
  }, t("neetoPayments.common.".concat(item)));
5748
5787
  })), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
5749
5788
  className: "mt-4",
5750
- leftActionBlock: isTabsVisible && dataSize !== 0 && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
5789
+ leftActionBlock: neetoCist.isPresent(dataSize) && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5751
5790
  className: "neeto-ui-gray-800 mr-2 font-semibold",
5752
5791
  component: "h4"
5753
5792
  }, tab === "all" ? t("neetoPayments.countOf.".concat(kind), {
@@ -5791,7 +5830,7 @@ var renderIdentifier = function renderIdentifier() {
5791
5830
  receiptUrl = _ref$receiptUrl === void 0 ? "" : _ref$receiptUrl;
5792
5831
  return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
5793
5832
  content: identifier
5794
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
5833
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
5795
5834
  href: receiptUrl,
5796
5835
  label: identifier,
5797
5836
  size: "small",
@@ -5801,7 +5840,7 @@ var renderIdentifier = function renderIdentifier() {
5801
5840
  };
5802
5841
  var truncatedText = function truncatedText(_ref2) {
5803
5842
  var identifier = _ref2.identifier;
5804
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
5843
+ return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
5805
5844
  content: identifier,
5806
5845
  position: "top"
5807
5846
  }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -5948,7 +5987,7 @@ var useFiltersAndPagination = function useFiltersAndPagination(_ref) {
5948
5987
  _useState10 = _slicedToArray(_useState9, 2),
5949
5988
  filters = _useState10[0],
5950
5989
  setFilters = _useState10[1];
5951
- var _useState11 = React.useState(0),
5990
+ var _useState11 = React.useState(null),
5952
5991
  _useState12 = _slicedToArray(_useState11, 2),
5953
5992
  dataSize = _useState12[0],
5954
5993
  setDataSize = _useState12[1];
@@ -5957,6 +5996,7 @@ var useFiltersAndPagination = function useFiltersAndPagination(_ref) {
5957
5996
  searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
5958
5997
  var handleTabChange = function handleTabChange(tab) {
5959
5998
  var _pageProperties$tab, _pageProperties$tab2;
5999
+ setDataSize(null);
5960
6000
  var queryParams = utils$3.getQueryParams({
5961
6001
  toCamelCase: false
5962
6002
  });
@@ -6128,7 +6168,7 @@ var List$3 = function List(_ref) {
6128
6168
  if (!(account !== null && account !== void 0 && account.isConnected) && views <= 0 || !neetoCist.isPresent(payments)) {
6129
6169
  return /*#__PURE__*/React__default["default"].createElement("div", {
6130
6170
  className: "flex h-full w-full items-center justify-center"
6131
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
6171
+ }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
6132
6172
  title: tab === TAB$2.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
6133
6173
  status: tab
6134
6174
  })
@@ -6136,7 +6176,7 @@ var List$3 = function List(_ref) {
6136
6176
  }
6137
6177
  return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
6138
6178
  hasPagination: views > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
6139
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
6179
+ }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
6140
6180
  fixedHeight: true,
6141
6181
  allowRowClick: false,
6142
6182
  columnData: visibleColumns,
@@ -6713,7 +6753,7 @@ var RazorpayPaymentButton = function RazorpayPaymentButton(_ref) {
6713
6753
  };
6714
6754
  createRazorpayOrder(payload);
6715
6755
  };
6716
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
6756
+ return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
6717
6757
  disabled: isLoading,
6718
6758
  label: label || t("neetoPayments.common.pay"),
6719
6759
  loading: isLoading,
@@ -6826,7 +6866,7 @@ var SquareCard = function SquareCard(_ref) {
6826
6866
  "pointer-events-none": disabled,
6827
6867
  "text-center": !card
6828
6868
  })
6829
- }, !card && /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null));
6869
+ }, !card && /*#__PURE__*/React__default["default"].createElement(Spinner__default["default"], null));
6830
6870
  };
6831
6871
 
6832
6872
  var TAB$1 = {
@@ -7014,7 +7054,7 @@ var List$2 = function List(_ref) {
7014
7054
  if (!(squareAccount !== null && squareAccount !== void 0 && squareAccount.isConnected) && dataSize <= 0 || !neetoCist.isPresent(data)) {
7015
7055
  return /*#__PURE__*/React__default["default"].createElement("div", {
7016
7056
  className: "flex h-full w-full items-center justify-center"
7017
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
7057
+ }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
7018
7058
  title: tab === TAB$1.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
7019
7059
  status: tab
7020
7060
  })
@@ -7022,7 +7062,7 @@ var List$2 = function List(_ref) {
7022
7062
  }
7023
7063
  return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
7024
7064
  hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
7025
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
7065
+ }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
7026
7066
  columnData: columnData,
7027
7067
  fixedHeight: true,
7028
7068
  allowRowClick: false,
@@ -7117,7 +7157,7 @@ var PaymentKindRestrictionAlert = function PaymentKindRestrictionAlert(_ref) {
7117
7157
  _ref$onClose = _ref.onClose,
7118
7158
  onClose = _ref$onClose === void 0 ? neetoCist.noop : _ref$onClose,
7119
7159
  otherProps = _objectWithoutProperties(_ref, _excluded);
7120
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, _extends$1({
7160
+ return /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], _extends$1({
7121
7161
  isOpen: isOpen,
7122
7162
  onClose: onClose,
7123
7163
  message: STRIPE_ALERT_PAYMENT_KIND_CONTENT[paymentKind].message,
@@ -7216,6 +7256,7 @@ var AccountForm = function AccountForm(_ref) {
7216
7256
  returnUrl = _ref.returnUrl;
7217
7257
  var _useTranslation = reactI18next.useTranslation(),
7218
7258
  t = _useTranslation.t;
7259
+ var history = reactRouterDom.useHistory();
7219
7260
  var _useState = React.useState(false),
7220
7261
  _useState2 = _slicedToArray(_useState, 2),
7221
7262
  isPolling = _useState2[0],
@@ -7263,7 +7304,7 @@ var AccountForm = function AccountForm(_ref) {
7263
7304
  if (isLoading) {
7264
7305
  return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
7265
7306
  }
7266
- return /*#__PURE__*/React__default["default"].createElement(formik.Form, {
7307
+ return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
7267
7308
  formikProps: {
7268
7309
  enableReinitialize: true,
7269
7310
  initialValues: INITIAL_VALUES,
@@ -7272,18 +7313,23 @@ var AccountForm = function AccountForm(_ref) {
7272
7313
  }
7273
7314
  }, /*#__PURE__*/React__default["default"].createElement("div", {
7274
7315
  className: "space-y-3"
7275
- }, /*#__PURE__*/React__default["default"].createElement(formik.Select, {
7316
+ }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
7276
7317
  required: true,
7277
7318
  helpText: t("neetoPayments.integrationModal.form.helpText"),
7278
7319
  label: t("neetoPayments.integrationModal.form.label"),
7279
7320
  name: "country",
7280
7321
  options: buildCountryOptions(countries),
7281
7322
  placeholder: t("neetoPayments.integrationModal.form.placeholder")
7282
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
7283
- disabled: isCreating || isPolling,
7284
- label: submitButtonLabel,
7285
- loading: isCreating || isPolling,
7286
- type: "submit"
7323
+ }), /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
7324
+ cancelButtonProps: {
7325
+ onClick: function onClick() {
7326
+ return history.goBack();
7327
+ }
7328
+ },
7329
+ isSubmitting: isCreating || isPolling,
7330
+ submitButtonProps: {
7331
+ label: submitButtonLabel
7332
+ }
7287
7333
  })));
7288
7334
  };
7289
7335
 
@@ -7297,22 +7343,22 @@ var AccountDetails = function AccountDetails(_ref) {
7297
7343
  t = _useTranslation.t;
7298
7344
  return /*#__PURE__*/React__default["default"].createElement("div", {
7299
7345
  className: "mb-6 space-y-3"
7300
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
7346
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
7301
7347
  style: "h5",
7302
7348
  weight: "medium"
7303
7349
  }, t("neetoPayments.integrationModal.account.title")), /*#__PURE__*/React__default["default"].createElement("div", {
7304
7350
  className: "grid grid-cols-4 gap-y-3"
7305
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
7351
+ }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
7306
7352
  className: "neeto-ui-text-gray-800"
7307
- }, t("neetoPayments.common.id")), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
7353
+ }, t("neetoPayments.common.id")), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
7308
7354
  className: "neeto-ui-text-gray-800 col-span-3"
7309
- }, stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.identifier), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
7355
+ }, stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.identifier), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
7310
7356
  className: "neeto-ui-text-gray-800"
7311
- }, t("neetoPayments.common.email")), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
7357
+ }, t("neetoPayments.common.email")), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
7312
7358
  className: "neeto-ui-text-gray-800 col-span-3"
7313
- }, stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.email), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
7359
+ }, stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.email), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
7314
7360
  className: "neeto-ui-text-gray-800"
7315
- }, t("neetoPayments.common.country")), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
7361
+ }, t("neetoPayments.common.country")), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
7316
7362
  className: "neeto-ui-text-gray-800 col-span-3"
7317
7363
  }, stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.country)));
7318
7364
  };
@@ -7381,13 +7427,13 @@ var AccountProcessing = function AccountProcessing(_ref) {
7381
7427
  };
7382
7428
  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(AccountDetails, null), /*#__PURE__*/React__default["default"].createElement("div", {
7383
7429
  className: "flex flex-col items-start space-y-2"
7384
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
7430
+ }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
7385
7431
  disabled: isPolling,
7386
7432
  href: buildRefreshUrl(stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.id, returnUrl),
7387
7433
  label: buttonLabel(),
7388
7434
  loading: isPolling,
7389
7435
  size: "small"
7390
- }), !isPolling && !isAccountProcessingFailed && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
7436
+ }), !isPolling && !isAccountProcessingFailed && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
7391
7437
  disabled: isStripeAccountDestroying || isPolling,
7392
7438
  label: t("neetoPayments.integrationModal.anotherAccount"),
7393
7439
  size: "small",
@@ -7395,7 +7441,7 @@ var AccountProcessing = function AccountProcessing(_ref) {
7395
7441
  onClick: function onClick() {
7396
7442
  return setIsAlertOpen(true);
7397
7443
  }
7398
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
7444
+ })), /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
7399
7445
  isOpen: isAlertOpen,
7400
7446
  title: t("neetoPayments.integrationModal.alert.changeTitle"),
7401
7447
  message: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
@@ -7429,11 +7475,11 @@ var Configure = function Configure(_ref) {
7429
7475
  className: "mx-auto w-full max-w-lg space-y-8"
7430
7476
  }, /*#__PURE__*/React__default["default"].createElement("div", {
7431
7477
  className: "space-y-2"
7432
- }, /*#__PURE__*/React__default["default"].createElement(SvgStripe, null), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
7478
+ }, /*#__PURE__*/React__default["default"].createElement(SvgStripe, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
7433
7479
  "data-cy": "configure-payment-title",
7434
7480
  style: "h2",
7435
7481
  weight: "semibold"
7436
- }, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
7482
+ }, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
7437
7483
  className: "leading-snug"
7438
7484
  }, connectDescription)), neetoCist.isPresent(stripeAccount) ? /*#__PURE__*/React__default["default"].createElement(AccountProcessing, {
7439
7485
  onAccountCreated: handleStripeAccountCreated,
@@ -9077,29 +9123,29 @@ var Connect = function Connect(_ref) {
9077
9123
  className: "mx-auto w-full max-w-lg space-y-8"
9078
9124
  }, /*#__PURE__*/React__default["default"].createElement("div", {
9079
9125
  className: "space-y-2"
9080
- }, /*#__PURE__*/React__default["default"].createElement(SvgStripe, null), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
9126
+ }, /*#__PURE__*/React__default["default"].createElement(SvgStripe, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
9081
9127
  "data-cy": "configure-payment-title",
9082
9128
  style: "h2",
9083
9129
  weight: "semibold"
9084
- }, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
9130
+ }, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
9085
9131
  className: "leading-snug"
9086
- }, t("neetoPayments.integrationModal.subtitle"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Radio, {
9132
+ }, t("neetoPayments.integrationModal.subtitle"))), /*#__PURE__*/React__default["default"].createElement(Radio__default["default"], {
9087
9133
  stacked: true,
9088
9134
  value: selectedOption,
9089
9135
  onChange: function onChange(event) {
9090
9136
  return setSelectedOption(event.target.value);
9091
9137
  }
9092
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Radio.Item, {
9138
+ }, /*#__PURE__*/React__default["default"].createElement(Radio__default["default"].Item, {
9093
9139
  className: "neeto-ui-border-black w-96 py-2",
9094
9140
  label: t("neetoPayments.integrationModal.createAccount"),
9095
9141
  name: "accountMethod",
9096
9142
  value: INTEGRATION_METHOD.createNewAccount
9097
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Radio.Item, {
9143
+ }), /*#__PURE__*/React__default["default"].createElement(Radio__default["default"].Item, {
9098
9144
  className: "neeto-ui-border-black w-96 py-2",
9099
9145
  label: t("neetoPayments.integrationModal.connectAccount"),
9100
9146
  name: "accountMethod",
9101
9147
  value: INTEGRATION_METHOD.useExistingAccount
9102
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
9148
+ })), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
9103
9149
  label: t("neetoPayments.common.continue"),
9104
9150
  onClick: handleSubmit
9105
9151
  }));
@@ -9171,13 +9217,15 @@ var StripeConnect = function StripeConnect(_ref) {
9171
9217
  };
9172
9218
 
9173
9219
  var VALIDATION_SCHEMA$1 = yup__namespace.object({
9174
- 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"))
9220
+ upiId: yup__namespace.string().matches(/^[a-zA-Z0-9.-]{2,256}@[a-zA-Z][a-zA-Z]{2,64}$/, i18next.t("neetoPayments.upi.form.validation.invalidUpi")).required(i18next.t("neetoPayments.upi.form.validation.required"))
9175
9221
  });
9176
9222
 
9177
- var Add = reactUtils.withT(function (_ref) {
9178
- var t = _ref.t,
9179
- handleCreateUpiId = _ref.handleCreateUpiId;
9180
- return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(formik.Form, {
9223
+ var Add = function Add(_ref) {
9224
+ var handleCreateUpiId = _ref.handleCreateUpiId;
9225
+ var _useTranslation = reactI18next.useTranslation(),
9226
+ t = _useTranslation.t;
9227
+ var history = reactRouterDom.useHistory();
9228
+ return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
9181
9229
  formikProps: {
9182
9230
  initialValues: {
9183
9231
  upiId: ""
@@ -9187,15 +9235,22 @@ var Add = reactUtils.withT(function (_ref) {
9187
9235
  }
9188
9236
  }, /*#__PURE__*/React__default["default"].createElement("div", {
9189
9237
  className: "space-y-3"
9190
- }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
9238
+ }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
9191
9239
  className: "w-64",
9192
- label: t("neetoPayments.common.upiId"),
9193
- name: "upiId"
9194
- }), /*#__PURE__*/React__default["default"].createElement(formik.Button, {
9195
- label: t("neetoPayments.upi.form.add"),
9196
- type: "submit"
9240
+ label: t("neetoPayments.upi.form.enterUpi"),
9241
+ name: "upiId",
9242
+ placeholder: t("neetoPayments.upi.form.enterUpi")
9243
+ }), /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
9244
+ cancelButtonProps: {
9245
+ onClick: function onClick() {
9246
+ return history.goBack();
9247
+ }
9248
+ },
9249
+ submitButtonProps: {
9250
+ label: t("neetoPayments.upi.form.add")
9251
+ }
9197
9252
  }))));
9198
- });
9253
+ };
9199
9254
 
9200
9255
  var getColumnData = function getColumnData(handleDeleteClick) {
9201
9256
  return [{
@@ -9206,7 +9261,7 @@ var getColumnData = function getColumnData(handleDeleteClick) {
9206
9261
  render: function render(_, upiId) {
9207
9262
  return /*#__PURE__*/React__default["default"].createElement("div", {
9208
9263
  className: "flex items-center justify-between gap-3"
9209
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
9264
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
9210
9265
  className: "w-4/5",
9211
9266
  style: "body2"
9212
9267
  }, upiId.address), /*#__PURE__*/React__default["default"].createElement(MoreDropdown__default["default"], {
@@ -9258,10 +9313,10 @@ var List$1 = function List(_ref) {
9258
9313
  if (ramda.isEmpty(upiIds)) {
9259
9314
  return null;
9260
9315
  }
9261
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
9316
+ return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
9262
9317
  columnData: getColumnData(handleOpenDeleteModal),
9263
9318
  rowData: upiIds
9264
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
9319
+ }), /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
9265
9320
  isOpen: isAlertOpen,
9266
9321
  title: t("neetoPayments.upi.alert.title"),
9267
9322
  message: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
@@ -9289,14 +9344,10 @@ var UpiConnect = function UpiConnect(_ref) {
9289
9344
  handleDeleteUpiId = _ref$handleDeleteUpiI === void 0 ? neetoCist.noop : _ref$handleDeleteUpiI,
9290
9345
  _ref$handleCreateUpiI = _ref.handleCreateUpiId,
9291
9346
  handleCreateUpiId = _ref$handleCreateUpiI === void 0 ? neetoCist.noop : _ref$handleCreateUpiI;
9292
- var _useTranslation = reactI18next.useTranslation(),
9293
- t = _useTranslation.t;
9294
- if (isLoading) return /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null);
9347
+ if (isLoading) return /*#__PURE__*/React__default["default"].createElement(Spinner__default["default"], null);
9295
9348
  return /*#__PURE__*/React__default["default"].createElement("div", {
9296
9349
  className: "flex w-full max-w-3xl flex-col items-start space-y-6"
9297
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
9298
- style: "h2"
9299
- }, t("neetoPayments.common.upiIds")), /*#__PURE__*/React__default["default"].createElement(Add, {
9350
+ }, /*#__PURE__*/React__default["default"].createElement(Add, {
9300
9351
  handleCreateUpiId: handleCreateUpiId
9301
9352
  }), /*#__PURE__*/React__default["default"].createElement(List$1, {
9302
9353
  handleDeleteUpiId: handleDeleteUpiId,
@@ -9348,7 +9399,7 @@ var UpiMarkAsPaidButton = function UpiMarkAsPaidButton(_ref) {
9348
9399
  payableId: payableId
9349
9400
  });
9350
9401
  };
9351
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
9402
+ return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
9352
9403
  label: t("neetoPayments.upi.payment.buttons.markAsPaid"),
9353
9404
  loading: isLoading,
9354
9405
  onClick: handleClick
@@ -9359,11 +9410,15 @@ var VALIDATION_SCHEMA = yup__namespace.object({
9359
9410
  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"))
9360
9411
  });
9361
9412
 
9413
+ var vpaIdToQrCodeValue = function vpaIdToQrCodeValue(vpaId) {
9414
+ return "upi://pay?pa=".concat(vpaId);
9415
+ };
9416
+
9362
9417
  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; }
9363
9418
  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; }
9364
9419
  var UpiPayment = function UpiPayment(_ref) {
9365
- var _ref$vpas = _ref.vpas,
9366
- vpas = _ref$vpas === void 0 ? [] : _ref$vpas,
9420
+ var _ref$fee = _ref.fee,
9421
+ fee = _ref$fee === void 0 ? {} : _ref$fee,
9367
9422
  _ref$onSubmit = _ref.onSubmit,
9368
9423
  onSubmit = _ref$onSubmit === void 0 ? neetoCist.noop : _ref$onSubmit,
9369
9424
  _ref$onBackClick = _ref.onBackClick,
@@ -9371,7 +9426,7 @@ var UpiPayment = function UpiPayment(_ref) {
9371
9426
  payableId = _ref.payableId;
9372
9427
  var _useTranslation = reactI18next.useTranslation(),
9373
9428
  t = _useTranslation.t;
9374
- var vpaIds = ramda.pluck("address", vpas).join(" ");
9429
+ var vpaIds = ramda.pluck("address", fee === null || fee === void 0 ? void 0 : fee.vpas);
9375
9430
  var _useCreateUpiPayment = useCreateUpiPayment({}),
9376
9431
  createPayment = _useCreateUpiPayment.mutate;
9377
9432
  var handleSubmit = function handleSubmit(values) {
@@ -9381,7 +9436,7 @@ var UpiPayment = function UpiPayment(_ref) {
9381
9436
  createPayment(payload);
9382
9437
  onSubmit(values);
9383
9438
  };
9384
- return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(formik.Form, {
9439
+ return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
9385
9440
  className: "space-y-4",
9386
9441
  formikProps: {
9387
9442
  onSubmit: handleSubmit,
@@ -9390,29 +9445,41 @@ var UpiPayment = function UpiPayment(_ref) {
9390
9445
  },
9391
9446
  validationSchema: VALIDATION_SCHEMA
9392
9447
  }
9393
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, null, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
9394
- components: {
9395
- b: /*#__PURE__*/React__default["default"].createElement("strong", null)
9396
- },
9397
- values: {
9398
- vpaIds: vpaIds
9399
- },
9400
- i18nKey: vpas.length > 1 ? "neetoPayments.upi.payment.vpasText" : "neetoPayments.upi.payment.vpaText"
9401
- })), /*#__PURE__*/React__default["default"].createElement(formik.Input, {
9448
+ }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
9449
+ style: "body1"
9450
+ }, t("neetoPayments.upi.payment.vpaText", {
9451
+ count: vpaIds.length
9452
+ })), neetoCist.isPresent(vpaIds) && /*#__PURE__*/React__default["default"].createElement("div", {
9453
+ className: "grid grid-cols-1 gap-8 gap-y-4 sm:grid-cols-2"
9454
+ }, vpaIds.map(function (vpaId) {
9455
+ return /*#__PURE__*/React__default["default"].createElement("div", {
9456
+ className: "flex flex-col items-center justify-center",
9457
+ key: vpaId
9458
+ }, /*#__PURE__*/React__default["default"].createElement(QRCodeImage__default["default"], {
9459
+ size: 256,
9460
+ style: {
9461
+ width: 80,
9462
+ height: 80
9463
+ },
9464
+ value: vpaIdToQrCodeValue(vpaId)
9465
+ }), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
9466
+ className: "mt-2 w-full break-words text-center",
9467
+ style: "body2"
9468
+ }, vpaId));
9469
+ })), /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
9402
9470
  required: true,
9403
9471
  label: t("neetoPayments.upi.payment.transaction.label"),
9404
9472
  name: "transactionId",
9405
9473
  placeholder: t("neetoPayments.upi.payment.transaction.placeholder")
9406
- }), /*#__PURE__*/React__default["default"].createElement("div", {
9407
- className: "flex space-x-4"
9408
- }, /*#__PURE__*/React__default["default"].createElement(formik.Button, {
9409
- label: t("neetoPayments.upi.payment.buttons.submit"),
9410
- type: "submit"
9411
- }), /*#__PURE__*/React__default["default"].createElement(formik.Button, {
9412
- label: t("neetoPayments.upi.payment.buttons.back"),
9413
- style: "secondary",
9414
- onClick: onBackClick
9415
- }))));
9474
+ }), /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
9475
+ cancelButtonProps: {
9476
+ label: t("neetoPayments.upi.payment.buttons.back"),
9477
+ onClick: onBackClick
9478
+ },
9479
+ submitButtonProps: {
9480
+ label: t("neetoPayments.upi.payment.buttons.submit")
9481
+ }
9482
+ })));
9416
9483
  };
9417
9484
 
9418
9485
  var TAB = {
@@ -9586,7 +9653,7 @@ var List = function List(_ref) {
9586
9653
  if (!neetoCist.isPresent(payments)) {
9587
9654
  return /*#__PURE__*/React__default["default"].createElement("div", {
9588
9655
  className: "flex h-full w-full items-center justify-center"
9589
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
9656
+ }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
9590
9657
  title: tab === TAB.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
9591
9658
  status: tab
9592
9659
  })
@@ -9594,7 +9661,7 @@ var List = function List(_ref) {
9594
9661
  }
9595
9662
  return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
9596
9663
  hasPagination: views > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
9597
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
9664
+ }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
9598
9665
  fixedHeight: true,
9599
9666
  allowRowClick: false,
9600
9667
  columnData: visibleColumns,