@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.cjs.js CHANGED
@@ -16,6 +16,7 @@ var reactQuery = require('react-query');
16
16
  var devtools = require('react-query/devtools');
17
17
  var constants = require('@bigbinary/neeto-commons-frontend/constants');
18
18
  var Toastr = require('@bigbinary/neetoui/Toastr');
19
+ var jsxRuntime = require('react/jsx-runtime');
19
20
  var neetoIcons = require('@bigbinary/neeto-icons');
20
21
  var Button = require('@bigbinary/neetoui/Button');
21
22
  var Modal = require('@bigbinary/neetoui/Modal');
@@ -158,53 +159,6 @@ function _slicedToArray(arr, i) {
158
159
  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
159
160
  }
160
161
 
161
- var queryClient = new reactQuery.QueryClient({
162
- queryCache: new reactQuery.QueryCache(),
163
- defaultOptions: {
164
- queries: {
165
- staleTime: constants.DEFAULT_STALE_TIME,
166
- keepPreviousData: true,
167
- onError: function onError(error) {
168
- return Toastr__default["default"].error(error);
169
- }
170
- }
171
- }
172
- });
173
-
174
- var withReactQuery = function withReactQuery(Component) {
175
- var QueryWrapper = function QueryWrapper(props) {
176
- return /*#__PURE__*/React__default["default"].createElement(reactQuery.QueryClientProvider, {
177
- client: queryClient
178
- }, /*#__PURE__*/React__default["default"].createElement(Component, props), /*#__PURE__*/React__default["default"].createElement(devtools.ReactQueryDevtools, {
179
- initialIsOpen: false,
180
- position: "bottom-right"
181
- }));
182
- };
183
- return QueryWrapper;
184
- };
185
-
186
- var TAB$5 = {
187
- all: "all",
188
- connected: "connected",
189
- disconnected: "disconnected",
190
- incomplete: "incomplete"
191
- };
192
- var TABS$5 = Object.values(TAB$5);
193
- var SEARCH_PROPS$1 = {
194
- key: "keyword",
195
- node: "identifier,user.first_name,last_name,email",
196
- model: "NeetoPaymentsEngine::Stripe::Account,User"
197
- };
198
- var DASHBOARD_MANDATORY_COLUMNS$2 = ["id", "status", "identifier"];
199
- var FILTER_COLUMNS$3 = [{
200
- key: "created_at",
201
- label: i18next.t("neetoPayments.common.createdAt"),
202
- node: "created_at",
203
- type: "date",
204
- showRuleSelector: true
205
- }];
206
- var STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY = "stripeAccountsDashboard";
207
-
208
162
  function _typeof$1(o) {
209
163
  "@babel/helpers - typeof";
210
164
 
@@ -246,6 +200,56 @@ function _defineProperty(obj, key, value) {
246
200
  return obj;
247
201
  }
248
202
 
203
+ var queryClient = new reactQuery.QueryClient({
204
+ queryCache: new reactQuery.QueryCache(),
205
+ defaultOptions: {
206
+ queries: {
207
+ staleTime: constants.DEFAULT_STALE_TIME,
208
+ keepPreviousData: true,
209
+ onError: function onError(error) {
210
+ return Toastr__default["default"].error(error);
211
+ }
212
+ }
213
+ }
214
+ });
215
+
216
+ 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; }
217
+ 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; }
218
+ var withReactQuery = function withReactQuery(Component) {
219
+ var QueryWrapper = function QueryWrapper(props) {
220
+ return /*#__PURE__*/jsxRuntime.jsxs(reactQuery.QueryClientProvider, {
221
+ client: queryClient,
222
+ children: [/*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$l({}, props)), /*#__PURE__*/jsxRuntime.jsx(devtools.ReactQueryDevtools, {
223
+ initialIsOpen: false,
224
+ position: "bottom-right"
225
+ })]
226
+ });
227
+ };
228
+ return QueryWrapper;
229
+ };
230
+
231
+ var TAB$5 = {
232
+ all: "all",
233
+ connected: "connected",
234
+ disconnected: "disconnected",
235
+ incomplete: "incomplete"
236
+ };
237
+ var TABS$5 = Object.values(TAB$5);
238
+ var SEARCH_PROPS$1 = {
239
+ key: "keyword",
240
+ node: "identifier,user.first_name,last_name,email",
241
+ model: "NeetoPaymentsEngine::Stripe::Account,User"
242
+ };
243
+ var DASHBOARD_MANDATORY_COLUMNS$2 = ["id", "status", "identifier"];
244
+ var FILTER_COLUMNS$3 = [{
245
+ key: "created_at",
246
+ label: i18next.t("neetoPayments.common.createdAt"),
247
+ node: "created_at",
248
+ type: "date",
249
+ showRuleSelector: true
250
+ }];
251
+ var STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY = "stripeAccountsDashboard";
252
+
249
253
  var BASE_URL = "payments";
250
254
  var STRIPE_DASHBOARD_LINK = "https://dashboard.stripe.com/";
251
255
  var CURRENCY_OPTIONS = [{
@@ -770,8 +774,8 @@ var buildStripePayoutLink = function buildStripePayoutLink(identifier) {
770
774
  return "".concat(STRIPE_DASHBOARD_LINK).concat(isLive ? "" : "test/", "payouts/").concat(identifier);
771
775
  };
772
776
 
773
- 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; }
774
- 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; }
777
+ 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; }
778
+ 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; }
775
779
  var ExportModal$2 = function ExportModal(_ref) {
776
780
  var showExportModal = _ref.showExportModal,
777
781
  setShowExportModal = _ref.setShowExportModal,
@@ -797,13 +801,12 @@ var ExportModal$2 = function ExportModal(_ref) {
797
801
  return "account-report-".concat(uuidV4());
798
802
  }, []);
799
803
  var receivedCallback = function receivedCallback(data) {
800
- if (data.download_url) {
801
- setDownloadUrl(data.download_url);
802
- setIsGenerating(false);
803
- }
804
+ if (!data.download_url) return;
805
+ setDownloadUrl(data.download_url);
806
+ setIsGenerating(false);
804
807
  };
805
808
  var handleGenerateClick = function handleGenerateClick() {
806
- var payload = _objectSpread$f({
809
+ var payload = _objectSpread$k({
807
810
  kind: "account",
808
811
  token: token,
809
812
  filters: filters,
@@ -830,33 +833,44 @@ var ExportModal$2 = function ExportModal(_ref) {
830
833
  var onClose = function onClose() {
831
834
  return setShowExportModal(false);
832
835
  };
833
- return /*#__PURE__*/React__default["default"].createElement(Modal__default["default"], {
836
+ return /*#__PURE__*/jsxRuntime.jsxs(Modal__default["default"], {
834
837
  onClose: onClose,
835
- isOpen: showExportModal
836
- }, /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
837
- style: "h2"
838
- }, t("neetoPayments.export.title.account"))), /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Body, null, isFileLoading ? /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
839
- style: "body2"
840
- }, t("neetoPayments.export.pleaseWait")) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
841
- style: "body2"
842
- }, downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.account"))), /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Footer, {
843
- className: "space-x-2"
844
- }, downloadUrl ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
845
- href: downloadUrl,
846
- icon: neetoIcons.Download,
847
- label: t("neetoPayments.common.download"),
848
- onClick: onClose
849
- }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
850
- disabled: isFileLoading,
851
- label: t("neetoPayments.common.export"),
852
- loading: isFileLoading,
853
- onClick: handleGenerateClick
854
- }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
855
- disabled: isFileLoading,
856
- label: t("neetoPayments.common.cancel"),
857
- style: "text",
858
- onClick: onClose
859
- }))));
838
+ isOpen: showExportModal,
839
+ children: [/*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Header, {
840
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
841
+ style: "h2",
842
+ children: t("neetoPayments.export.title.account")
843
+ })
844
+ }), /*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Body, {
845
+ children: isFileLoading ? /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
846
+ style: "body2",
847
+ children: t("neetoPayments.export.pleaseWait")
848
+ }) : /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
849
+ style: "body2",
850
+ children: downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.account")
851
+ })
852
+ }), /*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Footer, {
853
+ className: "space-x-2",
854
+ children: downloadUrl ? /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
855
+ href: downloadUrl,
856
+ icon: neetoIcons.Download,
857
+ label: t("neetoPayments.common.download"),
858
+ onClick: onClose
859
+ }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
860
+ children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
861
+ disabled: isFileLoading,
862
+ label: t("neetoPayments.common.cancel"),
863
+ style: "tertiary",
864
+ onClick: onClose
865
+ }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
866
+ disabled: isFileLoading,
867
+ label: t("neetoPayments.common.export"),
868
+ loading: isFileLoading,
869
+ onClick: handleGenerateClick
870
+ })]
871
+ })
872
+ })]
873
+ });
860
874
  };
861
875
 
862
876
  function _arrayWithoutHoles(arr) {
@@ -875,8 +889,8 @@ function _toConsumableArray(arr) {
875
889
  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
876
890
  }
877
891
 
878
- 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; }
879
- 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; }
892
+ 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; }
893
+ 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; }
880
894
  var processSortProperties = function processSortProperties(sortProperties) {
881
895
  if (sortProperties.sortBy === "payment_amount") {
882
896
  return ramda.assoc("sortBy", "neeto_payments_engine_stripe_transactions.amount", sortProperties);
@@ -891,7 +905,7 @@ var processSortProperties = function processSortProperties(sortProperties) {
891
905
  };
892
906
  var buildDefaultPageProperties = function buildDefaultPageProperties(tabs) {
893
907
  return tabs.reduce(function (pageProperties, tab) {
894
- return _objectSpread$e(_objectSpread$e({}, pageProperties), {}, _defineProperty({}, tab, DEFAULT_PAGE_VALUES));
908
+ return _objectSpread$j(_objectSpread$j({}, pageProperties), {}, _defineProperty({}, tab, DEFAULT_PAGE_VALUES));
895
909
  }, {});
896
910
  };
897
911
  var buildPayload = function buildPayload(_ref) {
@@ -903,7 +917,7 @@ var buildPayload = function buildPayload(_ref) {
903
917
  sortProperties = _ref$sortProperties === void 0 ? {} : _ref$sortProperties,
904
918
  _ref$payoutId = _ref.payoutId,
905
919
  payoutId = _ref$payoutId === void 0 ? null : _ref$payoutId;
906
- return _objectSpread$e({
920
+ return _objectSpread$j({
907
921
  tab: neetoCist.camelToSnakeCase(tab),
908
922
  payoutId: payoutId,
909
923
  page: (_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.page,
@@ -919,7 +933,7 @@ var buildRowData$1 = function buildRowData(_ref2) {
919
933
  tab = _ref2$tab === void 0 ? "all" : _ref2$tab;
920
934
  return data.map(function (element, index) {
921
935
  var _pageProperties$tab3, _pageProperties$tab4;
922
- return _objectSpread$e(_objectSpread$e({}, element), {}, {
936
+ return _objectSpread$j(_objectSpread$j({}, element), {}, {
923
937
  payable: element.payable,
924
938
  identifier: element,
925
939
  id: ramda.isEmpty(pageProperties) ? index + 1 : ((_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize) * (((_pageProperties$tab4 = pageProperties[tab]) === null || _pageProperties$tab4 === void 0 ? void 0 : _pageProperties$tab4.page) - 1) + index + 1
@@ -930,15 +944,17 @@ var buildRowData$1 = function buildRowData(_ref2) {
930
944
  var CopyButtonWrapper = function CopyButtonWrapper(_ref) {
931
945
  var content = _ref.content,
932
946
  children = _ref.children;
933
- return /*#__PURE__*/React__default["default"].createElement("div", {
934
- className: "flex items-center space-x-2"
935
- }, children, neetoCist.isPresent(content) && /*#__PURE__*/React__default["default"].createElement("div", {
936
- className: "identifier-copy-button invisible"
937
- }, /*#__PURE__*/React__default["default"].createElement(CopyToClipboardButton__default["default"], {
938
- size: "small",
939
- style: "text",
940
- value: content
941
- })));
947
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
948
+ className: "flex items-center space-x-2",
949
+ children: [children, neetoCist.isPresent(content) && /*#__PURE__*/jsxRuntime.jsx("div", {
950
+ className: "identifier-copy-button invisible",
951
+ children: /*#__PURE__*/jsxRuntime.jsx(CopyToClipboardButton__default["default"], {
952
+ size: "small",
953
+ style: "text",
954
+ value: content
955
+ })
956
+ })]
957
+ });
942
958
  };
943
959
 
944
960
  var getTagStyle = function getTagStyle(status) {
@@ -956,15 +972,17 @@ var preProcessStatus = function preProcessStatus(type, status) {
956
972
  };
957
973
  var renderStatus = ramda.curry(function (type, status, record) {
958
974
  var processedStatus = preProcessStatus(type, status, record);
959
- return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
975
+ return /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
960
976
  content: i18next.t("neetoPayments.tooltipContent.".concat(type, ".").concat(processedStatus)),
961
- position: "top"
962
- }, /*#__PURE__*/React__default["default"].createElement("div", {
963
- className: "w-fit"
964
- }, /*#__PURE__*/React__default["default"].createElement(Tag__default["default"], {
965
- label: i18next.t("neetoPayments.tagLabels.".concat(type, ".").concat(processedStatus)),
966
- style: getTagStyle(processedStatus)
967
- })));
977
+ position: "top",
978
+ children: /*#__PURE__*/jsxRuntime.jsx("div", {
979
+ className: "w-fit",
980
+ children: /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
981
+ label: i18next.t("neetoPayments.tagLabels.".concat(type, ".").concat(processedStatus)),
982
+ style: getTagStyle(processedStatus)
983
+ })
984
+ })
985
+ });
968
986
  });
969
987
  var renderFullName = function renderFullName(_, _ref) {
970
988
  var firstName = _ref.firstName,
@@ -972,16 +990,17 @@ var renderFullName = function renderFullName(_, _ref) {
972
990
  return "".concat(firstName, " ").concat(lastName);
973
991
  };
974
992
  var renderEmail = function renderEmail(email) {
975
- return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
976
- content: email
977
- }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
978
- href: "mailto:".concat(email),
979
- label: email,
980
- style: "link"
981
- }));
993
+ return /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper, {
994
+ content: email,
995
+ children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
996
+ href: "mailto:".concat(email),
997
+ label: email,
998
+ style: "link"
999
+ })
1000
+ });
982
1001
  };
983
1002
  var renderDate = function renderDate(date) {
984
- return /*#__PURE__*/React__default["default"].createElement(DateFormat__default["default"].DateTime, {
1003
+ return /*#__PURE__*/jsxRuntime.jsx(DateFormat__default["default"].DateTime, {
985
1004
  date: date
986
1005
  });
987
1006
  };
@@ -989,7 +1008,7 @@ var renderDate = function renderDate(date) {
989
1008
  var IdentifierButton = function IdentifierButton(_ref) {
990
1009
  var href = _ref.href,
991
1010
  label = _ref.label;
992
- return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
1011
+ return /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
993
1012
  href: href,
994
1013
  label: label,
995
1014
  size: "small",
@@ -1005,12 +1024,13 @@ var renderIdentifier$3 = function renderIdentifier() {
1005
1024
  identifier = _ref$identifier === void 0 ? "" : _ref$identifier,
1006
1025
  _ref$live = _ref.live,
1007
1026
  isLive = _ref$live === void 0 ? false : _ref$live;
1008
- return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
1009
- content: identifier
1010
- }, /*#__PURE__*/React__default["default"].createElement(IdentifierButton$1, {
1011
- href: buildStripeAccountLink(identifier, isLive),
1012
- label: identifier
1013
- }));
1027
+ return /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper, {
1028
+ content: identifier,
1029
+ children: /*#__PURE__*/jsxRuntime.jsx(IdentifierButton$1, {
1030
+ href: buildStripeAccountLink(identifier, isLive),
1031
+ label: identifier
1032
+ })
1033
+ });
1014
1034
  };
1015
1035
  var renderCountry = ramda.pipe(ramda.split("_"), ramda.map(neetoCist.capitalize), ramda.join(" "));
1016
1036
 
@@ -1065,8 +1085,8 @@ var COLUMNS$5 = [{
1065
1085
  sorter: true
1066
1086
  }];
1067
1087
 
1068
- 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; }
1069
- 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; }
1088
+ 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; }
1089
+ 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; }
1070
1090
  var useFiltersAndPagination$3 = function useFiltersAndPagination() {
1071
1091
  var history = reactRouterDom.useHistory();
1072
1092
  var _useState = React.useState(false),
@@ -1091,7 +1111,7 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
1091
1111
  var _getQueryParams = utils$3.getQueryParams(),
1092
1112
  _getQueryParams$searc = _getQueryParams.searchTerm,
1093
1113
  searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
1094
- var searchKeywordProps = _objectSpread$d(_objectSpread$d({}, SEARCH_PROPS$1), {}, {
1114
+ var searchKeywordProps = _objectSpread$i(_objectSpread$i({}, SEARCH_PROPS$1), {}, {
1095
1115
  key: "search_term",
1096
1116
  value: searchTerm.trim()
1097
1117
  });
@@ -1238,46 +1258,48 @@ var List$6 = function List(_ref) {
1238
1258
  } : DEFAULT_SORT_PROPERTIES$1);
1239
1259
  };
1240
1260
  if (isLoading) {
1241
- return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
1261
+ return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
1242
1262
  }
1243
1263
  if (dataSize <= 0 || !neetoCist.isPresent(accounts)) {
1244
- return /*#__PURE__*/React__default["default"].createElement("div", {
1245
- className: "flex h-full w-full items-center justify-center"
1246
- }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
1247
- title: tab === TAB$5.all ? t("neetoPayments.emptyState.account") : t("neetoPayments.emptyState.accountWithStatus", {
1248
- status: tab
1264
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
1265
+ className: "flex h-full w-full items-center justify-center",
1266
+ children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
1267
+ title: tab === TAB$5.all ? t("neetoPayments.emptyState.account") : t("neetoPayments.emptyState.accountWithStatus", {
1268
+ status: tab
1269
+ })
1249
1270
  })
1250
- }));
1271
+ });
1251
1272
  }
