@bigbinary/neeto-payments-frontend 1.4.16 → 1.4.17

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 (5) hide show
  1. package/dist/index.cjs.js +1472 -1264
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.js +1472 -1264
  4. package/dist/index.js.map +1 -1
  5. package/package.json +7 -7
package/dist/index.js CHANGED
@@ -13,6 +13,7 @@ import { QueryClient, QueryCache, QueryClientProvider, useMutation, useQuery } f
13
13
  import { ReactQueryDevtools } from 'react-query/devtools';
14
14
  import { DEFAULT_STALE_TIME, DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from '@bigbinary/neeto-commons-frontend/constants';
15
15
  import Toastr from '@bigbinary/neetoui/Toastr';
16
+ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
16
17
  import { Download, Down, Right } from '@bigbinary/neeto-icons';
17
18
  import Button from '@bigbinary/neetoui/Button';
18
19
  import Modal from '@bigbinary/neetoui/Modal';
@@ -102,53 +103,6 @@ function _slicedToArray(arr, i) {
102
103
  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
103
104
  }
104
105
 
105
- var queryClient = new QueryClient({
106
- queryCache: new QueryCache(),
107
- defaultOptions: {
108
- queries: {
109
- staleTime: DEFAULT_STALE_TIME,
110
- keepPreviousData: true,
111
- onError: function onError(error) {
112
- return Toastr.error(error);
113
- }
114
- }
115
- }
116
- });
117
-
118
- var withReactQuery = function withReactQuery(Component) {
119
- var QueryWrapper = function QueryWrapper(props) {
120
- return /*#__PURE__*/React__default.createElement(QueryClientProvider, {
121
- client: queryClient
122
- }, /*#__PURE__*/React__default.createElement(Component, props), /*#__PURE__*/React__default.createElement(ReactQueryDevtools, {
123
- initialIsOpen: false,
124
- position: "bottom-right"
125
- }));
126
- };
127
- return QueryWrapper;
128
- };
129
-
130
- var TAB$5 = {
131
- all: "all",
132
- connected: "connected",
133
- disconnected: "disconnected",
134
- incomplete: "incomplete"
135
- };
136
- var TABS$5 = Object.values(TAB$5);
137
- var SEARCH_PROPS$1 = {
138
- key: "keyword",
139
- node: "identifier,user.first_name,last_name,email",
140
- model: "NeetoPaymentsEngine::Stripe::Account,User"
141
- };
142
- var DASHBOARD_MANDATORY_COLUMNS$2 = ["id", "status", "identifier"];
143
- var FILTER_COLUMNS$3 = [{
144
- key: "created_at",
145
- label: t$1("neetoPayments.common.createdAt"),
146
- node: "created_at",
147
- type: "date",
148
- showRuleSelector: true
149
- }];
150
- var STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY = "stripeAccountsDashboard";
151
-
152
106
  function _typeof$1(o) {
153
107
  "@babel/helpers - typeof";
154
108
 
@@ -190,6 +144,56 @@ function _defineProperty(obj, key, value) {
190
144
  return obj;
191
145
  }
192
146
 
147
+ var queryClient = new QueryClient({
148
+ queryCache: new QueryCache(),
149
+ defaultOptions: {
150
+ queries: {
151
+ staleTime: DEFAULT_STALE_TIME,
152
+ keepPreviousData: true,
153
+ onError: function onError(error) {
154
+ return Toastr.error(error);
155
+ }
156
+ }
157
+ }
158
+ });
159
+
160
+ function ownKeys$l(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; }
161
+ function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
162
+ var withReactQuery = function withReactQuery(Component) {
163
+ var QueryWrapper = function QueryWrapper(props) {
164
+ return /*#__PURE__*/jsxs(QueryClientProvider, {
165
+ client: queryClient,
166
+ children: [/*#__PURE__*/jsx(Component, _objectSpread$l({}, props)), /*#__PURE__*/jsx(ReactQueryDevtools, {
167
+ initialIsOpen: false,
168
+ position: "bottom-right"
169
+ })]
170
+ });
171
+ };
172
+ return QueryWrapper;
173
+ };
174
+
175
+ var TAB$5 = {
176
+ all: "all",
177
+ connected: "connected",
178
+ disconnected: "disconnected",
179
+ incomplete: "incomplete"
180
+ };
181
+ var TABS$5 = Object.values(TAB$5);
182
+ var SEARCH_PROPS$1 = {
183
+ key: "keyword",
184
+ node: "identifier,user.first_name,last_name,email",
185
+ model: "NeetoPaymentsEngine::Stripe::Account,User"
186
+ };
187
+ var DASHBOARD_MANDATORY_COLUMNS$2 = ["id", "status", "identifier"];
188
+ var FILTER_COLUMNS$3 = [{
189
+ key: "created_at",
190
+ label: t$1("neetoPayments.common.createdAt"),
191
+ node: "created_at",
192
+ type: "date",
193
+ showRuleSelector: true
194
+ }];
195
+ var STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY = "stripeAccountsDashboard";
196
+
193
197
  var BASE_URL = "payments";
194
198
  var STRIPE_DASHBOARD_LINK = "https://dashboard.stripe.com/";
195
199
  var CURRENCY_OPTIONS = [{
@@ -714,8 +718,8 @@ var buildStripePayoutLink = function buildStripePayoutLink(identifier) {
714
718
  return "".concat(STRIPE_DASHBOARD_LINK).concat(isLive ? "" : "test/", "payouts/").concat(identifier);
715
719
  };
716
720
 
717
- function ownKeys$f(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; }
718
- function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
721
+ function ownKeys$k(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; }
722
+ function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
719
723
  var ExportModal$2 = function ExportModal(_ref) {
720
724
  var showExportModal = _ref.showExportModal,
721
725
  setShowExportModal = _ref.setShowExportModal,
@@ -741,13 +745,12 @@ var ExportModal$2 = function ExportModal(_ref) {
741
745
  return "account-report-".concat(uuidV4());
742
746
  }, []);
743
747
  var receivedCallback = function receivedCallback(data) {
744
- if (data.download_url) {
745
- setDownloadUrl(data.download_url);
746
- setIsGenerating(false);
747
- }
748
+ if (!data.download_url) return;
749
+ setDownloadUrl(data.download_url);
750
+ setIsGenerating(false);
748
751
  };
749
752
  var handleGenerateClick = function handleGenerateClick() {
750
- var payload = _objectSpread$f({
753
+ var payload = _objectSpread$k({
751
754
  kind: "account",
752
755
  token: token,
753
756
  filters: filters,
@@ -774,33 +777,44 @@ var ExportModal$2 = function ExportModal(_ref) {
774
777
  var onClose = function onClose() {
775
778
  return setShowExportModal(false);
776
779
  };
777
- return /*#__PURE__*/React__default.createElement(Modal, {
780
+ return /*#__PURE__*/jsxs(Modal, {
778
781
  onClose: onClose,
779
- isOpen: showExportModal
780
- }, /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
781
- style: "h2"
782
- }, t("neetoPayments.export.title.account"))), /*#__PURE__*/React__default.createElement(Modal.Body, null, isFileLoading ? /*#__PURE__*/React__default.createElement(Typography, {
783
- style: "body2"
784
- }, t("neetoPayments.export.pleaseWait")) : /*#__PURE__*/React__default.createElement(Typography, {
785
- style: "body2"
786
- }, downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.account"))), /*#__PURE__*/React__default.createElement(Modal.Footer, {
787
- className: "space-x-2"
788
- }, downloadUrl ? /*#__PURE__*/React__default.createElement(Button, {
789
- href: downloadUrl,
790
- icon: Download,
791
- label: t("neetoPayments.common.download"),
792
- onClick: onClose
793
- }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
794
- disabled: isFileLoading,
795
- label: t("neetoPayments.common.export"),
796
- loading: isFileLoading,
797
- onClick: handleGenerateClick
798
- }), /*#__PURE__*/React__default.createElement(Button, {
799
- disabled: isFileLoading,
800
- label: t("neetoPayments.common.cancel"),
801
- style: "text",
802
- onClick: onClose
803
- }))));
782
+ isOpen: showExportModal,
783
+ children: [/*#__PURE__*/jsx(Modal.Header, {
784
+ children: /*#__PURE__*/jsx(Typography, {
785
+ style: "h2",
786
+ children: t("neetoPayments.export.title.account")
787
+ })
788
+ }), /*#__PURE__*/jsx(Modal.Body, {
789
+ children: isFileLoading ? /*#__PURE__*/jsx(Typography, {
790
+ style: "body2",
791
+ children: t("neetoPayments.export.pleaseWait")
792
+ }) : /*#__PURE__*/jsx(Typography, {
793
+ style: "body2",
794
+ children: downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.account")
795
+ })
796
+ }), /*#__PURE__*/jsx(Modal.Footer, {
797
+ className: "space-x-2",
798
+ children: downloadUrl ? /*#__PURE__*/jsx(Button, {
799
+ href: downloadUrl,
800
+ icon: Download,
801
+ label: t("neetoPayments.common.download"),
802
+ onClick: onClose
803
+ }) : /*#__PURE__*/jsxs(Fragment, {
804
+ children: [/*#__PURE__*/jsx(Button, {
805
+ disabled: isFileLoading,
806
+ label: t("neetoPayments.common.cancel"),
807
+ style: "tertiary",
808
+ onClick: onClose
809
+ }), /*#__PURE__*/jsx(Button, {
810
+ disabled: isFileLoading,
811
+ label: t("neetoPayments.common.export"),
812
+ loading: isFileLoading,
813
+ onClick: handleGenerateClick
814
+ })]
815
+ })
816
+ })]
817
+ });
804
818
  };
805
819
 
806
820
  function _arrayWithoutHoles(arr) {
@@ -819,8 +833,8 @@ function _toConsumableArray(arr) {
819
833
  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
820
834
  }
821
835
 
822
- function ownKeys$e(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; }
823
- function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
836
+ function ownKeys$j(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; }
837
+ function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
824
838
  var processSortProperties = function processSortProperties(sortProperties) {
825
839
  if (sortProperties.sortBy === "payment_amount") {
826
840
  return assoc("sortBy", "neeto_payments_engine_stripe_transactions.amount", sortProperties);
@@ -835,7 +849,7 @@ var processSortProperties = function processSortProperties(sortProperties) {
835
849
  };
836
850
  var buildDefaultPageProperties = function buildDefaultPageProperties(tabs) {
837
851
  return tabs.reduce(function (pageProperties, tab) {
838
- return _objectSpread$e(_objectSpread$e({}, pageProperties), {}, _defineProperty({}, tab, DEFAULT_PAGE_VALUES));
852
+ return _objectSpread$j(_objectSpread$j({}, pageProperties), {}, _defineProperty({}, tab, DEFAULT_PAGE_VALUES));
839
853
  }, {});
840
854
  };
841
855
  var buildPayload = function buildPayload(_ref) {
@@ -847,7 +861,7 @@ var buildPayload = function buildPayload(_ref) {
847
861
  sortProperties = _ref$sortProperties === void 0 ? {} : _ref$sortProperties,
848
862
  _ref$payoutId = _ref.payoutId,
849
863
  payoutId = _ref$payoutId === void 0 ? null : _ref$payoutId;
850
- return _objectSpread$e({
864
+ return _objectSpread$j({
851
865
  tab: camelToSnakeCase(tab),
852
866
  payoutId: payoutId,
853
867
  page: (_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.page,
@@ -863,7 +877,7 @@ var buildRowData$1 = function buildRowData(_ref2) {
863
877
  tab = _ref2$tab === void 0 ? "all" : _ref2$tab;
864
878
  return data.map(function (element, index) {
865
879
  var _pageProperties$tab3, _pageProperties$tab4;
866
- return _objectSpread$e(_objectSpread$e({}, element), {}, {
880
+ return _objectSpread$j(_objectSpread$j({}, element), {}, {
867
881
  payable: element.payable,
868
882
  identifier: element,
869
883
  id: isEmpty(pageProperties) ? index + 1 : ((_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize) * (((_pageProperties$tab4 = pageProperties[tab]) === null || _pageProperties$tab4 === void 0 ? void 0 : _pageProperties$tab4.page) - 1) + index + 1
@@ -874,15 +888,17 @@ var buildRowData$1 = function buildRowData(_ref2) {
874
888
  var CopyButtonWrapper = function CopyButtonWrapper(_ref) {
875
889
  var content = _ref.content,
876
890
  children = _ref.children;
877
- return /*#__PURE__*/React__default.createElement("div", {
878
- className: "flex items-center space-x-2"
879
- }, children, isPresent(content) && /*#__PURE__*/React__default.createElement("div", {
880
- className: "identifier-copy-button invisible"
881
- }, /*#__PURE__*/React__default.createElement(CopyToClipboardButton, {
882
- size: "small",
883
- style: "text",
884
- value: content
885
- })));
891
+ return /*#__PURE__*/jsxs("div", {
892
+ className: "flex items-center space-x-2",
893
+ children: [children, isPresent(content) && /*#__PURE__*/jsx("div", {
894
+ className: "identifier-copy-button invisible",
895
+ children: /*#__PURE__*/jsx(CopyToClipboardButton, {
896
+ size: "small",
897
+ style: "text",
898
+ value: content
899
+ })
900
+ })]
901
+ });
886
902
  };
887
903
 
888
904
  var getTagStyle = function getTagStyle(status) {
@@ -900,15 +916,17 @@ var preProcessStatus = function preProcessStatus(type, status) {
900
916
  };
901
917
  var renderStatus = curry(function (type, status, record) {
902
918
  var processedStatus = preProcessStatus(type, status, record);
903
- return /*#__PURE__*/React__default.createElement(Tooltip, {
919
+ return /*#__PURE__*/jsx(Tooltip, {
904
920
  content: t$1("neetoPayments.tooltipContent.".concat(type, ".").concat(processedStatus)),
905
- position: "top"
906
- }, /*#__PURE__*/React__default.createElement("div", {
907
- className: "w-fit"
908
- }, /*#__PURE__*/React__default.createElement(Tag, {
909
- label: t$1("neetoPayments.tagLabels.".concat(type, ".").concat(processedStatus)),
910
- style: getTagStyle(processedStatus)
911
- })));
921
+ position: "top",
922
+ children: /*#__PURE__*/jsx("div", {
923
+ className: "w-fit",
924
+ children: /*#__PURE__*/jsx(Tag, {
925
+ label: t$1("neetoPayments.tagLabels.".concat(type, ".").concat(processedStatus)),
926
+ style: getTagStyle(processedStatus)
927
+ })
928
+ })
929
+ });
912
930
  });
913
931
  var renderFullName = function renderFullName(_, _ref) {
914
932
  var firstName = _ref.firstName,
@@ -916,16 +934,17 @@ var renderFullName = function renderFullName(_, _ref) {
916
934
  return "".concat(firstName, " ").concat(lastName);
917
935
  };
918
936
  var renderEmail = function renderEmail(email) {
919
- return /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
920
- content: email
921
- }, /*#__PURE__*/React__default.createElement(Button, {
922
- href: "mailto:".concat(email),
923
- label: email,
924
- style: "link"
925
- }));
937
+ return /*#__PURE__*/jsx(CopyButtonWrapper, {
938
+ content: email,
939
+ children: /*#__PURE__*/jsx(Button, {
940
+ href: "mailto:".concat(email),
941
+ label: email,
942
+ style: "link"
943
+ })
944
+ });
926
945
  };
927
946
  var renderDate = function renderDate(date) {
928
- return /*#__PURE__*/React__default.createElement(DateFormat.DateTime, {
947
+ return /*#__PURE__*/jsx(DateFormat.DateTime, {
929
948
  date: date
930
949
  });
931
950
  };
@@ -933,7 +952,7 @@ var renderDate = function renderDate(date) {
933
952
  var IdentifierButton = function IdentifierButton(_ref) {
934
953
  var href = _ref.href,
935
954
  label = _ref.label;
936
- return /*#__PURE__*/React__default.createElement(Button, {
955
+ return /*#__PURE__*/jsx(Button, {
937
956
  href: href,
938
957
  label: label,
939
958
  size: "small",
@@ -949,12 +968,13 @@ var renderIdentifier$3 = function renderIdentifier() {
949
968
  identifier = _ref$identifier === void 0 ? "" : _ref$identifier,
950
969
  _ref$live = _ref.live,
951
970
  isLive = _ref$live === void 0 ? false : _ref$live;
952
- return /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
953
- content: identifier
954
- }, /*#__PURE__*/React__default.createElement(IdentifierButton$1, {
955
- href: buildStripeAccountLink(identifier, isLive),
956
- label: identifier
957
- }));
971
+ return /*#__PURE__*/jsx(CopyButtonWrapper, {
972
+ content: identifier,
973
+ children: /*#__PURE__*/jsx(IdentifierButton$1, {
974
+ href: buildStripeAccountLink(identifier, isLive),
975
+ label: identifier
976
+ })
977
+ });
958
978
  };
959
979
  var renderCountry = pipe(split("_"), map(capitalize), join(" "));
960
980
 
@@ -1009,8 +1029,8 @@ var COLUMNS$5 = [{
1009
1029
  sorter: true
1010
1030
  }];
1011
1031
 
1012
- function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1013
- function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1032
+ function ownKeys$i(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; }
1033
+ function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1014
1034
  var useFiltersAndPagination$3 = function useFiltersAndPagination() {
1015
1035
  var history = useHistory();
1016
1036
  var _useState = useState(false),
@@ -1035,7 +1055,7 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
1035
1055
  var _getQueryParams = getQueryParams(),
1036
1056
  _getQueryParams$searc = _getQueryParams.searchTerm,
1037
1057
  searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
1038
- var searchKeywordProps = _objectSpread$d(_objectSpread$d({}, SEARCH_PROPS$1), {}, {
1058
+ var searchKeywordProps = _objectSpread$i(_objectSpread$i({}, SEARCH_PROPS$1), {}, {
1039
1059
  key: "search_term",
1040
1060
  value: searchTerm.trim()
1041
1061
  });
@@ -1182,46 +1202,48 @@ var List$6 = function List(_ref) {
1182
1202
  } : DEFAULT_SORT_PROPERTIES$1);
1183
1203
  };
1184
1204
  if (isLoading) {
1185
- return /*#__PURE__*/React__default.createElement(PageLoader, null);
1205
+ return /*#__PURE__*/jsx(PageLoader, {});
1186
1206
  }
1187
1207
  if (dataSize <= 0 || !isPresent(accounts)) {
1188
- return /*#__PURE__*/React__default.createElement("div", {
1189
- className: "flex h-full w-full items-center justify-center"
1190
- }, /*#__PURE__*/React__default.createElement(NoData, {
1191
- title: tab === TAB$5.all ? t("neetoPayments.emptyState.account") : t("neetoPayments.emptyState.accountWithStatus", {
1192
- status: tab
1208
+ return /*#__PURE__*/jsx("div", {
1209
+ className: "flex h-full w-full items-center justify-center",
1210
+ children: /*#__PURE__*/jsx(NoData, {
1211
+ title: tab === TAB$5.all ? t("neetoPayments.emptyState.account") : t("neetoPayments.emptyState.accountWithStatus", {
1212
+ status: tab
1213
+ })
1193
1214
  })
1194
- }));
1215
+ });
1195
1216
  }
1196
- return /*#__PURE__*/React__default.createElement(TableWrapper, {
1197
- hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
1198
- }, /*#__PURE__*/React__default.createElement(Table, {
1199
- fixedHeight: true,
1200
- allowRowClick: false,
1201
- columnData: getVisibleColumnData(columnData),
1202
- currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
1203
- handlePageChange: handleTablePagination,
1204
- loading: isFetching,
1205
- rowData: buildRowData$1({
1206
- data: accounts,
1207
- pageProperties: pageProperties,
1208
- tab: tab
1209
- }),
1210
- rowSelection: false,
1211
- sortDirections: SORT_DIRECTIONS,
1212
- totalCount: dataSize,
1213
- paginationProps: {
1214
- showSizeChanger: true,
1215
- hideOnSinglePage: true,
1216
- pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
1217
- total: dataSize
1218
- },
1219
- onChange: handleTableChange,
1220
- onColumnHide: function onColumnHide(_ref2) {
1221
- var dataIndex = _ref2.dataIndex;
1222
- return hideColumn(dataIndex);
1223
- }
1224
- }));
1217
+ return /*#__PURE__*/jsx(TableWrapper, {
1218
+ hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize),
1219
+ children: /*#__PURE__*/jsx(Table, {
1220
+ fixedHeight: true,
1221
+ allowRowClick: false,
1222
+ columnData: getVisibleColumnData(columnData),
1223
+ currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
1224
+ handlePageChange: handleTablePagination,
1225
+ loading: isFetching,
1226
+ rowData: buildRowData$1({
1227
+ data: accounts,
1228
+ pageProperties: pageProperties,
1229
+ tab: tab
1230
+ }),
1231
+ rowSelection: false,
1232
+ sortDirections: SORT_DIRECTIONS,
1233
+ totalCount: dataSize,
1234
+ paginationProps: {
1235
+ showSizeChanger: true,
1236
+ hideOnSinglePage: true,
1237
+ pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
1238
+ total: dataSize
1239
+ },
1240
+ onChange: handleTableChange,
1241
+ onColumnHide: function onColumnHide(_ref2) {
1242
+ var dataIndex = _ref2.dataIndex;
1243
+ return hideColumn(dataIndex);
1244
+ }
1245
+ })
1246
+ });
1225
1247
  };
1226
1248
 
1227
1249
  var AccountsDashboard = function AccountsDashboard() {
@@ -1258,90 +1280,82 @@ var AccountsDashboard = function AccountsDashboard() {
1258
1280
  setFilters(filters);
1259
1281
  });
1260
1282
  };
1261
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Header, {
1262
- title: t("neetoPayments.title.account"),
1263
- searchProps: isFilterButtonVisible && {
1264
- placeholder: t("neetoPayments.common.search"),
1265
- className: "w-80"
1266
- }
1267
- }), isTabsVisible && /*#__PURE__*/React__default.createElement(Tab, null, TABS$5.map(function (item) {
1268
- return /*#__PURE__*/React__default.createElement(Tab.Item, {
1269
- active: tab === item,
1270
- key: item,
1271
- onClick: function onClick() {
1272
- return handleTabChange(item);
1273
- }
1274
- }, t("neetoPayments.common.".concat(item)));
1275
- })), /*#__PURE__*/React__default.createElement(SubHeader, {
1276
- className: "mt-4",
1277
- leftActionBlock: isPresent(dataSize) && /*#__PURE__*/React__default.createElement(Typography, {
1278
- className: "neeto-ui-gray-800 mr-2 font-semibold",
1279
- component: "h4"
1280
- }, tab === TAB$5.all ? t("neetoPayments.countOf.account", {
1281
- count: dataSize
1282
- }) : t("neetoPayments.countOf.accountWithStatus", {
1283
- count: dataSize,
1284
- status: tab
1285
- })),
1286
- rightActionBlock: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Bar, {
1287
- columns: FILTER_COLUMNS$3,
1288
- keyword: searchKeywordProps,
1289
- setIsPaneOpen: setIsFilterPaneOpen,
1290
- onChange: handleFiltersChange
1291
- }), isFilterButtonVisible && /*#__PURE__*/React__default.createElement(SubHeader.RightBlock, {
1292
- columnsButtonProps: {
1293
- columnData: columnData,
1294
- fixedColumns: DASHBOARD_MANDATORY_COLUMNS$2,
1295
- localStorageKey: STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY
1296
- },
1297
- downloadButtonProps: {
1298
- onClick: function onClick() {
1299
- return setShowExportModal(true);
1300
- }
1301
- },
1302
- filterProps: {
1303
- columns: FILTER_COLUMNS$3,
1304
- isOpen: isFilterPaneOpen,
1305
- keyword: searchKeywordProps,
1306
- setIsOpen: setIsFilterPaneOpen,
1307
- onChange: handleFiltersChange
1283
+ return /*#__PURE__*/jsxs(Fragment, {
1284
+ children: [/*#__PURE__*/jsx(Header, {
1285
+ title: t("neetoPayments.title.account"),
1286
+ searchProps: isFilterButtonVisible && {
1287
+ placeholder: t("neetoPayments.common.search"),
1288
+ className: "w-80"
1308
1289
  }
1309
- }))
1310
- }), /*#__PURE__*/React__default.createElement(List$6, {
1311
- columnData: columnData,
1312
- filters: filters,
1313
- pageProperties: pageProperties,
1314
- setDataSize: setDataSize,
1315
- setIsFilterButtonVisible: setIsFilterButtonVisible,
1316
- setPageProperties: setPageProperties,
1317
- setSortProperties: setSortProperties,
1318
- sortProperties: sortProperties,
1319
- tab: tab
1320
- }), /*#__PURE__*/React__default.createElement(ExportModal$2, {
1321
- filters: filters,
1322
- setShowExportModal: setShowExportModal,
1323
- showExportModal: showExportModal,
1324
- sortProperties: sortProperties,
1325
- tab: tab
1326
- }));
1290
+ }), isTabsVisible && /*#__PURE__*/jsx(Tab, {
1291
+ children: TABS$5.map(function (item) {
1292
+ return /*#__PURE__*/jsx(Tab.Item, {
1293
+ active: tab === item,
1294
+ onClick: function onClick() {
1295
+ return handleTabChange(item);
1296
+ },
1297
+ children: t("neetoPayments.common.".concat(item))
1298
+ }, item);
1299
+ })
1300
+ }), /*#__PURE__*/jsx(SubHeader, {
1301
+ className: "mt-4",
1302
+ leftActionBlock: isPresent(dataSize) && /*#__PURE__*/jsx(Typography, {
1303
+ className: "neeto-ui-gray-800 mr-2 font-semibold",
1304
+ component: "h4",
1305
+ children: tab === TAB$5.all ? t("neetoPayments.countOf.account", {
1306
+ count: dataSize
1307
+ }) : t("neetoPayments.countOf.accountWithStatus", {
1308
+ count: dataSize,
1309
+ status: tab
1310
+ })
1311
+ }),
1312
+ rightActionBlock: /*#__PURE__*/jsxs(Fragment, {
1313
+ children: [/*#__PURE__*/jsx(Bar, {
1314
+ columns: FILTER_COLUMNS$3,
1315
+ keyword: searchKeywordProps,
1316
+ setIsPaneOpen: setIsFilterPaneOpen,
1317
+ onChange: handleFiltersChange
1318
+ }), isFilterButtonVisible && /*#__PURE__*/jsx(SubHeader.RightBlock, {
1319
+ columnsButtonProps: {
1320
+ columnData: columnData,
1321
+ fixedColumns: DASHBOARD_MANDATORY_COLUMNS$2,
1322
+ localStorageKey: STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY
1323
+ },
1324
+ downloadButtonProps: {
1325
+ onClick: function onClick() {
1326
+ return setShowExportModal(true);
1327
+ }
1328
+ },
1329
+ filterProps: {
1330
+ columns: FILTER_COLUMNS$3,
1331
+ isOpen: isFilterPaneOpen,
1332
+ keyword: searchKeywordProps,
1333
+ setIsOpen: setIsFilterPaneOpen,
1334
+ onChange: handleFiltersChange
1335
+ }
1336
+ })]
1337
+ })
1338
+ }), /*#__PURE__*/jsx(List$6, {
1339
+ columnData: columnData,
1340
+ filters: filters,
1341
+ pageProperties: pageProperties,
1342
+ setDataSize: setDataSize,
1343
+ setIsFilterButtonVisible: setIsFilterButtonVisible,
1344
+ setPageProperties: setPageProperties,
1345
+ setSortProperties: setSortProperties,
1346
+ sortProperties: sortProperties,
1347
+ tab: tab
1348
+ }), /*#__PURE__*/jsx(ExportModal$2, {
1349
+ filters: filters,
1350
+ setShowExportModal: setShowExportModal,
1351
+ showExportModal: showExportModal,
1352
+ sortProperties: sortProperties,
1353
+ tab: tab
1354
+ })]
1355
+ });
1327
1356
  };
1328
1357
  var index$4 = withTitle(withReactQuery(AccountsDashboard), t$1("neetoPayments.title.account"));
1329
1358
 
1330
- function _extends$1() {
1331
- _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
1332
- for (var i = 1; i < arguments.length; i++) {
1333
- var source = arguments[i];
1334
- for (var key in source) {
1335
- if (Object.prototype.hasOwnProperty.call(source, key)) {
1336
- target[key] = source[key];
1337
- }
1338
- }
1339
- }
1340
- return target;
1341
- };
1342
- return _extends$1.apply(this, arguments);
1343
- }
1344
-
1345
1359
  var TAB$4 = {
1346
1360
  all: "all",
1347
1361
  successful: "successful",
@@ -1439,40 +1453,47 @@ var renderIdentifier$2 = function renderIdentifier() {
1439
1453
  identifier = _ref$identifier === void 0 ? "" : _ref$identifier,
1440
1454
  _ref$live = _ref.live,
1441
1455
  isLive = _ref$live === void 0 ? false : _ref$live;
1442
- return /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
1443
- content: identifier
1444
- }, /*#__PURE__*/React__default.createElement(IdentifierButton$1, {
1445
- href: buildStripeTransactionLink(identifier, isLive),
1446
- label: identifier
1447
- }));
1456
+ return /*#__PURE__*/jsx(CopyButtonWrapper, {
1457
+ content: identifier,
1458
+ children: /*#__PURE__*/jsx(IdentifierButton$1, {
1459
+ href: buildStripeTransactionLink(identifier, isLive),
1460
+ label: identifier
1461
+ })
1462
+ });
1448
1463
  };
1449
1464
  curry(function (type, kind) {
1450
- return /*#__PURE__*/React__default.createElement(Tooltip, {
1465
+ return /*#__PURE__*/jsx(Tooltip, {
1451
1466
  content: t$1("neetoPayments.tooltipContent.".concat(type, ".").concat(kind)),
1452
- position: "top"
1453
- }, /*#__PURE__*/React__default.createElement("div", {
1454
- className: "w-fit"
1455
- }, /*#__PURE__*/React__default.createElement(Tag, {
1456
- label: t$1("neetoPayments.tagLabels.".concat(type, ".").concat(kind)),
1457
- style: "secondary"
1458
- })));
1467
+ position: "top",
1468
+ children: /*#__PURE__*/jsx("div", {
1469
+ className: "w-fit",
1470
+ children: /*#__PURE__*/jsx(Tag, {
1471
+ label: t$1("neetoPayments.tagLabels.".concat(type, ".").concat(kind)),
1472
+ style: "secondary"
1473
+ })
1474
+ })
1475
+ });
1459
1476
  });
1460
1477
  var renderSplitIdentifier = function renderSplitIdentifier(_ref2) {
1461
1478
  var identifier = _ref2.identifier,
1462
1479
  isLive = _ref2.live;
1463
- return identifier ? /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
1464
- content: identifier
1465
- }, /*#__PURE__*/React__default.createElement(IdentifierButton$1, {
1466
- href: buildStripeSplitLink(identifier, isLive),
1467
- label: identifier
1468
- })) : /*#__PURE__*/React__default.createElement(Tooltip, {
1480
+ return identifier ? /*#__PURE__*/jsx(CopyButtonWrapper, {
1481
+ content: identifier,
1482
+ children: /*#__PURE__*/jsx(IdentifierButton$1, {
1483
+ href: buildStripeSplitLink(identifier, isLive),
1484
+ label: identifier
1485
+ })
1486
+ }) : /*#__PURE__*/jsx(Tooltip, {
1469
1487
  content: t$1("neetoPayments.tooltipContent.identifierUnavailable"),
1470
- position: "top"
1471
- }, /*#__PURE__*/React__default.createElement("div", {
1472
- className: "text-center"
1473
- }, /*#__PURE__*/React__default.createElement(Typography, {
1474
- style: "body2"
1475
- }, t$1("neetoPayments.common.notAvailable"))));
1488
+ position: "top",
1489
+ children: /*#__PURE__*/jsx("div", {
1490
+ className: "text-center",
1491
+ children: /*#__PURE__*/jsx(Typography, {
1492
+ style: "body2",
1493
+ children: t$1("neetoPayments.common.notAvailable")
1494
+ })
1495
+ })
1496
+ });
1476
1497
  };
1477
1498
  var renderTransferIdentifier = function renderTransferIdentifier() {
1478
1499
  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -1482,56 +1503,65 @@ var renderTransferIdentifier = function renderTransferIdentifier() {
1482
1503
  account = _ref3$account === void 0 ? {} : _ref3$account,
1483
1504
  _ref3$live = _ref3.live,
1484
1505
  isLive = _ref3$live === void 0 ? false : _ref3$live;
1485
- return identifier ? /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
1486
- content: identifier
1487
- }, /*#__PURE__*/React__default.createElement(IdentifierButton$1, {
1488
- label: identifier,
1489
- href: identifier.startsWith("py") ? buildStripeTransferLink(identifier, account === null || account === void 0 ? void 0 : account.identifier, isLive) : buildStripeTransactionLink(identifier, isLive)
1490
- })) : /*#__PURE__*/React__default.createElement("div", {
1491
- className: "text-center"
1492
- }, /*#__PURE__*/React__default.createElement(Tooltip, {
1493
- position: "top",
1494
- content: t$1("neetoPayments.tooltipContent.connectedTransactionUnavailable")
1495
- }, /*#__PURE__*/React__default.createElement(Typography, {
1496
- style: "body2"
1497
- }, t$1("neetoPayments.common.notAvailable"))));
1506
+ return identifier ? /*#__PURE__*/jsx(CopyButtonWrapper, {
1507
+ content: identifier,
1508
+ children: /*#__PURE__*/jsx(IdentifierButton$1, {
1509
+ label: identifier,
1510
+ href: identifier.startsWith("py") ? buildStripeTransferLink(identifier, account === null || account === void 0 ? void 0 : account.identifier, isLive) : buildStripeTransactionLink(identifier, isLive)
1511
+ })
1512
+ }) : /*#__PURE__*/jsx("div", {
1513
+ className: "text-center",
1514
+ children: /*#__PURE__*/jsx(Tooltip, {
1515
+ position: "top",
1516
+ content: t$1("neetoPayments.tooltipContent.connectedTransactionUnavailable"),
1517
+ children: /*#__PURE__*/jsx(Typography, {
1518
+ style: "body2",
1519
+ children: t$1("neetoPayments.common.notAvailable")
1520
+ })
1521
+ })
1522
+ });
1498
1523
  };
1499
1524
  var renderPlatformIdentifier = curry(function (setPaneStatus, data) {
1500
- return /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
1501
- content: data === null || data === void 0 ? void 0 : data.identifier
1502
- }, /*#__PURE__*/React__default.createElement(Button, {
1503
- label: data === null || data === void 0 ? void 0 : data.identifier,
1504
- size: "small",
1505
- style: "link",
1506
- onClick: function onClick() {
1507
- return setPaneStatus({
1508
- transactionId: data === null || data === void 0 ? void 0 : data.id,
1509
- isOpen: true
1510
- });
1511
- }
1512
- }));
1525
+ return /*#__PURE__*/jsx(CopyButtonWrapper, {
1526
+ content: data === null || data === void 0 ? void 0 : data.identifier,
1527
+ children: /*#__PURE__*/jsx(Button, {
1528
+ label: data === null || data === void 0 ? void 0 : data.identifier,
1529
+ size: "small",
1530
+ style: "link",
1531
+ onClick: function onClick() {
1532
+ return setPaneStatus({
1533
+ transactionId: data === null || data === void 0 ? void 0 : data.id,
1534
+ isOpen: true
1535
+ });
1536
+ }
1537
+ })
1538
+ });
1513
1539
  });
1514
1540
  var renderAccountIdentifier = function renderAccountIdentifier(_ref4) {
1515
1541
  var _ref4$identifier = _ref4.identifier,
1516
1542
  identifier = _ref4$identifier === void 0 ? "" : _ref4$identifier,
1517
1543
  _ref4$live = _ref4.live,
1518
1544
  isLive = _ref4$live === void 0 ? false : _ref4$live;
1519
- return /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
1520
- content: identifier
1521
- }, /*#__PURE__*/React__default.createElement(IdentifierButton$1, {
1522
- href: buildStripeAccountLink(identifier, isLive),
1523
- label: identifier
1524
- }));
1545
+ return /*#__PURE__*/jsx(CopyButtonWrapper, {
1546
+ content: identifier,
1547
+ children: /*#__PURE__*/jsx(IdentifierButton$1, {
1548
+ href: buildStripeAccountLink(identifier, isLive),
1549
+ label: identifier
1550
+ })
1551
+ });
1525
1552
  };
1526
1553
  var renderSplitDate = function renderSplitDate(date) {
1527
- return isPresent(date) ? renderDate(date) : /*#__PURE__*/React__default.createElement(Tooltip, {
1554
+ return isPresent(date) ? renderDate(date) : /*#__PURE__*/jsx(Tooltip, {
1528
1555
  content: t$1("neetoPayments.tooltipContent.dateUnavailable"),
1529
- position: "top"
1530
- }, /*#__PURE__*/React__default.createElement("div", {
1531
- className: "text-center"
1532
- }, /*#__PURE__*/React__default.createElement(Typography, {
1533
- style: "body2"
1534
- }, t$1("neetoPayments.common.notAvailable"))));
1556
+ position: "top",
1557
+ children: /*#__PURE__*/jsx("div", {
1558
+ className: "text-center",
1559
+ children: /*#__PURE__*/jsx(Typography, {
1560
+ style: "body2",
1561
+ children: t$1("neetoPayments.common.notAvailable")
1562
+ })
1563
+ })
1564
+ });
1535
1565
  };
1536
1566
  var renderRefundIdentifier = function renderRefundIdentifier() {
1537
1567
  var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -1539,12 +1569,13 @@ var renderRefundIdentifier = function renderRefundIdentifier() {
1539
1569
  identifier = _ref5$identifier === void 0 ? "" : _ref5$identifier,
1540
1570
  _ref5$live = _ref5.live,
1541
1571
  isLive = _ref5$live === void 0 ? false : _ref5$live;
1542
- return /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
1543
- content: identifier
1544
- }, /*#__PURE__*/React__default.createElement(IdentifierButton$1, {
1545
- href: buildStripeRefundLink(identifier, isLive),
1546
- label: identifier
1547
- }));
1572
+ return /*#__PURE__*/jsx(CopyButtonWrapper, {
1573
+ content: identifier,
1574
+ children: /*#__PURE__*/jsx(IdentifierButton$1, {
1575
+ href: buildStripeRefundLink(identifier, isLive),
1576
+ label: identifier
1577
+ })
1578
+ });
1548
1579
  };
1549
1580
 
1550
1581
  var generateSpecialColumns = function generateSpecialColumns(_ref) {
@@ -1958,8 +1989,8 @@ var modifySearchProps = function modifySearchProps(_ref5) {
1958
1989
  }, searchProps);
1959
1990
  };
1960
1991
 
1961
- function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1962
- function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1992
+ function ownKeys$h(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; }
1993
+ function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1963
1994
  var ExportModal$1 = function ExportModal(_ref) {
1964
1995
  var showExportModal = _ref.showExportModal,
1965
1996
  setShowExportModal = _ref.setShowExportModal,
@@ -1995,7 +2026,7 @@ var ExportModal$1 = function ExportModal(_ref) {
1995
2026
  setIsGenerating(false);
1996
2027
  };
1997
2028
  var handleGenerateClick = function handleGenerateClick() {
1998
- var payload = _objectSpread$c({
2029
+ var payload = _objectSpread$h({
1999
2030
  kind: isTransferKind(kind) ? "connected" : kind,
2000
2031
  token: token,
2001
2032
  filters: filters,
@@ -2031,37 +2062,48 @@ var ExportModal$1 = function ExportModal(_ref) {
2031
2062
  var onClose = function onClose() {
2032
2063
  return setShowExportModal(false);
2033
2064
  };
2034
- return /*#__PURE__*/React__default.createElement(Modal, {
2065
+ return /*#__PURE__*/jsxs(Modal, {
2035
2066
  onClose: onClose,
2036
- isOpen: showExportModal
2037
- }, /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
2038
- style: "h2"
2039
- }, t("neetoPayments.export.title.".concat(kind)))), /*#__PURE__*/React__default.createElement(Modal.Body, null, isFileLoading ? /*#__PURE__*/React__default.createElement(Typography, {
2040
- style: "body2"
2041
- }, t("neetoPayments.export.pleaseWait")) : /*#__PURE__*/React__default.createElement(Typography, {
2042
- style: "body2"
2043
- }, downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.".concat(kind)))), /*#__PURE__*/React__default.createElement(Modal.Footer, {
2044
- className: "space-x-2"
2045
- }, downloadUrl ? /*#__PURE__*/React__default.createElement(Button, {
2046
- href: downloadUrl,
2047
- icon: Download,
2048
- label: t("neetoPayments.common.download"),
2049
- onClick: onClose
2050
- }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
2051
- disabled: isFileLoading,
2052
- label: t("neetoPayments.common.export"),
2053
- loading: isFileLoading,
2054
- onClick: handleGenerateClick
2055
- }), /*#__PURE__*/React__default.createElement(Button, {
2056
- disabled: isFileLoading,
2057
- label: t("neetoPayments.common.cancel"),
2058
- style: "text",
2059
- onClick: onClose
2060
- }))));
2067
+ isOpen: showExportModal,
2068
+ children: [/*#__PURE__*/jsx(Modal.Header, {
2069
+ children: /*#__PURE__*/jsx(Typography, {
2070
+ style: "h2",
2071
+ children: t("neetoPayments.export.title.".concat(kind))
2072
+ })
2073
+ }), /*#__PURE__*/jsx(Modal.Body, {
2074
+ children: isFileLoading ? /*#__PURE__*/jsx(Typography, {
2075
+ style: "body2",
2076
+ children: t("neetoPayments.export.pleaseWait")
2077
+ }) : /*#__PURE__*/jsx(Typography, {
2078
+ style: "body2",
2079
+ children: downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.".concat(kind))
2080
+ })
2081
+ }), /*#__PURE__*/jsx(Modal.Footer, {
2082
+ className: "space-x-2",
2083
+ children: downloadUrl ? /*#__PURE__*/jsx(Button, {
2084
+ href: downloadUrl,
2085
+ icon: Download,
2086
+ label: t("neetoPayments.common.download"),
2087
+ onClick: onClose
2088
+ }) : /*#__PURE__*/jsxs(Fragment, {
2089
+ children: [/*#__PURE__*/jsx(Button, {
2090
+ disabled: isFileLoading,
2091
+ label: t("neetoPayments.common.cancel"),
2092
+ style: "tertiary",
2093
+ onClick: onClose
2094
+ }), /*#__PURE__*/jsx(Button, {
2095
+ disabled: isFileLoading,
2096
+ label: t("neetoPayments.common.export"),
2097
+ loading: isFileLoading,
2098
+ onClick: handleGenerateClick
2099
+ })]
2100
+ })
2101
+ })]
2102
+ });
2061
2103
  };
2062
2104
 
2063
- function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2064
- function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2105
+ function ownKeys$g(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; }
2106
+ function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2065
2107
  var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
2066
2108
  var payableEntityColumns = _ref.payableEntityColumns,
2067
2109
  kind = _ref.kind,
@@ -2094,7 +2136,7 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
2094
2136
  var _getQueryParams = getQueryParams(),
2095
2137
  _getQueryParams$searc = _getQueryParams.searchTerm,
2096
2138
  searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
2097
- var searchKeywordProps = _objectSpread$b(_objectSpread$b({}, modifySearchProps({
2139
+ var searchKeywordProps = _objectSpread$g(_objectSpread$g({}, modifySearchProps({
2098
2140
  searchProps: searchProps,
2099
2141
  kind: kind
2100
2142
  })), {}, {
@@ -4271,8 +4313,8 @@ var transactionsApi$1 = {
4271
4313
  list: list$8
4272
4314
  };
4273
4315
 
4274
- function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4275
- function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4316
+ function ownKeys$f(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; }
4317
+ function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4276
4318
  var useFetchConnectedStripeAccount = function useFetchConnectedStripeAccount(holdableId) {
4277
4319
  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
4278
4320
  return useQuery([QUERY_KEYS.CONNECTED_ACCOUNT, holdableId], function () {
@@ -4313,7 +4355,7 @@ var usePollingStripeAccount = function usePollingStripeAccount(holdableId, _ref)
4313
4355
  var usePollingStripeAccountCreationStatus = function usePollingStripeAccountCreationStatus(jobId, options) {
4314
4356
  return useQuery([QUERY_KEYS.STRIPE_ACCOUNT_DETAILS, jobId], function () {
4315
4357
  return accountsApi$3.creationStatus(jobId);
4316
- }, _objectSpread$a({}, options));
4358
+ }, _objectSpread$f({}, options));
4317
4359
  };
4318
4360
  var useDestroyStripeAccount = function useDestroyStripeAccount(_ref2) {
4319
4361
  var onSuccess = _ref2.onSuccess,
@@ -4492,21 +4534,23 @@ var SubTable = function SubTable(_ref) {
4492
4534
  className = _ref$className === void 0 ? "" : _ref$className,
4493
4535
  _ref$kind = _ref.kind,
4494
4536
  kind = _ref$kind === void 0 ? "split" : _ref$kind;
4495
- return /*#__PURE__*/React__default.createElement("div", {
4496
- className: className || "ml-12 max-w-3xl"
4497
- }, /*#__PURE__*/React__default.createElement(TableWrapper, {
4498
- hasPagination: false
4499
- }, /*#__PURE__*/React__default.createElement(Table, {
4500
- fixedHeight: true,
4501
- columnData: isSplitKind(kind) ? SPLIT_COLUMNS : REFUND_COLUMNS,
4502
- pagination: false,
4503
- rowData: buildRowData$1({
4504
- data: data
4505
- }),
4506
- scroll: {
4507
- y: 300
4508
- }
4509
- })));
4537
+ return /*#__PURE__*/jsx("div", {
4538
+ className: className || "ml-12 max-w-3xl",
4539
+ children: /*#__PURE__*/jsx(TableWrapper, {
4540
+ hasPagination: false,
4541
+ children: /*#__PURE__*/jsx(Table, {
4542
+ fixedHeight: true,
4543
+ columnData: isSplitKind(kind) ? SPLIT_COLUMNS : REFUND_COLUMNS,
4544
+ pagination: false,
4545
+ rowData: buildRowData$1({
4546
+ data: data
4547
+ }),
4548
+ scroll: {
4549
+ y: 300
4550
+ }
4551
+ })
4552
+ })
4553
+ });
4510
4554
  };
4511
4555
 
4512
4556
  var ExpandedRow = function ExpandedRow() {
@@ -4515,28 +4559,33 @@ var ExpandedRow = function ExpandedRow() {
4515
4559
  splits = _ref$splits === void 0 ? [] : _ref$splits,
4516
4560
  _ref$refunds = _ref.refunds,
4517
4561
  refunds = _ref$refunds === void 0 ? [] : _ref$refunds;
4518
- return /*#__PURE__*/React__default.createElement("div", {
4519
- className: "my-2 space-y-2"
4520
- }, !isEmpty(splits) && /*#__PURE__*/React__default.createElement("div", {
4521
- className: "space-y-4"
4522
- }, /*#__PURE__*/React__default.createElement(Typography, {
4523
- className: "ml-12",
4524
- style: "h3"
4525
- }, t$1("neetoPayments.common.splits")), /*#__PURE__*/React__default.createElement(SubTable, {
4526
- data: splits
4527
- })), !isEmpty(refunds) && /*#__PURE__*/React__default.createElement("div", {
4528
- className: "space-y-4"
4529
- }, /*#__PURE__*/React__default.createElement(Typography, {
4530
- className: "ml-12",
4531
- style: "h3"
4532
- }, t$1("neetoPayments.title.refund")), /*#__PURE__*/React__default.createElement(SubTable, {
4533
- data: refunds,
4534
- kind: "refund"
4535
- })));
4562
+ return /*#__PURE__*/jsxs("div", {
4563
+ className: "my-2 space-y-2",
4564
+ children: [!isEmpty(splits) && /*#__PURE__*/jsxs("div", {
4565
+ className: "space-y-4",
4566
+ children: [/*#__PURE__*/jsx(Typography, {
4567
+ className: "ml-12",
4568
+ style: "h3",
4569
+ children: t$1("neetoPayments.common.splits")
4570
+ }), /*#__PURE__*/jsx(SubTable, {
4571
+ data: splits
4572
+ })]
4573
+ }), !isEmpty(refunds) && /*#__PURE__*/jsxs("div", {
4574
+ className: "space-y-4",
4575
+ children: [/*#__PURE__*/jsx(Typography, {
4576
+ className: "ml-12",
4577
+ style: "h3",
4578
+ children: t$1("neetoPayments.title.refund")
4579
+ }), /*#__PURE__*/jsx(SubTable, {
4580
+ data: refunds,
4581
+ kind: "refund"
4582
+ })]
4583
+ })]
4584
+ });
4536
4585
  };
4537
4586
 
4538
- function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4539
- function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4587
+ function ownKeys$e(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; }
4588
+ function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4540
4589
  var useFetchData$2 = function useFetchData(_ref) {
4541
4590
  var _data$kind, _data$kind2, _data$kind3, _data$kind4;
4542
4591
  var kind = _ref.kind,
@@ -4544,7 +4593,7 @@ var useFetchData$2 = function useFetchData(_ref) {
4544
4593
  payload = _ref.payload,
4545
4594
  isPlatformEnabled = _ref.isPlatformEnabled;
4546
4595
  var data = {};
4547
- data.transfer = data.connected = useFetchStripeTransactions(holdableId, _objectSpread$9(_objectSpread$9({}, payload), {}, {
4596
+ data.transfer = data.connected = useFetchStripeTransactions(holdableId, _objectSpread$e(_objectSpread$e({}, payload), {}, {
4548
4597
  kind: kind
4549
4598
  }), {
4550
4599
  enabled: isTransferKind(kind) || isConnectedKind(kind)
@@ -4571,12 +4620,12 @@ var RowExpander = function RowExpander(_ref) {
4571
4620
  onExpand = _ref.onExpand,
4572
4621
  record = _ref.record,
4573
4622
  expandable = _ref.expandable;
4574
- return expandable && (expanded ? /*#__PURE__*/React__default.createElement(Down, {
4623
+ return expandable && (expanded ? /*#__PURE__*/jsx(Down, {
4575
4624
  className: "cursor-pointer",
4576
4625
  onClick: function onClick(e) {
4577
4626
  return onExpand(record, e);
4578
4627
  }
4579
- }) : /*#__PURE__*/React__default.createElement(Right, {
4628
+ }) : /*#__PURE__*/jsx(Right, {
4580
4629
  className: "cursor-pointer",
4581
4630
  onClick: function onClick(e) {
4582
4631
  return onExpand(record, e);
@@ -4614,6 +4663,8 @@ function _objectWithoutProperties(source, excluded) {
4614
4663
  }
4615
4664
 
4616
4665
  var _excluded$2 = ["transactionId"];
4666
+ function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4667
+ function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4617
4668
  var Details = function Details(_ref) {
4618
4669
  var transactionId = _ref.transactionId,
4619
4670
  paneProps = _objectWithoutProperties(_ref, _excluded$2);
@@ -4631,57 +4682,82 @@ var Details = function Details(_ref) {
4631
4682
  live = _useFetchStripePlatfo3.live,
4632
4683
  _useFetchStripePlatfo4 = _useFetchStripePlatfo3.splits,
4633
4684
  splits = _useFetchStripePlatfo4 === void 0 ? [] : _useFetchStripePlatfo4;
4634
- return /*#__PURE__*/React__default.createElement(Pane, _extends$1({}, paneProps, {
4635
- size: "large"
4636
- }), /*#__PURE__*/React__default.createElement(Pane.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
4637
- style: "h2"
4638
- }, "Transaction Details")), /*#__PURE__*/React__default.createElement(Pane.Body, null, isLoading ? /*#__PURE__*/React__default.createElement(PageLoader, null) : /*#__PURE__*/React__default.createElement("div", {
4639
- className: "w-full space-y-6 p-2"
4640
- }, /*#__PURE__*/React__default.createElement("div", {
4641
- className: "w-full space-y-2"
4642
- }, /*#__PURE__*/React__default.createElement("div", {
4643
- className: "flex items-center space-x-2"
4644
- }, /*#__PURE__*/React__default.createElement(Typography, {
4645
- style: "body2"
4646
- }, t("neetoPayments.transactionPane.transactionId")), /*#__PURE__*/React__default.createElement(Typography, {
4647
- className: "neeto-ui-text-black font-medium",
4648
- style: "body2"
4649
- }, renderIdentifier$2({
4650
- identifier: identifier,
4651
- live: live
4652
- }))), /*#__PURE__*/React__default.createElement("div", {
4653
- className: "flex items-center space-x-2"
4654
- }, /*#__PURE__*/React__default.createElement(Typography, {
4655
- style: "body2"
4656
- }, t("neetoPayments.transactionPane.amount")), /*#__PURE__*/React__default.createElement(Typography, {
4657
- className: "neeto-ui-text-black font-medium",
4658
- style: "body2"
4659
- }, amount)), /*#__PURE__*/React__default.createElement("div", {
4660
- className: "flex items-center space-x-2"
4661
- }, /*#__PURE__*/React__default.createElement(Typography, {
4662
- style: "body2"
4663
- }, t("neetoPayments.transactionPane.netAmount")), /*#__PURE__*/React__default.createElement(Typography, {
4664
- className: "neeto-ui-text-black font-medium",
4665
- style: "body2"
4666
- }, netAmount)), /*#__PURE__*/React__default.createElement("div", {
4667
- className: "flex items-center space-x-2"
4668
- }, /*#__PURE__*/React__default.createElement(Typography, {
4669
- style: "body2"
4670
- }, t("neetoPayments.transactionPane.status")), renderStatus("transaction", status)), /*#__PURE__*/React__default.createElement("div", {
4671
- className: "flex items-center space-x-2"
4672
- }, /*#__PURE__*/React__default.createElement(Typography, {
4673
- style: "body2"
4674
- }, t("neetoPayments.transactionPane.paidOn")), /*#__PURE__*/React__default.createElement(Typography, {
4675
- className: "neeto-ui-text-black font-medium",
4676
- style: "body2"
4677
- }, renderDate(paymentAt)))), /*#__PURE__*/React__default.createElement(Typography, {
4678
- style: "h3"
4679
- }, "Splits"), /*#__PURE__*/React__default.createElement(SubTable, {
4680
- className: "ml-0 w-full",
4681
- data: splits
4682
- }))));
4685
+ return /*#__PURE__*/jsxs(Pane, _objectSpread$d(_objectSpread$d({}, paneProps), {}, {
4686
+ size: "large",
4687
+ children: [/*#__PURE__*/jsx(Pane.Header, {
4688
+ children: /*#__PURE__*/jsx(Typography, {
4689
+ style: "h2",
4690
+ children: "Transaction Details"
4691
+ })
4692
+ }), /*#__PURE__*/jsx(Pane.Body, {
4693
+ children: isLoading ? /*#__PURE__*/jsx(PageLoader, {}) : /*#__PURE__*/jsxs("div", {
4694
+ className: "w-full space-y-6 p-2",
4695
+ children: [/*#__PURE__*/jsxs("div", {
4696
+ className: "w-full space-y-2",
4697
+ children: [/*#__PURE__*/jsxs("div", {
4698
+ className: "flex items-center space-x-2",
4699
+ children: [/*#__PURE__*/jsx(Typography, {
4700
+ style: "body2",
4701
+ children: t("neetoPayments.transactionPane.transactionId")
4702
+ }), /*#__PURE__*/jsx(Typography, {
4703
+ className: "neeto-ui-text-black font-medium",
4704
+ style: "body2",
4705
+ children: renderIdentifier$2({
4706
+ identifier: identifier,
4707
+ live: live
4708
+ })
4709
+ })]
4710
+ }), /*#__PURE__*/jsxs("div", {
4711
+ className: "flex items-center space-x-2",
4712
+ children: [/*#__PURE__*/jsx(Typography, {
4713
+ style: "body2",
4714
+ children: t("neetoPayments.transactionPane.amount")
4715
+ }), /*#__PURE__*/jsx(Typography, {
4716
+ className: "neeto-ui-text-black font-medium",
4717
+ style: "body2",
4718
+ children: amount
4719
+ })]
4720
+ }), /*#__PURE__*/jsxs("div", {
4721
+ className: "flex items-center space-x-2",
4722
+ children: [/*#__PURE__*/jsx(Typography, {
4723
+ style: "body2",
4724
+ children: t("neetoPayments.transactionPane.netAmount")
4725
+ }), /*#__PURE__*/jsx(Typography, {
4726
+ className: "neeto-ui-text-black font-medium",
4727
+ style: "body2",
4728
+ children: netAmount
4729
+ })]
4730
+ }), /*#__PURE__*/jsxs("div", {
4731
+ className: "flex items-center space-x-2",
4732
+ children: [/*#__PURE__*/jsx(Typography, {
4733
+ style: "body2",
4734
+ children: t("neetoPayments.transactionPane.status")
4735
+ }), renderStatus("transaction", status)]
4736
+ }), /*#__PURE__*/jsxs("div", {
4737
+ className: "flex items-center space-x-2",
4738
+ children: [/*#__PURE__*/jsx(Typography, {
4739
+ style: "body2",
4740
+ children: t("neetoPayments.transactionPane.paidOn")
4741
+ }), /*#__PURE__*/jsx(Typography, {
4742
+ className: "neeto-ui-text-black font-medium",
4743
+ style: "body2",
4744
+ children: renderDate(paymentAt)
4745
+ })]
4746
+ })]
4747
+ }), /*#__PURE__*/jsx(Typography, {
4748
+ style: "h3",
4749
+ children: "Splits"
4750
+ }), /*#__PURE__*/jsx(SubTable, {
4751
+ className: "ml-0 w-full",
4752
+ data: splits
4753
+ })]
4754
+ })
4755
+ })]
4756
+ }));
4683
4757
  };
4684
4758
 
4759
+ function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4760
+ function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4685
4761
  var List$5 = function List(_ref) {
4686
4762
  var _pageProperties$tab, _pageProperties$tab2, _pageProperties$tab3;
4687
4763
  var _ref$isPlatformEnable = _ref.isPlatformEnabled,
@@ -4765,64 +4841,70 @@ var List$5 = function List(_ref) {
4765
4841
  } : DEFAULT_SORT_PROPERTIES$1);
4766
4842
  };
4767
4843
  if (isStripeAccountLoading || isStripePlatformAccountLoading || isDataLoading) {
4768
- return /*#__PURE__*/React__default.createElement(PageLoader, null);
4844
+ return /*#__PURE__*/jsx(PageLoader, {});
4769
4845
  }
4770
4846
  if (!isStripeAccountConnected && dataSize <= 0 || !isPresent(data)) {
4771
- return /*#__PURE__*/React__default.createElement("div", {
4772
- className: "flex h-full w-full items-center justify-center"
4773
- }, /*#__PURE__*/React__default.createElement(NoData, {
4774
- title: tab === TAB$4.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
4775
- status: tab
4847
+ return /*#__PURE__*/jsx("div", {
4848
+ className: "flex h-full w-full items-center justify-center",
4849
+ children: /*#__PURE__*/jsx(NoData, {
4850
+ title: tab === TAB$4.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
4851
+ status: tab
4852
+ })
4776
4853
  })
4777
- }));
4854
+ });
4778
4855
  }
4779
4856
  var visibleColumns = columns.filter(function (_ref2) {
4780
4857
  var dataIndex = _ref2.dataIndex;
4781
4858
  return !hiddenColumns.includes(processDataIndex(dataIndex));
4782
4859
  });
4783
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TableWrapper, {
4784
- hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
4785
- }, /*#__PURE__*/React__default.createElement(Table, {
4786
- fixedHeight: true,
4787
- allowRowClick: false,
4788
- columnData: visibleColumns,
4789
- currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
4790
- handlePageChange: handleTablePaginaton,
4791
- loading: isDataFetching,
4792
- rowData: buildRowData$1({
4793
- data: data,
4794
- pageProperties: pageProperties,
4795
- tab: tab
4796
- }),
4797
- rowSelection: false,
4798
- sortDirections: SORT_DIRECTIONS,
4799
- totalCount: dataSize,
4800
- expandable: {
4801
- expandedRowRender: ExpandedRow,
4802
- showExpandColumn: isPlatformKind(kind),
4803
- rowExpandable: function rowExpandable(record) {
4804
- return !(isEmpty(record.splits) && isEmpty(record.refunds));
4805
- },
4806
- columnWidth: "64px",
4807
- expandIcon: RowExpander
4808
- },
4809
- paginationProps: {
4810
- showSizeChanger: true,
4811
- hideOnSinglePage: true,
4812
- pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
4813
- total: dataSize
4814
- },
4815
- onChange: handleTableChange,
4816
- onColumnHide: function onColumnHide(column) {
4817
- hideColumn(processDataIndex(column.dataIndex));
4818
- }
4819
- })), /*#__PURE__*/React__default.createElement(Details, _extends$1({}, paneStatus, {
4820
- onClose: function onClose() {
4821
- return setPaneStatus(INITIAL_PANE_STATUS);
4822
- }
4823
- })));
4860
+ return /*#__PURE__*/jsxs(Fragment, {
4861
+ children: [/*#__PURE__*/jsx(TableWrapper, {
4862
+ hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize),
4863
+ children: /*#__PURE__*/jsx(Table, {
4864
+ fixedHeight: true,
4865
+ allowRowClick: false,
4866
+ columnData: visibleColumns,
4867
+ currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
4868
+ handlePageChange: handleTablePaginaton,
4869
+ loading: isDataFetching,
4870
+ rowData: buildRowData$1({
4871
+ data: data,
4872
+ pageProperties: pageProperties,
4873
+ tab: tab
4874
+ }),
4875
+ rowSelection: false,
4876
+ sortDirections: SORT_DIRECTIONS,
4877
+ totalCount: dataSize,
4878
+ expandable: {
4879
+ expandedRowRender: ExpandedRow,
4880
+ showExpandColumn: isPlatformKind(kind),
4881
+ rowExpandable: function rowExpandable(record) {
4882
+ return !(isEmpty(record.splits) && isEmpty(record.refunds));
4883
+ },
4884
+ columnWidth: "64px",
4885
+ expandIcon: RowExpander
4886
+ },
4887
+ paginationProps: {
4888
+ showSizeChanger: true,
4889
+ hideOnSinglePage: true,
4890
+ pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
4891
+ total: dataSize
4892
+ },
4893
+ onChange: handleTableChange,
4894
+ onColumnHide: function onColumnHide(column) {
4895
+ hideColumn(processDataIndex(column.dataIndex));
4896
+ }
4897
+ })
4898
+ }), /*#__PURE__*/jsx(Details, _objectSpread$c(_objectSpread$c({}, paneStatus), {}, {
4899
+ onClose: function onClose() {
4900
+ return setPaneStatus(INITIAL_PANE_STATUS);
4901
+ }
4902
+ }))]
4903
+ });
4824
4904
  };
4825
4905
 
4906
+ function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4907
+ function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4826
4908
  var Dashboard = function Dashboard(_ref) {
4827
4909
  var _ref$isPlatformEnable = _ref.isPlatformEnabled,
4828
4910
  isPlatformEnabled = _ref$isPlatformEnable === void 0 ? false : _ref$isPlatformEnable,
@@ -4880,80 +4962,87 @@ var Dashboard = function Dashboard(_ref) {
4880
4962
  setFilters(filters);
4881
4963
  });
4882
4964
  };
4883
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Header, _extends$1({}, headerProps, {
4884
- title: t("neetoPayments.title.".concat(titleKind)),
4885
- searchProps: isFilterButtonVisible && {
4886
- placeholder: searchKeywordProps.placeholder,
4887
- className: "w-80"
4888
- }
4889
- })), isTabsVisible && /*#__PURE__*/React__default.createElement(Tab, null, tabs.map(function (item) {
4890
- return /*#__PURE__*/React__default.createElement(Tab.Item, {
4891
- active: tab === item,
4892
- key: item,
4893
- onClick: function onClick() {
4894
- return handleTabChange(item);
4965
+ return /*#__PURE__*/jsxs(Fragment, {
4966
+ children: [/*#__PURE__*/jsx(Header, _objectSpread$b(_objectSpread$b({}, headerProps), {}, {
4967
+ title: t("neetoPayments.title.".concat(titleKind)),
4968
+ searchProps: isFilterButtonVisible && {
4969
+ placeholder: searchKeywordProps.placeholder,
4970
+ className: "w-80"
4895
4971
  }
4896
- }, t("neetoPayments.common.".concat(item)));
4897
- })), /*#__PURE__*/React__default.createElement(SubHeader, {
4898
- className: "mt-4",
4899
- leftActionBlock: isPresent(dataSize) && /*#__PURE__*/React__default.createElement(Typography, {
4900
- className: "neeto-ui-gray-800 mr-2 font-semibold",
4901
- component: "h4"
4902
- }, tab === TAB$4.all ? t("neetoPayments.countOf.".concat(kind), {
4903
- count: dataSize
4904
- }) : t("neetoPayments.countOf.".concat(kind, "WithStatus"), {
4905
- count: dataSize,
4906
- status: tab
4907
- })),
4908
- rightActionBlock: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Bar, {
4909
- columns: filterableColumns,
4910
- keyword: searchKeywordProps,
4911
- setIsPaneOpen: setIsFilterPaneOpen,
4912
- onChange: handleFiltersChange
4913
- }), isFilterButtonVisible && /*#__PURE__*/React__default.createElement(SubHeader.RightBlock, {
4914
- columnsButtonProps: {
4915
- columnData: modifiedColumns,
4916
- fixedColumns: DASHBOARD_MANDATORY_COLUMNS$1,
4917
- localStorageKey: "stripePaymentDashboard_".concat(kind)
4918
- },
4919
- downloadButtonProps: {
4920
- onClick: function onClick() {
4921
- return setShowExportModal(true);
4922
- }
4923
- },
4924
- filterProps: {
4925
- columns: filterableColumns,
4926
- isOpen: isFilterPaneOpen,
4927
- keyword: searchKeywordProps,
4928
- setIsOpen: setIsFilterPaneOpen,
4929
- onChange: handleFiltersChange
4930
- }
4931
- }))
4932
- }), /*#__PURE__*/React__default.createElement(List$5, {
4933
- columns: columns,
4934
- filters: filters,
4935
- holdableId: holdableId,
4936
- isPlatformEnabled: isPlatformEnabled,
4937
- kind: kind,
4938
- pageProperties: pageProperties,
4939
- paneStatus: paneStatus,
4940
- payoutId: payoutId,
4941
- setDataSize: setDataSize,
4942
- setIsFilterButtonVisible: setIsFilterButtonVisible,
4943
- setPageProperties: setPageProperties,
4944
- setPaneStatus: setPaneStatus,
4945
- setSortProperties: setSortProperties,
4946
- sortProperties: sortProperties,
4947
- tab: tab
4948
- }), /*#__PURE__*/React__default.createElement(ExportModal$1, {
4949
- filters: filters,
4950
- holdableId: holdableId,
4951
- kind: kind,
4952
- setShowExportModal: setShowExportModal,
4953
- showExportModal: showExportModal,
4954
- sortProperties: sortProperties,
4955
- tab: tab
4956
- }));
4972
+ })), isTabsVisible && /*#__PURE__*/jsx(Tab, {
4973
+ children: tabs.map(function (item) {
4974
+ return /*#__PURE__*/jsx(Tab.Item, {
4975
+ active: tab === item,
4976
+ onClick: function onClick() {
4977
+ return handleTabChange(item);
4978
+ },
4979
+ children: t("neetoPayments.common.".concat(item))
4980
+ }, item);
4981
+ })
4982
+ }), /*#__PURE__*/jsx(SubHeader, {
4983
+ className: "mt-4",
4984
+ leftActionBlock: isPresent(dataSize) && /*#__PURE__*/jsx(Typography, {
4985
+ className: "neeto-ui-gray-800 mr-2 font-semibold",
4986
+ component: "h4",
4987
+ children: tab === TAB$4.all ? t("neetoPayments.countOf.".concat(kind), {
4988
+ count: dataSize
4989
+ }) : t("neetoPayments.countOf.".concat(kind, "WithStatus"), {
4990
+ count: dataSize,
4991
+ status: tab
4992
+ })
4993
+ }),
4994
+ rightActionBlock: /*#__PURE__*/jsxs(Fragment, {
4995
+ children: [/*#__PURE__*/jsx(Bar, {
4996
+ columns: filterableColumns,
4997
+ keyword: searchKeywordProps,
4998
+ setIsPaneOpen: setIsFilterPaneOpen,
4999
+ onChange: handleFiltersChange
5000
+ }), isFilterButtonVisible && /*#__PURE__*/jsx(SubHeader.RightBlock, {
5001
+ columnsButtonProps: {
5002
+ columnData: modifiedColumns,
5003
+ fixedColumns: DASHBOARD_MANDATORY_COLUMNS$1,
5004
+ localStorageKey: "stripePaymentDashboard_".concat(kind)
5005
+ },
5006
+ downloadButtonProps: {
5007
+ onClick: function onClick() {
5008
+ return setShowExportModal(true);
5009
+ }
5010
+ },
5011
+ filterProps: {
5012
+ columns: filterableColumns,
5013
+ isOpen: isFilterPaneOpen,
5014
+ keyword: searchKeywordProps,
5015
+ setIsOpen: setIsFilterPaneOpen,
5016
+ onChange: handleFiltersChange
5017
+ }
5018
+ })]
5019
+ })
5020
+ }), /*#__PURE__*/jsx(List$5, {
5021
+ columns: columns,
5022
+ filters: filters,
5023
+ holdableId: holdableId,
5024
+ isPlatformEnabled: isPlatformEnabled,
5025
+ kind: kind,
5026
+ pageProperties: pageProperties,
5027
+ paneStatus: paneStatus,
5028
+ payoutId: payoutId,
5029
+ setDataSize: setDataSize,
5030
+ setIsFilterButtonVisible: setIsFilterButtonVisible,
5031
+ setPageProperties: setPageProperties,
5032
+ setPaneStatus: setPaneStatus,
5033
+ setSortProperties: setSortProperties,
5034
+ sortProperties: sortProperties,
5035
+ tab: tab
5036
+ }), /*#__PURE__*/jsx(ExportModal$1, {
5037
+ filters: filters,
5038
+ holdableId: holdableId,
5039
+ kind: kind,
5040
+ setShowExportModal: setShowExportModal,
5041
+ showExportModal: showExportModal,
5042
+ sortProperties: sortProperties,
5043
+ tab: tab
5044
+ })]
5045
+ });
4957
5046
  };
4958
5047
  var Dashboard$1 = withTitle(withReactQuery(Dashboard), t$1("neetoPayments.common.payments"));
4959
5048
 
@@ -4991,8 +5080,8 @@ var DEFAULT_SORT_PROPERTIES = {
4991
5080
  };
4992
5081
  var STRIPE_PAYOUTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY = "stripePayoutsDashboard";
4993
5082
 
4994
- function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
4995
- function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5083
+ function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5084
+ function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
4996
5085
  var ExportModal = function ExportModal(_ref) {
4997
5086
  var showExportModal = _ref.showExportModal,
4998
5087
  setShowExportModal = _ref.setShowExportModal,
@@ -5018,13 +5107,12 @@ var ExportModal = function ExportModal(_ref) {
5018
5107
  return "payout-report-".concat(uuidV4());
5019
5108
  }, []);
5020
5109
  var receivedCallback = function receivedCallback(data) {
5021
- if (data.download_url) {
5022
- setDownloadUrl(data.download_url);
5023
- setIsGenerating(false);
5024
- }
5110
+ if (!data.download_url) return;
5111
+ setDownloadUrl(data.download_url);
5112
+ setIsGenerating(false);
5025
5113
  };
5026
5114
  var handleGenerateClick = function handleGenerateClick() {
5027
- var payload = _objectSpread$8({
5115
+ var payload = _objectSpread$a({
5028
5116
  kind: "payout",
5029
5117
  token: token,
5030
5118
  filters: filters,
@@ -5051,33 +5139,44 @@ var ExportModal = function ExportModal(_ref) {
5051
5139
  var onClose = function onClose() {
5052
5140
  return setShowExportModal(false);
5053
5141
  };
5054
- return /*#__PURE__*/React__default.createElement(Modal, {
5142
+ return /*#__PURE__*/jsxs(Modal, {
5055
5143
  onClose: onClose,
5056
- isOpen: showExportModal
5057
- }, /*#__PURE__*/React__default.createElement(Modal.Header, null, /*#__PURE__*/React__default.createElement(Typography, {
5058
- style: "h2"
5059
- }, t("neetoPayments.export.title.payout"))), /*#__PURE__*/React__default.createElement(Modal.Body, null, isFileLoading ? /*#__PURE__*/React__default.createElement(Typography, {
5060
- style: "body2"
5061
- }, t("neetoPayments.export.pleaseWait")) : /*#__PURE__*/React__default.createElement(Typography, {
5062
- style: "body2"
5063
- }, downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.payout"))), /*#__PURE__*/React__default.createElement(Modal.Footer, {
5064
- className: "space-x-2"
5065
- }, downloadUrl ? /*#__PURE__*/React__default.createElement(Button, {
5066
- href: downloadUrl,
5067
- icon: Download,
5068
- label: t("neetoPayments.common.download"),
5069
- onClick: onClose
5070
- }) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Button, {
5071
- disabled: isFileLoading,
5072
- label: t("neetoPayments.common.export"),
5073
- loading: isFileLoading,
5074
- onClick: handleGenerateClick
5075
- }), /*#__PURE__*/React__default.createElement(Button, {
5076
- disabled: isFileLoading,
5077
- label: t("neetoPayments.common.cancel"),
5078
- style: "text",
5079
- onClick: onClose
5080
- }))));
5144
+ isOpen: showExportModal,
5145
+ children: [/*#__PURE__*/jsx(Modal.Header, {
5146
+ children: /*#__PURE__*/jsx(Typography, {
5147
+ style: "h2",
5148
+ children: t("neetoPayments.export.title.payout")
5149
+ })
5150
+ }), /*#__PURE__*/jsx(Modal.Body, {
5151
+ children: isFileLoading ? /*#__PURE__*/jsx(Typography, {
5152
+ style: "body2",
5153
+ children: t("neetoPayments.export.pleaseWait")
5154
+ }) : /*#__PURE__*/jsx(Typography, {
5155
+ style: "body2",
5156
+ children: downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.payout")
5157
+ })
5158
+ }), /*#__PURE__*/jsx(Modal.Footer, {
5159
+ className: "space-x-2",
5160
+ children: downloadUrl ? /*#__PURE__*/jsx(Button, {
5161
+ href: downloadUrl,
5162
+ icon: Download,
5163
+ label: t("neetoPayments.common.download"),
5164
+ onClick: onClose
5165
+ }) : /*#__PURE__*/jsxs(Fragment, {
5166
+ children: [/*#__PURE__*/jsx(Button, {
5167
+ disabled: isFileLoading,
5168
+ label: t("neetoPayments.common.cancel"),
5169
+ style: "tertiary",
5170
+ onClick: onClose
5171
+ }), /*#__PURE__*/jsx(Button, {
5172
+ disabled: isFileLoading,
5173
+ label: t("neetoPayments.common.export"),
5174
+ loading: isFileLoading,
5175
+ onClick: handleGenerateClick
5176
+ })]
5177
+ })
5178
+ })]
5179
+ });
5081
5180
  };
5082
5181
 
5083
5182
  var COLUMNS$3 = [{
@@ -5136,20 +5235,21 @@ var renderPayoutIdentifier$1 = curry(function (route, _ref) {
5136
5235
  identifier = _ref$identifier === void 0 ? "" : _ref$identifier,
5137
5236
  _ref$id = _ref.id,
5138
5237
  id = _ref$id === void 0 ? "" : _ref$id;
5139
- return /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
5140
- content: identifier
5141
- }, /*#__PURE__*/React__default.createElement(Button, {
5142
- label: identifier,
5143
- size: "small",
5144
- style: "link",
5145
- to: buildUrl(route, {
5146
- id: id
5238
+ return /*#__PURE__*/jsx(CopyButtonWrapper, {
5239
+ content: identifier,
5240
+ children: /*#__PURE__*/jsx(Button, {
5241
+ label: identifier,
5242
+ size: "small",
5243
+ style: "link",
5244
+ to: buildUrl(route, {
5245
+ id: id
5246
+ })
5147
5247
  })
5148
- }));
5248
+ });
5149
5249
  });
5150
5250
 
5151
- function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5152
- function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5251
+ function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5252
+ function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5153
5253
  var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRoute) {
5154
5254
  var history = useHistory();
5155
5255
  var _useState = useState(false),
@@ -5174,7 +5274,7 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
5174
5274
  var _getQueryParams = getQueryParams(),
5175
5275
  _getQueryParams$searc = _getQueryParams.searchTerm,
5176
5276
  searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
5177
- var searchKeywordProps = _objectSpread$7(_objectSpread$7({}, SEARCH_PROPS), {}, {
5277
+ var searchKeywordProps = _objectSpread$9(_objectSpread$9({}, SEARCH_PROPS), {}, {
5178
5278
  key: "search_term",
5179
5279
  value: searchTerm.trim()
5180
5280
  });
@@ -5304,44 +5404,46 @@ var List$4 = function List(_ref) {
5304
5404
  } : DEFAULT_SORT_PROPERTIES);
5305
5405
  };
5306
5406
  if (isDataLoading) {
5307
- return /*#__PURE__*/React__default.createElement(PageLoader, null);
5407
+ return /*#__PURE__*/jsx(PageLoader, {});
5308
5408
  }
5309
5409
  if (dataSize <= 0 || !isPresent(payouts)) {
5310
- return /*#__PURE__*/React__default.createElement("div", {
5311
- className: "flex h-full w-full items-center justify-center"
5312
- }, /*#__PURE__*/React__default.createElement(NoData, {
5313
- title: t("neetoPayments.emptyState.payouts.".concat(tab))
5314
- }));
5410
+ return /*#__PURE__*/jsx("div", {
5411
+ className: "flex h-full w-full items-center justify-center",
5412
+ children: /*#__PURE__*/jsx(NoData, {
5413
+ title: t("neetoPayments.emptyState.payouts.".concat(tab))
5414
+ })
5415
+ });
5315
5416
  }
5316
- return /*#__PURE__*/React__default.createElement(TableWrapper, {
5317
- hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
5318
- }, /*#__PURE__*/React__default.createElement(Table, {
5319
- fixedHeight: true,
5320
- allowRowClick: false,
5321
- columnData: getVisibleColumnData(columnData),
5322
- currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
5323
- handlePageChange: handleTablePagination,
5324
- loading: isDataFetching,
5325
- rowData: buildRowData$1({
5326
- data: payouts,
5327
- pageProperties: pageProperties,
5328
- tab: tab
5329
- }),
5330
- rowSelection: false,
5331
- sortDirections: SORT_DIRECTIONS,
5332
- totalCount: dataSize,
5333
- paginationProps: {
5334
- showSizeChanger: true,
5335
- hideOnSinglePage: true,
5336
- pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
5337
- total: dataSize
5338
- },
5339
- onChange: handleTableChange,
5340
- onColumnHide: function onColumnHide(_ref2) {
5341
- var dataIndex = _ref2.dataIndex;
5342
- return hideColumn(dataIndex);
5343
- }
5344
- }));
5417
+ return /*#__PURE__*/jsx(TableWrapper, {
5418
+ hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize),
5419
+ children: /*#__PURE__*/jsx(Table, {
5420
+ fixedHeight: true,
5421
+ allowRowClick: false,
5422
+ columnData: getVisibleColumnData(columnData),
5423
+ currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
5424
+ handlePageChange: handleTablePagination,
5425
+ loading: isDataFetching,
5426
+ rowData: buildRowData$1({
5427
+ data: payouts,
5428
+ pageProperties: pageProperties,
5429
+ tab: tab
5430
+ }),
5431
+ rowSelection: false,
5432
+ sortDirections: SORT_DIRECTIONS,
5433
+ totalCount: dataSize,
5434
+ paginationProps: {
5435
+ showSizeChanger: true,
5436
+ hideOnSinglePage: true,
5437
+ pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
5438
+ total: dataSize
5439
+ },
5440
+ onChange: handleTableChange,
5441
+ onColumnHide: function onColumnHide(_ref2) {
5442
+ var dataIndex = _ref2.dataIndex;
5443
+ return hideColumn(dataIndex);
5444
+ }
5445
+ })
5446
+ });
5345
5447
  };
5346
5448
 
5347
5449
  var PayoutsDashboard = function PayoutsDashboard(_ref) {
@@ -5380,73 +5482,80 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
5380
5482
  setFilters(filters);
5381
5483
  });
5382
5484
  };
5383
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Header, {
5384
- title: t("neetoPayments.title.payouts"),
5385
- searchProps: isFilterButtonVisible && {
5386
- placeholder: t("neetoPayments.common.search"),
5387
- className: "w-80"
5388
- }
5389
- }), isTabsVisible && /*#__PURE__*/React__default.createElement(Tab, null, TABS$3.map(function (item) {
5390
- return /*#__PURE__*/React__default.createElement(Tab.Item, {
5391
- active: tab === item,
5392
- key: item,
5393
- onClick: function onClick() {
5394
- return handleTabChange(item);
5395
- }
5396
- }, t("neetoPayments.common.".concat(item)));
5397
- })), /*#__PURE__*/React__default.createElement(SubHeader, {
5398
- className: "mt-4",
5399
- leftActionBlock: isPresent(dataSize) && /*#__PURE__*/React__default.createElement(Typography, {
5400
- className: "neeto-ui-gray-800 mr-2 font-semibold",
5401
- component: "h4"
5402
- }, tab === TAB$3.all ? t("neetoPayments.countOf.payout", {
5403
- count: dataSize
5404
- }) : t("neetoPayments.countOf.payoutWithStatus", {
5405
- count: dataSize,
5406
- status: processTab(tab)
5407
- })),
5408
- rightActionBlock: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Bar, {
5409
- columns: FILTER_COLUMNS,
5410
- keyword: searchKeywordProps,
5411
- setIsPaneOpen: setIsFilterPaneOpen,
5412
- onChange: handleFiltersChange
5413
- }), isFilterButtonVisible && /*#__PURE__*/React__default.createElement(SubHeader.RightBlock, {
5414
- columnsButtonProps: {
5415
- columnData: columnData,
5416
- fixedColumns: DASHBOARD_MANDATORY_COLUMNS,
5417
- localStorageKey: STRIPE_PAYOUTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY
5418
- },
5419
- downloadButtonProps: {
5420
- onClick: function onClick() {
5421
- return setShowExportModal(true);
5422
- }
5423
- },
5424
- filterProps: {
5425
- columns: FILTER_COLUMNS,
5426
- isOpen: isFilterPaneOpen,
5427
- keyword: searchKeywordProps,
5428
- setIsOpen: setIsFilterPaneOpen,
5429
- onChange: handleFiltersChange
5485
+ return /*#__PURE__*/jsxs(Fragment, {
5486
+ children: [/*#__PURE__*/jsx(Header, {
5487
+ title: t("neetoPayments.title.payouts"),
5488
+ searchProps: isFilterButtonVisible && {
5489
+ placeholder: t("neetoPayments.common.search"),
5490
+ className: "w-80"
5430
5491
  }
5431
- }))
5432
- }), /*#__PURE__*/React__default.createElement(List$4, {
5433
- columnData: columnData,
5434
- filters: filters,
5435
- isPlatformEnabled: isPlatformEnabled,
5436
- pageProperties: pageProperties,
5437
- setDataSize: setDataSize,
5438
- setIsFilterButtonVisible: setIsFilterButtonVisible,
5439
- setPageProperties: setPageProperties,
5440
- setSortProperties: setSortProperties,
5441
- sortProperties: sortProperties,
5442
- tab: tab
5443
- }), /*#__PURE__*/React__default.createElement(ExportModal, {
5444
- filters: filters,
5445
- setShowExportModal: setShowExportModal,
5446
- showExportModal: showExportModal,
5447
- sortProperties: sortProperties,
5448
- tab: tab
5449
- }));
5492
+ }), isTabsVisible && /*#__PURE__*/jsx(Tab, {
5493
+ children: TABS$3.map(function (item) {
5494
+ return /*#__PURE__*/jsx(Tab.Item, {
5495
+ active: tab === item,
5496
+ onClick: function onClick() {
5497
+ return handleTabChange(item);
5498
+ },
5499
+ children: t("neetoPayments.common.".concat(item))
5500
+ }, item);
5501
+ })
5502
+ }), /*#__PURE__*/jsx(SubHeader, {
5503
+ className: "mt-4",
5504
+ leftActionBlock: isPresent(dataSize) && /*#__PURE__*/jsx(Typography, {
5505
+ className: "neeto-ui-gray-800 mr-2 font-semibold",
5506
+ component: "h4",
5507
+ children: tab === TAB$3.all ? t("neetoPayments.countOf.payout", {
5508
+ count: dataSize
5509
+ }) : t("neetoPayments.countOf.payoutWithStatus", {
5510
+ count: dataSize,
5511
+ status: processTab(tab)
5512
+ })
5513
+ }),
5514
+ rightActionBlock: /*#__PURE__*/jsxs(Fragment, {
5515
+ children: [/*#__PURE__*/jsx(Bar, {
5516
+ columns: FILTER_COLUMNS,
5517
+ keyword: searchKeywordProps,
5518
+ setIsPaneOpen: setIsFilterPaneOpen,
5519
+ onChange: handleFiltersChange
5520
+ }), isFilterButtonVisible && /*#__PURE__*/jsx(SubHeader.RightBlock, {
5521
+ columnsButtonProps: {
5522
+ columnData: columnData,
5523
+ fixedColumns: DASHBOARD_MANDATORY_COLUMNS,
5524
+ localStorageKey: STRIPE_PAYOUTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY
5525
+ },
5526
+ downloadButtonProps: {
5527
+ onClick: function onClick() {
5528
+ return setShowExportModal(true);
5529
+ }
5530
+ },
5531
+ filterProps: {
5532
+ columns: FILTER_COLUMNS,
5533
+ isOpen: isFilterPaneOpen,
5534
+ keyword: searchKeywordProps,
5535
+ setIsOpen: setIsFilterPaneOpen,
5536
+ onChange: handleFiltersChange
5537
+ }
5538
+ })]
5539
+ })
5540
+ }), /*#__PURE__*/jsx(List$4, {
5541
+ columnData: columnData,
5542
+ filters: filters,
5543
+ isPlatformEnabled: isPlatformEnabled,
5544
+ pageProperties: pageProperties,
5545
+ setDataSize: setDataSize,
5546
+ setIsFilterButtonVisible: setIsFilterButtonVisible,
5547
+ setPageProperties: setPageProperties,
5548
+ setSortProperties: setSortProperties,
5549
+ sortProperties: sortProperties,
5550
+ tab: tab
5551
+ }), /*#__PURE__*/jsx(ExportModal, {
5552
+ filters: filters,
5553
+ setShowExportModal: setShowExportModal,
5554
+ showExportModal: showExportModal,
5555
+ sortProperties: sortProperties,
5556
+ tab: tab
5557
+ })]
5558
+ });
5450
5559
  };
5451
5560
  var index$3 = withTitle(withReactQuery(PayoutsDashboard), t$1("neetoPayments.title.payouts"));
5452
5561
 
@@ -5471,15 +5580,18 @@ var useFetchData = function useFetchData(_ref) {
5471
5580
  var renderPayoutIdentifier = function renderPayoutIdentifier() {
5472
5581
  var identifier = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
5473
5582
  var isLive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
5474
- return /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
5475
- content: identifier
5476
- }, /*#__PURE__*/React__default.createElement(IdentifierButton$1, {
5477
- href: buildStripePayoutLink(identifier, isLive),
5478
- label: identifier
5479
- }));
5583
+ return /*#__PURE__*/jsx(CopyButtonWrapper, {
5584
+ content: identifier,
5585
+ children: /*#__PURE__*/jsx(IdentifierButton$1, {
5586
+ href: buildStripePayoutLink(identifier, isLive),
5587
+ label: identifier
5588
+ })
5589
+ });
5480
5590
  };
5481
5591
 
5482
5592
  var _excluded$1 = ["isPlatformEnabled", "indexRoute"];
5593
+ function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5594
+ function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5483
5595
  var PayoutsPage = function PayoutsPage(_ref) {
5484
5596
  var isPlatformEnabled = _ref.isPlatformEnabled,
5485
5597
  indexRoute = _ref.indexRoute,
@@ -5510,75 +5622,102 @@ var PayoutsPage = function PayoutsPage(_ref) {
5510
5622
  }, {
5511
5623
  text: identifier
5512
5624
  }];
5513
- if (isDataLoading) return /*#__PURE__*/React__default.createElement(PageLoader, null);
5514
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Header, {
5515
- breadcrumbs: headerBreadCrumbs,
5516
- title: t("neetoPayments.payoutsPage.title")
5517
- }), /*#__PURE__*/React__default.createElement("div", {
5518
- className: "w-full space-y-6 p-2"
5519
- }, /*#__PURE__*/React__default.createElement("div", {
5520
- className: "w-full space-y-2"
5521
- }, /*#__PURE__*/React__default.createElement("div", {
5522
- className: "flex items-center space-x-2"
5523
- }, /*#__PURE__*/React__default.createElement(Typography, {
5524
- style: "body2"
5525
- }, t("neetoPayments.payoutsPage.payoutId")), /*#__PURE__*/React__default.createElement(Typography, {
5526
- className: "neeto-ui-text-black font-medium",
5527
- style: "body2"
5528
- }, renderPayoutIdentifier(identifier, live))), /*#__PURE__*/React__default.createElement("div", {
5529
- className: "flex items-center space-x-2"
5530
- }, /*#__PURE__*/React__default.createElement(Typography, {
5531
- style: "body2"
5532
- }, t("neetoPayments.payoutsPage.status")), /*#__PURE__*/React__default.createElement(Typography, {
5533
- className: "neeto-ui-text-black font-medium",
5534
- style: "body2"
5535
- }, renderStatus("payout", status, {}))), /*#__PURE__*/React__default.createElement("div", {
5536
- className: "flex items-center space-x-2"
5537
- }, /*#__PURE__*/React__default.createElement(Typography, {
5538
- style: "body2"
5539
- }, t("neetoPayments.payoutsPage.amount")), /*#__PURE__*/React__default.createElement(Typography, {
5540
- className: "neeto-ui-text-black font-medium",
5541
- style: "body2"
5542
- }, amount)), /*#__PURE__*/React__default.createElement("div", {
5543
- className: "flex items-center space-x-2"
5544
- }, /*#__PURE__*/React__default.createElement(Typography, {
5545
- style: "body2"
5546
- }, t("neetoPayments.payoutsPage.arrivalDate")), renderDate(arrivalDate)), /*#__PURE__*/React__default.createElement("div", {
5547
- className: "flex items-center space-x-2"
5548
- }, /*#__PURE__*/React__default.createElement(Typography, {
5549
- style: "body2"
5550
- }, t("neetoPayments.payoutsPage.createdAt")), /*#__PURE__*/React__default.createElement(Typography, {
5551
- className: "neeto-ui-text-black font-medium",
5552
- style: "body2"
5553
- }, renderDate(createdAt))), /*#__PURE__*/React__default.createElement("div", {
5554
- className: "flex items-center space-x-2"
5555
- }, /*#__PURE__*/React__default.createElement(Typography, {
5556
- style: "body2"
5557
- }, t("neetoPayments.payoutsPage.destinationId")), /*#__PURE__*/React__default.createElement(Typography, {
5558
- className: "neeto-ui-text-black font-medium",
5559
- style: "body2"
5560
- }, destinationIdentifier)), /*#__PURE__*/React__default.createElement("div", {
5561
- className: "flex items-center space-x-2"
5562
- }, /*#__PURE__*/React__default.createElement(Typography, {
5563
- style: "body2"
5564
- }, t("neetoPayments.payoutsPage.automatic")), /*#__PURE__*/React__default.createElement(Typography, {
5565
- className: "neeto-ui-text-black font-medium",
5566
- style: "body2"
5567
- }, isAutomatic ? t("neetoPayments.common.yes") : t("neetoPayments.common.no"))), isPresent(failureMessage) && /*#__PURE__*/React__default.createElement("div", {
5568
- className: "flex items-center space-x-2"
5569
- }, /*#__PURE__*/React__default.createElement(Typography, {
5570
- style: "body2"
5571
- }, t("neetoPayments.payoutsPage.failureMessage")), /*#__PURE__*/React__default.createElement(Typography, {
5572
- className: "neeto-ui-text-black font-medium",
5573
- style: "body2"
5574
- }, failureMessage)))), isAutomatic && /*#__PURE__*/React__default.createElement(Dashboard$1, _extends$1({}, isPlatformEnabled, {
5575
- kind: "connected"
5576
- }, otherProps, {
5577
- headerProps: {
5578
- size: "nano"
5579
- },
5580
- payoutId: id
5581
- })));
5625
+ if (isDataLoading) return /*#__PURE__*/jsx(PageLoader, {});
5626
+ return /*#__PURE__*/jsxs(Fragment, {
5627
+ children: [/*#__PURE__*/jsx(Header, {
5628
+ breadcrumbs: headerBreadCrumbs,
5629
+ title: t("neetoPayments.payoutsPage.title")
5630
+ }), /*#__PURE__*/jsx("div", {
5631
+ className: "w-full space-y-6 p-2",
5632
+ children: /*#__PURE__*/jsxs("div", {
5633
+ className: "w-full space-y-2",
5634
+ children: [/*#__PURE__*/jsxs("div", {
5635
+ className: "flex items-center space-x-2",
5636
+ children: [/*#__PURE__*/jsx(Typography, {
5637
+ style: "body2",
5638
+ children: t("neetoPayments.payoutsPage.payoutId")
5639
+ }), /*#__PURE__*/jsx(Typography, {
5640
+ className: "neeto-ui-text-black font-medium",
5641
+ style: "body2",
5642
+ children: renderPayoutIdentifier(identifier, live)
5643
+ })]
5644
+ }), /*#__PURE__*/jsxs("div", {
5645
+ className: "flex items-center space-x-2",
5646
+ children: [/*#__PURE__*/jsx(Typography, {
5647
+ style: "body2",
5648
+ children: t("neetoPayments.payoutsPage.status")
5649
+ }), /*#__PURE__*/jsx(Typography, {
5650
+ className: "neeto-ui-text-black font-medium",
5651
+ style: "body2",
5652
+ children: renderStatus("payout", status, {})
5653
+ })]
5654
+ }), /*#__PURE__*/jsxs("div", {
5655
+ className: "flex items-center space-x-2",
5656
+ children: [/*#__PURE__*/jsx(Typography, {
5657
+ style: "body2",
5658
+ children: t("neetoPayments.payoutsPage.amount")
5659
+ }), /*#__PURE__*/jsx(Typography, {
5660
+ className: "neeto-ui-text-black font-medium",
5661
+ style: "body2",
5662
+ children: amount
5663
+ })]
5664
+ }), /*#__PURE__*/jsxs("div", {
5665
+ className: "flex items-center space-x-2",
5666
+ children: [/*#__PURE__*/jsx(Typography, {
5667
+ style: "body2",
5668
+ children: t("neetoPayments.payoutsPage.arrivalDate")
5669
+ }), renderDate(arrivalDate)]
5670
+ }), /*#__PURE__*/jsxs("div", {
5671
+ className: "flex items-center space-x-2",
5672
+ children: [/*#__PURE__*/jsx(Typography, {
5673
+ style: "body2",
5674
+ children: t("neetoPayments.payoutsPage.createdAt")
5675
+ }), /*#__PURE__*/jsx(Typography, {
5676
+ className: "neeto-ui-text-black font-medium",
5677
+ style: "body2",
5678
+ children: renderDate(createdAt)
5679
+ })]
5680
+ }), /*#__PURE__*/jsxs("div", {
5681
+ className: "flex items-center space-x-2",
5682
+ children: [/*#__PURE__*/jsx(Typography, {
5683
+ style: "body2",
5684
+ children: t("neetoPayments.payoutsPage.destinationId")
5685
+ }), /*#__PURE__*/jsx(Typography, {
5686
+ className: "neeto-ui-text-black font-medium",
5687
+ style: "body2",
5688
+ children: destinationIdentifier
5689
+ })]
5690
+ }), /*#__PURE__*/jsxs("div", {
5691
+ className: "flex items-center space-x-2",
5692
+ children: [/*#__PURE__*/jsx(Typography, {
5693
+ style: "body2",
5694
+ children: t("neetoPayments.payoutsPage.automatic")
5695
+ }), /*#__PURE__*/jsx(Typography, {
5696
+ className: "neeto-ui-text-black font-medium",
5697
+ style: "body2",
5698
+ children: isAutomatic ? t("neetoPayments.common.yes") : t("neetoPayments.common.no")
5699
+ })]
5700
+ }), isPresent(failureMessage) && /*#__PURE__*/jsxs("div", {
5701
+ className: "flex items-center space-x-2",
5702
+ children: [/*#__PURE__*/jsx(Typography, {
5703
+ style: "body2",
5704
+ children: t("neetoPayments.payoutsPage.failureMessage")
5705
+ }), /*#__PURE__*/jsx(Typography, {
5706
+ className: "neeto-ui-text-black font-medium",
5707
+ style: "body2",
5708
+ children: failureMessage
5709
+ })]
5710
+ })]
5711
+ })
5712
+ }), isAutomatic && /*#__PURE__*/jsx(Dashboard$1, _objectSpread$8(_objectSpread$8(_objectSpread$8({}, isPlatformEnabled), {}, {
5713
+ kind: "connected"
5714
+ }, otherProps), {}, {
5715
+ headerProps: {
5716
+ size: "nano"
5717
+ },
5718
+ payoutId: id
5719
+ }))]
5720
+ });
5582
5721
  };
5583
5722
 
5584
5723
  var renderIdentifier$1 = function renderIdentifier() {
@@ -5587,24 +5726,28 @@ var renderIdentifier$1 = function renderIdentifier() {
5587
5726
  identifier = _ref$identifier === void 0 ? "" : _ref$identifier;
5588
5727
  var isTemporaryIdentifier = identifier.startsWith("temp_");
5589
5728
  if (isTemporaryIdentifier) {
5590
- return /*#__PURE__*/React__default.createElement(Tooltip, {
5729
+ return /*#__PURE__*/jsx(Tooltip, {
5591
5730
  content: t$1("neetoPayments.tooltipContent.paymentIdentifierUnavailable"),
5592
- position: "top"
5593
- }, /*#__PURE__*/React__default.createElement("div", {
5594
- className: "text-center"
5595
- }, /*#__PURE__*/React__default.createElement(Typography, {
5596
- style: "body2"
5597
- }, t$1("neetoPayments.common.notAvailable"))));
5731
+ position: "top",
5732
+ children: /*#__PURE__*/jsx("div", {
5733
+ className: "text-center",
5734
+ children: /*#__PURE__*/jsx(Typography, {
5735
+ style: "body2",
5736
+ children: t$1("neetoPayments.common.notAvailable")
5737
+ })
5738
+ })
5739
+ });
5598
5740
  }
5599
- return /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
5600
- content: identifier
5601
- }, /*#__PURE__*/React__default.createElement(Button, {
5602
- href: "https://dashboard.razorpay.com/app/payments/".concat(identifier),
5603
- label: identifier,
5604
- size: "small",
5605
- style: "link",
5606
- target: "_blank"
5607
- }));
5741
+ return /*#__PURE__*/jsx(CopyButtonWrapper, {
5742
+ content: identifier,
5743
+ children: /*#__PURE__*/jsx(Button, {
5744
+ href: "https://dashboard.razorpay.com/app/payments/".concat(identifier),
5745
+ label: identifier,
5746
+ size: "small",
5747
+ style: "link",
5748
+ target: "_blank"
5749
+ })
5750
+ });
5608
5751
  };
5609
5752
 
5610
5753
  var COLUMNS$2 = [{
@@ -5670,8 +5813,8 @@ var buildPaymentColumns$2 = function buildPaymentColumns(_ref) {
5670
5813
  }));
5671
5814
  };
5672
5815
 
5673
- function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5674
- function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5816
+ function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5817
+ function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
5675
5818
  var FilterWrapper = function FilterWrapper(_ref) {
5676
5819
  var _ref$setShowExportMod = _ref.setShowExportModal,
5677
5820
  setShowExportModal = _ref$setShowExportMod === void 0 ? noop : _ref$setShowExportMod,
@@ -5699,7 +5842,7 @@ var FilterWrapper = function FilterWrapper(_ref) {
5699
5842
  var _useTranslation = useTranslation(),
5700
5843
  t = _useTranslation.t;
5701
5844
  var isTabsVisible = isFilterButtonVisible || tab !== "all";
5702
- var searchKeywordProps = _objectSpread$6(_objectSpread$6({}, searchProps), {}, {
5845
+ var searchKeywordProps = _objectSpread$7(_objectSpread$7({}, searchProps), {}, {
5703
5846
  value: searchTerm.trim(),
5704
5847
  setValue: noop
5705
5848
  });
@@ -5713,57 +5856,64 @@ var FilterWrapper = function FilterWrapper(_ref) {
5713
5856
  kind: kind,
5714
5857
  payableEntityColumns: payableEntityColumns
5715
5858
  });
5716
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Header, _extends$1({}, _objectSpread$6(_objectSpread$6({}, headerProps), {}, {
5717
- title: title
5718
- }), {
5719
- searchProps: isFilterButtonVisible && {
5720
- placeholder: searchKeywordProps.placeholder,
5721
- className: "w-80"
5722
- }
5723
- })), isTabsVisible && /*#__PURE__*/React__default.createElement(Tab, null, tabs.map(function (item) {
5724
- return /*#__PURE__*/React__default.createElement(Tab.Item, {
5725
- active: tab === item,
5726
- key: item,
5727
- onClick: function onClick() {
5728
- return handleTabChange(item);
5729
- }
5730
- }, t("neetoPayments.common.".concat(item)));
5731
- })), /*#__PURE__*/React__default.createElement(SubHeader, {
5732
- className: "mt-4",
5733
- leftActionBlock: isPresent(dataSize) && /*#__PURE__*/React__default.createElement(Typography, {
5734
- className: "neeto-ui-gray-800 mr-2 font-semibold",
5735
- component: "h4"
5736
- }, tab === "all" ? t("neetoPayments.countOf.".concat(kind), {
5737
- count: dataSize
5738
- }) : t("neetoPayments.countOf.".concat(kind, "WithStatus"), {
5739
- count: dataSize,
5740
- status: tab
5741
- })),
5742
- rightActionBlock: /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Bar, {
5743
- columns: filterableColumns,
5744
- keyword: searchKeywordProps,
5745
- setIsPaneOpen: setIsFilterPaneOpen,
5746
- onChange: handleFiltersChange
5747
- }), isFilterButtonVisible && /*#__PURE__*/React__default.createElement(SubHeader.RightBlock, {
5748
- columnsButtonProps: {
5749
- columnData: columnData,
5750
- fixedColumns: DASHBOARD_MANDATORY_COLUMNS$1,
5751
- localStorageKey: "paymentDashboard_".concat(kind)
5752
- },
5753
- downloadButtonProps: {
5754
- onClick: function onClick() {
5755
- return setShowExportModal(true);
5756
- }
5757
- },
5758
- filterProps: {
5759
- columns: filterableColumns,
5760
- isOpen: isFilterPaneOpen,
5761
- keyword: searchKeywordProps,
5762
- setIsOpen: setIsFilterPaneOpen,
5763
- onChange: handleFiltersChange
5859
+ return /*#__PURE__*/jsxs(Fragment, {
5860
+ children: [/*#__PURE__*/jsx(Header, _objectSpread$7(_objectSpread$7({}, _objectSpread$7(_objectSpread$7({}, headerProps), {}, {
5861
+ title: title
5862
+ })), {}, {
5863
+ searchProps: isFilterButtonVisible && {
5864
+ placeholder: searchKeywordProps.placeholder,
5865
+ className: "w-80"
5764
5866
  }
5765
- }))
5766
- }), children);
5867
+ })), isTabsVisible && /*#__PURE__*/jsx(Tab, {
5868
+ children: tabs.map(function (item) {
5869
+ return /*#__PURE__*/jsx(Tab.Item, {
5870
+ active: tab === item,
5871
+ onClick: function onClick() {
5872
+ return handleTabChange(item);
5873
+ },
5874
+ children: t("neetoPayments.common.".concat(item))
5875
+ }, item);
5876
+ })
5877
+ }), /*#__PURE__*/jsx(SubHeader, {
5878
+ className: "mt-4",
5879
+ leftActionBlock: isPresent(dataSize) && /*#__PURE__*/jsx(Typography, {
5880
+ className: "neeto-ui-gray-800 mr-2 font-semibold",
5881
+ component: "h4",
5882
+ children: tab === "all" ? t("neetoPayments.countOf.".concat(kind), {
5883
+ count: dataSize
5884
+ }) : t("neetoPayments.countOf.".concat(kind, "WithStatus"), {
5885
+ count: dataSize,
5886
+ status: tab
5887
+ })
5888
+ }),
5889
+ rightActionBlock: /*#__PURE__*/jsxs(Fragment, {
5890
+ children: [/*#__PURE__*/jsx(Bar, {
5891
+ columns: filterableColumns,
5892
+ keyword: searchKeywordProps,
5893
+ setIsPaneOpen: setIsFilterPaneOpen,
5894
+ onChange: handleFiltersChange
5895
+ }), isFilterButtonVisible && /*#__PURE__*/jsx(SubHeader.RightBlock, {
5896
+ columnsButtonProps: {
5897
+ columnData: columnData,
5898
+ fixedColumns: DASHBOARD_MANDATORY_COLUMNS$1,
5899
+ localStorageKey: "paymentDashboard_".concat(kind)
5900
+ },
5901
+ downloadButtonProps: {
5902
+ onClick: function onClick() {
5903
+ return setShowExportModal(true);
5904
+ }
5905
+ },
5906
+ filterProps: {
5907
+ columns: filterableColumns,
5908
+ isOpen: isFilterPaneOpen,
5909
+ keyword: searchKeywordProps,
5910
+ setIsOpen: setIsFilterPaneOpen,
5911
+ onChange: handleFiltersChange
5912
+ }
5913
+ })]
5914
+ })
5915
+ }), children]
5916
+ });
5767
5917
  };
5768
5918
 
5769
5919
  var renderIdentifier = function renderIdentifier() {
@@ -5772,24 +5922,27 @@ var renderIdentifier = function renderIdentifier() {
5772
5922
  identifier = _ref$identifier === void 0 ? "" : _ref$identifier,
5773
5923
  _ref$receiptUrl = _ref.receiptUrl,
5774
5924
  receiptUrl = _ref$receiptUrl === void 0 ? "" : _ref$receiptUrl;
5775
- return /*#__PURE__*/React__default.createElement(CopyButtonWrapper, {
5776
- content: identifier
5777
- }, /*#__PURE__*/React__default.createElement(Button, {
5778
- href: receiptUrl,
5779
- label: identifier,
5780
- size: "small",
5781
- style: "link",
5782
- target: "_blank"
5783
- }));
5925
+ return /*#__PURE__*/jsx(CopyButtonWrapper, {
5926
+ content: identifier,
5927
+ children: /*#__PURE__*/jsx(Button, {
5928
+ href: receiptUrl,
5929
+ label: identifier,
5930
+ size: "small",
5931
+ style: "link",
5932
+ target: "_blank"
5933
+ })
5934
+ });
5784
5935
  };
5785
5936
  var truncatedText = function truncatedText(_ref2) {
5786
5937
  var identifier = _ref2.identifier;
5787
- return /*#__PURE__*/React__default.createElement(Tooltip, {
5938
+ return /*#__PURE__*/jsx(Tooltip, {
5788
5939
  content: identifier,
5789
- position: "top"
5790
- }, /*#__PURE__*/React__default.createElement("div", {
5791
- className: "w-64 truncate"
5792
- }, identifier));
5940
+ position: "top",
5941
+ children: /*#__PURE__*/jsx("div", {
5942
+ className: "w-64 truncate",
5943
+ children: identifier
5944
+ })
5945
+ });
5793
5946
  };
5794
5947
 
5795
5948
  var COLUMNS$1 = [{
@@ -6107,49 +6260,51 @@ var List$3 = function List(_ref) {
6107
6260
  return !hiddenColumns.includes(processDataIndex(dataIndex));
6108
6261
  });
6109
6262
  if (isAccountLoading || isPaymentsLoaidng) {
6110
- return /*#__PURE__*/React__default.createElement(PageLoader, null);
6263
+ return /*#__PURE__*/jsx(PageLoader, {});
6111
6264
  }
6112
6265
  if (!(account !== null && account !== void 0 && account.isConnected) && views <= 0 || !isPresent(payments)) {
6113
- return /*#__PURE__*/React__default.createElement("div", {
6114
- className: "flex h-full w-full items-center justify-center"
6115
- }, /*#__PURE__*/React__default.createElement(NoData, {
6116
- title: tab === TAB$2.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
6117
- status: tab
6266
+ return /*#__PURE__*/jsx("div", {
6267
+ className: "flex h-full w-full items-center justify-center",
6268
+ children: /*#__PURE__*/jsx(NoData, {
6269
+ title: tab === TAB$2.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
6270
+ status: tab
6271
+ })
6118
6272
  })
6119
- }));
6273
+ });
6120
6274
  }
6121
- return /*#__PURE__*/React__default.createElement(TableWrapper, {
6122
- hasPagination: views > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
6123
- }, /*#__PURE__*/React__default.createElement(Table, {
6124
- fixedHeight: true,
6125
- allowRowClick: false,
6126
- columnData: visibleColumns,
6127
- currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
6128
- handlePageChange: handleTablePaginaton,
6129
- loading: isFetching,
6130
- rowData: buildRowData$1({
6131
- data: payments,
6132
- pageProperties: pageProperties,
6133
- tab: tab
6134
- }),
6135
- rowSelection: false,
6136
- sortDirections: SORT_DIRECTIONS,
6137
- totalCount: views,
6138
- paginationProps: {
6139
- showSizeChanger: true,
6140
- hideOnSinglePage: true,
6141
- pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
6142
- total: views
6143
- },
6144
- onChange: handleTableChange,
6145
- onColumnHide: function onColumnHide(columnData) {
6146
- hideColumn(processDataIndex(columnData.dataIndex));
6147
- }
6148
- }));
6275
+ return /*#__PURE__*/jsx(TableWrapper, {
6276
+ hasPagination: views > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize),
6277
+ children: /*#__PURE__*/jsx(Table, {
6278
+ fixedHeight: true,
6279
+ allowRowClick: false,
6280
+ columnData: visibleColumns,
6281
+ currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
6282
+ handlePageChange: handleTablePaginaton,
6283
+ loading: isFetching,
6284
+ rowData: buildRowData$1({
6285
+ data: payments,
6286
+ pageProperties: pageProperties,
6287
+ tab: tab
6288
+ }),
6289
+ rowSelection: false,
6290
+ sortDirections: SORT_DIRECTIONS,
6291
+ totalCount: views,
6292
+ paginationProps: {
6293
+ showSizeChanger: true,
6294
+ hideOnSinglePage: true,
6295
+ pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
6296
+ total: views
6297
+ },
6298
+ onChange: handleTableChange,
6299
+ onColumnHide: function onColumnHide(columnData) {
6300
+ hideColumn(processDataIndex(columnData.dataIndex));
6301
+ }
6302
+ })
6303
+ });
6149
6304
  };
6150
6305
 
6151
- function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
6152
- function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6306
+ function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
6307
+ function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6153
6308
  var RazorpayDashboard = function RazorpayDashboard(_ref) {
6154
6309
  var searchProps = _ref.searchProps,
6155
6310
  _ref$headerProps = _ref.headerProps,
@@ -6180,34 +6335,36 @@ var RazorpayDashboard = function RazorpayDashboard(_ref) {
6180
6335
  setSortProperties = filterPaginationState.setSortProperties,
6181
6336
  tab = filterPaginationState.tab,
6182
6337
  setDataSize = filterPaginationState.setDataSize;
6183
- return /*#__PURE__*/React__default.createElement(FilterWrapper, _extends$1({
6338
+ return /*#__PURE__*/jsxs(FilterWrapper, _objectSpread$6(_objectSpread$6({
6184
6339
  title: t("neetoPayments.common.razorpayPayments")
6185
- }, _objectSpread$5({
6340
+ }, _objectSpread$6({
6186
6341
  headerProps: headerProps,
6187
6342
  kind: kind,
6188
6343
  payableEntityColumns: payableEntityColumns,
6189
6344
  searchProps: searchProps,
6190
6345
  setShowExportModal: setShowExportModal
6191
- }, filterPaginationState)), /*#__PURE__*/React__default.createElement(List$3, {
6192
- filters: filters,
6193
- holdableId: holdableId,
6194
- kind: kind,
6195
- pageProperties: pageProperties,
6196
- payableEntityColumns: payableEntityColumns,
6197
- setDataSize: setDataSize,
6198
- setIsFilterButtonVisible: setIsFilterButtonVisible,
6199
- setPageProperties: setPageProperties,
6200
- setSortProperties: setSortProperties,
6201
- sortProperties: sortProperties,
6202
- tab: tab
6203
- }), /*#__PURE__*/React__default.createElement(ExportModal$1, {
6204
- filters: filters,
6205
- holdableId: holdableId,
6206
- kind: kind,
6207
- setShowExportModal: setShowExportModal,
6208
- showExportModal: showExportModal,
6209
- sortProperties: sortProperties,
6210
- tab: tab
6346
+ }, filterPaginationState)), {}, {
6347
+ children: [/*#__PURE__*/jsx(List$3, {
6348
+ filters: filters,
6349
+ holdableId: holdableId,
6350
+ kind: kind,
6351
+ pageProperties: pageProperties,
6352
+ payableEntityColumns: payableEntityColumns,
6353
+ setDataSize: setDataSize,
6354
+ setIsFilterButtonVisible: setIsFilterButtonVisible,
6355
+ setPageProperties: setPageProperties,
6356
+ setSortProperties: setSortProperties,
6357
+ sortProperties: sortProperties,
6358
+ tab: tab
6359
+ }), /*#__PURE__*/jsx(ExportModal$1, {
6360
+ filters: filters,
6361
+ holdableId: holdableId,
6362
+ kind: kind,
6363
+ setShowExportModal: setShowExportModal,
6364
+ showExportModal: showExportModal,
6365
+ sortProperties: sortProperties,
6366
+ tab: tab
6367
+ })]
6211
6368
  }));
6212
6369
  };
6213
6370
  var index$2 = withTitle(withReactQuery(RazorpayDashboard), t$1("neetoPayments.common.razorpayPayments"));
@@ -6697,7 +6854,7 @@ var RazorpayPaymentButton = function RazorpayPaymentButton(_ref) {
6697
6854
  };
6698
6855
  createRazorpayOrder(payload);
6699
6856
  };
6700
- return /*#__PURE__*/React__default.createElement(Button, {
6857
+ return /*#__PURE__*/jsx(Button, {
6701
6858
  disabled: isLoading,
6702
6859
  label: label || t("neetoPayments.common.pay"),
6703
6860
  loading: isLoading,
@@ -6804,13 +6961,14 @@ var SquareCard = function SquareCard(_ref) {
6804
6961
  useEffect(function () {
6805
6962
  card === null || card === void 0 || card.configure(options);
6806
6963
  }, [card, options]);
6807
- return /*#__PURE__*/React__default.createElement("div", {
6964
+ return /*#__PURE__*/jsx("div", {
6808
6965
  id: id,
6809
6966
  className: classNames({
6810
6967
  "pointer-events-none": disabled,
6811
6968
  "text-center": !card
6812
- })
6813
- }, !card && /*#__PURE__*/React__default.createElement(Spinner, null));
6969
+ }),
6970
+ children: !card && /*#__PURE__*/jsx(Spinner, {})
6971
+ });
6814
6972
  };
6815
6973
 
6816
6974
  var TAB$1 = {
@@ -6993,46 +7151,48 @@ var List$2 = function List(_ref) {
6993
7151
  } : DEFAULT_SORT_PROPERTIES$1);
6994
7152
  };
6995
7153
  if (isSquareAccountLoading || isDataLoading) {
6996
- return /*#__PURE__*/React__default.createElement(PageLoader, null);
7154
+ return /*#__PURE__*/jsx(PageLoader, {});
6997
7155
  }
6998
7156
  if (!(squareAccount !== null && squareAccount !== void 0 && squareAccount.isConnected) && dataSize <= 0 || !isPresent(data)) {
6999
- return /*#__PURE__*/React__default.createElement("div", {
7000
- className: "flex h-full w-full items-center justify-center"
7001
- }, /*#__PURE__*/React__default.createElement(NoData, {
7002
- title: tab === TAB$1.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
7003
- status: tab
7157
+ return /*#__PURE__*/jsx("div", {
7158
+ className: "flex h-full w-full items-center justify-center",
7159
+ children: /*#__PURE__*/jsx(NoData, {
7160
+ title: tab === TAB$1.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
7161
+ status: tab
7162
+ })
7004
7163
  })
7005
- }));
7164
+ });
7006
7165
  }
7007
- return /*#__PURE__*/React__default.createElement(TableWrapper, {
7008
- hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
7009
- }, /*#__PURE__*/React__default.createElement(Table, {
7010
- columnData: columnData,
7011
- fixedHeight: true,
7012
- allowRowClick: false,
7013
- currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
7014
- handlePageChange: handleTablePaginaton,
7015
- loading: isDataFetching,
7016
- rowData: buildRowData$1({
7017
- data: data,
7018
- pageProperties: pageProperties,
7019
- tab: tab
7020
- }),
7021
- rowSelection: false,
7022
- sortDirections: SORT_DIRECTIONS,
7023
- totalCount: dataSize,
7024
- paginationProps: {
7025
- showSizeChanger: true,
7026
- hideOnSinglePage: true,
7027
- pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
7028
- total: dataSize
7029
- },
7030
- onChange: handleTableChange
7031
- }));
7166
+ return /*#__PURE__*/jsx(TableWrapper, {
7167
+ hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize),
7168
+ children: /*#__PURE__*/jsx(Table, {
7169
+ columnData: columnData,
7170
+ fixedHeight: true,
7171
+ allowRowClick: false,
7172
+ currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
7173
+ handlePageChange: handleTablePaginaton,
7174
+ loading: isDataFetching,
7175
+ rowData: buildRowData$1({
7176
+ data: data,
7177
+ pageProperties: pageProperties,
7178
+ tab: tab
7179
+ }),
7180
+ rowSelection: false,
7181
+ sortDirections: SORT_DIRECTIONS,
7182
+ totalCount: dataSize,
7183
+ paginationProps: {
7184
+ showSizeChanger: true,
7185
+ hideOnSinglePage: true,
7186
+ pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
7187
+ total: dataSize
7188
+ },
7189
+ onChange: handleTableChange
7190
+ })
7191
+ });
7032
7192
  };
7033
7193
 
7034
- function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7035
- function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
7194
+ function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7195
+ function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
7036
7196
  var SquareDashboard = function SquareDashboard(_ref) {
7037
7197
  var searchProps = _ref.searchProps,
7038
7198
  _ref$headerProps = _ref.headerProps,
@@ -7059,24 +7219,26 @@ var SquareDashboard = function SquareDashboard(_ref) {
7059
7219
  setSortProperties = filterPaginationState.setSortProperties,
7060
7220
  tab = filterPaginationState.tab,
7061
7221
  setDataSize = filterPaginationState.setDataSize;
7062
- return /*#__PURE__*/React__default.createElement(FilterWrapper, _extends$1({
7222
+ return /*#__PURE__*/jsx(FilterWrapper, _objectSpread$5(_objectSpread$5({
7063
7223
  title: isPaymentKind(kind) ? t("neetoPayments.title.squarePayment") : t("neetoPayments.title.squareRefund")
7064
- }, _objectSpread$4({
7224
+ }, _objectSpread$5({
7065
7225
  headerProps: headerProps,
7066
7226
  kind: kind,
7067
7227
  searchProps: searchProps
7068
- }, filterPaginationState)), /*#__PURE__*/React__default.createElement(List$2, {
7069
- filters: filters,
7070
- holdableId: holdableId,
7071
- kind: kind,
7072
- pageProperties: pageProperties,
7073
- payableEntityColumns: payableEntityColumns,
7074
- setDataSize: setDataSize,
7075
- setIsFilterButtonVisible: setIsFilterButtonVisible,
7076
- setPageProperties: setPageProperties,
7077
- setSortProperties: setSortProperties,
7078
- sortProperties: sortProperties,
7079
- tab: tab
7228
+ }, filterPaginationState)), {}, {
7229
+ children: /*#__PURE__*/jsx(List$2, {
7230
+ filters: filters,
7231
+ holdableId: holdableId,
7232
+ kind: kind,
7233
+ pageProperties: pageProperties,
7234
+ payableEntityColumns: payableEntityColumns,
7235
+ setDataSize: setDataSize,
7236
+ setIsFilterButtonVisible: setIsFilterButtonVisible,
7237
+ setPageProperties: setPageProperties,
7238
+ setSortProperties: setSortProperties,
7239
+ sortProperties: sortProperties,
7240
+ tab: tab
7241
+ })
7080
7242
  }));
7081
7243
  };
7082
7244
  var index$1 = withTitle(withReactQuery(SquareDashboard), t$1("neetoPayments.common.squarePayments"));
@@ -7093,6 +7255,8 @@ var STRIPE_ALERT_PAYMENT_KIND_CONTENT = {
7093
7255
  };
7094
7256
 
7095
7257
  var _excluded = ["isOpen", "paymentKind", "onClose"];
7258
+ function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7259
+ function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
7096
7260
  var PaymentKindRestrictionAlert = function PaymentKindRestrictionAlert(_ref) {
7097
7261
  var _ref$isOpen = _ref.isOpen,
7098
7262
  isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
@@ -7101,7 +7265,7 @@ var PaymentKindRestrictionAlert = function PaymentKindRestrictionAlert(_ref) {
7101
7265
  _ref$onClose = _ref.onClose,
7102
7266
  onClose = _ref$onClose === void 0 ? noop : _ref$onClose,
7103
7267
  otherProps = _objectWithoutProperties(_ref, _excluded);
7104
- return /*#__PURE__*/React__default.createElement(Alert, _extends$1({
7268
+ return /*#__PURE__*/jsx(Alert, _objectSpread$4({
7105
7269
  isOpen: isOpen,
7106
7270
  onClose: onClose,
7107
7271
  message: STRIPE_ALERT_PAYMENT_KIND_CONTENT[paymentKind].message,
@@ -7246,35 +7410,37 @@ var AccountForm = function AccountForm(_ref) {
7246
7410
  createStripeAccount(payload);
7247
7411
  };
7248
7412
  if (isLoading) {
7249
- return /*#__PURE__*/React__default.createElement(PageLoader, null);
7413
+ return /*#__PURE__*/jsx(PageLoader, {});
7250
7414
  }
7251
- return /*#__PURE__*/React__default.createElement(Form, {
7415
+ return /*#__PURE__*/jsx(Form, {
7252
7416
  formikProps: {
7253
7417
  enableReinitialize: true,
7254
7418
  initialValues: INITIAL_VALUES,
7255
7419
  validationSchema: VALIDATION_SCHEMA$2,
7256
7420
  onSubmit: handleSubmit
7257
- }
7258
- }, /*#__PURE__*/React__default.createElement("div", {
7259
- className: "space-y-3"
7260
- }, /*#__PURE__*/React__default.createElement(Select, {
7261
- required: true,
7262
- helpText: t("neetoPayments.integrationModal.form.helpText"),
7263
- label: t("neetoPayments.integrationModal.form.label"),
7264
- name: "country",
7265
- options: buildCountryOptions(countries),
7266
- placeholder: t("neetoPayments.integrationModal.form.placeholder")
7267
- }), /*#__PURE__*/React__default.createElement(ActionBlock, {
7268
- cancelButtonProps: {
7269
- onClick: function onClick() {
7270
- return history.goBack();
7271
- }
7272
7421
  },
7273
- isSubmitting: isCreating || isPolling,
7274
- submitButtonProps: {
7275
- label: submitButtonLabel
7276
- }
7277
- })));
7422
+ children: /*#__PURE__*/jsxs("div", {
7423
+ className: "space-y-3",
7424
+ children: [/*#__PURE__*/jsx(Select, {
7425
+ required: true,
7426
+ helpText: t("neetoPayments.integrationModal.form.helpText"),
7427
+ label: t("neetoPayments.integrationModal.form.label"),
7428
+ name: "country",
7429
+ options: buildCountryOptions(countries),
7430
+ placeholder: t("neetoPayments.integrationModal.form.placeholder")
7431
+ }), /*#__PURE__*/jsx(ActionBlock, {
7432
+ cancelButtonProps: {
7433
+ onClick: function onClick() {
7434
+ return history.goBack();
7435
+ }
7436
+ },
7437
+ isSubmitting: isCreating || isPolling,
7438
+ submitButtonProps: {
7439
+ label: submitButtonLabel
7440
+ }
7441
+ })]
7442
+ })
7443
+ });
7278
7444
  };
7279
7445
 
7280
7446
  var AccountDetails = function AccountDetails(_ref) {
@@ -7285,26 +7451,35 @@ var AccountDetails = function AccountDetails(_ref) {
7285
7451
  stripeAccount = _useFetchConnectedStr3.account;
7286
7452
  var _useTranslation = useTranslation(),
7287
7453
  t = _useTranslation.t;
7288
- return /*#__PURE__*/React__default.createElement("div", {
7289
- className: "mb-6 space-y-3"
7290
- }, /*#__PURE__*/React__default.createElement(Typography, {
7291
- style: "h5",
7292
- weight: "medium"
7293
- }, t("neetoPayments.integrationModal.account.title")), /*#__PURE__*/React__default.createElement("div", {
7294
- className: "grid grid-cols-4 gap-y-3"
7295
- }, /*#__PURE__*/React__default.createElement(Label, {
7296
- className: "neeto-ui-text-gray-800"
7297
- }, t("neetoPayments.common.id")), /*#__PURE__*/React__default.createElement(Label, {
7298
- className: "neeto-ui-text-gray-800 col-span-3"
7299
- }, stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.identifier), /*#__PURE__*/React__default.createElement(Label, {
7300
- className: "neeto-ui-text-gray-800"
7301
- }, t("neetoPayments.common.email")), /*#__PURE__*/React__default.createElement(Label, {
7302
- className: "neeto-ui-text-gray-800 col-span-3"
7303
- }, stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.email), /*#__PURE__*/React__default.createElement(Label, {
7304
- className: "neeto-ui-text-gray-800"
7305
- }, t("neetoPayments.common.country")), /*#__PURE__*/React__default.createElement(Label, {
7306
- className: "neeto-ui-text-gray-800 col-span-3"
7307
- }, stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.country)));
7454
+ return /*#__PURE__*/jsxs("div", {
7455
+ className: "mb-6 space-y-3",
7456
+ children: [/*#__PURE__*/jsx(Typography, {
7457
+ style: "h5",
7458
+ weight: "medium",
7459
+ children: t("neetoPayments.integrationModal.account.title")
7460
+ }), /*#__PURE__*/jsxs("div", {
7461
+ className: "grid grid-cols-4 gap-y-3",
7462
+ children: [/*#__PURE__*/jsx(Label, {
7463
+ className: "neeto-ui-text-gray-800",
7464
+ children: t("neetoPayments.common.id")
7465
+ }), /*#__PURE__*/jsx(Label, {
7466
+ className: "neeto-ui-text-gray-800 col-span-3",
7467
+ children: stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.identifier
7468
+ }), /*#__PURE__*/jsx(Label, {
7469
+ className: "neeto-ui-text-gray-800",
7470
+ children: t("neetoPayments.common.email")
7471
+ }), /*#__PURE__*/jsx(Label, {
7472
+ className: "neeto-ui-text-gray-800 col-span-3",
7473
+ children: stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.email
7474
+ }), /*#__PURE__*/jsx(Label, {
7475
+ className: "neeto-ui-text-gray-800",
7476
+ children: t("neetoPayments.common.country")
7477
+ }), /*#__PURE__*/jsx(Label, {
7478
+ className: "neeto-ui-text-gray-800 col-span-3",
7479
+ children: stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.country
7480
+ })]
7481
+ })]
7482
+ });
7308
7483
  };
7309
7484
 
7310
7485
  var AccountProcessing = function AccountProcessing(_ref) {
@@ -7369,36 +7544,39 @@ var AccountProcessing = function AccountProcessing(_ref) {
7369
7544
  var handleUseAnotherStripeAccount = function handleUseAnotherStripeAccount() {
7370
7545
  destroyStripeAccount(stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.id);
7371
7546
  };
7372
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(AccountDetails, null), /*#__PURE__*/React__default.createElement("div", {
7373
- className: "flex flex-col items-start space-y-2"
7374
- }, /*#__PURE__*/React__default.createElement(Button, {
7375
- disabled: isPolling,
7376
- href: buildRefreshUrl(stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.id, returnUrl),
7377
- label: buttonLabel(),
7378
- loading: isPolling,
7379
- size: "small"
7380
- }), !isPolling && !isAccountProcessingFailed && /*#__PURE__*/React__default.createElement(Button, {
7381
- disabled: isStripeAccountDestroying || isPolling,
7382
- label: t("neetoPayments.integrationModal.anotherAccount"),
7383
- size: "small",
7384
- style: "link",
7385
- onClick: function onClick() {
7386
- return setIsAlertOpen(true);
7387
- }
7388
- })), /*#__PURE__*/React__default.createElement(Alert, {
7389
- isOpen: isAlertOpen,
7390
- title: t("neetoPayments.integrationModal.alert.changeTitle"),
7391
- message: /*#__PURE__*/React__default.createElement(Trans, {
7392
- i18nKey: "neetoPayments.integrationModal.alert.changeMessage",
7393
- values: {
7394
- account: stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.email
7395
- }
7396
- }),
7397
- onClose: function onClose() {
7398
- return setIsAlertOpen(false);
7399
- },
7400
- onSubmit: handleUseAnotherStripeAccount
7401
- }));
7547
+ return /*#__PURE__*/jsxs(Fragment, {
7548
+ children: [/*#__PURE__*/jsx(AccountDetails, {}), /*#__PURE__*/jsxs("div", {
7549
+ className: "flex flex-col items-start space-y-2",
7550
+ children: [/*#__PURE__*/jsx(Button, {
7551
+ disabled: isPolling,
7552
+ href: buildRefreshUrl(stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.id, returnUrl),
7553
+ label: buttonLabel(),
7554
+ loading: isPolling,
7555
+ size: "small"
7556
+ }), !isPolling && !isAccountProcessingFailed && /*#__PURE__*/jsx(Button, {
7557
+ disabled: isStripeAccountDestroying || isPolling,
7558
+ label: t("neetoPayments.integrationModal.anotherAccount"),
7559
+ size: "small",
7560
+ style: "link",
7561
+ onClick: function onClick() {
7562
+ return setIsAlertOpen(true);
7563
+ }
7564
+ })]
7565
+ }), /*#__PURE__*/jsx(Alert, {
7566
+ isOpen: isAlertOpen,
7567
+ title: t("neetoPayments.integrationModal.alert.changeTitle"),
7568
+ message: /*#__PURE__*/jsx(Trans, {
7569
+ i18nKey: "neetoPayments.integrationModal.alert.changeMessage",
7570
+ values: {
7571
+ account: stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.email
7572
+ }
7573
+ }),
7574
+ onClose: function onClose() {
7575
+ return setIsAlertOpen(false);
7576
+ },
7577
+ onSubmit: handleUseAnotherStripeAccount
7578
+ })]
7579
+ });
7402
7580
  };
7403
7581
 
7404
7582
  var Configure = function Configure(_ref) {
@@ -7415,25 +7593,29 @@ var Configure = function Configure(_ref) {
7415
7593
  window.open(onboarding === null || onboarding === void 0 ? void 0 : onboarding.url, "_self");
7416
7594
  };
7417
7595
  var connectDescription = isPresent(stripeAccount) ? t("neetoPayments.integrationModal.linkedDescription") : t("neetoPayments.integrationModal.subtitle");
7418
- return /*#__PURE__*/React__default.createElement("div", {
7419
- className: "mx-auto w-full max-w-lg space-y-8"
7420
- }, /*#__PURE__*/React__default.createElement("div", {
7421
- className: "space-y-2"
7422
- }, /*#__PURE__*/React__default.createElement(SvgStripe, null), /*#__PURE__*/React__default.createElement(Typography, {
7423
- "data-cy": "configure-payment-title",
7424
- style: "h2",
7425
- weight: "semibold"
7426
- }, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React__default.createElement(Label, {
7427
- className: "leading-snug"
7428
- }, connectDescription)), isPresent(stripeAccount) ? /*#__PURE__*/React__default.createElement(AccountProcessing, {
7429
- onAccountCreated: handleStripeAccountCreated,
7430
- holdableId: holdableId,
7431
- returnUrl: returnUrl
7432
- }) : /*#__PURE__*/React__default.createElement(AccountForm, {
7433
- holdableId: holdableId,
7434
- returnUrl: returnUrl,
7435
- onAccountCreated: handleStripeAccountCreated
7436
- }));
7596
+ return /*#__PURE__*/jsxs("div", {
7597
+ className: "mx-auto w-full max-w-lg space-y-8",
7598
+ children: [/*#__PURE__*/jsxs("div", {
7599
+ className: "space-y-2",
7600
+ children: [/*#__PURE__*/jsx(SvgStripe, {}), /*#__PURE__*/jsx(Typography, {
7601
+ "data-cy": "configure-payment-title",
7602
+ style: "h2",
7603
+ weight: "semibold",
7604
+ children: t("neetoPayments.integrationModal.title")
7605
+ }), /*#__PURE__*/jsx(Label, {
7606
+ className: "leading-snug",
7607
+ children: connectDescription
7608
+ })]
7609
+ }), isPresent(stripeAccount) ? /*#__PURE__*/jsx(AccountProcessing, {
7610
+ onAccountCreated: handleStripeAccountCreated,
7611
+ holdableId: holdableId,
7612
+ returnUrl: returnUrl
7613
+ }) : /*#__PURE__*/jsx(AccountForm, {
7614
+ holdableId: holdableId,
7615
+ returnUrl: returnUrl,
7616
+ onAccountCreated: handleStripeAccountCreated
7617
+ })]
7618
+ });
7437
7619
  };
7438
7620
 
7439
7621
  /*! @license DOMPurify 3.0.2 | (c) Cure53 and other contributors | Released under the Apache license 2.0 and Mozilla Public License 2.0 | github.com/cure53/DOMPurify/blob/3.0.2/LICENSE */
@@ -9063,45 +9245,51 @@ var Connect = function Connect(_ref) {
9063
9245
  }
9064
9246
  window.location.href = purify.sanitize(stripeConnectUrl);
9065
9247
  };
9066
- return /*#__PURE__*/React__default.createElement("div", {
9067
- className: "mx-auto w-full max-w-lg space-y-8"
9068
- }, /*#__PURE__*/React__default.createElement("div", {
9069
- className: "space-y-2"
9070
- }, /*#__PURE__*/React__default.createElement(SvgStripe, null), /*#__PURE__*/React__default.createElement(Typography, {
9071
- "data-cy": "configure-payment-title",
9072
- style: "h2",
9073
- weight: "semibold"
9074
- }, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React__default.createElement(Label, {
9075
- className: "leading-snug"
9076
- }, t("neetoPayments.integrationModal.subtitle"))), /*#__PURE__*/React__default.createElement(Radio, {
9077
- stacked: true,
9078
- value: selectedOption,
9079
- onChange: function onChange(event) {
9080
- return setSelectedOption(event.target.value);
9081
- }
9082
- }, /*#__PURE__*/React__default.createElement(Radio.Item, {
9083
- className: "neeto-ui-border-black w-96 py-2",
9084
- label: t("neetoPayments.integrationModal.createAccount"),
9085
- name: "accountMethod",
9086
- value: INTEGRATION_METHOD.createNewAccount
9087
- }), /*#__PURE__*/React__default.createElement(Radio.Item, {
9088
- className: "neeto-ui-border-black w-96 py-2",
9089
- label: t("neetoPayments.integrationModal.connectAccount"),
9090
- name: "accountMethod",
9091
- value: INTEGRATION_METHOD.useExistingAccount
9092
- })), /*#__PURE__*/React__default.createElement(Button, {
9093
- label: t("neetoPayments.common.continue"),
9094
- onClick: handleSubmit
9095
- }));
9248
+ return /*#__PURE__*/jsxs("div", {
9249
+ className: "mx-auto w-full max-w-lg space-y-8",
9250
+ children: [/*#__PURE__*/jsxs("div", {
9251
+ className: "space-y-2",
9252
+ children: [/*#__PURE__*/jsx(SvgStripe, {}), /*#__PURE__*/jsx(Typography, {
9253
+ "data-cy": "configure-payment-title",
9254
+ style: "h2",
9255
+ weight: "semibold",
9256
+ children: t("neetoPayments.integrationModal.title")
9257
+ }), /*#__PURE__*/jsx(Label, {
9258
+ className: "leading-snug",
9259
+ children: t("neetoPayments.integrationModal.subtitle")
9260
+ })]
9261
+ }), /*#__PURE__*/jsxs(Radio, {
9262
+ stacked: true,
9263
+ value: selectedOption,
9264
+ onChange: function onChange(event) {
9265
+ return setSelectedOption(event.target.value);
9266
+ },
9267
+ children: [/*#__PURE__*/jsx(Radio.Item, {
9268
+ className: "neeto-ui-border-black w-96 py-2",
9269
+ label: t("neetoPayments.integrationModal.createAccount"),
9270
+ name: "accountMethod",
9271
+ value: INTEGRATION_METHOD.createNewAccount
9272
+ }), /*#__PURE__*/jsx(Radio.Item, {
9273
+ className: "neeto-ui-border-black w-96 py-2",
9274
+ label: t("neetoPayments.integrationModal.connectAccount"),
9275
+ name: "accountMethod",
9276
+ value: INTEGRATION_METHOD.useExistingAccount
9277
+ })]
9278
+ }), /*#__PURE__*/jsx(Button, {
9279
+ label: t("neetoPayments.common.continue"),
9280
+ onClick: handleSubmit
9281
+ })]
9282
+ });
9096
9283
  };
9097
9284
 
9098
9285
  var Finish = withT(function (_ref) {
9099
9286
  var t = _ref.t,
9100
9287
  onSuccess = _ref.onSuccess;
9101
- return /*#__PURE__*/React__default.createElement(Finish$1, {
9288
+ return /*#__PURE__*/jsx(Finish$1, {
9102
9289
  title: t("v2.payment.finishTitle"),
9103
- onClick: onSuccess
9104
- }, /*#__PURE__*/React__default.createElement(AccountDetails, null));
9290
+ onClick: onSuccess,
9291
+ children: /*#__PURE__*/jsx(AccountDetails, {})
9292
+ });
9105
9293
  });
9106
9294
 
9107
9295
  function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -9142,22 +9330,23 @@ var StripeConnect = function StripeConnect(_ref) {
9142
9330
  isCompleted: activeTab === STEPS.demo
9143
9331
  })];
9144
9332
  }, [activeTab, stripeAccount]);
9145
- return /*#__PURE__*/React__default.createElement(Modal$1, {
9333
+ return /*#__PURE__*/jsxs(Modal$1, {
9146
9334
  isOpen: isOpen,
9147
9335
  onClose: onClose,
9148
- steps: steps
9149
- }, activeTab === STEPS.connect && /*#__PURE__*/React__default.createElement(Connect, {
9150
- holdableId: holdableId,
9151
- returnUrl: returnUrl,
9152
- setActiveTab: setActiveTab
9153
- }), activeTab === STEPS.configure && /*#__PURE__*/React__default.createElement(Configure, {
9154
- holdableId: holdableId,
9155
- returnUrl: returnUrl
9156
- }), activeTab === STEPS.finish && /*#__PURE__*/React__default.createElement(Finish, {
9157
- onSuccess: onClose
9158
- }), activeTab === STEPS.demo && /*#__PURE__*/React__default.createElement(Demo, {
9159
- onClose: onClose
9160
- }));
9336
+ steps: steps,
9337
+ children: [activeTab === STEPS.connect && /*#__PURE__*/jsx(Connect, {
9338
+ holdableId: holdableId,
9339
+ returnUrl: returnUrl,
9340
+ setActiveTab: setActiveTab
9341
+ }), activeTab === STEPS.configure && /*#__PURE__*/jsx(Configure, {
9342
+ holdableId: holdableId,
9343
+ returnUrl: returnUrl
9344
+ }), activeTab === STEPS.finish && /*#__PURE__*/jsx(Finish, {
9345
+ onSuccess: onClose
9346
+ }), activeTab === STEPS.demo && /*#__PURE__*/jsx(Demo, {
9347
+ onClose: onClose
9348
+ })]
9349
+ });
9161
9350
  };
9162
9351
 
9163
9352
  var VALIDATION_SCHEMA$1 = yup.object({
@@ -9169,31 +9358,35 @@ var Add = function Add(_ref) {
9169
9358
  var _useTranslation = useTranslation(),
9170
9359
  t = _useTranslation.t;
9171
9360
  var history = useHistory();
9172
- return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Form, {
9173
- formikProps: {
9174
- initialValues: {
9175
- upiId: ""
9361
+ return /*#__PURE__*/jsx("div", {
9362
+ children: /*#__PURE__*/jsx(Form, {
9363
+ formikProps: {
9364
+ initialValues: {
9365
+ upiId: ""
9366
+ },
9367
+ onSubmit: handleCreateUpiId,
9368
+ validationSchema: VALIDATION_SCHEMA$1
9176
9369
  },
9177
- onSubmit: handleCreateUpiId,
9178
- validationSchema: VALIDATION_SCHEMA$1
9179
- }
9180
- }, /*#__PURE__*/React__default.createElement("div", {
9181
- className: "space-y-3"
9182
- }, /*#__PURE__*/React__default.createElement(Input, {
9183
- className: "w-64",
9184
- label: t("neetoPayments.upi.form.enterUpi"),
9185
- name: "upiId",
9186
- placeholder: t("neetoPayments.upi.form.enterUpi")
9187
- }), /*#__PURE__*/React__default.createElement(ActionBlock, {
9188
- cancelButtonProps: {
9189
- onClick: function onClick() {
9190
- return history.goBack();
9191
- }
9192
- },
9193
- submitButtonProps: {
9194
- label: t("neetoPayments.upi.form.add")
9195
- }
9196
- }))));
9370
+ children: /*#__PURE__*/jsxs("div", {
9371
+ className: "space-y-3",
9372
+ children: [/*#__PURE__*/jsx(Input, {
9373
+ className: "w-64",
9374
+ label: t("neetoPayments.upi.form.enterUpi"),
9375
+ name: "upiId",
9376
+ placeholder: t("neetoPayments.upi.form.enterUpi")
9377
+ }), /*#__PURE__*/jsx(ActionBlock, {
9378
+ cancelButtonProps: {
9379
+ onClick: function onClick() {
9380
+ return history.goBack();
9381
+ }
9382
+ },
9383
+ submitButtonProps: {
9384
+ label: t("neetoPayments.upi.form.add")
9385
+ }
9386
+ })]
9387
+ })
9388
+ })
9389
+ });
9197
9390
  };
9198
9391
 
9199
9392
  var getColumnData = function getColumnData(handleDeleteClick) {
@@ -9203,23 +9396,25 @@ var getColumnData = function getColumnData(handleDeleteClick) {
9203
9396
  key: "address",
9204
9397
  width: 272,
9205
9398
  render: function render(_, upiId) {
9206
- return /*#__PURE__*/React__default.createElement("div", {
9207
- className: "flex items-center justify-between gap-3"
9208
- }, /*#__PURE__*/React__default.createElement(Typography, {
9209
- className: "w-4/5",
9210
- style: "body2"
9211
- }, upiId.address), /*#__PURE__*/React__default.createElement(MoreDropdown, {
9212
- dropdownProps: {
9213
- strategy: "fixed"
9214
- },
9215
- menuItems: [{
9216
- key: "delete-meeting",
9217
- label: t$1("neetoPayments.common.delete"),
9218
- onClick: function onClick() {
9219
- return handleDeleteClick(upiId);
9220
- }
9221
- }]
9222
- }));
9399
+ return /*#__PURE__*/jsxs("div", {
9400
+ className: "flex items-center justify-between gap-3",
9401
+ children: [/*#__PURE__*/jsx(Typography, {
9402
+ className: "w-4/5",
9403
+ style: "body2",
9404
+ children: upiId.address
9405
+ }), /*#__PURE__*/jsx(MoreDropdown, {
9406
+ dropdownProps: {
9407
+ strategy: "fixed"
9408
+ },
9409
+ menuItems: [{
9410
+ key: "delete-meeting",
9411
+ label: t$1("neetoPayments.common.delete"),
9412
+ onClick: function onClick() {
9413
+ return handleDeleteClick(upiId);
9414
+ }
9415
+ }]
9416
+ })]
9417
+ });
9223
9418
  }
9224
9419
  }, {
9225
9420
  title: t$1("neetoPayments.common.createdAt"),
@@ -9257,24 +9452,26 @@ var List$1 = function List(_ref) {
9257
9452
  if (isEmpty(upiIds)) {
9258
9453
  return null;
9259
9454
  }
9260
- return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Table, {
9261
- columnData: getColumnData(handleOpenDeleteModal),
9262
- rowData: upiIds
9263
- }), /*#__PURE__*/React__default.createElement(Alert, {
9264
- isOpen: isAlertOpen,
9265
- title: t("neetoPayments.upi.alert.title"),
9266
- message: /*#__PURE__*/React__default.createElement(Trans, {
9267
- components: {
9268
- b: /*#__PURE__*/React__default.createElement("strong", null)
9269
- },
9270
- i18nKey: "neetoPayments.upi.alert.message",
9271
- values: {
9272
- upiId: selectedUpiId.address
9273
- }
9274
- }),
9275
- onClose: handleAlertClose,
9276
- onSubmit: handleAlertSubmit
9277
- }));
9455
+ return /*#__PURE__*/jsxs(Fragment, {
9456
+ children: [/*#__PURE__*/jsx(Table, {
9457
+ columnData: getColumnData(handleOpenDeleteModal),
9458
+ rowData: upiIds
9459
+ }), /*#__PURE__*/jsx(Alert, {
9460
+ isOpen: isAlertOpen,
9461
+ title: t("neetoPayments.upi.alert.title"),
9462
+ message: /*#__PURE__*/jsx(Trans, {
9463
+ components: {
9464
+ b: /*#__PURE__*/jsx("strong", {})
9465
+ },
9466
+ i18nKey: "neetoPayments.upi.alert.message",
9467
+ values: {
9468
+ upiId: selectedUpiId.address
9469
+ }
9470
+ }),
9471
+ onClose: handleAlertClose,
9472
+ onSubmit: handleAlertSubmit
9473
+ })]
9474
+ });
9278
9475
  };
9279
9476
 
9280
9477
  var UpiConnect = function UpiConnect(_ref) {
@@ -9288,16 +9485,17 @@ var UpiConnect = function UpiConnect(_ref) {
9288
9485
  handleDeleteUpiId = _ref$handleDeleteUpiI === void 0 ? noop : _ref$handleDeleteUpiI,
9289
9486
  _ref$handleCreateUpiI = _ref.handleCreateUpiId,
9290
9487
  handleCreateUpiId = _ref$handleCreateUpiI === void 0 ? noop : _ref$handleCreateUpiI;
9291
- if (isLoading) return /*#__PURE__*/React__default.createElement(Spinner, null);
9292
- return /*#__PURE__*/React__default.createElement("div", {
9293
- className: "flex w-full max-w-3xl flex-col items-start space-y-6"
9294
- }, /*#__PURE__*/React__default.createElement(Add, {
9295
- handleCreateUpiId: handleCreateUpiId
9296
- }), /*#__PURE__*/React__default.createElement(List$1, {
9297
- handleDeleteUpiId: handleDeleteUpiId,
9298
- isDeleting: isDeleting,
9299
- upiIds: upiIds
9300
- }));
9488
+ if (isLoading) return /*#__PURE__*/jsx(Spinner, {});
9489
+ return /*#__PURE__*/jsxs("div", {
9490
+ className: "flex w-full max-w-3xl flex-col items-start space-y-6",
9491
+ children: [/*#__PURE__*/jsx(Add, {
9492
+ handleCreateUpiId: handleCreateUpiId
9493
+ }), /*#__PURE__*/jsx(List$1, {
9494
+ handleDeleteUpiId: handleDeleteUpiId,
9495
+ isDeleting: isDeleting,
9496
+ upiIds: upiIds
9497
+ })]
9498
+ });
9301
9499
  };
9302
9500
 
9303
9501
  var create = function create(payload) {
@@ -9343,7 +9541,7 @@ var UpiMarkAsPaidButton = function UpiMarkAsPaidButton(_ref) {
9343
9541
  payableId: payableId
9344
9542
  });
9345
9543
  };
9346
- return /*#__PURE__*/React__default.createElement(Button, {
9544
+ return /*#__PURE__*/jsx(Button, {
9347
9545
  label: t("neetoPayments.upi.payment.buttons.markAsPaid"),
9348
9546
  loading: isLoading,
9349
9547
  onClick: handleClick
@@ -9380,50 +9578,56 @@ var UpiPayment = function UpiPayment(_ref) {
9380
9578
  createPayment(payload);
9381
9579
  onSubmit(values);
9382
9580
  };
9383
- return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Form, {
9384
- className: "space-y-4",
9385
- formikProps: {
9386
- onSubmit: handleSubmit,
9387
- initialValues: {
9388
- transactionId: ""
9389
- },
9390
- validationSchema: VALIDATION_SCHEMA
9391
- }
9392
- }, /*#__PURE__*/React__default.createElement(Typography, {
9393
- style: "body1"
9394
- }, t("neetoPayments.upi.payment.vpaText", {
9395
- count: vpaIds.length
9396
- })), isPresent(vpaIds) && /*#__PURE__*/React__default.createElement("div", {
9397
- className: "grid grid-cols-1 gap-8 gap-y-4 sm:grid-cols-2"
9398
- }, vpaIds.map(function (vpaId) {
9399
- return /*#__PURE__*/React__default.createElement("div", {
9400
- className: "flex flex-col items-center justify-center",
9401
- key: vpaId
9402
- }, /*#__PURE__*/React__default.createElement(QRCodeImage, {
9403
- size: 256,
9404
- style: {
9405
- width: 80,
9406
- height: 80
9581
+ return /*#__PURE__*/jsx("div", {
9582
+ children: /*#__PURE__*/jsxs(Form, {
9583
+ className: "space-y-4",
9584
+ formikProps: {
9585
+ onSubmit: handleSubmit,
9586
+ initialValues: {
9587
+ transactionId: ""
9588
+ },
9589
+ validationSchema: VALIDATION_SCHEMA
9407
9590
  },
9408
- value: vpaIdToQrCodeValue(vpaId)
9409
- }), /*#__PURE__*/React__default.createElement(Typography, {
9410
- className: "mt-2 w-full break-words text-center",
9411
- style: "body2"
9412
- }, vpaId));
9413
- })), /*#__PURE__*/React__default.createElement(Input, {
9414
- required: true,
9415
- label: t("neetoPayments.upi.payment.transaction.label"),
9416
- name: "transactionId",
9417
- placeholder: t("neetoPayments.upi.payment.transaction.placeholder")
9418
- }), /*#__PURE__*/React__default.createElement(ActionBlock, {
9419
- cancelButtonProps: {
9420
- label: t("neetoPayments.upi.payment.buttons.back"),
9421
- onClick: onBackClick
9422
- },
9423
- submitButtonProps: {
9424
- label: t("neetoPayments.upi.payment.buttons.submit")
9425
- }
9426
- })));
9591
+ children: [/*#__PURE__*/jsx(Typography, {
9592
+ style: "body1",
9593
+ children: t("neetoPayments.upi.payment.vpaText", {
9594
+ count: vpaIds.length
9595
+ })
9596
+ }), isPresent(vpaIds) && /*#__PURE__*/jsx("div", {
9597
+ className: "grid grid-cols-1 gap-8 gap-y-4 sm:grid-cols-2",
9598
+ children: vpaIds.map(function (vpaId) {
9599
+ return /*#__PURE__*/jsxs("div", {
9600
+ className: "flex flex-col items-center justify-center",
9601
+ children: [/*#__PURE__*/jsx(QRCodeImage, {
9602
+ size: 256,
9603
+ style: {
9604
+ width: 80,
9605
+ height: 80
9606
+ },
9607
+ value: vpaIdToQrCodeValue(vpaId)
9608
+ }), /*#__PURE__*/jsx(Typography, {
9609
+ className: "mt-2 w-full break-words text-center",
9610
+ style: "body2",
9611
+ children: vpaId
9612
+ })]
9613
+ }, vpaId);
9614
+ })
9615
+ }), /*#__PURE__*/jsx(Input, {
9616
+ required: true,
9617
+ label: t("neetoPayments.upi.payment.transaction.label"),
9618
+ name: "transactionId",
9619
+ placeholder: t("neetoPayments.upi.payment.transaction.placeholder")
9620
+ }), /*#__PURE__*/jsx(ActionBlock, {
9621
+ cancelButtonProps: {
9622
+ label: t("neetoPayments.upi.payment.buttons.back"),
9623
+ onClick: onBackClick
9624
+ },
9625
+ submitButtonProps: {
9626
+ label: t("neetoPayments.upi.payment.buttons.submit")
9627
+ }
9628
+ })]
9629
+ })
9630
+ });
9427
9631
  };
9428
9632
 
9429
9633
  var TAB = {
@@ -9592,45 +9796,47 @@ var List = function List(_ref) {
9592
9796
  return !hiddenColumns.includes(processDataIndex(dataIndex));
9593
9797
  });
9594
9798
  if (isPaymentsLoading) {
9595
- return /*#__PURE__*/React__default.createElement(PageLoader, null);
9799
+ return /*#__PURE__*/jsx(PageLoader, {});
9596
9800
  }
9597
9801
  if (!isPresent(payments)) {
9598
- return /*#__PURE__*/React__default.createElement("div", {
9599
- className: "flex h-full w-full items-center justify-center"
9600
- }, /*#__PURE__*/React__default.createElement(NoData, {
9601
- title: tab === TAB.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
9602
- status: tab
9802
+ return /*#__PURE__*/jsx("div", {
9803
+ className: "flex h-full w-full items-center justify-center",
9804
+ children: /*#__PURE__*/jsx(NoData, {
9805
+ title: tab === TAB.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
9806
+ status: tab
9807
+ })
9603
9808
  })
9604
- }));
9809
+ });
9605
9810
  }
9606
- return /*#__PURE__*/React__default.createElement(TableWrapper, {
9607
- hasPagination: views > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
9608
- }, /*#__PURE__*/React__default.createElement(Table, {
9609
- fixedHeight: true,
9610
- allowRowClick: false,
9611
- columnData: visibleColumns,
9612
- currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
9613
- handlePageChange: handleTablePaginaton,
9614
- loading: isFetching,
9615
- rowData: buildRowData({
9616
- data: payments,
9617
- pageProperties: pageProperties,
9618
- tab: tab
9619
- }),
9620
- rowSelection: false,
9621
- sortDirections: SORT_DIRECTIONS,
9622
- totalCount: views,
9623
- paginationProps: {
9624
- showSizeChanger: true,
9625
- hideOnSinglePage: true,
9626
- pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
9627
- total: views
9628
- },
9629
- onChange: handleTableChange,
9630
- onColumnHide: function onColumnHide(columnData) {
9631
- hideColumn(processDataIndex(columnData.dataIndex));
9632
- }
9633
- }));
9811
+ return /*#__PURE__*/jsx(TableWrapper, {
9812
+ hasPagination: views > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize),
9813
+ children: /*#__PURE__*/jsx(Table, {
9814
+ fixedHeight: true,
9815
+ allowRowClick: false,
9816
+ columnData: visibleColumns,
9817
+ currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
9818
+ handlePageChange: handleTablePaginaton,
9819
+ loading: isFetching,
9820
+ rowData: buildRowData({
9821
+ data: payments,
9822
+ pageProperties: pageProperties,
9823
+ tab: tab
9824
+ }),
9825
+ rowSelection: false,
9826
+ sortDirections: SORT_DIRECTIONS,
9827
+ totalCount: views,
9828
+ paginationProps: {
9829
+ showSizeChanger: true,
9830
+ hideOnSinglePage: true,
9831
+ pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
9832
+ total: views
9833
+ },
9834
+ onChange: handleTableChange,
9835
+ onColumnHide: function onColumnHide(columnData) {
9836
+ hideColumn(processDataIndex(columnData.dataIndex));
9837
+ }
9838
+ })
9839
+ });
9634
9840
  };
9635
9841
 
9636
9842
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -9664,24 +9870,26 @@ var V2PaymentsDashboard = function V2PaymentsDashboard(_ref) {
9664
9870
  // Note: For now this component would be called UPI payments
9665
9871
  // Note: This cannot be called payments as right now this only shows upi payments.
9666
9872
  // TODO: Once other payments are integrated change the header and subsequent usages of "upi"
9667
- React__default.createElement(FilterWrapper, _extends$1({
9873
+ jsx(FilterWrapper, _objectSpread(_objectSpread({
9668
9874
  title: t("neetoPayments.common.upiPayments")
9669
9875
  }, _objectSpread({
9670
9876
  headerProps: headerProps,
9671
9877
  kind: kind,
9672
9878
  payableEntityColumns: payableEntityColumns,
9673
9879
  searchProps: searchProps
9674
- }, filterPaginationState)), /*#__PURE__*/React__default.createElement(List, {
9675
- filters: filters,
9676
- kind: kind,
9677
- pageProperties: pageProperties,
9678
- payableEntityColumns: payableEntityColumns,
9679
- setDataSize: setDataSize,
9680
- setIsFilterButtonVisible: setIsFilterButtonVisible,
9681
- setPageProperties: setPageProperties,
9682
- setSortProperties: setSortProperties,
9683
- sortProperties: sortProperties,
9684
- tab: tab
9880
+ }, filterPaginationState)), {}, {
9881
+ children: /*#__PURE__*/jsx(List, {
9882
+ filters: filters,
9883
+ kind: kind,
9884
+ pageProperties: pageProperties,
9885
+ payableEntityColumns: payableEntityColumns,
9886
+ setDataSize: setDataSize,
9887
+ setIsFilterButtonVisible: setIsFilterButtonVisible,
9888
+ setPageProperties: setPageProperties,
9889
+ setSortProperties: setSortProperties,
9890
+ sortProperties: sortProperties,
9891
+ tab: tab
9892
+ })
9685
9893
  }))
9686
9894
  );
9687
9895
  };