1252
- return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
1253
- hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
1254
- }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
1255
- fixedHeight: true,
1256
- allowRowClick: false,
1257
- columnData: getVisibleColumnData(columnData),
1258
- currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
1259
- handlePageChange: handleTablePagination,
1260
- loading: isFetching,
1261
- rowData: buildRowData$1({
1262
- data: accounts,
1263
- pageProperties: pageProperties,
1264
- tab: tab
1265
- }),
1266
- rowSelection: false,
1267
- sortDirections: SORT_DIRECTIONS,
1268
- totalCount: dataSize,
1269
- paginationProps: {
1270
- showSizeChanger: true,
1271
- hideOnSinglePage: true,
1272
- pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
1273
- total: dataSize
1274
- },
1275
- onChange: handleTableChange,
1276
- onColumnHide: function onColumnHide(_ref2) {
1277
- var dataIndex = _ref2.dataIndex;
1278
- return hideColumn(dataIndex);
1279
- }
1280
- }));
1273
+ return /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
1274
+ hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize),
1275
+ children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
1276
+ fixedHeight: true,
1277
+ allowRowClick: false,
1278
+ columnData: getVisibleColumnData(columnData),
1279
+ currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
1280
+ handlePageChange: handleTablePagination,
1281
+ loading: isFetching,
1282
+ rowData: buildRowData$1({
1283
+ data: accounts,
1284
+ pageProperties: pageProperties,
1285
+ tab: tab
1286
+ }),
1287
+ rowSelection: false,
1288
+ sortDirections: SORT_DIRECTIONS,
1289
+ totalCount: dataSize,
1290
+ paginationProps: {
1291
+ showSizeChanger: true,
1292
+ hideOnSinglePage: true,
1293
+ pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
1294
+ total: dataSize
1295
+ },
1296
+ onChange: handleTableChange,
1297
+ onColumnHide: function onColumnHide(_ref2) {
1298
+ var dataIndex = _ref2.dataIndex;
1299
+ return hideColumn(dataIndex);
1300
+ }
1301
+ })
1302
+ });
1281
1303
  };
1282
1304
 
1283
1305
  var AccountsDashboard = function AccountsDashboard() {
@@ -1314,90 +1336,82 @@ var AccountsDashboard = function AccountsDashboard() {
1314
1336
  setFilters(filters);
1315
1337
  });
1316
1338
  };
1317
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], {
1318
- title: t("neetoPayments.title.account"),
1319
- searchProps: isFilterButtonVisible && {
1320
- placeholder: t("neetoPayments.common.search"),
1321
- className: "w-80"
1322
- }
1323
- }), isTabsVisible && /*#__PURE__*/React__default["default"].createElement(Tab__default["default"], null, TABS$5.map(function (item) {
1324
- return /*#__PURE__*/React__default["default"].createElement(Tab__default["default"].Item, {
1325
- active: tab === item,
1326
- key: item,
1327
- onClick: function onClick() {
1328
- return handleTabChange(item);
1329
- }
1330
- }, t("neetoPayments.common.".concat(item)));
1331
- })), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
1332
- className: "mt-4",
1333
- leftActionBlock: neetoCist.isPresent(dataSize) && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1334
- className: "neeto-ui-gray-800 mr-2 font-semibold",
1335
- component: "h4"
1336
- }, tab === TAB$5.all ? t("neetoPayments.countOf.account", {
1337
- count: dataSize
1338
- }) : t("neetoPayments.countOf.accountWithStatus", {
1339
- count: dataSize,
1340
- status: tab
1341
- })),
1342
- rightActionBlock: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoFiltersFrontend.Bar, {
1343
- columns: FILTER_COLUMNS$3,
1344
- keyword: searchKeywordProps,
1345
- setIsPaneOpen: setIsFilterPaneOpen,
1346
- onChange: handleFiltersChange
1347
- }), isFilterButtonVisible && /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"].RightBlock, {
1348
- columnsButtonProps: {
1349
- columnData: columnData,
1350
- fixedColumns: DASHBOARD_MANDATORY_COLUMNS$2,
1351
- localStorageKey: STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY
1352
- },
1353
- downloadButtonProps: {
1354
- onClick: function onClick() {
1355
- return setShowExportModal(true);
1356
- }
1357
- },
1358
- filterProps: {
1359
- columns: FILTER_COLUMNS$3,
1360
- isOpen: isFilterPaneOpen,
1361
- keyword: searchKeywordProps,
1362
- setIsOpen: setIsFilterPaneOpen,
1363
- onChange: handleFiltersChange
1339
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
1340
+ children: [/*#__PURE__*/jsxRuntime.jsx(Header__default["default"], {
1341
+ title: t("neetoPayments.title.account"),
1342
+ searchProps: isFilterButtonVisible && {
1343
+ placeholder: t("neetoPayments.common.search"),
1344
+ className: "w-80"
1364
1345
  }
1365
- }))
1366
- }), /*#__PURE__*/React__default["default"].createElement(List$6, {
1367
- columnData: columnData,
1368
- filters: filters,
1369
- pageProperties: pageProperties,
1370
- setDataSize: setDataSize,
1371
- setIsFilterButtonVisible: setIsFilterButtonVisible,
1372
- setPageProperties: setPageProperties,
1373
- setSortProperties: setSortProperties,
1374
- sortProperties: sortProperties,
1375
- tab: tab
1376
- }), /*#__PURE__*/React__default["default"].createElement(ExportModal$2, {
1377
- filters: filters,
1378
- setShowExportModal: setShowExportModal,
1379
- showExportModal: showExportModal,
1380
- sortProperties: sortProperties,
1381
- tab: tab
1382
- }));
1346
+ }), isTabsVisible && /*#__PURE__*/jsxRuntime.jsx(Tab__default["default"], {
1347
+ children: TABS$5.map(function (item) {
1348
+ return /*#__PURE__*/jsxRuntime.jsx(Tab__default["default"].Item, {
1349
+ active: tab === item,
1350
+ onClick: function onClick() {
1351
+ return handleTabChange(item);
1352
+ },
1353
+ children: t("neetoPayments.common.".concat(item))
1354
+ }, item);
1355
+ })
1356
+ }), /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"], {
1357
+ className: "mt-4",
1358
+ leftActionBlock: neetoCist.isPresent(dataSize) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1359
+ className: "neeto-ui-gray-800 mr-2 font-semibold",
1360
+ component: "h4",
1361
+ children: tab === TAB$5.all ? t("neetoPayments.countOf.account", {
1362
+ count: dataSize
1363
+ }) : t("neetoPayments.countOf.accountWithStatus", {
1364
+ count: dataSize,
1365
+ status: tab
1366
+ })
1367
+ }),
1368
+ rightActionBlock: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
1369
+ children: [/*#__PURE__*/jsxRuntime.jsx(neetoFiltersFrontend.Bar, {
1370
+ columns: FILTER_COLUMNS$3,
1371
+ keyword: searchKeywordProps,
1372
+ setIsPaneOpen: setIsFilterPaneOpen,
1373
+ onChange: handleFiltersChange
1374
+ }), isFilterButtonVisible && /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"].RightBlock, {
1375
+ columnsButtonProps: {
1376
+ columnData: columnData,
1377
+ fixedColumns: DASHBOARD_MANDATORY_COLUMNS$2,
1378
+ localStorageKey: STRIPE_ACCOUNTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY
1379
+ },
1380
+ downloadButtonProps: {
1381
+ onClick: function onClick() {
1382
+ return setShowExportModal(true);
1383
+ }
1384
+ },
1385
+ filterProps: {
1386
+ columns: FILTER_COLUMNS$3,
1387
+ isOpen: isFilterPaneOpen,
1388
+ keyword: searchKeywordProps,
1389
+ setIsOpen: setIsFilterPaneOpen,
1390
+ onChange: handleFiltersChange
1391
+ }
1392
+ })]
1393
+ })
1394
+ }), /*#__PURE__*/jsxRuntime.jsx(List$6, {
1395
+ columnData: columnData,
1396
+ filters: filters,
1397
+ pageProperties: pageProperties,
1398
+ setDataSize: setDataSize,
1399
+ setIsFilterButtonVisible: setIsFilterButtonVisible,
1400
+ setPageProperties: setPageProperties,
1401
+ setSortProperties: setSortProperties,
1402
+ sortProperties: sortProperties,
1403
+ tab: tab
1404
+ }), /*#__PURE__*/jsxRuntime.jsx(ExportModal$2, {
1405
+ filters: filters,
1406
+ setShowExportModal: setShowExportModal,
1407
+ showExportModal: showExportModal,
1408
+ sortProperties: sortProperties,
1409
+ tab: tab
1410
+ })]
1411
+ });
1383
1412
  };
1384
1413
  var index$4 = reactUtils.withTitle(withReactQuery(AccountsDashboard), i18next.t("neetoPayments.title.account"));
1385
1414
 
1386
- function _extends$1() {
1387
- _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
1388
- for (var i = 1; i < arguments.length; i++) {
1389
- var source = arguments[i];
1390
- for (var key in source) {
1391
- if (Object.prototype.hasOwnProperty.call(source, key)) {
1392
- target[key] = source[key];
1393
- }
1394
- }
1395
- }
1396
- return target;
1397
- };
1398
- return _extends$1.apply(this, arguments);
1399
- }
1400
-
1401
1415
  var TAB$4 = {
1402
1416
  all: "all",
1403
1417
  successful: "successful",
@@ -1495,40 +1509,47 @@ var renderIdentifier$2 = function renderIdentifier() {
1495
1509
  identifier = _ref$identifier === void 0 ? "" : _ref$identifier,
1496
1510
  _ref$live = _ref.live,
1497
1511
  isLive = _ref$live === void 0 ? false : _ref$live;
1498
- return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
1499
- content: identifier
1500
- }, /*#__PURE__*/React__default["default"].createElement(IdentifierButton$1, {
1501
- href: buildStripeTransactionLink(identifier, isLive),
1502
- label: identifier
1503
- }));
1512
+ return /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper, {
1513
+ content: identifier,
1514
+ children: /*#__PURE__*/jsxRuntime.jsx(IdentifierButton$1, {
1515
+ href: buildStripeTransactionLink(identifier, isLive),
1516
+ label: identifier
1517
+ })
1518
+ });
1504
1519
  };
1505
1520
  ramda.curry(function (type, kind) {
1506
- return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
1521
+ return /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
1507
1522
  content: i18next.t("neetoPayments.tooltipContent.".concat(type, ".").concat(kind)),
1508
- position: "top"
1509
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1510
- className: "w-fit"
1511
- }, /*#__PURE__*/React__default["default"].createElement(Tag__default["default"], {
1512
- label: i18next.t("neetoPayments.tagLabels.".concat(type, ".").concat(kind)),
1513
- style: "secondary"
1514
- })));
1523
+ position: "top",
1524
+ children: /*#__PURE__*/jsxRuntime.jsx("div", {
1525
+ className: "w-fit",
1526
+ children: /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
1527
+ label: i18next.t("neetoPayments.tagLabels.".concat(type, ".").concat(kind)),
1528
+ style: "secondary"
1529
+ })
1530
+ })
1531
+ });
1515
1532
  });
1516
1533
  var renderSplitIdentifier = function renderSplitIdentifier(_ref2) {
1517
1534
  var identifier = _ref2.identifier,
1518
1535
  isLive = _ref2.live;
1519
- return identifier ? /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
1520
- content: identifier
1521
- }, /*#__PURE__*/React__default["default"].createElement(IdentifierButton$1, {
1522
- href: buildStripeSplitLink(identifier, isLive),
1523
- label: identifier
1524
- })) : /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
1536
+ return identifier ? /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper, {
1537
+ content: identifier,
1538
+ children: /*#__PURE__*/jsxRuntime.jsx(IdentifierButton$1, {
1539
+ href: buildStripeSplitLink(identifier, isLive),
1540
+ label: identifier
1541
+ })
1542
+ }) : /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
1525
1543
  content: i18next.t("neetoPayments.tooltipContent.identifierUnavailable"),
1526
- position: "top"
1527
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1528
- className: "text-center"
1529
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1530
- style: "body2"
1531
- }, i18next.t("neetoPayments.common.notAvailable"))));
1544
+ position: "top",
1545
+ children: /*#__PURE__*/jsxRuntime.jsx("div", {
1546
+ className: "text-center",
1547
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1548
+ style: "body2",
1549
+ children: i18next.t("neetoPayments.common.notAvailable")
1550
+ })
1551
+ })
1552
+ });
1532
1553
  };
1533
1554
  var renderTransferIdentifier = function renderTransferIdentifier() {
1534
1555
  var _ref3 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -1538,56 +1559,65 @@ var renderTransferIdentifier = function renderTransferIdentifier() {
1538
1559
  account = _ref3$account === void 0 ? {} : _ref3$account,
1539
1560
  _ref3$live = _ref3.live,
1540
1561
  isLive = _ref3$live === void 0 ? false : _ref3$live;
1541
- return identifier ? /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
1542
- content: identifier
1543
- }, /*#__PURE__*/React__default["default"].createElement(IdentifierButton$1, {
1544
- label: identifier,
1545
- href: identifier.startsWith("py") ? buildStripeTransferLink(identifier, account === null || account === void 0 ? void 0 : account.identifier, isLive) : buildStripeTransactionLink(identifier, isLive)
1546
- })) : /*#__PURE__*/React__default["default"].createElement("div", {
1547
- className: "text-center"
1548
- }, /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
1549
- position: "top",
1550
- content: i18next.t("neetoPayments.tooltipContent.connectedTransactionUnavailable")
1551
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1552
- style: "body2"
1553
- }, i18next.t("neetoPayments.common.notAvailable"))));
1562
+ return identifier ? /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper, {
1563
+ content: identifier,
1564
+ children: /*#__PURE__*/jsxRuntime.jsx(IdentifierButton$1, {
1565
+ label: identifier,
1566
+ href: identifier.startsWith("py") ? buildStripeTransferLink(identifier, account === null || account === void 0 ? void 0 : account.identifier, isLive) : buildStripeTransactionLink(identifier, isLive)
1567
+ })
1568
+ }) : /*#__PURE__*/jsxRuntime.jsx("div", {
1569
+ className: "text-center",
1570
+ children: /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
1571
+ position: "top",
1572
+ content: i18next.t("neetoPayments.tooltipContent.connectedTransactionUnavailable"),
1573
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1574
+ style: "body2",
1575
+ children: i18next.t("neetoPayments.common.notAvailable")
1576
+ })
1577
+ })
1578
+ });
1554
1579
  };
1555
1580
  var renderPlatformIdentifier = ramda.curry(function (setPaneStatus, data) {
1556
- return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
1557
- content: data === null || data === void 0 ? void 0 : data.identifier
1558
- }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
1559
- label: data === null || data === void 0 ? void 0 : data.identifier,
1560
- size: "small",
1561
- style: "link",
1562
- onClick: function onClick() {
1563
- return setPaneStatus({
1564
- transactionId: data === null || data === void 0 ? void 0 : data.id,
1565
- isOpen: true
1566
- });
1567
- }
1568
- }));
1581
+ return /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper, {
1582
+ content: data === null || data === void 0 ? void 0 : data.identifier,
1583
+ children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
1584
+ label: data === null || data === void 0 ? void 0 : data.identifier,
1585
+ size: "small",
1586
+ style: "link",
1587
+ onClick: function onClick() {
1588
+ return setPaneStatus({
1589
+ transactionId: data === null || data === void 0 ? void 0 : data.id,
1590
+ isOpen: true
1591
+ });
1592
+ }
1593
+ })
1594
+ });
1569
1595
  });
1570
1596
  var renderAccountIdentifier = function renderAccountIdentifier(_ref4) {
1571
1597
  var _ref4$identifier = _ref4.identifier,
1572
1598
  identifier = _ref4$identifier === void 0 ? "" : _ref4$identifier,
1573
1599
  _ref4$live = _ref4.live,
1574
1600
  isLive = _ref4$live === void 0 ? false : _ref4$live;
1575
- return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
1576
- content: identifier
1577
- }, /*#__PURE__*/React__default["default"].createElement(IdentifierButton$1, {
1578
- href: buildStripeAccountLink(identifier, isLive),
1579
- label: identifier
1580
- }));
1601
+ return /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper, {
1602
+ content: identifier,
1603
+ children: /*#__PURE__*/jsxRuntime.jsx(IdentifierButton$1, {
1604
+ href: buildStripeAccountLink(identifier, isLive),
1605
+ label: identifier
1606
+ })
1607
+ });
1581
1608
  };
1582
1609
  var renderSplitDate = function renderSplitDate(date) {
1583
- return neetoCist.isPresent(date) ? renderDate(date) : /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
1610
+ return neetoCist.isPresent(date) ? renderDate(date) : /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
1584
1611
  content: i18next.t("neetoPayments.tooltipContent.dateUnavailable"),
1585
- position: "top"
1586
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1587
- className: "text-center"
1588
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
1589
- style: "body2"
1590
- }, i18next.t("neetoPayments.common.notAvailable"))));
1612
+ position: "top",
1613
+ children: /*#__PURE__*/jsxRuntime.jsx("div", {
1614
+ className: "text-center",
1615
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1616
+ style: "body2",
1617
+ children: i18next.t("neetoPayments.common.notAvailable")
1618
+ })
1619
+ })
1620
+ });
1591
1621
  };
1592
1622
  var renderRefundIdentifier = function renderRefundIdentifier() {
1593
1623
  var _ref5 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
@@ -1595,12 +1625,13 @@ var renderRefundIdentifier = function renderRefundIdentifier() {
1595
1625
  identifier = _ref5$identifier === void 0 ? "" : _ref5$identifier,
1596
1626
  _ref5$live = _ref5.live,
1597
1627
  isLive = _ref5$live === void 0 ? false : _ref5$live;
1598
- return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
1599
- content: identifier
1600
- }, /*#__PURE__*/React__default["default"].createElement(IdentifierButton$1, {
1601
- href: buildStripeRefundLink(identifier, isLive),
1602
- label: identifier
1603
- }));
1628
+ return /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper, {
1629
+ content: identifier,
1630
+ children: /*#__PURE__*/jsxRuntime.jsx(IdentifierButton$1, {
1631
+ href: buildStripeRefundLink(identifier, isLive),
1632
+ label: identifier
1633
+ })
1634
+ });
1604
1635
  };
1605
1636
 
1606
1637
  var generateSpecialColumns = function generateSpecialColumns(_ref) {
@@ -2014,8 +2045,8 @@ var modifySearchProps = function modifySearchProps(_ref5) {
2014
2045
  }, searchProps);
2015
2046
  };
2016
2047
 
2017
- 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; }
2018
- 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; }
2048
+ 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; }
2049
+ 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; }
2019
2050
  var ExportModal$1 = function ExportModal(_ref) {
2020
2051
  var showExportModal = _ref.showExportModal,
2021
2052
  setShowExportModal = _ref.setShowExportModal,
@@ -2051,7 +2082,7 @@ var ExportModal$1 = function ExportModal(_ref) {
2051
2082
  setIsGenerating(false);
2052
2083
  };
2053
2084
  var handleGenerateClick = function handleGenerateClick() {
2054
- var payload = _objectSpread$c({
2085
+ var payload = _objectSpread$h({
2055
2086
  kind: isTransferKind(kind) ? "connected" : kind,
2056
2087
  token: token,
2057
2088
  filters: filters,
@@ -2087,37 +2118,48 @@ var ExportModal$1 = function ExportModal(_ref) {
2087
2118
  var onClose = function onClose() {
2088
2119
  return setShowExportModal(false);
2089
2120
  };
2090
- return /*#__PURE__*/React__default["default"].createElement(Modal__default["default"], {
2121
+ return /*#__PURE__*/jsxRuntime.jsxs(Modal__default["default"], {
2091
2122
  onClose: onClose,
2092
- isOpen: showExportModal
2093
- }, /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2094
- style: "h2"
2095
- }, t("neetoPayments.export.title.".concat(kind)))), /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Body, null, isFileLoading ? /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2096
- style: "body2"
2097
- }, t("neetoPayments.export.pleaseWait")) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
2098
- style: "body2"
2099
- }, downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.".concat(kind)))), /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Footer, {
2100
- className: "space-x-2"
2101
- }, downloadUrl ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
2102
- href: downloadUrl,
2103
- icon: neetoIcons.Download,
2104
- label: t("neetoPayments.common.download"),
2105
- onClick: onClose
2106
- }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
2107
- disabled: isFileLoading,
2108
- label: t("neetoPayments.common.export"),
2109
- loading: isFileLoading,
2110
- onClick: handleGenerateClick
2111
- }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
2112
- disabled: isFileLoading,
2113
- label: t("neetoPayments.common.cancel"),
2114
- style: "text",
2115
- onClick: onClose
2116
- }))));
2123
+ isOpen: showExportModal,
2124
+ children: [/*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Header, {
2125
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
2126
+ style: "h2",
2127
+ children: t("neetoPayments.export.title.".concat(kind))
2128
+ })
2129
+ }), /*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Body, {
2130
+ children: isFileLoading ? /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
2131
+ style: "body2",
2132
+ children: t("neetoPayments.export.pleaseWait")
2133
+ }) : /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
2134
+ style: "body2",
2135
+ children: downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.".concat(kind))
2136
+ })
2137
+ }), /*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Footer, {
2138
+ className: "space-x-2",
2139
+ children: downloadUrl ? /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
2140
+ href: downloadUrl,
2141
+ icon: neetoIcons.Download,
2142
+ label: t("neetoPayments.common.download"),
2143
+ onClick: onClose
2144
+ }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
2145
+ children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
2146
+ disabled: isFileLoading,
2147
+ label: t("neetoPayments.common.cancel"),
2148
+ style: "tertiary",
2149
+ onClick: onClose
2150
+ }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
2151
+ disabled: isFileLoading,
2152
+ label: t("neetoPayments.common.export"),
2153
+ loading: isFileLoading,
2154
+ onClick: handleGenerateClick
2155
+ })]
2156
+ })
2157
+ })]
2158
+ });
2117
2159
  };
2118
2160
 
2119
- 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; }
2120
- 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; }
2161
+ 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; }
2162
+ 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; }
2121
2163
  var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
2122
2164
  var payableEntityColumns = _ref.payableEntityColumns,
2123
2165
  kind = _ref.kind,
@@ -2150,7 +2192,7 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
2150
2192
  var _getQueryParams = utils$3.getQueryParams(),
2151
2193
  _getQueryParams$searc = _getQueryParams.searchTerm,
2152
2194
  searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
2153
- var searchKeywordProps = _objectSpread$b(_objectSpread$b({}, modifySearchProps({
2195
+ var searchKeywordProps = _objectSpread$g(_objectSpread$g({}, modifySearchProps({
2154
2196
  searchProps: searchProps,
2155
2197
  kind: kind
2156
2198
  })), {}, {
@@ -4327,8 +4369,8 @@ var transactionsApi$1 = {
4327
4369
  list: list$8
4328
4370
  };
4329
4371
 
4330
- 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; }
4331
- 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; }
4372
+ 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; }
4373
+ 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; }
4332
4374
  var useFetchConnectedStripeAccount = function useFetchConnectedStripeAccount(holdableId) {
4333
4375
  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
4334
4376
  return reactQuery.useQuery([QUERY_KEYS.CONNECTED_ACCOUNT, holdableId], function () {
@@ -4369,7 +4411,7 @@ var usePollingStripeAccount = function usePollingStripeAccount(holdableId, _ref)
4369
4411
  var usePollingStripeAccountCreationStatus = function usePollingStripeAccountCreationStatus(jobId, options) {
4370
4412
  return reactQuery.useQuery([QUERY_KEYS.STRIPE_ACCOUNT_DETAILS, jobId], function () {
4371
4413
  return accountsApi$3.creationStatus(jobId);
4372
- }, _objectSpread$a({}, options));
4414
+ }, _objectSpread$f({}, options));
4373
4415
  };
4374
4416
  var useDestroyStripeAccount = function useDestroyStripeAccount(_ref2) {
4375
4417
  var onSuccess = _ref2.onSuccess,
@@ -4548,21 +4590,23 @@ var SubTable = function SubTable(_ref) {
4548
4590
  className = _ref$className === void 0 ? "" : _ref$className,
4549
4591
  _ref$kind = _ref.kind,
4550
4592
  kind = _ref$kind === void 0 ? "split" : _ref$kind;
4551
- return /*#__PURE__*/React__default["default"].createElement("div", {
4552
- className: className || "ml-12 max-w-3xl"
4553
- }, /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
4554
- hasPagination: false
4555
- }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
4556
- fixedHeight: true,
4557
- columnData: isSplitKind(kind) ? SPLIT_COLUMNS : REFUND_COLUMNS,
4558
- pagination: false,
4559
- rowData: buildRowData$1({
4560
- data: data
4561
- }),
4562
- scroll: {
4563
- y: 300
4564
- }
4565
- })));
4593
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
4594
+ className: className || "ml-12 max-w-3xl",
4595
+ children: /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
4596
+ hasPagination: false,
4597
+ children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
4598
+ fixedHeight: true,
4599
+ columnData: isSplitKind(kind) ? SPLIT_COLUMNS : REFUND_COLUMNS,
4600
+ pagination: false,
4601
+ rowData: buildRowData$1({
4602
+ data: data
4603
+ }),
4604
+ scroll: {
4605
+ y: 300
4606
+ }
4607
+ })
4608
+ })
4609
+ });
4566
4610
  };
4567
4611
 
4568
4612
  var ExpandedRow = function ExpandedRow() {
@@ -4571,28 +4615,33 @@ var ExpandedRow = function ExpandedRow() {
4571
4615
  splits = _ref$splits === void 0 ? [] : _ref$splits,
4572
4616
  _ref$refunds = _ref.refunds,
4573
4617
  refunds = _ref$refunds === void 0 ? [] : _ref$refunds;
4574
- return /*#__PURE__*/React__default["default"].createElement("div", {
4575
- className: "my-2 space-y-2"
4576
- }, !ramda.isEmpty(splits) && /*#__PURE__*/React__default["default"].createElement("div", {
4577
- className: "space-y-4"
4578
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4579
- className: "ml-12",
4580
- style: "h3"
4581
- }, i18next.t("neetoPayments.common.splits")), /*#__PURE__*/React__default["default"].createElement(SubTable, {
4582
- data: splits
4583
- })), !ramda.isEmpty(refunds) && /*#__PURE__*/React__default["default"].createElement("div", {
4584
- className: "space-y-4"
4585
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4586
- className: "ml-12",
4587
- style: "h3"
4588
- }, i18next.t("neetoPayments.title.refund")), /*#__PURE__*/React__default["default"].createElement(SubTable, {
4589
- data: refunds,
4590
- kind: "refund"
4591
- })));
4618
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
4619
+ className: "my-2 space-y-2",
4620
+ children: [!ramda.isEmpty(splits) && /*#__PURE__*/jsxRuntime.jsxs("div", {
4621
+ className: "space-y-4",
4622
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
4623
+ className: "ml-12",
4624
+ style: "h3",
4625
+ children: i18next.t("neetoPayments.common.splits")
4626
+ }), /*#__PURE__*/jsxRuntime.jsx(SubTable, {
4627
+ data: splits
4628
+ })]
4629
+ }), !ramda.isEmpty(refunds) && /*#__PURE__*/jsxRuntime.jsxs("div", {
4630
+ className: "space-y-4",
4631
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
4632
+ className: "ml-12",
4633
+ style: "h3",
4634
+ children: i18next.t("neetoPayments.title.refund")
4635
+ }), /*#__PURE__*/jsxRuntime.jsx(SubTable, {
4636
+ data: refunds,
4637
+ kind: "refund"
4638
+ })]
4639
+ })]
4640
+ });
4592
4641
  };
4593
4642
 
4594
- 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; }
4595
- 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; }
4643
+ 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; }
4644
+ 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; }
4596
4645
  var useFetchData$2 = function useFetchData(_ref) {
4597
4646
  var _data$kind, _data$kind2, _data$kind3, _data$kind4;
4598
4647
  var kind = _ref.kind,
@@ -4600,7 +4649,7 @@ var useFetchData$2 = function useFetchData(_ref) {
4600
4649
  payload = _ref.payload,
4601
4650
  isPlatformEnabled = _ref.isPlatformEnabled;
4602
4651
  var data = {};
4603
- data.transfer = data.connected = useFetchStripeTransactions(holdableId, _objectSpread$9(_objectSpread$9({}, payload), {}, {
4652
+ data.transfer = data.connected = useFetchStripeTransactions(holdableId, _objectSpread$e(_objectSpread$e({}, payload), {}, {
4604
4653
  kind: kind
4605
4654
  }), {
4606
4655
  enabled: isTransferKind(kind) || isConnectedKind(kind)
@@ -4627,12 +4676,12 @@ var RowExpander = function RowExpander(_ref) {
4627
4676
  onExpand = _ref.onExpand,
4628
4677
  record = _ref.record,
4629
4678
  expandable = _ref.expandable;
4630
- return expandable && (expanded ? /*#__PURE__*/React__default["default"].createElement(neetoIcons.Down, {
4679
+ return expandable && (expanded ? /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Down, {
4631
4680
  className: "cursor-pointer",
4632
4681
  onClick: function onClick(e) {
4633
4682
  return onExpand(record, e);
4634
4683
  }
4635
- }) : /*#__PURE__*/React__default["default"].createElement(neetoIcons.Right, {
4684
+ }) : /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Right, {
4636
4685
  className: "cursor-pointer",
4637
4686
  onClick: function onClick(e) {
4638
4687
  return onExpand(record, e);
@@ -4670,6 +4719,8 @@ function _objectWithoutProperties(source, excluded) {
4670
4719
  }
4671
4720
 
4672
4721
  var _excluded$2 = ["transactionId"];
4722
+ 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; }
4723
+ 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; }
4673
4724
  var Details = function Details(_ref) {
4674
4725
  var transactionId = _ref.transactionId,
4675
4726
  paneProps = _objectWithoutProperties(_ref, _excluded$2);
@@ -4687,57 +4738,82 @@ var Details = function Details(_ref) {
4687
4738
  live = _useFetchStripePlatfo3.live,
4688
4739
  _useFetchStripePlatfo4 = _useFetchStripePlatfo3.splits,
4689
4740
  splits = _useFetchStripePlatfo4 === void 0 ? [] : _useFetchStripePlatfo4;
4690
- return /*#__PURE__*/React__default["default"].createElement(Pane__default["default"], _extends$1({}, paneProps, {
4691
- size: "large"
4692
- }), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4693
- style: "h2"
4694
- }, "Transaction Details")), /*#__PURE__*/React__default["default"].createElement(Pane__default["default"].Body, null, isLoading ? /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null) : /*#__PURE__*/React__default["default"].createElement("div", {
4695
- className: "w-full space-y-6 p-2"
4696
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4697
- className: "w-full space-y-2"
4698
- }, /*#__PURE__*/React__default["default"].createElement("div", {
4699
- className: "flex items-center space-x-2"
4700
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4701
- style: "body2"
4702
- }, t("neetoPayments.transactionPane.transactionId")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4703
- className: "neeto-ui-text-black font-medium",
4704
- style: "body2"
4705
- }, renderIdentifier$2({
4706
- identifier: identifier,
4707
- live: live
4708
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
4709
- className: "flex items-center space-x-2"
4710
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4711
- style: "body2"
4712
- }, t("neetoPayments.transactionPane.amount")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4713
- className: "neeto-ui-text-black font-medium",
4714
- style: "body2"
4715
- }, amount)), /*#__PURE__*/React__default["default"].createElement("div", {
4716
- className: "flex items-center space-x-2"
4717
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4718
- style: "body2"
4719
- }, t("neetoPayments.transactionPane.netAmount")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4720
- className: "neeto-ui-text-black font-medium",
4721
- style: "body2"
4722
- }, netAmount)), /*#__PURE__*/React__default["default"].createElement("div", {
4723
- className: "flex items-center space-x-2"
4724
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4725
- style: "body2"
4726
- }, t("neetoPayments.transactionPane.status")), renderStatus("transaction", status)), /*#__PURE__*/React__default["default"].createElement("div", {
4727
- className: "flex items-center space-x-2"
4728
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4729
- style: "body2"
4730
- }, t("neetoPayments.transactionPane.paidOn")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4731
- className: "neeto-ui-text-black font-medium",
4732
- style: "body2"
4733
- }, renderDate(paymentAt)))), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4734
- style: "h3"
4735
- }, "Splits"), /*#__PURE__*/React__default["default"].createElement(SubTable, {
4736
- className: "ml-0 w-full",
4737
- data: splits
4738
- }))));
4741
+ return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], _objectSpread$d(_objectSpread$d({}, paneProps), {}, {
4742
+ size: "large",
4743
+ children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
4744
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
4745
+ style: "h2",
4746
+ children: "Transaction Details"
4747
+ })
4748
+ }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
4749
+ children: isLoading ? /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {}) : /*#__PURE__*/jsxRuntime.jsxs("div", {
4750
+ className: "w-full space-y-6 p-2",
4751
+ children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
4752
+ className: "w-full space-y-2",
4753
+ children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
4754
+ className: "flex items-center space-x-2",
4755
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
4756
+ style: "body2",
4757
+ children: t("neetoPayments.transactionPane.transactionId")
4758
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
4759
+ className: "neeto-ui-text-black font-medium",
4760
+ style: "body2",
4761
+ children: renderIdentifier$2({
4762
+ identifier: identifier,
4763
+ live: live
4764
+ })
4765
+ })]
4766
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
4767
+ className: "flex items-center space-x-2",
4768
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
4769
+ style: "body2",
4770
+ children: t("neetoPayments.transactionPane.amount")
4771
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
4772
+ className: "neeto-ui-text-black font-medium",
4773
+ style: "body2",
4774
+ children: amount
4775
+ })]
4776
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
4777
+ className: "flex items-center space-x-2",
4778
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
4779
+ style: "body2",
4780
+ children: t("neetoPayments.transactionPane.netAmount")
4781
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
4782
+ className: "neeto-ui-text-black font-medium",
4783
+ style: "body2",
4784
+ children: netAmount
4785
+ })]
4786
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
4787
+ className: "flex items-center space-x-2",
4788
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
4789
+ style: "body2",
4790
+ children: t("neetoPayments.transactionPane.status")
4791
+ }), renderStatus("transaction", status)]
4792
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
4793
+ className: "flex items-center space-x-2",
4794
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
4795
+ style: "body2",
4796
+ children: t("neetoPayments.transactionPane.paidOn")
4797
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
4798
+ className: "neeto-ui-text-black font-medium",
4799
+ style: "body2",
4800
+ children: renderDate(paymentAt)
4801
+ })]
4802
+ })]
4803
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
4804
+ style: "h3",
4805
+ children: "Splits"
4806
+ }), /*#__PURE__*/jsxRuntime.jsx(SubTable, {
4807
+ className: "ml-0 w-full",
4808
+ data: splits
4809
+ })]
4810
+ })
4811
+ })]
4812
+ }));
4739
4813
  };
4740
4814
 
4815
+ 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; }
4816
+ 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; }
4741
4817
  var List$5 = function List(_ref) {
4742
4818
  var _pageProperties$tab, _pageProperties$tab2, _pageProperties$tab3;
4743
4819
  var _ref$isPlatformEnable = _ref.isPlatformEnabled,
@@ -4821,64 +4897,70 @@ var List$5 = function List(_ref) {
4821
4897
  } : DEFAULT_SORT_PROPERTIES$1);
4822
4898
  };
4823
4899
  if (isStripeAccountLoading || isStripePlatformAccountLoading || isDataLoading) {
4824
- return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
4900
+ return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
4825
4901
  }
4826
4902
  if (!isStripeAccountConnected && dataSize <= 0 || !neetoCist.isPresent(data)) {
4827
- return /*#__PURE__*/React__default["default"].createElement("div", {
4828
- className: "flex h-full w-full items-center justify-center"
4829
- }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
4830
- title: tab === TAB$4.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
4831
- status: tab
4903
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
4904
+ className: "flex h-full w-full items-center justify-center",
4905
+ children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
4906
+ title: tab === TAB$4.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
4907
+ status: tab
4908
+ })
4832
4909
  })
4833
- }));
4910
+ });
4834
4911
  }
4835
4912
  var visibleColumns = columns.filter(function (_ref2) {
4836
4913
  var dataIndex = _ref2.dataIndex;
4837
4914
  return !hiddenColumns.includes(processDataIndex(dataIndex));
4838
4915
  });
4839
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
4840
- hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
4841
- }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
4842
- fixedHeight: true,
4843
- allowRowClick: false,
4844
- columnData: visibleColumns,
4845
- currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
4846
- handlePageChange: handleTablePaginaton,
4847
- loading: isDataFetching,
4848
- rowData: buildRowData$1({
4849
- data: data,
4850
- pageProperties: pageProperties,
4851
- tab: tab
4852
- }),
4853
- rowSelection: false,
4854
- sortDirections: SORT_DIRECTIONS,
4855
- totalCount: dataSize,
4856
- expandable: {
4857
- expandedRowRender: ExpandedRow,
4858
- showExpandColumn: isPlatformKind(kind),
4859
- rowExpandable: function rowExpandable(record) {
4860
- return !(ramda.isEmpty(record.splits) && ramda.isEmpty(record.refunds));
4861
- },
4862
- columnWidth: "64px",
4863
- expandIcon: RowExpander
4864
- },
4865
- paginationProps: {
4866
- showSizeChanger: true,
4867
- hideOnSinglePage: true,
4868
- pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
4869
- total: dataSize
4870
- },
4871
- onChange: handleTableChange,
4872
- onColumnHide: function onColumnHide(column) {
4873
- hideColumn(processDataIndex(column.dataIndex));
4874
- }
4875
- })), /*#__PURE__*/React__default["default"].createElement(Details, _extends$1({}, paneStatus, {
4876
- onClose: function onClose() {
4877
- return setPaneStatus(INITIAL_PANE_STATUS);
4878
- }
4879
- })));
4916
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
4917
+ children: [/*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
4918
+ hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize),
4919
+ children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
4920
+ fixedHeight: true,
4921
+ allowRowClick: false,
4922
+ columnData: visibleColumns,
4923
+ currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
4924
+ handlePageChange: handleTablePaginaton,
4925
+ loading: isDataFetching,
4926
+ rowData: buildRowData$1({
4927
+ data: data,
4928
+ pageProperties: pageProperties,
4929
+ tab: tab
4930
+ }),
4931
+ rowSelection: false,
4932
+ sortDirections: SORT_DIRECTIONS,
4933
+ totalCount: dataSize,
4934
+ expandable: {
4935
+ expandedRowRender: ExpandedRow,
4936
+ showExpandColumn: isPlatformKind(kind),
4937
+ rowExpandable: function rowExpandable(record) {
4938
+ return !(ramda.isEmpty(record.splits) && ramda.isEmpty(record.refunds));
4939
+ },
4940
+ columnWidth: "64px",
4941
+ expandIcon: RowExpander
4942
+ },
4943
+ paginationProps: {
4944
+ showSizeChanger: true,
4945
+ hideOnSinglePage: true,
4946
+ pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
4947
+ total: dataSize
4948
+ },
4949
+ onChange: handleTableChange,
4950
+ onColumnHide: function onColumnHide(column) {
4951
+ hideColumn(processDataIndex(column.dataIndex));
4952
+ }
4953
+ })
4954
+ }), /*#__PURE__*/jsxRuntime.jsx(Details, _objectSpread$c(_objectSpread$c({}, paneStatus), {}, {
4955
+ onClose: function onClose() {
4956
+ return setPaneStatus(INITIAL_PANE_STATUS);
4957
+ }
4958
+ }))]
4959
+ });
4880
4960
  };
4881
4961
 
4962
+ 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; }
4963
+ 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; }
4882
4964
  var Dashboard = function Dashboard(_ref) {
4883
4965
  var _ref$isPlatformEnable = _ref.isPlatformEnabled,
4884
4966
  isPlatformEnabled = _ref$isPlatformEnable === void 0 ? false : _ref$isPlatformEnable,
@@ -4936,80 +5018,87 @@ var Dashboard = function Dashboard(_ref) {
4936
5018
  setFilters(filters);
4937
5019
  });
4938
5020
  };
4939
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], _extends$1({}, headerProps, {
4940
- title: t("neetoPayments.title.".concat(titleKind)),
4941
- searchProps: isFilterButtonVisible && {
4942
- placeholder: searchKeywordProps.placeholder,
4943
- className: "w-80"
4944
- }
4945
- })), isTabsVisible && /*#__PURE__*/React__default["default"].createElement(Tab__default["default"], null, tabs.map(function (item) {
4946
- return /*#__PURE__*/React__default["default"].createElement(Tab__default["default"].Item, {
4947
- active: tab === item,
4948
- key: item,
4949
- onClick: function onClick() {
4950
- return handleTabChange(item);
5021
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
5022
+ children: [/*#__PURE__*/jsxRuntime.jsx(Header__default["default"], _objectSpread$b(_objectSpread$b({}, headerProps), {}, {
5023
+ title: t("neetoPayments.title.".concat(titleKind)),
5024
+ searchProps: isFilterButtonVisible && {
5025
+ placeholder: searchKeywordProps.placeholder,
5026
+ className: "w-80"
4951
5027
  }
4952
- }, t("neetoPayments.common.".concat(item)));
4953
- })), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
4954
- className: "mt-4",
4955
- leftActionBlock: neetoCist.isPresent(dataSize) && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
4956
- className: "neeto-ui-gray-800 mr-2 font-semibold",
4957
- component: "h4"
4958
- }, tab === TAB$4.all ? t("neetoPayments.countOf.".concat(kind), {
4959
- count: dataSize
4960
- }) : t("neetoPayments.countOf.".concat(kind, "WithStatus"), {
4961
- count: dataSize,
4962
- status: tab
4963
- })),
4964
- rightActionBlock: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoFiltersFrontend.Bar, {
4965
- columns: filterableColumns,
4966
- keyword: searchKeywordProps,
4967
- setIsPaneOpen: setIsFilterPaneOpen,
4968
- onChange: handleFiltersChange
4969
- }), isFilterButtonVisible && /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"].RightBlock, {
4970
- columnsButtonProps: {
4971
- columnData: modifiedColumns,
4972
- fixedColumns: DASHBOARD_MANDATORY_COLUMNS$1,
4973
- localStorageKey: "stripePaymentDashboard_".concat(kind)
4974
- },
4975
- downloadButtonProps: {
4976
- onClick: function onClick() {
4977
- return setShowExportModal(true);
4978
- }
4979
- },
4980
- filterProps: {
4981
- columns: filterableColumns,
4982
- isOpen: isFilterPaneOpen,
4983
- keyword: searchKeywordProps,
4984
- setIsOpen: setIsFilterPaneOpen,
4985
- onChange: handleFiltersChange
4986
- }
4987
- }))
4988
- }), /*#__PURE__*/React__default["default"].createElement(List$5, {
4989
- columns: columns,
4990
- filters: filters,
4991
- holdableId: holdableId,
4992
- isPlatformEnabled: isPlatformEnabled,
4993
- kind: kind,
4994
- pageProperties: pageProperties,
4995
- paneStatus: paneStatus,
4996
- payoutId: payoutId,
4997
- setDataSize: setDataSize,
4998
- setIsFilterButtonVisible: setIsFilterButtonVisible,
4999
- setPageProperties: setPageProperties,
5000
- setPaneStatus: setPaneStatus,
5001
- setSortProperties: setSortProperties,
5002
- sortProperties: sortProperties,
5003
- tab: tab
5004
- }), /*#__PURE__*/React__default["default"].createElement(ExportModal$1, {
5005
- filters: filters,
5006
- holdableId: holdableId,
5007
- kind: kind,
5008
- setShowExportModal: setShowExportModal,
5009
- showExportModal: showExportModal,
5010
- sortProperties: sortProperties,
5011
- tab: tab
5012
- }));
5028
+ })), isTabsVisible && /*#__PURE__*/jsxRuntime.jsx(Tab__default["default"], {
5029
+ children: tabs.map(function (item) {
5030
+ return /*#__PURE__*/jsxRuntime.jsx(Tab__default["default"].Item, {
5031
+ active: tab === item,
5032
+ onClick: function onClick() {
5033
+ return handleTabChange(item);
5034
+ },
5035
+ children: t("neetoPayments.common.".concat(item))
5036
+ }, item);
5037
+ })
5038
+ }), /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"], {
5039
+ className: "mt-4",
5040
+ leftActionBlock: neetoCist.isPresent(dataSize) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5041
+ className: "neeto-ui-gray-800 mr-2 font-semibold",
5042
+ component: "h4",
5043
+ children: tab === TAB$4.all ? t("neetoPayments.countOf.".concat(kind), {
5044
+ count: dataSize
5045
+ }) : t("neetoPayments.countOf.".concat(kind, "WithStatus"), {
5046
+ count: dataSize,
5047
+ status: tab
5048
+ })
5049
+ }),
5050
+ rightActionBlock: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
5051
+ children: [/*#__PURE__*/jsxRuntime.jsx(neetoFiltersFrontend.Bar, {
5052
+ columns: filterableColumns,
5053
+ keyword: searchKeywordProps,
5054
+ setIsPaneOpen: setIsFilterPaneOpen,
5055
+ onChange: handleFiltersChange
5056
+ }), isFilterButtonVisible && /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"].RightBlock, {
5057
+ columnsButtonProps: {
5058
+ columnData: modifiedColumns,
5059
+ fixedColumns: DASHBOARD_MANDATORY_COLUMNS$1,
5060
+ localStorageKey: "stripePaymentDashboard_".concat(kind)
5061
+ },
5062
+ downloadButtonProps: {
5063
+ onClick: function onClick() {
5064
+ return setShowExportModal(true);
5065
+ }
5066
+ },
5067
+ filterProps: {
5068
+ columns: filterableColumns,
5069
+ isOpen: isFilterPaneOpen,
5070
+ keyword: searchKeywordProps,
5071
+ setIsOpen: setIsFilterPaneOpen,
5072
+ onChange: handleFiltersChange
5073
+ }
5074
+ })]
5075
+ })
5076
+ }), /*#__PURE__*/jsxRuntime.jsx(List$5, {
5077
+ columns: columns,
5078
+ filters: filters,
5079
+ holdableId: holdableId,
5080
+ isPlatformEnabled: isPlatformEnabled,
5081
+ kind: kind,
5082
+ pageProperties: pageProperties,
5083
+ paneStatus: paneStatus,
5084
+ payoutId: payoutId,
5085
+ setDataSize: setDataSize,
5086
+ setIsFilterButtonVisible: setIsFilterButtonVisible,
5087
+ setPageProperties: setPageProperties,
5088
+ setPaneStatus: setPaneStatus,
5089
+ setSortProperties: setSortProperties,
5090
+ sortProperties: sortProperties,
5091
+ tab: tab
5092
+ }), /*#__PURE__*/jsxRuntime.jsx(ExportModal$1, {
5093
+ filters: filters,
5094
+ holdableId: holdableId,
5095
+ kind: kind,
5096
+ setShowExportModal: setShowExportModal,
5097
+ showExportModal: showExportModal,
5098
+ sortProperties: sortProperties,
5099
+ tab: tab
5100
+ })]
5101
+ });
5013
5102
  };
5014
5103
  var Dashboard$1 = reactUtils.withTitle(withReactQuery(Dashboard), i18next.t("neetoPayments.common.payments"));
5015
5104
 
@@ -5047,8 +5136,8 @@ var DEFAULT_SORT_PROPERTIES = {
5047
5136
  };
5048
5137
  var STRIPE_PAYOUTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY = "stripePayoutsDashboard";
5049
5138
 
5050
- 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; }
5051
- 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; }
5139
+ 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; }
5140
+ 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; }
5052
5141
  var ExportModal = function ExportModal(_ref) {
5053
5142
  var showExportModal = _ref.showExportModal,
5054
5143
  setShowExportModal = _ref.setShowExportModal,
@@ -5074,13 +5163,12 @@ var ExportModal = function ExportModal(_ref) {
5074
5163
  return "payout-report-".concat(uuidV4());
5075
5164
  }, []);
5076
5165
  var receivedCallback = function receivedCallback(data) {
5077
- if (data.download_url) {
5078
- setDownloadUrl(data.download_url);
5079
- setIsGenerating(false);
5080
- }
5166
+ if (!data.download_url) return;
5167
+ setDownloadUrl(data.download_url);
5168
+ setIsGenerating(false);
5081
5169
  };
5082
5170
  var handleGenerateClick = function handleGenerateClick() {
5083
- var payload = _objectSpread$8({
5171
+ var payload = _objectSpread$a({
5084
5172
  kind: "payout",
5085
5173
  token: token,
5086
5174
  filters: filters,
@@ -5107,33 +5195,44 @@ var ExportModal = function ExportModal(_ref) {
5107
5195
  var onClose = function onClose() {
5108
5196
  return setShowExportModal(false);
5109
5197
  };
5110
- return /*#__PURE__*/React__default["default"].createElement(Modal__default["default"], {
5198
+ return /*#__PURE__*/jsxRuntime.jsxs(Modal__default["default"], {
5111
5199
  onClose: onClose,
5112
- isOpen: showExportModal
5113
- }, /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Header, null, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5114
- style: "h2"
5115
- }, t("neetoPayments.export.title.payout"))), /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Body, null, isFileLoading ? /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5116
- style: "body2"
5117
- }, t("neetoPayments.export.pleaseWait")) : /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5118
- style: "body2"
5119
- }, downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.payout"))), /*#__PURE__*/React__default["default"].createElement(Modal__default["default"].Footer, {
5120
- className: "space-x-2"
5121
- }, downloadUrl ? /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
5122
- href: downloadUrl,
5123
- icon: neetoIcons.Download,
5124
- label: t("neetoPayments.common.download"),
5125
- onClick: onClose
5126
- }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
5127
- disabled: isFileLoading,
5128
- label: t("neetoPayments.common.export"),
5129
- loading: isFileLoading,
5130
- onClick: handleGenerateClick
5131
- }), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
5132
- disabled: isFileLoading,
5133
- label: t("neetoPayments.common.cancel"),
5134
- style: "text",
5135
- onClick: onClose
5136
- }))));
5200
+ isOpen: showExportModal,
5201
+ children: [/*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Header, {
5202
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5203
+ style: "h2",
5204
+ children: t("neetoPayments.export.title.payout")
5205
+ })
5206
+ }), /*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Body, {
5207
+ children: isFileLoading ? /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5208
+ style: "body2",
5209
+ children: t("neetoPayments.export.pleaseWait")
5210
+ }) : /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5211
+ style: "body2",
5212
+ children: downloadUrl ? t("neetoPayments.export.fileReady") : t("neetoPayments.export.download.payout")
5213
+ })
5214
+ }), /*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Footer, {
5215
+ className: "space-x-2",
5216
+ children: downloadUrl ? /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
5217
+ href: downloadUrl,
5218
+ icon: neetoIcons.Download,
5219
+ label: t("neetoPayments.common.download"),
5220
+ onClick: onClose
5221
+ }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
5222
+ children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
5223
+ disabled: isFileLoading,
5224
+ label: t("neetoPayments.common.cancel"),
5225
+ style: "tertiary",
5226
+ onClick: onClose
5227
+ }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
5228
+ disabled: isFileLoading,
5229
+ label: t("neetoPayments.common.export"),
5230
+ loading: isFileLoading,
5231
+ onClick: handleGenerateClick
5232
+ })]
5233
+ })
5234
+ })]
5235
+ });
5137
5236
  };
5138
5237
 
5139
5238
  var COLUMNS$3 = [{
@@ -5192,20 +5291,21 @@ var renderPayoutIdentifier$1 = ramda.curry(function (route, _ref) {
5192
5291
  identifier = _ref$identifier === void 0 ? "" : _ref$identifier,
5193
5292
  _ref$id = _ref.id,
5194
5293
  id = _ref$id === void 0 ? "" : _ref$id;
5195
- return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
5196
- content: identifier
5197
- }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
5198
- label: identifier,
5199
- size: "small",
5200
- style: "link",
5201
- to: utils$3.buildUrl(route, {
5202
- id: id
5294
+ return /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper, {
5295
+ content: identifier,
5296
+ children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
5297
+ label: identifier,
5298
+ size: "small",
5299
+ style: "link",
5300
+ to: utils$3.buildUrl(route, {
5301
+ id: id
5302
+ })
5203
5303
  })
5204
- }));
5304
+ });
5205
5305
  });
5206
5306
 
5207
- 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; }
5208
- 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; }
5307
+ 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; }
5308
+ 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; }
5209
5309
  var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRoute) {
5210
5310
  var history = reactRouterDom.useHistory();
5211
5311
  var _useState = React.useState(false),
@@ -5230,7 +5330,7 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
5230
5330
  var _getQueryParams = utils$3.getQueryParams(),
5231
5331
  _getQueryParams$searc = _getQueryParams.searchTerm,
5232
5332
  searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
5233
- var searchKeywordProps = _objectSpread$7(_objectSpread$7({}, SEARCH_PROPS), {}, {
5333
+ var searchKeywordProps = _objectSpread$9(_objectSpread$9({}, SEARCH_PROPS), {}, {
5234
5334
  key: "search_term",
5235
5335
  value: searchTerm.trim()
5236
5336
  });
@@ -5360,44 +5460,46 @@ var List$4 = function List(_ref) {
5360
5460
  } : DEFAULT_SORT_PROPERTIES);
5361
5461
  };
5362
5462
  if (isDataLoading) {
5363
- return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
5463
+ return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
5364
5464
  }
5365
5465
  if (dataSize <= 0 || !neetoCist.isPresent(payouts)) {
5366
- return /*#__PURE__*/React__default["default"].createElement("div", {
5367
- className: "flex h-full w-full items-center justify-center"
5368
- }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
5369
- title: t("neetoPayments.emptyState.payouts.".concat(tab))
5370
- }));
5466
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
5467
+ className: "flex h-full w-full items-center justify-center",
5468
+ children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
5469
+ title: t("neetoPayments.emptyState.payouts.".concat(tab))
5470
+ })
5471
+ });
5371
5472
  }
5372
- return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
5373
- hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
5374
- }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
5375
- fixedHeight: true,
5376
- allowRowClick: false,
5377
- columnData: getVisibleColumnData(columnData),
5378
- currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
5379
- handlePageChange: handleTablePagination,
5380
- loading: isDataFetching,
5381
- rowData: buildRowData$1({
5382
- data: payouts,
5383
- pageProperties: pageProperties,
5384
- tab: tab
5385
- }),
5386
- rowSelection: false,
5387
- sortDirections: SORT_DIRECTIONS,
5388
- totalCount: dataSize,
5389
- paginationProps: {
5390
- showSizeChanger: true,
5391
- hideOnSinglePage: true,
5392
- pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
5393
- total: dataSize
5394
- },
5395
- onChange: handleTableChange,
5396
- onColumnHide: function onColumnHide(_ref2) {
5397
- var dataIndex = _ref2.dataIndex;
5398
- return hideColumn(dataIndex);
5399
- }
5400
- }));
5473
+ return /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
5474
+ hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize),
5475
+ children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
5476
+ fixedHeight: true,
5477
+ allowRowClick: false,
5478
+ columnData: getVisibleColumnData(columnData),
5479
+ currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
5480
+ handlePageChange: handleTablePagination,
5481
+ loading: isDataFetching,
5482
+ rowData: buildRowData$1({
5483
+ data: payouts,
5484
+ pageProperties: pageProperties,
5485
+ tab: tab
5486
+ }),
5487
+ rowSelection: false,
5488
+ sortDirections: SORT_DIRECTIONS,
5489
+ totalCount: dataSize,
5490
+ paginationProps: {
5491
+ showSizeChanger: true,
5492
+ hideOnSinglePage: true,
5493
+ pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
5494
+ total: dataSize
5495
+ },
5496
+ onChange: handleTableChange,
5497
+ onColumnHide: function onColumnHide(_ref2) {
5498
+ var dataIndex = _ref2.dataIndex;
5499
+ return hideColumn(dataIndex);
5500
+ }
5501
+ })
5502
+ });
5401
5503
  };
5402
5504
 
5403
5505
  var PayoutsDashboard = function PayoutsDashboard(_ref) {
@@ -5436,73 +5538,80 @@ var PayoutsDashboard = function PayoutsDashboard(_ref) {
5436
5538
  setFilters(filters);
5437
5539
  });
5438
5540
  };
5439
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], {
5440
- title: t("neetoPayments.title.payouts"),
5441
- searchProps: isFilterButtonVisible && {
5442
- placeholder: t("neetoPayments.common.search"),
5443
- className: "w-80"
5444
- }
5445
- }), isTabsVisible && /*#__PURE__*/React__default["default"].createElement(Tab__default["default"], null, TABS$3.map(function (item) {
5446
- return /*#__PURE__*/React__default["default"].createElement(Tab__default["default"].Item, {
5447
- active: tab === item,
5448
- key: item,
5449
- onClick: function onClick() {
5450
- return handleTabChange(item);
5451
- }
5452
- }, t("neetoPayments.common.".concat(item)));
5453
- })), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
5454
- className: "mt-4",
5455
- leftActionBlock: neetoCist.isPresent(dataSize) && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5456
- className: "neeto-ui-gray-800 mr-2 font-semibold",
5457
- component: "h4"
5458
- }, tab === TAB$3.all ? t("neetoPayments.countOf.payout", {
5459
- count: dataSize
5460
- }) : t("neetoPayments.countOf.payoutWithStatus", {
5461
- count: dataSize,
5462
- status: processTab(tab)
5463
- })),
5464
- rightActionBlock: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoFiltersFrontend.Bar, {
5465
- columns: FILTER_COLUMNS,
5466
- keyword: searchKeywordProps,
5467
- setIsPaneOpen: setIsFilterPaneOpen,
5468
- onChange: handleFiltersChange
5469
- }), isFilterButtonVisible && /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"].RightBlock, {
5470
- columnsButtonProps: {
5471
- columnData: columnData,
5472
- fixedColumns: DASHBOARD_MANDATORY_COLUMNS,
5473
- localStorageKey: STRIPE_PAYOUTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY
5474
- },
5475
- downloadButtonProps: {
5476
- onClick: function onClick() {
5477
- return setShowExportModal(true);
5478
- }
5479
- },
5480
- filterProps: {
5481
- columns: FILTER_COLUMNS,
5482
- isOpen: isFilterPaneOpen,
5483
- keyword: searchKeywordProps,
5484
- setIsOpen: setIsFilterPaneOpen,
5485
- onChange: handleFiltersChange
5541
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
5542
+ children: [/*#__PURE__*/jsxRuntime.jsx(Header__default["default"], {
5543
+ title: t("neetoPayments.title.payouts"),
5544
+ searchProps: isFilterButtonVisible && {
5545
+ placeholder: t("neetoPayments.common.search"),
5546
+ className: "w-80"
5486
5547
  }
5487
- }))
5488
- }), /*#__PURE__*/React__default["default"].createElement(List$4, {
5489
- columnData: columnData,
5490
- filters: filters,
5491
- isPlatformEnabled: isPlatformEnabled,
5492
- pageProperties: pageProperties,
5493
- setDataSize: setDataSize,
5494
- setIsFilterButtonVisible: setIsFilterButtonVisible,
5495
- setPageProperties: setPageProperties,
5496
- setSortProperties: setSortProperties,
5497
- sortProperties: sortProperties,
5498
- tab: tab
5499
- }), /*#__PURE__*/React__default["default"].createElement(ExportModal, {
5500
- filters: filters,
5501
- setShowExportModal: setShowExportModal,
5502
- showExportModal: showExportModal,
5503
- sortProperties: sortProperties,
5504
- tab: tab
5505
- }));
5548
+ }), isTabsVisible && /*#__PURE__*/jsxRuntime.jsx(Tab__default["default"], {
5549
+ children: TABS$3.map(function (item) {
5550
+ return /*#__PURE__*/jsxRuntime.jsx(Tab__default["default"].Item, {
5551
+ active: tab === item,
5552
+ onClick: function onClick() {
5553
+ return handleTabChange(item);
5554
+ },
5555
+ children: t("neetoPayments.common.".concat(item))
5556
+ }, item);
5557
+ })
5558
+ }), /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"], {
5559
+ className: "mt-4",
5560
+ leftActionBlock: neetoCist.isPresent(dataSize) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5561
+ className: "neeto-ui-gray-800 mr-2 font-semibold",
5562
+ component: "h4",
5563
+ children: tab === TAB$3.all ? t("neetoPayments.countOf.payout", {
5564
+ count: dataSize
5565
+ }) : t("neetoPayments.countOf.payoutWithStatus", {
5566
+ count: dataSize,
5567
+ status: processTab(tab)
5568
+ })
5569
+ }),
5570
+ rightActionBlock: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
5571
+ children: [/*#__PURE__*/jsxRuntime.jsx(neetoFiltersFrontend.Bar, {
5572
+ columns: FILTER_COLUMNS,
5573
+ keyword: searchKeywordProps,
5574
+ setIsPaneOpen: setIsFilterPaneOpen,
5575
+ onChange: handleFiltersChange
5576
+ }), isFilterButtonVisible && /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"].RightBlock, {
5577
+ columnsButtonProps: {
5578
+ columnData: columnData,
5579
+ fixedColumns: DASHBOARD_MANDATORY_COLUMNS,
5580
+ localStorageKey: STRIPE_PAYOUTS_TABLE_HIDDEN_COLUMNS_STORAGE_KEY
5581
+ },
5582
+ downloadButtonProps: {
5583
+ onClick: function onClick() {
5584
+ return setShowExportModal(true);
5585
+ }
5586
+ },
5587
+ filterProps: {
5588
+ columns: FILTER_COLUMNS,
5589
+ isOpen: isFilterPaneOpen,
5590
+ keyword: searchKeywordProps,
5591
+ setIsOpen: setIsFilterPaneOpen,
5592
+ onChange: handleFiltersChange
5593
+ }
5594
+ })]
5595
+ })
5596
+ }), /*#__PURE__*/jsxRuntime.jsx(List$4, {
5597
+ columnData: columnData,
5598
+ filters: filters,
5599
+ isPlatformEnabled: isPlatformEnabled,
5600
+ pageProperties: pageProperties,
5601
+ setDataSize: setDataSize,
5602
+ setIsFilterButtonVisible: setIsFilterButtonVisible,
5603
+ setPageProperties: setPageProperties,
5604
+ setSortProperties: setSortProperties,
5605
+ sortProperties: sortProperties,
5606
+ tab: tab
5607
+ }), /*#__PURE__*/jsxRuntime.jsx(ExportModal, {
5608
+ filters: filters,
5609
+ setShowExportModal: setShowExportModal,
5610
+ showExportModal: showExportModal,
5611
+ sortProperties: sortProperties,
5612
+ tab: tab
5613
+ })]
5614
+ });
5506
5615
  };
5507
5616
  var index$3 = reactUtils.withTitle(withReactQuery(PayoutsDashboard), i18next.t("neetoPayments.title.payouts"));
5508
5617
 
@@ -5527,15 +5636,18 @@ var useFetchData = function useFetchData(_ref) {
5527
5636
  var renderPayoutIdentifier = function renderPayoutIdentifier() {
5528
5637
  var identifier = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
5529
5638
  var isLive = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
5530
- return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
5531
- content: identifier
5532
- }, /*#__PURE__*/React__default["default"].createElement(IdentifierButton$1, {
5533
- href: buildStripePayoutLink(identifier, isLive),
5534
- label: identifier
5535
- }));
5639
+ return /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper, {
5640
+ content: identifier,
5641
+ children: /*#__PURE__*/jsxRuntime.jsx(IdentifierButton$1, {
5642
+ href: buildStripePayoutLink(identifier, isLive),
5643
+ label: identifier
5644
+ })
5645
+ });
5536
5646
  };
5537
5647
 
5538
5648
  var _excluded$1 = ["isPlatformEnabled", "indexRoute"];
5649
+ 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; }
5650
+ 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; }
5539
5651
  var PayoutsPage = function PayoutsPage(_ref) {
5540
5652
  var isPlatformEnabled = _ref.isPlatformEnabled,
5541
5653
  indexRoute = _ref.indexRoute,
@@ -5566,75 +5678,102 @@ var PayoutsPage = function PayoutsPage(_ref) {
5566
5678
  }, {
5567
5679
  text: identifier
5568
5680
  }];
5569
- if (isDataLoading) return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
5570
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], {
5571
- breadcrumbs: headerBreadCrumbs,
5572
- title: t("neetoPayments.payoutsPage.title")
5573
- }), /*#__PURE__*/React__default["default"].createElement("div", {
5574
- className: "w-full space-y-6 p-2"
5575
- }, /*#__PURE__*/React__default["default"].createElement("div", {
5576
- className: "w-full space-y-2"
5577
- }, /*#__PURE__*/React__default["default"].createElement("div", {
5578
- className: "flex items-center space-x-2"
5579
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5580
- style: "body2"
5581
- }, t("neetoPayments.payoutsPage.payoutId")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5582
- className: "neeto-ui-text-black font-medium",
5583
- style: "body2"
5584
- }, renderPayoutIdentifier(identifier, live))), /*#__PURE__*/React__default["default"].createElement("div", {
5585
- className: "flex items-center space-x-2"
5586
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5587
- style: "body2"
5588
- }, t("neetoPayments.payoutsPage.status")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5589
- className: "neeto-ui-text-black font-medium",
5590
- style: "body2"
5591
- }, renderStatus("payout", status, {}))), /*#__PURE__*/React__default["default"].createElement("div", {
5592
- className: "flex items-center space-x-2"
5593
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5594
- style: "body2"
5595
- }, t("neetoPayments.payoutsPage.amount")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5596
- className: "neeto-ui-text-black font-medium",
5597
- style: "body2"
5598
- }, amount)), /*#__PURE__*/React__default["default"].createElement("div", {
5599
- className: "flex items-center space-x-2"
5600
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5601
- style: "body2"
5602
- }, t("neetoPayments.payoutsPage.arrivalDate")), renderDate(arrivalDate)), /*#__PURE__*/React__default["default"].createElement("div", {
5603
- className: "flex items-center space-x-2"
5604
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5605
- style: "body2"
5606
- }, t("neetoPayments.payoutsPage.createdAt")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5607
- className: "neeto-ui-text-black font-medium",
5608
- style: "body2"
5609
- }, renderDate(createdAt))), /*#__PURE__*/React__default["default"].createElement("div", {
5610
- className: "flex items-center space-x-2"
5611
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5612
- style: "body2"
5613
- }, t("neetoPayments.payoutsPage.destinationId")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5614
- className: "neeto-ui-text-black font-medium",
5615
- style: "body2"
5616
- }, destinationIdentifier)), /*#__PURE__*/React__default["default"].createElement("div", {
5617
- className: "flex items-center space-x-2"
5618
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5619
- style: "body2"
5620
- }, t("neetoPayments.payoutsPage.automatic")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5621
- className: "neeto-ui-text-black font-medium",
5622
- style: "body2"
5623
- }, isAutomatic ? t("neetoPayments.common.yes") : t("neetoPayments.common.no"))), neetoCist.isPresent(failureMessage) && /*#__PURE__*/React__default["default"].createElement("div", {
5624
- className: "flex items-center space-x-2"
5625
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5626
- style: "body2"
5627
- }, t("neetoPayments.payoutsPage.failureMessage")), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5628
- className: "neeto-ui-text-black font-medium",
5629
- style: "body2"
5630
- }, failureMessage)))), isAutomatic && /*#__PURE__*/React__default["default"].createElement(Dashboard$1, _extends$1({}, isPlatformEnabled, {
5631
- kind: "connected"
5632
- }, otherProps, {
5633
- headerProps: {
5634
- size: "nano"
5635
- },
5636
- payoutId: id
5637
- })));
5681
+ if (isDataLoading) return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
5682
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
5683
+ children: [/*#__PURE__*/jsxRuntime.jsx(Header__default["default"], {
5684
+ breadcrumbs: headerBreadCrumbs,
5685
+ title: t("neetoPayments.payoutsPage.title")
5686
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
5687
+ className: "w-full space-y-6 p-2",
5688
+ children: /*#__PURE__*/jsxRuntime.jsxs("div", {
5689
+ className: "w-full space-y-2",
5690
+ children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
5691
+ className: "flex items-center space-x-2",
5692
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5693
+ style: "body2",
5694
+ children: t("neetoPayments.payoutsPage.payoutId")
5695
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5696
+ className: "neeto-ui-text-black font-medium",
5697
+ style: "body2",
5698
+ children: renderPayoutIdentifier(identifier, live)
5699
+ })]
5700
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
5701
+ className: "flex items-center space-x-2",
5702
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5703
+ style: "body2",
5704
+ children: t("neetoPayments.payoutsPage.status")
5705
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5706
+ className: "neeto-ui-text-black font-medium",
5707
+ style: "body2",
5708
+ children: renderStatus("payout", status, {})
5709
+ })]
5710
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
5711
+ className: "flex items-center space-x-2",
5712
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5713
+ style: "body2",
5714
+ children: t("neetoPayments.payoutsPage.amount")
5715
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5716
+ className: "neeto-ui-text-black font-medium",
5717
+ style: "body2",
5718
+ children: amount
5719
+ })]
5720
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
5721
+ className: "flex items-center space-x-2",
5722
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5723
+ style: "body2",
5724
+ children: t("neetoPayments.payoutsPage.arrivalDate")
5725
+ }), renderDate(arrivalDate)]
5726
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
5727
+ className: "flex items-center space-x-2",
5728
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5729
+ style: "body2",
5730
+ children: t("neetoPayments.payoutsPage.createdAt")
5731
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5732
+ className: "neeto-ui-text-black font-medium",
5733
+ style: "body2",
5734
+ children: renderDate(createdAt)
5735
+ })]
5736
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
5737
+ className: "flex items-center space-x-2",
5738
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5739
+ style: "body2",
5740
+ children: t("neetoPayments.payoutsPage.destinationId")
5741
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5742
+ className: "neeto-ui-text-black font-medium",
5743
+ style: "body2",
5744
+ children: destinationIdentifier
5745
+ })]
5746
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
5747
+ className: "flex items-center space-x-2",
5748
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5749
+ style: "body2",
5750
+ children: t("neetoPayments.payoutsPage.automatic")
5751
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5752
+ className: "neeto-ui-text-black font-medium",
5753
+ style: "body2",
5754
+ children: isAutomatic ? t("neetoPayments.common.yes") : t("neetoPayments.common.no")
5755
+ })]
5756
+ }), neetoCist.isPresent(failureMessage) && /*#__PURE__*/jsxRuntime.jsxs("div", {
5757
+ className: "flex items-center space-x-2",
5758
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5759
+ style: "body2",
5760
+ children: t("neetoPayments.payoutsPage.failureMessage")
5761
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5762
+ className: "neeto-ui-text-black font-medium",
5763
+ style: "body2",
5764
+ children: failureMessage
5765
+ })]
5766
+ })]
5767
+ })
5768
+ }), isAutomatic && /*#__PURE__*/jsxRuntime.jsx(Dashboard$1, _objectSpread$8(_objectSpread$8(_objectSpread$8({}, isPlatformEnabled), {}, {
5769
+ kind: "connected"
5770
+ }, otherProps), {}, {
5771
+ headerProps: {
5772
+ size: "nano"
5773
+ },
5774
+ payoutId: id
5775
+ }))]
5776
+ });
5638
5777
  };
5639
5778
 
5640
5779
  var renderIdentifier$1 = function renderIdentifier() {
@@ -5643,24 +5782,28 @@ var renderIdentifier$1 = function renderIdentifier() {
5643
5782
  identifier = _ref$identifier === void 0 ? "" : _ref$identifier;
5644
5783
  var isTemporaryIdentifier = identifier.startsWith("temp_");
5645
5784
  if (isTemporaryIdentifier) {
5646
- return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
5785
+ return /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
5647
5786
  content: i18next.t("neetoPayments.tooltipContent.paymentIdentifierUnavailable"),
5648
- position: "top"
5649
- }, /*#__PURE__*/React__default["default"].createElement("div", {
5650
- className: "text-center"
5651
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5652
- style: "body2"
5653
- }, i18next.t("neetoPayments.common.notAvailable"))));
5787
+ position: "top",
5788
+ children: /*#__PURE__*/jsxRuntime.jsx("div", {
5789
+ className: "text-center",
5790
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5791
+ style: "body2",
5792
+ children: i18next.t("neetoPayments.common.notAvailable")
5793
+ })
5794
+ })
5795
+ });
5654
5796
  }
5655
- return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
5656
- content: identifier
5657
- }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
5658
- href: "https://dashboard.razorpay.com/app/payments/".concat(identifier),
5659
- label: identifier,
5660
- size: "small",
5661
- style: "link",
5662
- target: "_blank"
5663
- }));
5797
+ return /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper, {
5798
+ content: identifier,
5799
+ children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
5800
+ href: "https://dashboard.razorpay.com/app/payments/".concat(identifier),
5801
+ label: identifier,
5802
+ size: "small",
5803
+ style: "link",
5804
+ target: "_blank"
5805
+ })
5806
+ });
5664
5807
  };
5665
5808
 
5666
5809
  var COLUMNS$2 = [{
@@ -5726,8 +5869,8 @@ var buildPaymentColumns$2 = function buildPaymentColumns(_ref) {
5726
5869
  }));
5727
5870
  };
5728
5871
 
5729
- 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; }
5730
- 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; }
5872
+ 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; }
5873
+ 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; }
5731
5874
  var FilterWrapper = function FilterWrapper(_ref) {
5732
5875
  var _ref$setShowExportMod = _ref.setShowExportModal,
5733
5876
  setShowExportModal = _ref$setShowExportMod === void 0 ? neetoCist.noop : _ref$setShowExportMod,
@@ -5755,7 +5898,7 @@ var FilterWrapper = function FilterWrapper(_ref) {
5755
5898
  var _useTranslation = reactI18next.useTranslation(),
5756
5899
  t = _useTranslation.t;
5757
5900
  var isTabsVisible = isFilterButtonVisible || tab !== "all";
5758
- var searchKeywordProps = _objectSpread$6(_objectSpread$6({}, searchProps), {}, {
5901
+ var searchKeywordProps = _objectSpread$7(_objectSpread$7({}, searchProps), {}, {
5759
5902
  value: searchTerm.trim(),
5760
5903
  setValue: neetoCist.noop
5761
5904
  });
@@ -5769,57 +5912,64 @@ var FilterWrapper = function FilterWrapper(_ref) {
5769
5912
  kind: kind,
5770
5913
  payableEntityColumns: payableEntityColumns
5771
5914
  });
5772
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], _extends$1({}, _objectSpread$6(_objectSpread$6({}, headerProps), {}, {
5773
- title: title
5774
- }), {
5775
- searchProps: isFilterButtonVisible && {
5776
- placeholder: searchKeywordProps.placeholder,
5777
- className: "w-80"
5778
- }
5779
- })), isTabsVisible && /*#__PURE__*/React__default["default"].createElement(Tab__default["default"], null, tabs.map(function (item) {
5780
- return /*#__PURE__*/React__default["default"].createElement(Tab__default["default"].Item, {
5781
- active: tab === item,
5782
- key: item,
5783
- onClick: function onClick() {
5784
- return handleTabChange(item);
5785
- }
5786
- }, t("neetoPayments.common.".concat(item)));
5787
- })), /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
5788
- className: "mt-4",
5789
- leftActionBlock: neetoCist.isPresent(dataSize) && /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
5790
- className: "neeto-ui-gray-800 mr-2 font-semibold",
5791
- component: "h4"
5792
- }, tab === "all" ? t("neetoPayments.countOf.".concat(kind), {
5793
- count: dataSize
5794
- }) : t("neetoPayments.countOf.".concat(kind, "WithStatus"), {
5795
- count: dataSize,
5796
- status: tab
5797
- })),
5798
- rightActionBlock: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoFiltersFrontend.Bar, {
5799
- columns: filterableColumns,
5800
- keyword: searchKeywordProps,
5801
- setIsPaneOpen: setIsFilterPaneOpen,
5802
- onChange: handleFiltersChange
5803
- }), isFilterButtonVisible && /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"].RightBlock, {
5804
- columnsButtonProps: {
5805
- columnData: columnData,
5806
- fixedColumns: DASHBOARD_MANDATORY_COLUMNS$1,
5807
- localStorageKey: "paymentDashboard_".concat(kind)
5808
- },
5809
- downloadButtonProps: {
5810
- onClick: function onClick() {
5811
- return setShowExportModal(true);
5812
- }
5813
- },
5814
- filterProps: {
5815
- columns: filterableColumns,
5816
- isOpen: isFilterPaneOpen,
5817
- keyword: searchKeywordProps,
5818
- setIsOpen: setIsFilterPaneOpen,
5819
- onChange: handleFiltersChange
5915
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
5916
+ children: [/*#__PURE__*/jsxRuntime.jsx(Header__default["default"], _objectSpread$7(_objectSpread$7({}, _objectSpread$7(_objectSpread$7({}, headerProps), {}, {
5917
+ title: title
5918
+ })), {}, {
5919
+ searchProps: isFilterButtonVisible && {
5920
+ placeholder: searchKeywordProps.placeholder,
5921
+ className: "w-80"
5820
5922
  }
5821
- }))
5822
- }), children);
5923
+ })), isTabsVisible && /*#__PURE__*/jsxRuntime.jsx(Tab__default["default"], {
5924
+ children: tabs.map(function (item) {
5925
+ return /*#__PURE__*/jsxRuntime.jsx(Tab__default["default"].Item, {
5926
+ active: tab === item,
5927
+ onClick: function onClick() {
5928
+ return handleTabChange(item);
5929
+ },
5930
+ children: t("neetoPayments.common.".concat(item))
5931
+ }, item);
5932
+ })
5933
+ }), /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"], {
5934
+ className: "mt-4",
5935
+ leftActionBlock: neetoCist.isPresent(dataSize) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
5936
+ className: "neeto-ui-gray-800 mr-2 font-semibold",
5937
+ component: "h4",
5938
+ children: tab === "all" ? t("neetoPayments.countOf.".concat(kind), {
5939
+ count: dataSize
5940
+ }) : t("neetoPayments.countOf.".concat(kind, "WithStatus"), {
5941
+ count: dataSize,
5942
+ status: tab
5943
+ })
5944
+ }),
5945
+ rightActionBlock: /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
5946
+ children: [/*#__PURE__*/jsxRuntime.jsx(neetoFiltersFrontend.Bar, {
5947
+ columns: filterableColumns,
5948
+ keyword: searchKeywordProps,
5949
+ setIsPaneOpen: setIsFilterPaneOpen,
5950
+ onChange: handleFiltersChange
5951
+ }), isFilterButtonVisible && /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"].RightBlock, {
5952
+ columnsButtonProps: {
5953
+ columnData: columnData,
5954
+ fixedColumns: DASHBOARD_MANDATORY_COLUMNS$1,
5955
+ localStorageKey: "paymentDashboard_".concat(kind)
5956
+ },
5957
+ downloadButtonProps: {
5958
+ onClick: function onClick() {
5959
+ return setShowExportModal(true);
5960
+ }
5961
+ },
5962
+ filterProps: {
5963
+ columns: filterableColumns,
5964
+ isOpen: isFilterPaneOpen,
5965
+ keyword: searchKeywordProps,
5966
+ setIsOpen: setIsFilterPaneOpen,
5967
+ onChange: handleFiltersChange
5968
+ }
5969
+ })]
5970
+ })
5971
+ }), children]
5972
+ });
5823
5973
  };
5824
5974
 
5825
5975
  var renderIdentifier = function renderIdentifier() {
@@ -5828,24 +5978,27 @@ var renderIdentifier = function renderIdentifier() {
5828
5978
  identifier = _ref$identifier === void 0 ? "" : _ref$identifier,
5829
5979
  _ref$receiptUrl = _ref.receiptUrl,
5830
5980
  receiptUrl = _ref$receiptUrl === void 0 ? "" : _ref$receiptUrl;
5831
- return /*#__PURE__*/React__default["default"].createElement(CopyButtonWrapper, {
5832
- content: identifier
5833
- }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
5834
- href: receiptUrl,
5835
- label: identifier,
5836
- size: "small",
5837
- style: "link",
5838
- target: "_blank"
5839
- }));
5981
+ return /*#__PURE__*/jsxRuntime.jsx(CopyButtonWrapper, {
5982
+ content: identifier,
5983
+ children: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
5984
+ href: receiptUrl,
5985
+ label: identifier,
5986
+ size: "small",
5987
+ style: "link",
5988
+ target: "_blank"
5989
+ })
5990
+ });
5840
5991
  };
5841
5992
  var truncatedText = function truncatedText(_ref2) {
5842
5993
  var identifier = _ref2.identifier;
5843
- return /*#__PURE__*/React__default["default"].createElement(Tooltip__default["default"], {
5994
+ return /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
5844
5995
  content: identifier,
5845
- position: "top"
5846
- }, /*#__PURE__*/React__default["default"].createElement("div", {
5847
- className: "w-64 truncate"
5848
- }, identifier));
5996
+ position: "top",
5997
+ children: /*#__PURE__*/jsxRuntime.jsx("div", {
5998
+ className: "w-64 truncate",
5999
+ children: identifier
6000
+ })
6001
+ });
5849
6002
  };
5850
6003
 
5851
6004
  var COLUMNS$1 = [{
@@ -6163,49 +6316,51 @@ var List$3 = function List(_ref) {
6163
6316
  return !hiddenColumns.includes(processDataIndex(dataIndex));
6164
6317
  });
6165
6318
  if (isAccountLoading || isPaymentsLoaidng) {
6166
- return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
6319
+ return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
6167
6320
  }
6168
6321
  if (!(account !== null && account !== void 0 && account.isConnected) && views <= 0 || !neetoCist.isPresent(payments)) {
6169
- return /*#__PURE__*/React__default["default"].createElement("div", {
6170
- className: "flex h-full w-full items-center justify-center"
6171
- }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
6172
- title: tab === TAB$2.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
6173
- status: tab
6322
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
6323
+ className: "flex h-full w-full items-center justify-center",
6324
+ children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
6325
+ title: tab === TAB$2.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
6326
+ status: tab
6327
+ })
6174
6328
  })
6175
- }));
6329
+ });
6176
6330
  }
6177
- return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
6178
- hasPagination: views > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
6179
- }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
6180
- fixedHeight: true,
6181
- allowRowClick: false,
6182
- columnData: visibleColumns,
6183
- currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
6184
- handlePageChange: handleTablePaginaton,
6185
- loading: isFetching,
6186
- rowData: buildRowData$1({
6187
- data: payments,
6188
- pageProperties: pageProperties,
6189
- tab: tab
6190
- }),
6191
- rowSelection: false,
6192
- sortDirections: SORT_DIRECTIONS,
6193
- totalCount: views,
6194
- paginationProps: {
6195
- showSizeChanger: true,
6196
- hideOnSinglePage: true,
6197
- pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
6198
- total: views
6199
- },
6200
- onChange: handleTableChange,
6201
- onColumnHide: function onColumnHide(columnData) {
6202
- hideColumn(processDataIndex(columnData.dataIndex));
6203
- }
6204
- }));
6331
+ return /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
6332
+ hasPagination: views > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize),
6333
+ children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
6334
+ fixedHeight: true,
6335
+ allowRowClick: false,
6336
+ columnData: visibleColumns,
6337
+ currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
6338
+ handlePageChange: handleTablePaginaton,
6339
+ loading: isFetching,
6340
+ rowData: buildRowData$1({
6341
+ data: payments,
6342
+ pageProperties: pageProperties,
6343
+ tab: tab
6344
+ }),
6345
+ rowSelection: false,
6346
+ sortDirections: SORT_DIRECTIONS,
6347
+ totalCount: views,
6348
+ paginationProps: {
6349
+ showSizeChanger: true,
6350
+ hideOnSinglePage: true,
6351
+ pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
6352
+ total: views
6353
+ },
6354
+ onChange: handleTableChange,
6355
+ onColumnHide: function onColumnHide(columnData) {
6356
+ hideColumn(processDataIndex(columnData.dataIndex));
6357
+ }
6358
+ })
6359
+ });
6205
6360
  };
6206
6361
 
6207
- 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; }
6208
- 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; }
6362
+ 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; }
6363
+ 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; }
6209
6364
  var RazorpayDashboard = function RazorpayDashboard(_ref) {
6210
6365
  var searchProps = _ref.searchProps,
6211
6366
  _ref$headerProps = _ref.headerProps,
@@ -6236,34 +6391,36 @@ var RazorpayDashboard = function RazorpayDashboard(_ref) {
6236
6391
  setSortProperties = filterPaginationState.setSortProperties,
6237
6392
  tab = filterPaginationState.tab,
6238
6393
  setDataSize = filterPaginationState.setDataSize;
6239
- return /*#__PURE__*/React__default["default"].createElement(FilterWrapper, _extends$1({
6394
+ return /*#__PURE__*/jsxRuntime.jsxs(FilterWrapper, _objectSpread$6(_objectSpread$6({
6240
6395
  title: t("neetoPayments.common.razorpayPayments")
6241
- }, _objectSpread$5({
6396
+ }, _objectSpread$6({
6242
6397
  headerProps: headerProps,
6243
6398
  kind: kind,
6244
6399
  payableEntityColumns: payableEntityColumns,
6245
6400
  searchProps: searchProps,
6246
6401
  setShowExportModal: setShowExportModal
6247
- }, filterPaginationState)), /*#__PURE__*/React__default["default"].createElement(List$3, {
6248
- filters: filters,
6249
- holdableId: holdableId,
6250
- kind: kind,
6251
- pageProperties: pageProperties,
6252
- payableEntityColumns: payableEntityColumns,
6253
- setDataSize: setDataSize,
6254
- setIsFilterButtonVisible: setIsFilterButtonVisible,
6255
- setPageProperties: setPageProperties,
6256
- setSortProperties: setSortProperties,
6257
- sortProperties: sortProperties,
6258
- tab: tab
6259
- }), /*#__PURE__*/React__default["default"].createElement(ExportModal$1, {
6260
- filters: filters,
6261
- holdableId: holdableId,
6262
- kind: kind,
6263
- setShowExportModal: setShowExportModal,
6264
- showExportModal: showExportModal,
6265
- sortProperties: sortProperties,
6266
- tab: tab
6402
+ }, filterPaginationState)), {}, {
6403
+ children: [/*#__PURE__*/jsxRuntime.jsx(List$3, {
6404
+ filters: filters,
6405
+ holdableId: holdableId,
6406
+ kind: kind,
6407
+ pageProperties: pageProperties,
6408
+ payableEntityColumns: payableEntityColumns,
6409
+ setDataSize: setDataSize,
6410
+ setIsFilterButtonVisible: setIsFilterButtonVisible,
6411
+ setPageProperties: setPageProperties,
6412
+ setSortProperties: setSortProperties,
6413
+ sortProperties: sortProperties,
6414
+ tab: tab
6415
+ }), /*#__PURE__*/jsxRuntime.jsx(ExportModal$1, {
6416
+ filters: filters,
6417
+ holdableId: holdableId,
6418
+ kind: kind,
6419
+ setShowExportModal: setShowExportModal,
6420
+ showExportModal: showExportModal,
6421
+ sortProperties: sortProperties,
6422
+ tab: tab
6423
+ })]
6267
6424
  }));
6268
6425
  };
6269
6426
  var index$2 = reactUtils.withTitle(withReactQuery(RazorpayDashboard), i18next.t("neetoPayments.common.razorpayPayments"));
@@ -6753,7 +6910,7 @@ var RazorpayPaymentButton = function RazorpayPaymentButton(_ref) {
6753
6910
  };
6754
6911
  createRazorpayOrder(payload);
6755
6912
  };
6756
- return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
6913
+ return /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
6757
6914
  disabled: isLoading,
6758
6915
  label: label || t("neetoPayments.common.pay"),
6759
6916
  loading: isLoading,
@@ -6860,13 +7017,14 @@ var SquareCard = function SquareCard(_ref) {
6860
7017
  React.useEffect(function () {
6861
7018
  card === null || card === void 0 || card.configure(options);
6862
7019
  }, [card, options]);
6863
- return /*#__PURE__*/React__default["default"].createElement("div", {
7020
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
6864
7021
  id: id,
6865
7022
  className: classNames__default["default"]({
6866
7023
  "pointer-events-none": disabled,
6867
7024
  "text-center": !card
6868
- })
6869
- }, !card && /*#__PURE__*/React__default["default"].createElement(Spinner__default["default"], null));
7025
+ }),
7026
+ children: !card && /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {})
7027
+ });
6870
7028
  };
6871
7029
 
6872
7030
  var TAB$1 = {
@@ -7049,46 +7207,48 @@ var List$2 = function List(_ref) {
7049
7207
  } : DEFAULT_SORT_PROPERTIES$1);
7050
7208
  };
7051
7209
  if (isSquareAccountLoading || isDataLoading) {
7052
- return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
7210
+ return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
7053
7211
  }
7054
7212
  if (!(squareAccount !== null && squareAccount !== void 0 && squareAccount.isConnected) && dataSize <= 0 || !neetoCist.isPresent(data)) {
7055
- return /*#__PURE__*/React__default["default"].createElement("div", {
7056
- className: "flex h-full w-full items-center justify-center"
7057
- }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
7058
- title: tab === TAB$1.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
7059
- status: tab
7213
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
7214
+ className: "flex h-full w-full items-center justify-center",
7215
+ children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
7216
+ title: tab === TAB$1.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
7217
+ status: tab
7218
+ })
7060
7219
  })
7061
- }));
7220
+ });
7062
7221
  }
7063
- return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
7064
- hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
7065
- }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
7066
- columnData: columnData,
7067
- fixedHeight: true,
7068
- allowRowClick: false,
7069
- currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
7070
- handlePageChange: handleTablePaginaton,
7071
- loading: isDataFetching,
7072
- rowData: buildRowData$1({
7073
- data: data,
7074
- pageProperties: pageProperties,
7075
- tab: tab
7076
- }),
7077
- rowSelection: false,
7078
- sortDirections: SORT_DIRECTIONS,
7079
- totalCount: dataSize,
7080
- paginationProps: {
7081
- showSizeChanger: true,
7082
- hideOnSinglePage: true,
7083
- pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
7084
- total: dataSize
7085
- },
7086
- onChange: handleTableChange
7087
- }));
7222
+ return /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
7223
+ hasPagination: dataSize > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize),
7224
+ children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
7225
+ columnData: columnData,
7226
+ fixedHeight: true,
7227
+ allowRowClick: false,
7228
+ currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
7229
+ handlePageChange: handleTablePaginaton,
7230
+ loading: isDataFetching,
7231
+ rowData: buildRowData$1({
7232
+ data: data,
7233
+ pageProperties: pageProperties,
7234
+ tab: tab
7235
+ }),
7236
+ rowSelection: false,
7237
+ sortDirections: SORT_DIRECTIONS,
7238
+ totalCount: dataSize,
7239
+ paginationProps: {
7240
+ showSizeChanger: true,
7241
+ hideOnSinglePage: true,
7242
+ pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
7243
+ total: dataSize
7244
+ },
7245
+ onChange: handleTableChange
7246
+ })
7247
+ });
7088
7248
  };
7089
7249
 
7090
- 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; }
7091
- 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; }
7250
+ 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; }
7251
+ 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; }
7092
7252
  var SquareDashboard = function SquareDashboard(_ref) {
7093
7253
  var searchProps = _ref.searchProps,
7094
7254
  _ref$headerProps = _ref.headerProps,
@@ -7115,24 +7275,26 @@ var SquareDashboard = function SquareDashboard(_ref) {
7115
7275
  setSortProperties = filterPaginationState.setSortProperties,
7116
7276
  tab = filterPaginationState.tab,
7117
7277
  setDataSize = filterPaginationState.setDataSize;
7118
- return /*#__PURE__*/React__default["default"].createElement(FilterWrapper, _extends$1({
7278
+ return /*#__PURE__*/jsxRuntime.jsx(FilterWrapper, _objectSpread$5(_objectSpread$5({
7119
7279
  title: isPaymentKind(kind) ? t("neetoPayments.title.squarePayment") : t("neetoPayments.title.squareRefund")
7120
- }, _objectSpread$4({
7280
+ }, _objectSpread$5({
7121
7281
  headerProps: headerProps,
7122
7282
  kind: kind,
7123
7283
  searchProps: searchProps
7124
- }, filterPaginationState)), /*#__PURE__*/React__default["default"].createElement(List$2, {
7125
- filters: filters,
7126
- holdableId: holdableId,
7127
- kind: kind,
7128
- pageProperties: pageProperties,
7129
- payableEntityColumns: payableEntityColumns,
7130
- setDataSize: setDataSize,
7131
- setIsFilterButtonVisible: setIsFilterButtonVisible,
7132
- setPageProperties: setPageProperties,
7133
- setSortProperties: setSortProperties,
7134
- sortProperties: sortProperties,
7135
- tab: tab
7284
+ }, filterPaginationState)), {}, {
7285
+ children: /*#__PURE__*/jsxRuntime.jsx(List$2, {
7286
+ filters: filters,
7287
+ holdableId: holdableId,
7288
+ kind: kind,
7289
+ pageProperties: pageProperties,
7290
+ payableEntityColumns: payableEntityColumns,
7291
+ setDataSize: setDataSize,
7292
+ setIsFilterButtonVisible: setIsFilterButtonVisible,
7293
+ setPageProperties: setPageProperties,
7294
+ setSortProperties: setSortProperties,
7295
+ sortProperties: sortProperties,
7296
+ tab: tab
7297
+ })
7136
7298
  }));
7137
7299
  };
7138
7300
  var index$1 = reactUtils.withTitle(withReactQuery(SquareDashboard), i18next.t("neetoPayments.common.squarePayments"));
@@ -7149,6 +7311,8 @@ var STRIPE_ALERT_PAYMENT_KIND_CONTENT = {
7149
7311
  };
7150
7312
 
7151
7313
  var _excluded = ["isOpen", "paymentKind", "onClose"];
7314
+ 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; }
7315
+ 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; }
7152
7316
  var PaymentKindRestrictionAlert = function PaymentKindRestrictionAlert(_ref) {
7153
7317
  var _ref$isOpen = _ref.isOpen,
7154
7318
  isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
@@ -7157,7 +7321,7 @@ var PaymentKindRestrictionAlert = function PaymentKindRestrictionAlert(_ref) {
7157
7321
  _ref$onClose = _ref.onClose,
7158
7322
  onClose = _ref$onClose === void 0 ? neetoCist.noop : _ref$onClose,
7159
7323
  otherProps = _objectWithoutProperties(_ref, _excluded);
7160
- return /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], _extends$1({
7324
+ return /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], _objectSpread$4({
7161
7325
  isOpen: isOpen,
7162
7326
  onClose: onClose,
7163
7327
  message: STRIPE_ALERT_PAYMENT_KIND_CONTENT[paymentKind].message,
@@ -7302,35 +7466,37 @@ var AccountForm = function AccountForm(_ref) {
7302
7466
  createStripeAccount(payload);
7303
7467
  };
7304
7468
  if (isLoading) {
7305
- return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
7469
+ return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
7306
7470
  }
7307
- return /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
7471
+ return /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
7308
7472
  formikProps: {
7309
7473
  enableReinitialize: true,
7310
7474
  initialValues: INITIAL_VALUES,
7311
7475
  validationSchema: VALIDATION_SCHEMA$2,
7312
7476
  onSubmit: handleSubmit
7313
- }
7314
- }, /*#__PURE__*/React__default["default"].createElement("div", {
7315
- className: "space-y-3"
7316
- }, /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
7317
- required: true,
7318
- helpText: t("neetoPayments.integrationModal.form.helpText"),
7319
- label: t("neetoPayments.integrationModal.form.label"),
7320
- name: "country",
7321
- options: buildCountryOptions(countries),
7322
- placeholder: t("neetoPayments.integrationModal.form.placeholder")
7323
- }), /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
7324
- cancelButtonProps: {
7325
- onClick: function onClick() {
7326
- return history.goBack();
7327
- }
7328
7477
  },
7329
- isSubmitting: isCreating || isPolling,
7330
- submitButtonProps: {
7331
- label: submitButtonLabel
7332
- }
7333
- })));
7478
+ children: /*#__PURE__*/jsxRuntime.jsxs("div", {
7479
+ className: "space-y-3",
7480
+ children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
7481
+ required: true,
7482
+ helpText: t("neetoPayments.integrationModal.form.helpText"),
7483
+ label: t("neetoPayments.integrationModal.form.label"),
7484
+ name: "country",
7485
+ options: buildCountryOptions(countries),
7486
+ placeholder: t("neetoPayments.integrationModal.form.placeholder")
7487
+ }), /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
7488
+ cancelButtonProps: {
7489
+ onClick: function onClick() {
7490
+ return history.goBack();
7491
+ }
7492
+ },
7493
+ isSubmitting: isCreating || isPolling,
7494
+ submitButtonProps: {
7495
+ label: submitButtonLabel
7496
+ }
7497
+ })]
7498
+ })
7499
+ });
7334
7500
  };
7335
7501
 
7336
7502
  var AccountDetails = function AccountDetails(_ref) {
@@ -7341,26 +7507,35 @@ var AccountDetails = function AccountDetails(_ref) {
7341
7507
  stripeAccount = _useFetchConnectedStr3.account;
7342
7508
  var _useTranslation = reactI18next.useTranslation(),
7343
7509
  t = _useTranslation.t;
7344
- return /*#__PURE__*/React__default["default"].createElement("div", {
7345
- className: "mb-6 space-y-3"
7346
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
7347
- style: "h5",
7348
- weight: "medium"
7349
- }, t("neetoPayments.integrationModal.account.title")), /*#__PURE__*/React__default["default"].createElement("div", {
7350
- className: "grid grid-cols-4 gap-y-3"
7351
- }, /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
7352
- className: "neeto-ui-text-gray-800"
7353
- }, t("neetoPayments.common.id")), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
7354
- className: "neeto-ui-text-gray-800 col-span-3"
7355
- }, stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.identifier), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
7356
- className: "neeto-ui-text-gray-800"
7357
- }, t("neetoPayments.common.email")), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
7358
- className: "neeto-ui-text-gray-800 col-span-3"
7359
- }, stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.email), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
7360
- className: "neeto-ui-text-gray-800"
7361
- }, t("neetoPayments.common.country")), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
7362
- className: "neeto-ui-text-gray-800 col-span-3"
7363
- }, stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.country)));
7510
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
7511
+ className: "mb-6 space-y-3",
7512
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
7513
+ style: "h5",
7514
+ weight: "medium",
7515
+ children: t("neetoPayments.integrationModal.account.title")
7516
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
7517
+ className: "grid grid-cols-4 gap-y-3",
7518
+ children: [/*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
7519
+ className: "neeto-ui-text-gray-800",
7520
+ children: t("neetoPayments.common.id")
7521
+ }), /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
7522
+ className: "neeto-ui-text-gray-800 col-span-3",
7523
+ children: stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.identifier
7524
+ }), /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
7525
+ className: "neeto-ui-text-gray-800",
7526
+ children: t("neetoPayments.common.email")
7527
+ }), /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
7528
+ className: "neeto-ui-text-gray-800 col-span-3",
7529
+ children: stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.email
7530
+ }), /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
7531
+ className: "neeto-ui-text-gray-800",
7532
+ children: t("neetoPayments.common.country")
7533
+ }), /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
7534
+ className: "neeto-ui-text-gray-800 col-span-3",
7535
+ children: stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.country
7536
+ })]
7537
+ })]
7538
+ });
7364
7539
  };
7365
7540
 
7366
7541
  var AccountProcessing = function AccountProcessing(_ref) {
@@ -7425,36 +7600,39 @@ var AccountProcessing = function AccountProcessing(_ref) {
7425
7600
  var handleUseAnotherStripeAccount = function handleUseAnotherStripeAccount() {
7426
7601
  destroyStripeAccount(stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.id);
7427
7602
  };
7428
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(AccountDetails, null), /*#__PURE__*/React__default["default"].createElement("div", {
7429
- className: "flex flex-col items-start space-y-2"
7430
- }, /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
7431
- disabled: isPolling,
7432
- href: buildRefreshUrl(stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.id, returnUrl),
7433
- label: buttonLabel(),
7434
- loading: isPolling,
7435
- size: "small"
7436
- }), !isPolling && !isAccountProcessingFailed && /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
7437
- disabled: isStripeAccountDestroying || isPolling,
7438
- label: t("neetoPayments.integrationModal.anotherAccount"),
7439
- size: "small",
7440
- style: "link",
7441
- onClick: function onClick() {
7442
- return setIsAlertOpen(true);
7443
- }
7444
- })), /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
7445
- isOpen: isAlertOpen,
7446
- title: t("neetoPayments.integrationModal.alert.changeTitle"),
7447
- message: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
7448
- i18nKey: "neetoPayments.integrationModal.alert.changeMessage",
7449
- values: {
7450
- account: stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.email
7451
- }
7452
- }),
7453
- onClose: function onClose() {
7454
- return setIsAlertOpen(false);
7455
- },
7456
- onSubmit: handleUseAnotherStripeAccount
7457
- }));
7603
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
7604
+ children: [/*#__PURE__*/jsxRuntime.jsx(AccountDetails, {}), /*#__PURE__*/jsxRuntime.jsxs("div", {
7605
+ className: "flex flex-col items-start space-y-2",
7606
+ children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
7607
+ disabled: isPolling,
7608
+ href: buildRefreshUrl(stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.id, returnUrl),
7609
+ label: buttonLabel(),
7610
+ loading: isPolling,
7611
+ size: "small"
7612
+ }), !isPolling && !isAccountProcessingFailed && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
7613
+ disabled: isStripeAccountDestroying || isPolling,
7614
+ label: t("neetoPayments.integrationModal.anotherAccount"),
7615
+ size: "small",
7616
+ style: "link",
7617
+ onClick: function onClick() {
7618
+ return setIsAlertOpen(true);
7619
+ }
7620
+ })]
7621
+ }), /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
7622
+ isOpen: isAlertOpen,
7623
+ title: t("neetoPayments.integrationModal.alert.changeTitle"),
7624
+ message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
7625
+ i18nKey: "neetoPayments.integrationModal.alert.changeMessage",
7626
+ values: {
7627
+ account: stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.email
7628
+ }
7629
+ }),
7630
+ onClose: function onClose() {
7631
+ return setIsAlertOpen(false);
7632
+ },
7633
+ onSubmit: handleUseAnotherStripeAccount
7634
+ })]
7635
+ });
7458
7636
  };
7459
7637
 
7460
7638
  var Configure = function Configure(_ref) {
@@ -7471,25 +7649,29 @@ var Configure = function Configure(_ref) {
7471
7649
  window.open(onboarding === null || onboarding === void 0 ? void 0 : onboarding.url, "_self");
7472
7650
  };
7473
7651
  var connectDescription = neetoCist.isPresent(stripeAccount) ? t("neetoPayments.integrationModal.linkedDescription") : t("neetoPayments.integrationModal.subtitle");
7474
- return /*#__PURE__*/React__default["default"].createElement("div", {
7475
- className: "mx-auto w-full max-w-lg space-y-8"
7476
- }, /*#__PURE__*/React__default["default"].createElement("div", {
7477
- className: "space-y-2"
7478
- }, /*#__PURE__*/React__default["default"].createElement(SvgStripe, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
7479
- "data-cy": "configure-payment-title",
7480
- style: "h2",
7481
- weight: "semibold"
7482
- }, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
7483
- className: "leading-snug"
7484
- }, connectDescription)), neetoCist.isPresent(stripeAccount) ? /*#__PURE__*/React__default["default"].createElement(AccountProcessing, {
7485
- onAccountCreated: handleStripeAccountCreated,
7486
- holdableId: holdableId,
7487
- returnUrl: returnUrl
7488
- }) : /*#__PURE__*/React__default["default"].createElement(AccountForm, {
7489
- holdableId: holdableId,
7490
- returnUrl: returnUrl,
7491
- onAccountCreated: handleStripeAccountCreated
7492
- }));
7652
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
7653
+ className: "mx-auto w-full max-w-lg space-y-8",
7654
+ children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
7655
+ className: "space-y-2",
7656
+ children: [/*#__PURE__*/jsxRuntime.jsx(SvgStripe, {}), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
7657
+ "data-cy": "configure-payment-title",
7658
+ style: "h2",
7659
+ weight: "semibold",
7660
+ children: t("neetoPayments.integrationModal.title")
7661
+ }), /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
7662
+ className: "leading-snug",
7663
+ children: connectDescription
7664
+ })]
7665
+ }), neetoCist.isPresent(stripeAccount) ? /*#__PURE__*/jsxRuntime.jsx(AccountProcessing, {
7666
+ onAccountCreated: handleStripeAccountCreated,
7667
+ holdableId: holdableId,
7668
+ returnUrl: returnUrl
7669
+ }) : /*#__PURE__*/jsxRuntime.jsx(AccountForm, {
7670
+ holdableId: holdableId,
7671
+ returnUrl: returnUrl,
7672
+ onAccountCreated: handleStripeAccountCreated
7673
+ })]
7674
+ });
7493
7675
  };
7494
7676
 
7495
7677
  /*! @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 */
@@ -9119,45 +9301,51 @@ var Connect = function Connect(_ref) {
9119
9301
  }
9120
9302
  window.location.href = purify.sanitize(stripeConnectUrl);
9121
9303
  };
9122
- return /*#__PURE__*/React__default["default"].createElement("div", {
9123
- className: "mx-auto w-full max-w-lg space-y-8"
9124
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9125
- className: "space-y-2"
9126
- }, /*#__PURE__*/React__default["default"].createElement(SvgStripe, null), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
9127
- "data-cy": "configure-payment-title",
9128
- style: "h2",
9129
- weight: "semibold"
9130
- }, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React__default["default"].createElement(Label__default["default"], {
9131
- className: "leading-snug"
9132
- }, t("neetoPayments.integrationModal.subtitle"))), /*#__PURE__*/React__default["default"].createElement(Radio__default["default"], {
9133
- stacked: true,
9134
- value: selectedOption,
9135
- onChange: function onChange(event) {
9136
- return setSelectedOption(event.target.value);
9137
- }
9138
- }, /*#__PURE__*/React__default["default"].createElement(Radio__default["default"].Item, {
9139
- className: "neeto-ui-border-black w-96 py-2",
9140
- label: t("neetoPayments.integrationModal.createAccount"),
9141
- name: "accountMethod",
9142
- value: INTEGRATION_METHOD.createNewAccount
9143
- }), /*#__PURE__*/React__default["default"].createElement(Radio__default["default"].Item, {
9144
- className: "neeto-ui-border-black w-96 py-2",
9145
- label: t("neetoPayments.integrationModal.connectAccount"),
9146
- name: "accountMethod",
9147
- value: INTEGRATION_METHOD.useExistingAccount
9148
- })), /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
9149
- label: t("neetoPayments.common.continue"),
9150
- onClick: handleSubmit
9151
- }));
9304
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
9305
+ className: "mx-auto w-full max-w-lg space-y-8",
9306
+ children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
9307
+ className: "space-y-2",
9308
+ children: [/*#__PURE__*/jsxRuntime.jsx(SvgStripe, {}), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
9309
+ "data-cy": "configure-payment-title",
9310
+ style: "h2",
9311
+ weight: "semibold",
9312
+ children: t("neetoPayments.integrationModal.title")
9313
+ }), /*#__PURE__*/jsxRuntime.jsx(Label__default["default"], {
9314
+ className: "leading-snug",
9315
+ children: t("neetoPayments.integrationModal.subtitle")
9316
+ })]
9317
+ }), /*#__PURE__*/jsxRuntime.jsxs(Radio__default["default"], {
9318
+ stacked: true,
9319
+ value: selectedOption,
9320
+ onChange: function onChange(event) {
9321
+ return setSelectedOption(event.target.value);
9322
+ },
9323
+ children: [/*#__PURE__*/jsxRuntime.jsx(Radio__default["default"].Item, {
9324
+ className: "neeto-ui-border-black w-96 py-2",
9325
+ label: t("neetoPayments.integrationModal.createAccount"),
9326
+ name: "accountMethod",
9327
+ value: INTEGRATION_METHOD.createNewAccount
9328
+ }), /*#__PURE__*/jsxRuntime.jsx(Radio__default["default"].Item, {
9329
+ className: "neeto-ui-border-black w-96 py-2",
9330
+ label: t("neetoPayments.integrationModal.connectAccount"),
9331
+ name: "accountMethod",
9332
+ value: INTEGRATION_METHOD.useExistingAccount
9333
+ })]
9334
+ }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
9335
+ label: t("neetoPayments.common.continue"),
9336
+ onClick: handleSubmit
9337
+ })]
9338
+ });
9152
9339
  };
9153
9340
 
9154
9341
  var Finish = reactUtils.withT(function (_ref) {
9155
9342
  var t = _ref.t,
9156
9343
  onSuccess = _ref.onSuccess;
9157
- return /*#__PURE__*/React__default["default"].createElement(neetointegrations.Finish, {
9344
+ return /*#__PURE__*/jsxRuntime.jsx(neetointegrations.Finish, {
9158
9345
  title: t("v2.payment.finishTitle"),
9159
- onClick: onSuccess
9160
- }, /*#__PURE__*/React__default["default"].createElement(AccountDetails, null));
9346
+ onClick: onSuccess,
9347
+ children: /*#__PURE__*/jsxRuntime.jsx(AccountDetails, {})
9348
+ });
9161
9349
  });
9162
9350
 
9163
9351
  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; }
@@ -9198,22 +9386,23 @@ var StripeConnect = function StripeConnect(_ref) {
9198
9386
  isCompleted: activeTab === STEPS.demo
9199
9387
  })];
9200
9388
  }, [activeTab, stripeAccount]);
9201
- return /*#__PURE__*/React__default["default"].createElement(neetointegrations.Modal, {
9389
+ return /*#__PURE__*/jsxRuntime.jsxs(neetointegrations.Modal, {
9202
9390
  isOpen: isOpen,
9203
9391
  onClose: onClose,
9204
- steps: steps
9205
- }, activeTab === STEPS.connect && /*#__PURE__*/React__default["default"].createElement(Connect, {
9206
- holdableId: holdableId,
9207
- returnUrl: returnUrl,
9208
- setActiveTab: setActiveTab
9209
- }), activeTab === STEPS.configure && /*#__PURE__*/React__default["default"].createElement(Configure, {
9210
- holdableId: holdableId,
9211
- returnUrl: returnUrl
9212
- }), activeTab === STEPS.finish && /*#__PURE__*/React__default["default"].createElement(Finish, {
9213
- onSuccess: onClose
9214
- }), activeTab === STEPS.demo && /*#__PURE__*/React__default["default"].createElement(neetointegrations.Demo, {
9215
- onClose: onClose
9216
- }));
9392
+ steps: steps,
9393
+ children: [activeTab === STEPS.connect && /*#__PURE__*/jsxRuntime.jsx(Connect, {
9394
+ holdableId: holdableId,
9395
+ returnUrl: returnUrl,
9396
+ setActiveTab: setActiveTab
9397
+ }), activeTab === STEPS.configure && /*#__PURE__*/jsxRuntime.jsx(Configure, {
9398
+ holdableId: holdableId,
9399
+ returnUrl: returnUrl
9400
+ }), activeTab === STEPS.finish && /*#__PURE__*/jsxRuntime.jsx(Finish, {
9401
+ onSuccess: onClose
9402
+ }), activeTab === STEPS.demo && /*#__PURE__*/jsxRuntime.jsx(neetointegrations.Demo, {
9403
+ onClose: onClose
9404
+ })]
9405
+ });
9217
9406
  };
9218
9407
 
9219
9408
  var VALIDATION_SCHEMA$1 = yup__namespace.object({
@@ -9225,31 +9414,35 @@ var Add = function Add(_ref) {
9225
9414
  var _useTranslation = reactI18next.useTranslation(),
9226
9415
  t = _useTranslation.t;
9227
9416
  var history = reactRouterDom.useHistory();
9228
- return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
9229
- formikProps: {
9230
- initialValues: {
9231
- upiId: ""
9417
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
9418
+ children: /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
9419
+ formikProps: {
9420
+ initialValues: {
9421
+ upiId: ""
9422
+ },
9423
+ onSubmit: handleCreateUpiId,
9424
+ validationSchema: VALIDATION_SCHEMA$1
9232
9425
  },
9233
- onSubmit: handleCreateUpiId,
9234
- validationSchema: VALIDATION_SCHEMA$1
9235
- }
9236
- }, /*#__PURE__*/React__default["default"].createElement("div", {
9237
- className: "space-y-3"
9238
- }, /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
9239
- className: "w-64",
9240
- label: t("neetoPayments.upi.form.enterUpi"),
9241
- name: "upiId",
9242
- placeholder: t("neetoPayments.upi.form.enterUpi")
9243
- }), /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
9244
- cancelButtonProps: {
9245
- onClick: function onClick() {
9246
- return history.goBack();
9247
- }
9248
- },
9249
- submitButtonProps: {
9250
- label: t("neetoPayments.upi.form.add")
9251
- }
9252
- }))));
9426
+ children: /*#__PURE__*/jsxRuntime.jsxs("div", {
9427
+ className: "space-y-3",
9428
+ children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
9429
+ className: "w-64",
9430
+ label: t("neetoPayments.upi.form.enterUpi"),
9431
+ name: "upiId",
9432
+ placeholder: t("neetoPayments.upi.form.enterUpi")
9433
+ }), /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
9434
+ cancelButtonProps: {
9435
+ onClick: function onClick() {
9436
+ return history.goBack();
9437
+ }
9438
+ },
9439
+ submitButtonProps: {
9440
+ label: t("neetoPayments.upi.form.add")
9441
+ }
9442
+ })]
9443
+ })
9444
+ })
9445
+ });
9253
9446
  };
9254
9447
 
9255
9448
  var getColumnData = function getColumnData(handleDeleteClick) {
@@ -9259,23 +9452,25 @@ var getColumnData = function getColumnData(handleDeleteClick) {
9259
9452
  key: "address",
9260
9453
  width: 272,
9261
9454
  render: function render(_, upiId) {
9262
- return /*#__PURE__*/React__default["default"].createElement("div", {
9263
- className: "flex items-center justify-between gap-3"
9264
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
9265
- className: "w-4/5",
9266
- style: "body2"
9267
- }, upiId.address), /*#__PURE__*/React__default["default"].createElement(MoreDropdown__default["default"], {
9268
- dropdownProps: {
9269
- strategy: "fixed"
9270
- },
9271
- menuItems: [{
9272
- key: "delete-meeting",
9273
- label: i18next.t("neetoPayments.common.delete"),
9274
- onClick: function onClick() {
9275
- return handleDeleteClick(upiId);
9276
- }
9277
- }]
9278
- }));
9455
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
9456
+ className: "flex items-center justify-between gap-3",
9457
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
9458
+ className: "w-4/5",
9459
+ style: "body2",
9460
+ children: upiId.address
9461
+ }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
9462
+ dropdownProps: {
9463
+ strategy: "fixed"
9464
+ },
9465
+ menuItems: [{
9466
+ key: "delete-meeting",
9467
+ label: i18next.t("neetoPayments.common.delete"),
9468
+ onClick: function onClick() {
9469
+ return handleDeleteClick(upiId);
9470
+ }
9471
+ }]
9472
+ })]
9473
+ });
9279
9474
  }
9280
9475
  }, {
9281
9476
  title: i18next.t("neetoPayments.common.createdAt"),
@@ -9313,24 +9508,26 @@ var List$1 = function List(_ref) {
9313
9508
  if (ramda.isEmpty(upiIds)) {
9314
9509
  return null;
9315
9510
  }
9316
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
9317
- columnData: getColumnData(handleOpenDeleteModal),
9318
- rowData: upiIds
9319
- }), /*#__PURE__*/React__default["default"].createElement(Alert__default["default"], {
9320
- isOpen: isAlertOpen,
9321
- title: t("neetoPayments.upi.alert.title"),
9322
- message: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
9323
- components: {
9324
- b: /*#__PURE__*/React__default["default"].createElement("strong", null)
9325
- },
9326
- i18nKey: "neetoPayments.upi.alert.message",
9327
- values: {
9328
- upiId: selectedUpiId.address
9329
- }
9330
- }),
9331
- onClose: handleAlertClose,
9332
- onSubmit: handleAlertSubmit
9333
- }));
9511
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
9512
+ children: [/*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
9513
+ columnData: getColumnData(handleOpenDeleteModal),
9514
+ rowData: upiIds
9515
+ }), /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
9516
+ isOpen: isAlertOpen,
9517
+ title: t("neetoPayments.upi.alert.title"),
9518
+ message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
9519
+ components: {
9520
+ b: /*#__PURE__*/jsxRuntime.jsx("strong", {})
9521
+ },
9522
+ i18nKey: "neetoPayments.upi.alert.message",
9523
+ values: {
9524
+ upiId: selectedUpiId.address
9525
+ }
9526
+ }),
9527
+ onClose: handleAlertClose,
9528
+ onSubmit: handleAlertSubmit
9529
+ })]
9530
+ });
9334
9531
  };
9335
9532
 
9336
9533
  var UpiConnect = function UpiConnect(_ref) {
@@ -9344,16 +9541,17 @@ var UpiConnect = function UpiConnect(_ref) {
9344
9541
  handleDeleteUpiId = _ref$handleDeleteUpiI === void 0 ? neetoCist.noop : _ref$handleDeleteUpiI,
9345
9542
  _ref$handleCreateUpiI = _ref.handleCreateUpiId,
9346
9543
  handleCreateUpiId = _ref$handleCreateUpiI === void 0 ? neetoCist.noop : _ref$handleCreateUpiI;
9347
- if (isLoading) return /*#__PURE__*/React__default["default"].createElement(Spinner__default["default"], null);
9348
- return /*#__PURE__*/React__default["default"].createElement("div", {
9349
- className: "flex w-full max-w-3xl flex-col items-start space-y-6"
9350
- }, /*#__PURE__*/React__default["default"].createElement(Add, {
9351
- handleCreateUpiId: handleCreateUpiId
9352
- }), /*#__PURE__*/React__default["default"].createElement(List$1, {
9353
- handleDeleteUpiId: handleDeleteUpiId,
9354
- isDeleting: isDeleting,
9355
- upiIds: upiIds
9356
- }));
9544
+ if (isLoading) return /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {});
9545
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
9546
+ className: "flex w-full max-w-3xl flex-col items-start space-y-6",
9547
+ children: [/*#__PURE__*/jsxRuntime.jsx(Add, {
9548
+ handleCreateUpiId: handleCreateUpiId
9549
+ }), /*#__PURE__*/jsxRuntime.jsx(List$1, {
9550
+ handleDeleteUpiId: handleDeleteUpiId,
9551
+ isDeleting: isDeleting,
9552
+ upiIds: upiIds
9553
+ })]
9554
+ });
9357
9555
  };
9358
9556
 
9359
9557
  var create = function create(payload) {
@@ -9399,7 +9597,7 @@ var UpiMarkAsPaidButton = function UpiMarkAsPaidButton(_ref) {
9399
9597
  payableId: payableId
9400
9598
  });
9401
9599
  };
9402
- return /*#__PURE__*/React__default["default"].createElement(Button__default["default"], {
9600
+ return /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
9403
9601
  label: t("neetoPayments.upi.payment.buttons.markAsPaid"),
9404
9602
  loading: isLoading,
9405
9603
  onClick: handleClick
@@ -9436,50 +9634,56 @@ var UpiPayment = function UpiPayment(_ref) {
9436
9634
  createPayment(payload);
9437
9635
  onSubmit(values);
9438
9636
  };
9439
- return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Form__default["default"], {
9440
- className: "space-y-4",
9441
- formikProps: {
9442
- onSubmit: handleSubmit,
9443
- initialValues: {
9444
- transactionId: ""
9445
- },
9446
- validationSchema: VALIDATION_SCHEMA
9447
- }
9448
- }, /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
9449
- style: "body1"
9450
- }, t("neetoPayments.upi.payment.vpaText", {
9451
- count: vpaIds.length
9452
- })), neetoCist.isPresent(vpaIds) && /*#__PURE__*/React__default["default"].createElement("div", {
9453
- className: "grid grid-cols-1 gap-8 gap-y-4 sm:grid-cols-2"
9454
- }, vpaIds.map(function (vpaId) {
9455
- return /*#__PURE__*/React__default["default"].createElement("div", {
9456
- className: "flex flex-col items-center justify-center",
9457
- key: vpaId
9458
- }, /*#__PURE__*/React__default["default"].createElement(QRCodeImage__default["default"], {
9459
- size: 256,
9460
- style: {
9461
- width: 80,
9462
- height: 80
9637
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
9638
+ children: /*#__PURE__*/jsxRuntime.jsxs(Form__default["default"], {
9639
+ className: "space-y-4",
9640
+ formikProps: {
9641
+ onSubmit: handleSubmit,
9642
+ initialValues: {
9643
+ transactionId: ""
9644
+ },
9645
+ validationSchema: VALIDATION_SCHEMA
9463
9646
  },
9464
- value: vpaIdToQrCodeValue(vpaId)
9465
- }), /*#__PURE__*/React__default["default"].createElement(Typography__default["default"], {
9466
- className: "mt-2 w-full break-words text-center",
9467
- style: "body2"
9468
- }, vpaId));
9469
- })), /*#__PURE__*/React__default["default"].createElement(Input__default["default"], {
9470
- required: true,
9471
- label: t("neetoPayments.upi.payment.transaction.label"),
9472
- name: "transactionId",
9473
- placeholder: t("neetoPayments.upi.payment.transaction.placeholder")
9474
- }), /*#__PURE__*/React__default["default"].createElement(ActionBlock__default["default"], {
9475
- cancelButtonProps: {
9476
- label: t("neetoPayments.upi.payment.buttons.back"),
9477
- onClick: onBackClick
9478
- },
9479
- submitButtonProps: {
9480
- label: t("neetoPayments.upi.payment.buttons.submit")
9481
- }
9482
- })));
9647
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
9648
+ style: "body1",
9649
+ children: t("neetoPayments.upi.payment.vpaText", {
9650
+ count: vpaIds.length
9651
+ })
9652
+ }), neetoCist.isPresent(vpaIds) && /*#__PURE__*/jsxRuntime.jsx("div", {
9653
+ className: "grid grid-cols-1 gap-8 gap-y-4 sm:grid-cols-2",
9654
+ children: vpaIds.map(function (vpaId) {
9655
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
9656
+ className: "flex flex-col items-center justify-center",
9657
+ children: [/*#__PURE__*/jsxRuntime.jsx(QRCodeImage__default["default"], {
9658
+ size: 256,
9659
+ style: {
9660
+ width: 80,
9661
+ height: 80
9662
+ },
9663
+ value: vpaIdToQrCodeValue(vpaId)
9664
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
9665
+ className: "mt-2 w-full break-words text-center",
9666
+ style: "body2",
9667
+ children: vpaId
9668
+ })]
9669
+ }, vpaId);
9670
+ })
9671
+ }), /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
9672
+ required: true,
9673
+ label: t("neetoPayments.upi.payment.transaction.label"),
9674
+ name: "transactionId",
9675
+ placeholder: t("neetoPayments.upi.payment.transaction.placeholder")
9676
+ }), /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
9677
+ cancelButtonProps: {
9678
+ label: t("neetoPayments.upi.payment.buttons.back"),
9679
+ onClick: onBackClick
9680
+ },
9681
+ submitButtonProps: {
9682
+ label: t("neetoPayments.upi.payment.buttons.submit")
9683
+ }
9684
+ })]
9685
+ })
9686
+ });
9483
9687
  };
9484
9688
 
9485
9689
  var TAB = {
@@ -9648,45 +9852,47 @@ var List = function List(_ref) {
9648
9852
  return !hiddenColumns.includes(processDataIndex(dataIndex));
9649
9853
  });
9650
9854
  if (isPaymentsLoading) {
9651
- return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
9855
+ return /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {});
9652
9856
  }
9653
9857
  if (!neetoCist.isPresent(payments)) {
9654
- return /*#__PURE__*/React__default["default"].createElement("div", {
9655
- className: "flex h-full w-full items-center justify-center"
9656
- }, /*#__PURE__*/React__default["default"].createElement(NoData__default["default"], {
9657
- title: tab === TAB.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
9658
- status: tab
9858
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
9859
+ className: "flex h-full w-full items-center justify-center",
9860
+ children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
9861
+ title: tab === TAB.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
9862
+ status: tab
9863
+ })
9659
9864
  })
9660
- }));
9865
+ });
9661
9866
  }
9662
- return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
9663
- hasPagination: views > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize)
9664
- }, /*#__PURE__*/React__default["default"].createElement(Table__default["default"], {
9665
- fixedHeight: true,
9666
- allowRowClick: false,
9667
- columnData: visibleColumns,
9668
- currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
9669
- handlePageChange: handleTablePaginaton,
9670
- loading: isFetching,
9671
- rowData: buildRowData({
9672
- data: payments,
9673
- pageProperties: pageProperties,
9674
- tab: tab
9675
- }),
9676
- rowSelection: false,
9677
- sortDirections: SORT_DIRECTIONS,
9678
- totalCount: views,
9679
- paginationProps: {
9680
- showSizeChanger: true,
9681
- hideOnSinglePage: true,
9682
- pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
9683
- total: views
9684
- },
9685
- onChange: handleTableChange,
9686
- onColumnHide: function onColumnHide(columnData) {
9687
- hideColumn(processDataIndex(columnData.dataIndex));
9688
- }
9689
- }));
9867
+ return /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
9868
+ hasPagination: views > ((_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.pageSize),
9869
+ children: /*#__PURE__*/jsxRuntime.jsx(Table__default["default"], {
9870
+ fixedHeight: true,
9871
+ allowRowClick: false,
9872
+ columnData: visibleColumns,
9873
+ currentPageNumber: (_pageProperties$tab2 = pageProperties[tab]) === null || _pageProperties$tab2 === void 0 ? void 0 : _pageProperties$tab2.page,
9874
+ handlePageChange: handleTablePaginaton,
9875
+ loading: isFetching,
9876
+ rowData: buildRowData({
9877
+ data: payments,
9878
+ pageProperties: pageProperties,
9879
+ tab: tab
9880
+ }),
9881
+ rowSelection: false,
9882
+ sortDirections: SORT_DIRECTIONS,
9883
+ totalCount: views,
9884
+ paginationProps: {
9885
+ showSizeChanger: true,
9886
+ hideOnSinglePage: true,
9887
+ pageSize: (_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize,
9888
+ total: views
9889
+ },
9890
+ onChange: handleTableChange,
9891
+ onColumnHide: function onColumnHide(columnData) {
9892
+ hideColumn(processDataIndex(columnData.dataIndex));
9893
+ }
9894
+ })
9895
+ });
9690
9896
  };
9691
9897
 
9692
9898
  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; }
@@ -9720,24 +9926,26 @@ var V2PaymentsDashboard = function V2PaymentsDashboard(_ref) {
9720
9926
  // Note: For now this component would be called UPI payments
9721
9927
  // Note: This cannot be called payments as right now this only shows upi payments.
9722
9928
  // TODO: Once other payments are integrated change the header and subsequent usages of "upi"
9723
- React__default["default"].createElement(FilterWrapper, _extends$1({
9929
+ jsxRuntime.jsx(FilterWrapper, _objectSpread(_objectSpread({
9724
9930
  title: t("neetoPayments.common.upiPayments")
9725
9931
  }, _objectSpread({
9726
9932
  headerProps: headerProps,
9727
9933
  kind: kind,
9728
9934
  payableEntityColumns: payableEntityColumns,
9729
9935
  searchProps: searchProps
9730
- }, filterPaginationState)), /*#__PURE__*/React__default["default"].createElement(List, {
9731
- filters: filters,
9732
- kind: kind,
9733
- pageProperties: pageProperties,
9734
- payableEntityColumns: payableEntityColumns,
9735
- setDataSize: setDataSize,
9736
- setIsFilterButtonVisible: setIsFilterButtonVisible,
9737
- setPageProperties: setPageProperties,
9738
- setSortProperties: setSortProperties,
9739
- sortProperties: sortProperties,
9740
- tab: tab
9936
+ }, filterPaginationState)), {}, {
9937
+ children: /*#__PURE__*/jsxRuntime.jsx(List, {
9938
+ filters: filters,
9939
+ kind: kind,
9940
+ pageProperties: pageProperties,
9941
+ payableEntityColumns: payableEntityColumns,
9942
+ setDataSize: setDataSize,
9943
+ setIsFilterButtonVisible: setIsFilterButtonVisible,
9944
+ setPageProperties: setPageProperties,
9945
+ setSortProperties: setSortProperties,
9946
+ sortProperties: sortProperties,
9947
+ tab: tab
9948
+ })
9741
9949
  }))
9742
9950
  );
9743
9951
  };