@bigbinary/neeto-payments-frontend 1.3.7 → 1.3.9

package/dist/index.cjs.js

@@ -28,10 +28,32 @@ var require$$0 = require('util');
 var reactRouterDom$1 = require('react-router-dom/cjs/react-router-dom');
 var classNames = require('classnames');
 var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
+var neetointegrations = require('neetointegrations');
+var formik = require('@bigbinary/neetoui/formik');
+var yup = require('yup');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var Header__default = /*#__PURE__*/_interopDefaultLegacy(Header);
 var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
@@ -41,6 +63,7 @@ var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
 var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
 var require$$0__default = /*#__PURE__*/_interopDefaultLegacy(require$$0);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 
 function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
@@ -688,8 +711,8 @@ var buildStripePayoutLink = function buildStripePayoutLink(identifier) {
   return "".concat(STRIPE_DASHBOARD_LINK).concat(isLive ? "" : "test/", "payouts/").concat(identifier);
 };
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ExportModal$2 = function ExportModal(_ref) {
   var showExportModal = _ref.showExportModal,
     setShowExportModal = _ref.setShowExportModal,
@@ -721,7 +744,7 @@ var ExportModal$2 = function ExportModal(_ref) {
     }
   };
   var handleGenerateClick = function handleGenerateClick() {
-    var payload = _objectSpread$9({
+    var payload = _objectSpread$b({
       kind: "account",
       token: token,
       filters: JSON.stringify(filters),
@@ -801,8 +824,8 @@ var useURLSearchParams = function useURLSearchParams() {
   }, [search]);
 };
 
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var processSortProperties = function processSortProperties(sortProperties) {
   if (sortProperties.sortBy === "payment_amount") {
     return ramda.assoc("sortBy", "neeto_payments_engine_stripe_transactions.amount", sortProperties);
@@ -810,11 +833,14 @@ var processSortProperties = function processSortProperties(sortProperties) {
   if (sortProperties.sortBy === "email" || sortProperties.sortBy === "first_name") {
     return ramda.modify("sortBy", ramda.concat("users."), sortProperties);
   }
+  if (sortProperties.sortBy === "payable,ends_at") {
+    return ramda.assoc("sortBy", "bookings.ends_at", sortProperties);
+  }
   return sortProperties;
 };
 var buildDefaultPageProperties = function buildDefaultPageProperties(tabs) {
   return tabs.reduce(function (pageProperties, tab) {
-    return _objectSpread$8(_objectSpread$8({}, pageProperties), {}, _defineProperty({}, tab, DEFAULT_PAGE_VALUES));
+    return _objectSpread$a(_objectSpread$a({}, pageProperties), {}, _defineProperty({}, tab, DEFAULT_PAGE_VALUES));
   }, {});
 };
 var buildPayload = function buildPayload(_ref) {
@@ -826,7 +852,7 @@ var buildPayload = function buildPayload(_ref) {
     sortProperties = _ref$sortProperties === void 0 ? {} : _ref$sortProperties,
     _ref$payoutId = _ref.payoutId,
     payoutId = _ref$payoutId === void 0 ? null : _ref$payoutId;
-  return _objectSpread$8({
+  return _objectSpread$a({
     tab: neetoCist.camelToSnakeCase(tab),
     payoutId: payoutId,
     page: (_pageProperties$tab = pageProperties[tab]) === null || _pageProperties$tab === void 0 ? void 0 : _pageProperties$tab.page,
@@ -842,7 +868,7 @@ var buildRowData = function buildRowData(_ref2) {
     tab = _ref2$tab === void 0 ? "all" : _ref2$tab;
   return data.map(function (element, index) {
     var _pageProperties$tab3, _pageProperties$tab4;
-    return _objectSpread$8(_objectSpread$8({}, element), {}, {
+    return _objectSpread$a(_objectSpread$a({}, element), {}, {
       payable: element.payable,
       identifier: element,
       id: ramda.isEmpty(pageProperties) ? index + 1 : ((_pageProperties$tab3 = pageProperties[tab]) === null || _pageProperties$tab3 === void 0 ? void 0 : _pageProperties$tab3.pageSize) * (((_pageProperties$tab4 = pageProperties[tab]) === null || _pageProperties$tab4 === void 0 ? void 0 : _pageProperties$tab4.page) - 1) + index + 1
@@ -984,8 +1010,8 @@ var COLUMNS$3 = [{
   sorter: true
 }];
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useFiltersAndPagination$3 = function useFiltersAndPagination() {
   var urlSearchParams = useURLSearchParams();
   var _useState = React.useState(false),
@@ -1015,7 +1041,7 @@ var useFiltersAndPagination$3 = function useFiltersAndPagination() {
   var _getQueryParams = utils$3.getQueryParams(),
     _getQueryParams$searc = _getQueryParams.searchTerm,
     searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
-  var searchKeywordProps = _objectSpread$7(_objectSpread$7({}, SEARCH_PROPS$1), {}, {
+  var searchKeywordProps = _objectSpread$9(_objectSpread$9({}, SEARCH_PROPS$1), {}, {
     key: "search_term",
     value: searchTerm.trim()
   });
@@ -1315,8 +1341,8 @@ var AccountsDashboard = function AccountsDashboard() {
 };
 var index$3 = reactUtils.withTitle(withReactQuery(AccountsDashboard), i18next.t("neetoPayments.title.account"));
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
+function _extends$1() {
+  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -1327,7 +1353,7 @@ function _extends() {
     }
     return target;
   };
-  return _extends.apply(this, arguments);
+  return _extends$1.apply(this, arguments);
 }
 
 var TAB$2 = {
@@ -1908,8 +1934,8 @@ var modifySearchProps = function modifySearchProps(_ref5) {
   }, searchProps);
 };
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ExportModal$1 = function ExportModal(_ref) {
   var showExportModal = _ref.showExportModal,
     setShowExportModal = _ref.setShowExportModal,
@@ -1943,7 +1969,7 @@ var ExportModal$1 = function ExportModal(_ref) {
     }
   };
   var handleGenerateClick = function handleGenerateClick() {
-    var payload = _objectSpread$6({
+    var payload = _objectSpread$8({
       kind: isTransferKind(kind) ? "connected" : kind,
       token: token,
       filters: JSON.stringify(filters),
@@ -2000,8 +2026,8 @@ var ExportModal$1 = function ExportModal(_ref) {
   }))));
 };
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
   var payableEntityColumns = _ref.payableEntityColumns,
     kind = _ref.kind,
@@ -2040,7 +2066,7 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
   var _getQueryParams = utils$3.getQueryParams(),
     _getQueryParams$searc = _getQueryParams.searchTerm,
     searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
-  var searchKeywordProps = _objectSpread$5(_objectSpread$5({}, modifySearchProps({
+  var searchKeywordProps = _objectSpread$7(_objectSpread$7({}, modifySearchProps({
     searchProps: searchProps,
     kind: kind
   })), {}, {
@@ -2112,8 +2138,20 @@ var useFiltersAndPagination$2 = function useFiltersAndPagination(_ref) {
 var show$5 = function show(holdableId) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/stripe/holdable/").concat(holdableId, "/account"));
 };
+var create$1 = function create(payload) {
+  return axios__default["default"].post("".concat(BASE_URL, "/api/v1/stripe/accounts"), payload);
+};
+var creationStatus = function creationStatus(jobId) {
+  return axios__default["default"].get("".concat(BASE_URL, "/api/v1/stripe/accounts/").concat(jobId, "/creation_status"));
+};
+var destroy = function destroy(accountId) {
+  return axios__default["default"]["delete"]("".concat(BASE_URL, "/api/v1/stripe/accounts/").concat(accountId));
+};
 var accountsApi$2 = {
-  show: show$5
+  show: show$5,
+  create: create$1,
+  creationStatus: creationStatus,
+  destroy: destroy
 };
 
 var list$7 = function list(payload) {
@@ -4208,6 +4246,8 @@ var transactionsApi$1 = {
   list: list$6
 };
 
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useFetchConnectedStripeAccount = function useFetchConnectedStripeAccount(holdableId) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return reactQuery.useQuery([QUERY_KEYS.CONNECTED_ACCOUNT, holdableId], function () {
@@ -4237,6 +4277,34 @@ var useShowStripePayout = function useShowStripePayout(id) {
     return payoutsApi$1.show(id);
   }, options);
 };
+var usePollingStripeAccount = function usePollingStripeAccount(holdableId, _ref) {
+  var refetchInterval = _ref.refetchInterval;
+  return reactQuery.useQuery(QUERY_KEYS.STRIPE_ACCOUNT_DETAILS, function () {
+    return accountsApi$2.show(holdableId);
+  }, {
+    refetchInterval: refetchInterval
+  });
+};
+var usePollingStripeAccountCreationStatus = function usePollingStripeAccountCreationStatus(jobId, options) {
+  return reactQuery.useQuery([QUERY_KEYS.STRIPE_ACCOUNT_DETAILS, jobId], function () {
+    return accountsApi$2.creationStatus(jobId);
+  }, _objectSpread$6({}, options));
+};
+var useDestroyStripeAccount = function useDestroyStripeAccount(_ref2) {
+  var onSuccess = _ref2.onSuccess,
+    holdableId = _ref2.holdableId;
+  return reactUtils.useMutationWithInvalidation(accountsApi$2.destroy, {
+    keysToInvalidate: [QUERY_KEYS.STRIPE_ACCOUNT_DETAILS, [QUERY_KEYS.CONNECTED_ACCOUNT, holdableId]],
+    onSuccess: onSuccess
+  });
+};
+var useCreateStripeAccount = function useCreateStripeAccount(_ref3) {
+  var onSuccess = _ref3.onSuccess;
+  return reactUtils.useMutationWithInvalidation(accountsApi$2.create, {
+    keysToInvalidate: [QUERY_KEYS.STRIPE_ACCOUNT_DETAILS],
+    onSuccess: onSuccess
+  });
+};
 
 var list$5 = function list(payload) {
   return axios__default["default"].get("".concat(BASE_URL, "/api/v1/stripe/holdable/refunds"), {
@@ -4442,8 +4510,8 @@ var ExpandedRow = function ExpandedRow() {
   })));
 };
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useFetchData$2 = function useFetchData(_ref) {
   var _data$kind, _data$kind2, _data$kind3, _data$kind4;
   var kind = _ref.kind,
@@ -4451,7 +4519,7 @@ var useFetchData$2 = function useFetchData(_ref) {
     payload = _ref.payload,
     isPlatformEnabled = _ref.isPlatformEnabled;
   var data = {};
-  data.transfer = data.connected = useFetchStripeTransactions(holdableId, _objectSpread$4(_objectSpread$4({}, payload), {}, {
+  data.transfer = data.connected = useFetchStripeTransactions(holdableId, _objectSpread$5(_objectSpread$5({}, payload), {}, {
     kind: kind
   }), {
     enabled: isTransferKind(kind) || isConnectedKind(kind)
@@ -4538,7 +4606,7 @@ var Details = function Details(_ref) {
     live = _useFetchStripePlatfo3.live,
     _useFetchStripePlatfo4 = _useFetchStripePlatfo3.splits,
     splits = _useFetchStripePlatfo4 === void 0 ? [] : _useFetchStripePlatfo4;
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, _extends({}, paneProps, {
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, _extends$1({}, paneProps, {
     size: "large"
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     style: "h2"
@@ -4677,7 +4745,7 @@ var List$2 = function List(_ref) {
   }, [urlSearchParams]);
   var handleTableChange = function handleTableChange(_, __, sorter) {
     setSortProperties(neetocist.isPresent(sorter === null || sorter === void 0 ? void 0 : sorter.column) ? {
-      sortBy: neetocist.camelToSnakeCase(sorter.field),
+      sortBy: neetocist.camelToSnakeCase(processDataIndex(sorter.field)),
       orderBy: sorter.order === "ascend" ? "ASC" : "DESC"
     } : DEFAULT_SORT_PROPERTIES$1);
   };
@@ -4726,7 +4794,7 @@ var List$2 = function List(_ref) {
       total: dataSize
     },
     onChange: handleTableChange
-  })), /*#__PURE__*/React__default["default"].createElement(Details, _extends({}, paneStatus, {
+  })), /*#__PURE__*/React__default["default"].createElement(Details, _extends$1({}, paneStatus, {
     onClose: function onClose() {
       return setPaneStatus(INITIAL_PANE_STATUS);
     }
@@ -4784,14 +4852,14 @@ var Dashboard = function Dashboard(_ref) {
     handleTabChange = _useFiltersAndPaginat.handleTabChange,
     setDataSize = _useFiltersAndPaginat.setDataSize,
     setSortProperties = _useFiltersAndPaginat.setSortProperties;
-  var isTabsVisible = isFilterButtonVisible || tab !== "all";
+  var isTabsVisible = (isFilterButtonVisible || tab !== "all") && neetoCist.isNotPresent(payoutId);
   var titleKind = kind === "transfer" && !isPlatformEnabled ? KIND.connected : kind;
   var handleFiltersChange = function handleFiltersChange(filters) {
     startTransition(function () {
       setFilters(filters);
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], _extends({}, headerProps, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], _extends$1({}, headerProps, {
     title: t("neetoPayments.title.".concat(titleKind)),
     searchProps: {
       placeholder: searchKeywordProps.placeholder,
@@ -4905,8 +4973,8 @@ var DEFAULT_SORT_PROPERTIES = {
   orderBy: "DESC"
 };
 
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var ExportModal = function ExportModal(_ref) {
   var showExportModal = _ref.showExportModal,
     setShowExportModal = _ref.setShowExportModal,
@@ -4938,7 +5006,7 @@ var ExportModal = function ExportModal(_ref) {
     }
   };
   var handleGenerateClick = function handleGenerateClick() {
-    var payload = _objectSpread$3({
+    var payload = _objectSpread$4({
       kind: "payout",
       token: token,
       filters: JSON.stringify(filters),
@@ -5059,8 +5127,8 @@ var renderPayoutIdentifier$1 = ramda.curry(function (route, _ref) {
   }));
 });
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRoute) {
   var urlSearchParams = useURLSearchParams();
   var _useState = React.useState(false),
@@ -5090,7 +5158,7 @@ var useFiltersAndPagination$1 = function useFiltersAndPagination(payoutsPageRout
   var _getQueryParams = utils$3.getQueryParams(),
     _getQueryParams$searc = _getQueryParams.searchTerm,
     searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
-  var searchKeywordProps = _objectSpread$2(_objectSpread$2({}, SEARCH_PROPS), {}, {
+  var searchKeywordProps = _objectSpread$3(_objectSpread$3({}, SEARCH_PROPS), {}, {
     key: "search_term",
     value: searchTerm.trim()
   });
@@ -5498,7 +5566,7 @@ var PayoutsPage = function PayoutsPage(_ref) {
   }, t("neetoPayments.payoutsPage.failureMessage")), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
     className: "neeto-ui-text-black font-medium",
     style: "body2"
-  }, failureMessage)))), isAutomatic && /*#__PURE__*/React__default["default"].createElement(Dashboard$1, _extends({}, isPlatformEnabled, {
+  }, failureMessage)))), isAutomatic && /*#__PURE__*/React__default["default"].createElement(Dashboard$1, _extends$1({}, isPlatformEnabled, {
     kind: "connected"
   }, otherProps, {
     headerProps: {
@@ -5996,8 +6064,8 @@ var SquareCard = function SquareCard(_ref) {
   }, !card && /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null));
 };
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var FilterWrapper = function FilterWrapper(_ref) {
   var searchProps = _ref.searchProps,
     _ref$headerProps = _ref.headerProps,
@@ -6022,7 +6090,7 @@ var FilterWrapper = function FilterWrapper(_ref) {
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var isTabsVisible = isFilterButtonVisible || tab !== "all";
-  var searchKeywordProps = _objectSpread$1(_objectSpread$1({}, searchProps), {}, {
+  var searchKeywordProps = _objectSpread$2(_objectSpread$2({}, searchProps), {}, {
     value: searchTerm.trim(),
     setValue: neetocist.noop
   });
@@ -6031,7 +6099,7 @@ var FilterWrapper = function FilterWrapper(_ref) {
       setFilters(filters);
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], _extends({}, _objectSpread$1(_objectSpread$1({}, headerProps), {}, {
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Header__default["default"], _extends$1({}, _objectSpread$2(_objectSpread$2({}, headerProps), {}, {
     title: title
   }), {
     searchProps: {
@@ -6051,8 +6119,11 @@ var FilterWrapper = function FilterWrapper(_ref) {
     leftActionBlock: isTabsVisible && dataSize !== 0 && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
       className: "neeto-ui-gray-800 mr-2 font-semibold",
       component: "h4"
-    }, t("neetoPayments.countOf.".concat(kind), {
+    }, tab === "all" ? t("neetoPayments.countOf.".concat(kind), {
       count: dataSize
+    }) : t("neetoPayments.countOf.".concat(kind, "WithStatus"), {
+      count: dataSize,
+      status: tab
     })),
     rightActionBlock: /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoFiltersFrontend.Bar, {
       columns: filterableColumns,
@@ -6112,6 +6183,7 @@ var COLUMNS = [{
   title: i18next.t("neetoPayments.common.status"),
   dataIndex: "status",
   key: "status",
+  sorter: true,
   render: renderStatus("payment")
 }, {
   title: i18next.t("neetoPayments.common.identifier"),
@@ -6123,6 +6195,7 @@ var COLUMNS = [{
   title: i18next.t("neetoPayments.common.status"),
   dataIndex: "status",
   key: "refundStatus",
+  sorter: true,
   render: renderStatus("refund")
 }, {
   title: i18next.t("neetoPayments.common.paymentIdentifier"),
@@ -6134,11 +6207,13 @@ var COLUMNS = [{
   title: i18next.t("neetoPayments.common.amount"),
   dataIndex: "amount",
   key: "amount",
+  sorter: true,
   width: "150px"
 }, {
   title: i18next.t("neetoPayments.common.paymentTime"),
   dataIndex: "updatedAt",
   key: "paymentTime",
+  sorter: true,
   width: "220px",
   render: renderDate
 }];
@@ -6209,31 +6284,35 @@ var useFiltersAndPagination = function useFiltersAndPagination(_ref) {
     var _tabMetaData$tab;
     return !((_tabMetaData$tab = tabMetaData[tab]) !== null && _tabMetaData$tab !== void 0 && (_tabMetaData$tab = _tabMetaData$tab.isHidden) !== null && _tabMetaData$tab !== void 0 && _tabMetaData$tab[kind]);
   });
-  var _useState = React.useState(false),
+  var _useState = React.useState(DEFAULT_SORT_PROPERTIES$1),
     _useState2 = _slicedToArray(_useState, 2),
-    isFilterButtonVisible = _useState2[0],
-    setIsFilterButtonVisible = _useState2[1];
+    sortProperties = _useState2[0],
+    setSortProperties = _useState2[1];
   var _useState3 = React.useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    isFilterPaneOpen = _useState4[0],
-    setIsFilterPaneOpen = _useState4[1];
-  var _useState5 = React.useState(buildDefaultPageProperties(tabs)),
+    isFilterButtonVisible = _useState4[0],
+    setIsFilterButtonVisible = _useState4[1];
+  var _useState5 = React.useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
-    pageProperties = _useState6[0],
-    setPageProperties = _useState6[1];
-  var _useState7 = React.useState("all"),
+    isFilterPaneOpen = _useState6[0],
+    setIsFilterPaneOpen = _useState6[1];
+  var _useState7 = React.useState(buildDefaultPageProperties(tabs)),
     _useState8 = _slicedToArray(_useState7, 2),
-    tab = _useState8[0],
-    setTab = _useState8[1];
-  var filterableColumns = buildFilterColumns(payableEntityColumns);
-  var _useState9 = React.useState(neetoFiltersFrontend.buildFiltersFromURL(filterableColumns)),
+    pageProperties = _useState8[0],
+    setPageProperties = _useState8[1];
+  var _useState9 = React.useState("all"),
     _useState10 = _slicedToArray(_useState9, 2),
-    filters = _useState10[0],
-    setFilters = _useState10[1];
-  var _useState11 = React.useState(0),
+    tab = _useState10[0],
+    setTab = _useState10[1];
+  var filterableColumns = buildFilterColumns(payableEntityColumns);
+  var _useState11 = React.useState(neetoFiltersFrontend.buildFiltersFromURL(filterableColumns)),
     _useState12 = _slicedToArray(_useState11, 2),
-    dataSize = _useState12[0],
-    setDataSize = _useState12[1];
+    filters = _useState12[0],
+    setFilters = _useState12[1];
+  var _useState13 = React.useState(0),
+    _useState14 = _slicedToArray(_useState13, 2),
+    dataSize = _useState14[0],
+    setDataSize = _useState14[1];
   var _getQueryParams = utils$3.getQueryParams(),
     _getQueryParams$searc = _getQueryParams.searchTerm,
     searchTerm = _getQueryParams$searc === void 0 ? "" : _getQueryParams$searc;
@@ -6257,9 +6336,11 @@ var useFiltersAndPagination = function useFiltersAndPagination(_ref) {
     tab: tab,
     filterableColumns: filterableColumns,
     dataSize: dataSize,
+    sortProperties: sortProperties,
     setIsFilterButtonVisible: setIsFilterButtonVisible,
     setIsFilterPaneOpen: setIsFilterPaneOpen,
     setPageProperties: setPageProperties,
+    setSortProperties: setSortProperties,
     setFilters: setFilters,
     setTab: setTab,
     handleTabChange: handleTabChange,
@@ -6363,7 +6444,7 @@ var useFetchSquareRefunds = function useFetchSquareRefunds() {
 };
 
 var useFetchSquareData = function useFetchSquareData(_ref) {
-  var _data$kind, _data$kind2, _data$kind3, _data$kind4;
+  var _data$kind, _data$kind2, _data$kind3, _data$kind4, _data$kind5;
   var kind = _ref.kind,
     holdableId = _ref.holdableId,
     payload = _ref.payload;
@@ -6377,7 +6458,8 @@ var useFetchSquareData = function useFetchSquareData(_ref) {
   return {
     data: isPaymentKind(kind) ? (_data$kind = data[kind]) === null || _data$kind === void 0 || (_data$kind = _data$kind.data) === null || _data$kind === void 0 ? void 0 : _data$kind.payments : (_data$kind2 = data[kind]) === null || _data$kind2 === void 0 || (_data$kind2 = _data$kind2.data) === null || _data$kind2 === void 0 ? void 0 : _data$kind2.refunds,
     dataSize: (_data$kind3 = data[kind]) === null || _data$kind3 === void 0 || (_data$kind3 = _data$kind3.data) === null || _data$kind3 === void 0 || (_data$kind3 = _data$kind3.views) === null || _data$kind3 === void 0 ? void 0 : _data$kind3[payload === null || payload === void 0 ? void 0 : payload.tab],
-    isDataLoading: (_data$kind4 = data[kind]) === null || _data$kind4 === void 0 ? void 0 : _data$kind4.isLoading
+    isDataLoading: (_data$kind4 = data[kind]) === null || _data$kind4 === void 0 ? void 0 : _data$kind4.isLoading,
+    isDataFetching: (_data$kind5 = data[kind]) === null || _data$kind5 === void 0 ? void 0 : _data$kind5.isFetching
   };
 };
 
@@ -6394,6 +6476,8 @@ var List = function List(_ref) {
     tab = _ref.tab,
     tabs = _ref.tabs,
     handleTabChange = _ref.handleTabChange,
+    sortProperties = _ref.sortProperties,
+    setSortProperties = _ref.setSortProperties,
     setDataSize = _ref.setDataSize;
   var urlSearchParams = useURLSearchParams();
   var history = reactRouterDom.useHistory();
@@ -6415,11 +6499,13 @@ var List = function List(_ref) {
       payload: buildPayload({
         tab: tab,
         filters: filters,
-        pageProperties: pageProperties
+        pageProperties: pageProperties,
+        sortProperties: sortProperties
       })
     }),
     data = _useFetchSquareData.data,
     isDataLoading = _useFetchSquareData.isDataLoading,
+    isDataFetching = _useFetchSquareData.isDataFetching,
     dataSize = _useFetchSquareData.dataSize;
   React.useEffect(function () {
     setIsFilterButtonVisible(neetocist.isPresent(data) || neetocist.isPresent(filters));
@@ -6446,6 +6532,12 @@ var List = function List(_ref) {
     urlSearchParams.set("tab", validatedTab);
     handleTablePaginaton(pageIndex, pageSize);
   }, [urlSearchParams]);
+  var handleTableChange = function handleTableChange(_, __, sorter) {
+    setSortProperties(neetocist.isPresent(sorter === null || sorter === void 0 ? void 0 : sorter.column) ? {
+      sortBy: neetocist.camelToSnakeCase(sorter.field),
+      orderBy: sorter.order === "ascend" ? "ASC" : "DESC"
+    } : DEFAULT_SORT_PROPERTIES$1);
+  };
   if (isSquareAccountLoading || isDataLoading) {
     return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
   }
@@ -6453,7 +6545,9 @@ var List = function List(_ref) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "flex h-full w-full items-center justify-center"
     }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
-      title: isRefundKind(kind) ? t("neetoPayments.emptyState.refund") : t("neetoPayments.emptyState.payment")
+      title: tab === TAB.all ? t("neetoPayments.emptyState.".concat(kind)) : t("neetoPayments.emptyState.".concat(kind, "WithStatus"), {
+        status: tab
+      })
     }));
   }
   return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
@@ -6464,24 +6558,27 @@ var List = function List(_ref) {
     columnData: columnData,
     currentPageNumber: (_pageProperties$tab4 = pageProperties[tab]) === null || _pageProperties$tab4 === void 0 ? void 0 : _pageProperties$tab4.page,
     handlePageChange: handleTablePaginaton,
+    loading: isDataFetching,
     rowData: buildRowData({
       data: data,
       pageProperties: pageProperties,
       tab: tab
     }),
     rowSelection: false,
+    sortDirections: SORT_DIRECTIONS,
     totalCount: dataSize,
     paginationProps: {
       showSizeChanger: true,
       hideOnSinglePage: true,
       pageSize: (_pageProperties$tab5 = pageProperties[tab]) === null || _pageProperties$tab5 === void 0 ? void 0 : _pageProperties$tab5.pageSize,
       total: dataSize
-    }
+    },
+    onChange: handleTableChange
   }));
 };
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SquareDashboard = function SquareDashboard(_ref) {
   var searchProps = _ref.searchProps,
     _ref$headerProps = _ref.headerProps,
@@ -6492,6 +6589,8 @@ var SquareDashboard = function SquareDashboard(_ref) {
     payableEntityColumns = _ref$payableEntityCol === void 0 ? [] : _ref$payableEntityCol,
     _ref$kind = _ref.kind,
     kind = _ref$kind === void 0 ? "squarePayment" : _ref$kind;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
   var filterPaginationState = useFiltersAndPagination({
     payableEntityColumns: payableEntityColumns,
     kind: kind,
@@ -6502,13 +6601,15 @@ var SquareDashboard = function SquareDashboard(_ref) {
     setIsFilterButtonVisible = filterPaginationState.setIsFilterButtonVisible,
     pageProperties = filterPaginationState.pageProperties,
     setPageProperties = filterPaginationState.setPageProperties,
+    sortProperties = filterPaginationState.sortProperties,
+    setSortProperties = filterPaginationState.setSortProperties,
     tab = filterPaginationState.tab,
     tabs = filterPaginationState.tabs,
     handleTabChange = filterPaginationState.handleTabChange,
     setDataSize = filterPaginationState.setDataSize;
-  return /*#__PURE__*/React__default["default"].createElement(FilterWrapper, _extends({
-    title: isPaymentKind(kind) ? i18next.t("neetoPayments.title.squarePayment") : i18next.t("neetoPayments.title.squareRefund")
-  }, _objectSpread({
+  return /*#__PURE__*/React__default["default"].createElement(FilterWrapper, _extends$1({
+    title: isPaymentKind(kind) ? t("neetoPayments.title.squarePayment") : t("neetoPayments.title.squareRefund")
+  }, _objectSpread$1({
     headerProps: headerProps,
     kind: kind,
     searchProps: searchProps
@@ -6523,7 +6624,9 @@ var SquareDashboard = function SquareDashboard(_ref) {
     setIsFilterButtonVisible: setIsFilterButtonVisible,
     setPageProperties: setPageProperties,
     tab: tab,
-    tabs: tabs
+    tabs: tabs,
+    sortProperties: sortProperties,
+    setSortProperties: setSortProperties
   }));
 };
 var index$1 = reactUtils.withTitle(withReactQuery(SquareDashboard), i18next.t("neetoPayments.common.squarePayments"));
@@ -6548,7 +6651,7 @@ var PaymentKindRestrictionAlert = function PaymentKindRestrictionAlert(_ref) {
     _ref$onClose = _ref.onClose,
     onClose = _ref$onClose === void 0 ? neetocist.noop : _ref$onClose,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, _extends({
+  return /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, _extends$1({
     isOpen: isOpen,
     onClose: onClose,
     message: STRIPE_ALERT_PAYMENT_KIND_CONTENT[paymentKind].message,
@@ -6653,6 +6756,2050 @@ var useStripePromise = function useStripePromise(stripeAccountIdentifier) {
   return stripePromise;
 };
 
+var _path, _path2, _path3;
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const SvgStripe = props => /*#__PURE__*/React__namespace.createElement("svg", _extends({
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 54,
+  height: 54,
+  fill: "#6772e5",
+  viewBox: "0 0 32 32"
+}, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+  fillRule: "evenodd",
+  d: "M111.328 15.602c0-4.97-2.415-8.9-7.013-8.9s-7.423 3.924-7.423 8.863c0 5.85 3.32 8.8 8.036 8.8 2.318 0 4.06-.528 5.377-1.26V19.22a10.246 10.246 0 0 1-4.764 1.075c-1.9 0-3.556-.67-3.774-2.943h9.497a39.64 39.64 0 0 0 .063-1.748zm-9.606-1.835c0-2.186 1.35-3.1 2.56-3.1s2.454.906 2.454 3.1zM89.4 6.712a5.434 5.434 0 0 0-3.801 1.509l-.254-1.208h-4.27v22.64l4.85-1.032v-5.488a5.434 5.434 0 0 0 3.444 1.265c3.472 0 6.64-2.792 6.64-8.957.003-5.66-3.206-8.73-6.614-8.73zM88.23 20.1a2.898 2.898 0 0 1-2.288-.906l-.03-7.2a2.928 2.928 0 0 1 2.315-.96c1.775 0 2.998 2 2.998 4.528.003 2.593-1.198 4.546-2.995 4.546zM79.25.57l-4.87 1.035v3.95l4.87-1.032z"
+})), _path2 || (_path2 = /*#__PURE__*/React__namespace.createElement("path", {
+  d: "M74.38 7.035h4.87V24.04h-4.87z"
+})), _path3 || (_path3 = /*#__PURE__*/React__namespace.createElement("path", {
+  fillRule: "evenodd",
+  d: "m69.164 8.47-.302-1.434h-4.196V24.04h4.848V12.5c1.147-1.5 3.082-1.208 3.698-1.017V7.038c-.646-.232-2.913-.658-4.048 1.43zm-9.73-5.646L54.698 3.83l-.02 15.562c0 2.87 2.158 4.993 5.038 4.993 1.585 0 2.756-.302 3.405-.643v-3.95c-.622.248-3.683 1.138-3.683-1.72v-6.9h3.683V7.035h-3.683zM46.3 11.97c0-.758.63-1.05 1.648-1.05a10.868 10.868 0 0 1 4.83 1.25V7.6a12.815 12.815 0 0 0-4.83-.888c-3.924 0-6.557 2.056-6.557 5.488 0 5.37 7.375 4.498 7.375 6.813 0 .906-.78 1.186-1.863 1.186-1.606 0-3.68-.664-5.307-1.55v4.63a13.461 13.461 0 0 0 5.307 1.117c4.033 0 6.813-1.992 6.813-5.485 0-5.796-7.417-4.76-7.417-6.943zM13.88 9.515c0-1.37 1.14-1.9 2.982-1.9A19.661 19.661 0 0 1 25.6 9.876v-8.27A23.184 23.184 0 0 0 16.862.001C9.762.001 5 3.72 5 9.93c0 9.716 13.342 8.138 13.342 12.326 0 1.638-1.4 2.146-3.37 2.146-2.905 0-6.657-1.202-9.6-2.802v8.378A24.353 24.353 0 0 0 14.973 32C22.27 32 27.3 28.395 27.3 22.077c0-10.486-13.42-8.613-13.42-12.56z"
+})));
+
+var fetchCountries = function fetchCountries() {
+  return axios__default["default"].get("".concat(BASE_URL, "/api/v1/stripe/countries"));
+};
+var countriesApi = {
+  fetchCountries: fetchCountries
+};
+
+var useFetchStripeCountries = function useFetchStripeCountries() {
+  return reactQuery.useQuery(QUERY_KEYS.STRIPE_COUNTRIES, function () {
+    return countriesApi.fetchCountries();
+  });
+};
+
+var POLLING_INTERVAL = 5000;
+var MAX_POLLING_TIME = 30000;
+var INITIAL_VALUES = {
+  country: "",
+  return_url: ""
+};
+var VALIDATION_SCHEMA = yup__namespace.object().shape({
+  country: yup__namespace.object().required(i18next.t("neetoPayments.validations.countryRequired")),
+  returnUrl: yup__namespace.string().url(i18next.t("neetoPayments.validations.invalidUrl"))
+});
+
+var STEPS = {
+  connect: "connect",
+  configure: "configure",
+  finish: "finish",
+  demo: "demo"
+};
+var INTEGRATION_STEPS = [{
+  step: "1",
+  label: i18next.t("neetoPayments.common.connect"),
+  isActive: false,
+  isCompleted: false
+}, {
+  step: "2",
+  label: i18next.t("neetoPayments.common.configure"),
+  isActive: false,
+  isCompleted: false
+}, {
+  step: "3",
+  label: i18next.t("neetoPayments.common.finish"),
+  isActive: false,
+  isCompleted: true
+}
+// { step: "4", label: "demo", isActive: false, isCompleted: false },
+];
+
+var INTEGRATION_METHOD = {
+  useExistingAccount: "use_existing_account",
+  createNewAccount: "create_new_account"
+};
+var STRIPE_CONNECT_URL = "/".concat(BASE_URL, "/api/v1/integrations/connect/stripe");
+
+var buildRefreshUrl = function buildRefreshUrl(accountId, returnUrl) {
+  return "/payments/api/v1/stripe/callbacks/".concat(accountId, "/refresh?return_url=").concat(returnUrl);
+};
+var buildCountryOptions = function buildCountryOptions(countries) {
+  var _Object$entries;
+  return (_Object$entries = Object.entries(countries)) === null || _Object$entries === void 0 ? void 0 : _Object$entries.map(function (country) {
+    return {
+      label: neetocist.humanize(country[0]),
+      value: country[1]
+    };
+  });
+};
+
+var AccountForm = function AccountForm(_ref) {
+  var holdableId = _ref.holdableId,
+    returnUrl = _ref.returnUrl;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isPolling = _useState2[0],
+    setIsPolling = _useState2[1];
+  var submitButtonLabel = isPolling ? t("neetoPayments.integrationModal.creating") : t("neetoPayments.common.connect");
+  var refetchInterval = function refetchInterval() {
+    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      jobStatus = _ref2.jobStatus,
+      onboarding = _ref2.onboarding;
+    if (jobStatus === "complete") {
+      window.open(onboarding === null || onboarding === void 0 ? void 0 : onboarding.url, "_self");
+      return false;
+    }
+    return POLLING_INTERVAL;
+  };
+  var _useCreateStripeAccou = useCreateStripeAccount({
+      onSuccess: function onSuccess() {
+        return setIsPolling(true);
+      }
+    }),
+    isCreating = _useCreateStripeAccou.isLoading,
+    _useCreateStripeAccou2 = _useCreateStripeAccou.data,
+    _useCreateStripeAccou3 = _useCreateStripeAccou2 === void 0 ? {} : _useCreateStripeAccou2,
+    jobId = _useCreateStripeAccou3.jobId,
+    createStripeAccount = _useCreateStripeAccou.mutate;
+  usePollingStripeAccountCreationStatus(jobId, {
+    refetchInterval: refetchInterval,
+    enabled: neetocist.isPresent(jobId)
+  });
+  var _useFetchStripeCountr = useFetchStripeCountries(),
+    isLoading = _useFetchStripeCountr.isLoading,
+    _useFetchStripeCountr2 = _useFetchStripeCountr.data,
+    _useFetchStripeCountr3 = _useFetchStripeCountr2 === void 0 ? {} : _useFetchStripeCountr2,
+    _useFetchStripeCountr4 = _useFetchStripeCountr3.countries,
+    countries = _useFetchStripeCountr4 === void 0 ? {} : _useFetchStripeCountr4;
+  var handleSubmit = function handleSubmit(_ref3) {
+    var country = _ref3.country;
+    var payload = {
+      returnUrl: returnUrl,
+      country: country.value,
+      holdableId: holdableId
+    };
+    createStripeAccount(payload);
+  };
+  if (isLoading) {
+    return /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null);
+  }
+  return /*#__PURE__*/React__default["default"].createElement(formik.Form, {
+    formikProps: {
+      enableReinitialize: true,
+      initialValues: INITIAL_VALUES,
+      validationSchema: VALIDATION_SCHEMA,
+      onSubmit: handleSubmit
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "space-y-3"
+  }, /*#__PURE__*/React__default["default"].createElement(formik.Select, {
+    required: true,
+    helpText: t("neetoPayments.integrationModal.form.helpText"),
+    label: t("neetoPayments.integrationModal.form.label"),
+    name: "country",
+    options: buildCountryOptions(countries),
+    placeholder: t("neetoPayments.integrationModal.form.placeholder")
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    disabled: isCreating || isPolling,
+    label: submitButtonLabel,
+    loading: isCreating || isPolling,
+    type: "submit"
+  })));
+};
+
+var AccountDetails = function AccountDetails(_ref) {
+  var holdableId = _ref.holdableId;
+  var _useFetchConnectedStr = useFetchConnectedStripeAccount(holdableId),
+    _useFetchConnectedStr2 = _useFetchConnectedStr.data,
+    _useFetchConnectedStr3 = _useFetchConnectedStr2 === void 0 ? {} : _useFetchConnectedStr2,
+    stripeAccount = _useFetchConnectedStr3.account;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mb-6 space-y-3"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    style: "h5",
+    weight: "medium"
+  }, t("neetoPayments.integrationModal.account.title")), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "grid grid-cols-4 gap-y-3"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+    className: "neeto-ui-text-gray-800"
+  }, t("neetoPayments.common.id")), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+    className: "neeto-ui-text-gray-800 col-span-3"
+  }, stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.identifier), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+    className: "neeto-ui-text-gray-800"
+  }, t("neetoPayments.common.email")), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+    className: "neeto-ui-text-gray-800 col-span-3"
+  }, stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.email), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+    className: "neeto-ui-text-gray-800"
+  }, t("neetoPayments.common.country")), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+    className: "neeto-ui-text-gray-800 col-span-3"
+  }, stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.country)));
+};
+
+var AccountProcessing = function AccountProcessing(_ref) {
+  var holdableId = _ref.holdableId,
+    returnUrl = _ref.returnUrl;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isAlertOpen = _useState2[0],
+    setIsAlertOpen = _useState2[1];
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isPolling = _useState4[0],
+    setIsPolling = _useState4[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var urlSearchParams = useURLSearchParams();
+  var isStripeCallback = urlSearchParams.get("app") === "stripe";
+  React.useEffect(function () {
+    if (!isStripeCallback) return;
+    setIsPolling(true);
+    setInterval(function () {
+      setIsPolling(false);
+    }, MAX_POLLING_TIME);
+  }, [isStripeCallback]);
+  var _useFetchConnectedStr = useFetchConnectedStripeAccount(holdableId),
+    _useFetchConnectedStr2 = _useFetchConnectedStr.data,
+    _useFetchConnectedStr3 = _useFetchConnectedStr2 === void 0 ? {} : _useFetchConnectedStr2,
+    stripeAccount = _useFetchConnectedStr3.account;
+  var _useDestroyStripeAcco = useDestroyStripeAccount({
+      onSuccess: function onSuccess() {
+        return setIsAlertOpen(false);
+      },
+      holdableId: holdableId
+    }),
+    isStripeAccountDestroying = _useDestroyStripeAcco.isLoading,
+    destroyStripeAccount = _useDestroyStripeAcco.mutate;
+  var refetchInterval = function refetchInterval() {
+    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      account = _ref2.account;
+    if (isStripeCallback && !(account !== null && account !== void 0 && account.isConnected) && isPolling) {
+      return POLLING_INTERVAL;
+    }
+    if (account !== null && account !== void 0 && account.isConnected) {
+      setIsPolling(false);
+    }
+    return false;
+  };
+  usePollingStripeAccount(holdableId, {
+    refetchInterval: refetchInterval
+  });
+  var isAccountProcessingFailed = isStripeCallback && !isPolling && !(stripeAccount !== null && stripeAccount !== void 0 && stripeAccount.isConnected);
+  var buttonLabel = function buttonLabel() {
+    if (isPolling) {
+      return t("neetoPayments.integrationModal.creating");
+    }
+    if (isAccountProcessingFailed) {
+      return t("neetoPayments.integrationModal.failedButton");
+    }
+    return t("neetoPayments.common.continue");
+  };
+  var handleUseAnotherStripeAccount = function handleUseAnotherStripeAccount() {
+    destroyStripeAccount(stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.id);
+  };
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(AccountDetails, null), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex flex-col items-start space-y-2"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    disabled: isPolling,
+    href: buildRefreshUrl(stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.id, returnUrl),
+    label: buttonLabel(),
+    loading: isPolling,
+    size: "small"
+  }), !isPolling && !isAccountProcessingFailed && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    disabled: isStripeAccountDestroying || isPolling,
+    label: t("neetoPayments.integrationModal.anotherAccount"),
+    size: "small",
+    style: "link",
+    onClick: function onClick() {
+      return setIsAlertOpen(true);
+    }
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
+    isOpen: isAlertOpen,
+    title: t("neetoPayments.integrationModal.alert.changeTitle"),
+    message: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+      i18nKey: "neetoPayments.integrationModal.alert.changeMessage",
+      values: {
+        account: stripeAccount === null || stripeAccount === void 0 ? void 0 : stripeAccount.email
+      }
+    }),
+    onClose: function onClose() {
+      return setIsAlertOpen(false);
+    },
+    onSubmit: handleUseAnotherStripeAccount
+  }));
+};
+
+var Configure = function Configure(_ref) {
+  var holdableId = _ref.holdableId,
+    returnUrl = _ref.returnUrl;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFetchConnectedStr = useFetchConnectedStripeAccount(holdableId),
+    _useFetchConnectedStr2 = _useFetchConnectedStr.data,
+    _useFetchConnectedStr3 = _useFetchConnectedStr2 === void 0 ? {} : _useFetchConnectedStr2,
+    stripeAccount = _useFetchConnectedStr3.account;
+  var handleStripeAccountCreated = function handleStripeAccountCreated(_ref2) {
+    var onboarding = _ref2.onboarding;
+    window.open(onboarding === null || onboarding === void 0 ? void 0 : onboarding.url, "_self");
+  };
+  var connectDescription = neetocist.isPresent(stripeAccount) ? t("neetoPayments.integrationModal.linkedDescription") : t("neetoPayments.integrationModal.subtitle");
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mx-auto w-full max-w-lg space-y-8"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "space-y-2"
+  }, /*#__PURE__*/React__default["default"].createElement(SvgStripe, null), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    "data-cy": "configure-payment-title",
+    style: "h2",
+    weight: "semibold"
+  }, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+    className: "leading-snug"
+  }, connectDescription)), neetocist.isPresent(stripeAccount) ? /*#__PURE__*/React__default["default"].createElement(AccountProcessing, {
+    onAccountCreated: handleStripeAccountCreated,
+    holdableId: holdableId,
+    returnUrl: returnUrl
+  }) : /*#__PURE__*/React__default["default"].createElement(AccountForm, {
+    holdableId: holdableId,
+    returnUrl: returnUrl,
+    onAccountCreated: handleStripeAccountCreated
+  }));
+};
+
+/*! @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 */
+
+const {
+  entries,
+  setPrototypeOf,
+  isFrozen,
+  getPrototypeOf,
+  getOwnPropertyDescriptor
+} = Object;
+let {
+  freeze,
+  seal,
+  create
+} = Object; // eslint-disable-line import/no-mutable-exports
+
+let {
+  apply,
+  construct
+} = typeof Reflect !== 'undefined' && Reflect;
+
+if (!apply) {
+  apply = function apply(fun, thisValue, args) {
+    return fun.apply(thisValue, args);
+  };
+}
+
+if (!freeze) {
+  freeze = function freeze(x) {
+    return x;
+  };
+}
+
+if (!seal) {
+  seal = function seal(x) {
+    return x;
+  };
+}
+
+if (!construct) {
+  construct = function construct(Func, args) {
+    return new Func(...args);
+  };
+}
+
+const arrayForEach = unapply(Array.prototype.forEach);
+const arrayPop = unapply(Array.prototype.pop);
+const arrayPush = unapply(Array.prototype.push);
+const stringToLowerCase = unapply(String.prototype.toLowerCase);
+const stringToString = unapply(String.prototype.toString);
+const stringMatch = unapply(String.prototype.match);
+const stringReplace = unapply(String.prototype.replace);
+const stringIndexOf = unapply(String.prototype.indexOf);
+const stringTrim = unapply(String.prototype.trim);
+const regExpTest = unapply(RegExp.prototype.test);
+const typeErrorCreate = unconstruct(TypeError);
+function unapply(func) {
+  return function (thisArg) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+
+    return apply(func, thisArg, args);
+  };
+}
+function unconstruct(func) {
+  return function () {
+    for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+      args[_key2] = arguments[_key2];
+    }
+
+    return construct(func, args);
+  };
+}
+/* Add properties to a lookup table */
+
+function addToSet(set, array, transformCaseFunc) {
+  transformCaseFunc = transformCaseFunc ? transformCaseFunc : stringToLowerCase;
+
+  if (setPrototypeOf) {
+    // Make 'in' and truthy checks like Boolean(set.constructor)
+    // independent of any properties defined on Object.prototype.
+    // Prevent prototype setters from intercepting set as a this value.
+    setPrototypeOf(set, null);
+  }
+
+  let l = array.length;
+
+  while (l--) {
+    let element = array[l];
+
+    if (typeof element === 'string') {
+      const lcElement = transformCaseFunc(element);
+
+      if (lcElement !== element) {
+        // Config presets (e.g. tags.js, attrs.js) are immutable.
+        if (!isFrozen(array)) {
+          array[l] = lcElement;
+        }
+
+        element = lcElement;
+      }
+    }
+
+    set[element] = true;
+  }
+
+  return set;
+}
+/* Shallow clone an object */
+
+function clone(object) {
+  const newObject = create(null);
+
+  for (const [property, value] of entries(object)) {
+    newObject[property] = value;
+  }
+
+  return newObject;
+}
+/* This method automatically checks if the prop is function
+ * or getter and behaves accordingly. */
+
+function lookupGetter(object, prop) {
+  while (object !== null) {
+    const desc = getOwnPropertyDescriptor(object, prop);
+
+    if (desc) {
+      if (desc.get) {
+        return unapply(desc.get);
+      }
+
+      if (typeof desc.value === 'function') {
+        return unapply(desc.value);
+      }
+    }
+
+    object = getPrototypeOf(object);
+  }
+
+  function fallbackValue(element) {
+    console.warn('fallback value for', element);
+    return null;
+  }
+
+  return fallbackValue;
+}
+
+const html$1 = freeze(['a', 'abbr', 'acronym', 'address', 'area', 'article', 'aside', 'audio', 'b', 'bdi', 'bdo', 'big', 'blink', 'blockquote', 'body', 'br', 'button', 'canvas', 'caption', 'center', 'cite', 'code', 'col', 'colgroup', 'content', 'data', 'datalist', 'dd', 'decorator', 'del', 'details', 'dfn', 'dialog', 'dir', 'div', 'dl', 'dt', 'element', 'em', 'fieldset', 'figcaption', 'figure', 'font', 'footer', 'form', 'h1', 'h2', 'h3', 'h4', 'h5', 'h6', 'head', 'header', 'hgroup', 'hr', 'html', 'i', 'img', 'input', 'ins', 'kbd', 'label', 'legend', 'li', 'main', 'map', 'mark', 'marquee', 'menu', 'menuitem', 'meter', 'nav', 'nobr', 'ol', 'optgroup', 'option', 'output', 'p', 'picture', 'pre', 'progress', 'q', 'rp', 'rt', 'ruby', 's', 'samp', 'section', 'select', 'shadow', 'small', 'source', 'spacer', 'span', 'strike', 'strong', 'style', 'sub', 'summary', 'sup', 'table', 'tbody', 'td', 'template', 'textarea', 'tfoot', 'th', 'thead', 'time', 'tr', 'track', 'tt', 'u', 'ul', 'var', 'video', 'wbr']); // SVG
+
+const svg$1 = freeze(['svg', 'a', 'altglyph', 'altglyphdef', 'altglyphitem', 'animatecolor', 'animatemotion', 'animatetransform', 'circle', 'clippath', 'defs', 'desc', 'ellipse', 'filter', 'font', 'g', 'glyph', 'glyphref', 'hkern', 'image', 'line', 'lineargradient', 'marker', 'mask', 'metadata', 'mpath', 'path', 'pattern', 'polygon', 'polyline', 'radialgradient', 'rect', 'stop', 'style', 'switch', 'symbol', 'text', 'textpath', 'title', 'tref', 'tspan', 'view', 'vkern']);
+const svgFilters = freeze(['feBlend', 'feColorMatrix', 'feComponentTransfer', 'feComposite', 'feConvolveMatrix', 'feDiffuseLighting', 'feDisplacementMap', 'feDistantLight', 'feFlood', 'feFuncA', 'feFuncB', 'feFuncG', 'feFuncR', 'feGaussianBlur', 'feImage', 'feMerge', 'feMergeNode', 'feMorphology', 'feOffset', 'fePointLight', 'feSpecularLighting', 'feSpotLight', 'feTile', 'feTurbulence']); // List of SVG elements that are disallowed by default.
+// We still need to know them so that we can do namespace
+// checks properly in case one wants to add them to
+// allow-list.
+
+const svgDisallowed = freeze(['animate', 'color-profile', 'cursor', 'discard', 'fedropshadow', 'font-face', 'font-face-format', 'font-face-name', 'font-face-src', 'font-face-uri', 'foreignobject', 'hatch', 'hatchpath', 'mesh', 'meshgradient', 'meshpatch', 'meshrow', 'missing-glyph', 'script', 'set', 'solidcolor', 'unknown', 'use']);
+const mathMl$1 = freeze(['math', 'menclose', 'merror', 'mfenced', 'mfrac', 'mglyph', 'mi', 'mlabeledtr', 'mmultiscripts', 'mn', 'mo', 'mover', 'mpadded', 'mphantom', 'mroot', 'mrow', 'ms', 'mspace', 'msqrt', 'mstyle', 'msub', 'msup', 'msubsup', 'mtable', 'mtd', 'mtext', 'mtr', 'munder', 'munderover', 'mprescripts']); // Similarly to SVG, we want to know all MathML elements,
+// even those that we disallow by default.
+
+const mathMlDisallowed = freeze(['maction', 'maligngroup', 'malignmark', 'mlongdiv', 'mscarries', 'mscarry', 'msgroup', 'mstack', 'msline', 'msrow', 'semantics', 'annotation', 'annotation-xml', 'mprescripts', 'none']);
+const text = freeze(['#text']);
+
+const html = freeze(['accept', 'action', 'align', 'alt', 'autocapitalize', 'autocomplete', 'autopictureinpicture', 'autoplay', 'background', 'bgcolor', 'border', 'capture', 'cellpadding', 'cellspacing', 'checked', 'cite', 'class', 'clear', 'color', 'cols', 'colspan', 'controls', 'controlslist', 'coords', 'crossorigin', 'datetime', 'decoding', 'default', 'dir', 'disabled', 'disablepictureinpicture', 'disableremoteplayback', 'download', 'draggable', 'enctype', 'enterkeyhint', 'face', 'for', 'headers', 'height', 'hidden', 'high', 'href', 'hreflang', 'id', 'inputmode', 'integrity', 'ismap', 'kind', 'label', 'lang', 'list', 'loading', 'loop', 'low', 'max', 'maxlength', 'media', 'method', 'min', 'minlength', 'multiple', 'muted', 'name', 'nonce', 'noshade', 'novalidate', 'nowrap', 'open', 'optimum', 'pattern', 'placeholder', 'playsinline', 'poster', 'preload', 'pubdate', 'radiogroup', 'readonly', 'rel', 'required', 'rev', 'reversed', 'role', 'rows', 'rowspan', 'spellcheck', 'scope', 'selected', 'shape', 'size', 'sizes', 'span', 'srclang', 'start', 'src', 'srcset', 'step', 'style', 'summary', 'tabindex', 'title', 'translate', 'type', 'usemap', 'valign', 'value', 'width', 'xmlns', 'slot']);
+const svg = freeze(['accent-height', 'accumulate', 'additive', 'alignment-baseline', 'ascent', 'attributename', 'attributetype', 'azimuth', 'basefrequency', 'baseline-shift', 'begin', 'bias', 'by', 'class', 'clip', 'clippathunits', 'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-interpolation-filters', 'color-profile', 'color-rendering', 'cx', 'cy', 'd', 'dx', 'dy', 'diffuseconstant', 'direction', 'display', 'divisor', 'dur', 'edgemode', 'elevation', 'end', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'filterunits', 'flood-color', 'flood-opacity', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'fx', 'fy', 'g1', 'g2', 'glyph-name', 'glyphref', 'gradientunits', 'gradienttransform', 'height', 'href', 'id', 'image-rendering', 'in', 'in2', 'k', 'k1', 'k2', 'k3', 'k4', 'kerning', 'keypoints', 'keysplines', 'keytimes', 'lang', 'lengthadjust', 'letter-spacing', 'kernelmatrix', 'kernelunitlength', 'lighting-color', 'local', 'marker-end', 'marker-mid', 'marker-start', 'markerheight', 'markerunits', 'markerwidth', 'maskcontentunits', 'maskunits', 'max', 'mask', 'media', 'method', 'mode', 'min', 'name', 'numoctaves', 'offset', 'operator', 'opacity', 'order', 'orient', 'orientation', 'origin', 'overflow', 'paint-order', 'path', 'pathlength', 'patterncontentunits', 'patterntransform', 'patternunits', 'points', 'preservealpha', 'preserveaspectratio', 'primitiveunits', 'r', 'rx', 'ry', 'radius', 'refx', 'refy', 'repeatcount', 'repeatdur', 'restart', 'result', 'rotate', 'scale', 'seed', 'shape-rendering', 'specularconstant', 'specularexponent', 'spreadmethod', 'startoffset', 'stddeviation', 'stitchtiles', 'stop-color', 'stop-opacity', 'stroke-dasharray', 'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit', 'stroke-opacity', 'stroke', 'stroke-width', 'style', 'surfacescale', 'systemlanguage', 'tabindex', 'targetx', 'targety', 'transform', 'transform-origin', 'text-anchor', 'text-decoration', 'text-rendering', 'textlength', 'type', 'u1', 'u2', 'unicode', 'values', 'viewbox', 'visibility', 'version', 'vert-adv-y', 'vert-origin-x', 'vert-origin-y', 'width', 'word-spacing', 'wrap', 'writing-mode', 'xchannelselector', 'ychannelselector', 'x', 'x1', 'x2', 'xmlns', 'y', 'y1', 'y2', 'z', 'zoomandpan']);
+const mathMl = freeze(['accent', 'accentunder', 'align', 'bevelled', 'close', 'columnsalign', 'columnlines', 'columnspan', 'denomalign', 'depth', 'dir', 'display', 'displaystyle', 'encoding', 'fence', 'frame', 'height', 'href', 'id', 'largeop', 'length', 'linethickness', 'lspace', 'lquote', 'mathbackground', 'mathcolor', 'mathsize', 'mathvariant', 'maxsize', 'minsize', 'movablelimits', 'notation', 'numalign', 'open', 'rowalign', 'rowlines', 'rowspacing', 'rowspan', 'rspace', 'rquote', 'scriptlevel', 'scriptminsize', 'scriptsizemultiplier', 'selection', 'separator', 'separators', 'stretchy', 'subscriptshift', 'supscriptshift', 'symmetric', 'voffset', 'width', 'xmlns']);
+const xml = freeze(['xlink:href', 'xml:id', 'xlink:title', 'xml:space', 'xmlns:xlink']);
+
+const MUSTACHE_EXPR = seal(/\{\{[\w\W]*|[\w\W]*\}\}/gm); // Specify template detection regex for SAFE_FOR_TEMPLATES mode
+
+const ERB_EXPR = seal(/<%[\w\W]*|[\w\W]*%>/gm);
+const TMPLIT_EXPR = seal(/\${[\w\W]*}/gm);
+const DATA_ATTR = seal(/^data-[\-\w.\u00B7-\uFFFF]/); // eslint-disable-line no-useless-escape
+
+const ARIA_ATTR = seal(/^aria-[\-\w]+$/); // eslint-disable-line no-useless-escape
+
+const IS_ALLOWED_URI = seal(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i // eslint-disable-line no-useless-escape
+);
+const IS_SCRIPT_OR_DATA = seal(/^(?:\w+script|data):/i);
+const ATTR_WHITESPACE = seal(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g // eslint-disable-line no-control-regex
+);
+const DOCTYPE_NAME = seal(/^html$/i);
+
+var EXPRESSIONS = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  MUSTACHE_EXPR: MUSTACHE_EXPR,
+  ERB_EXPR: ERB_EXPR,
+  TMPLIT_EXPR: TMPLIT_EXPR,
+  DATA_ATTR: DATA_ATTR,
+  ARIA_ATTR: ARIA_ATTR,
+  IS_ALLOWED_URI: IS_ALLOWED_URI,
+  IS_SCRIPT_OR_DATA: IS_SCRIPT_OR_DATA,
+  ATTR_WHITESPACE: ATTR_WHITESPACE,
+  DOCTYPE_NAME: DOCTYPE_NAME
+});
+
+const getGlobal = () => typeof window === 'undefined' ? null : window;
+/**
+ * Creates a no-op policy for internal use only.
+ * Don't export this function outside this module!
+ * @param {?TrustedTypePolicyFactory} trustedTypes The policy factory.
+ * @param {Document} document The document object (to determine policy name suffix)
+ * @return {?TrustedTypePolicy} The policy created (or null, if Trusted Types
+ * are not supported).
+ */
+
+
+const _createTrustedTypesPolicy = function _createTrustedTypesPolicy(trustedTypes, document) {
+  if (typeof trustedTypes !== 'object' || typeof trustedTypes.createPolicy !== 'function') {
+    return null;
+  } // Allow the callers to control the unique policy name
+  // by adding a data-tt-policy-suffix to the script element with the DOMPurify.
+  // Policy creation with duplicate names throws in Trusted Types.
+
+
+  let suffix = null;
+  const ATTR_NAME = 'data-tt-policy-suffix';
+
+  if (document.currentScript && document.currentScript.hasAttribute(ATTR_NAME)) {
+    suffix = document.currentScript.getAttribute(ATTR_NAME);
+  }
+
+  const policyName = 'dompurify' + (suffix ? '#' + suffix : '');
+
+  try {
+    return trustedTypes.createPolicy(policyName, {
+      createHTML(html) {
+        return html;
+      },
+
+      createScriptURL(scriptUrl) {
+        return scriptUrl;
+      }
+
+    });
+  } catch (_) {
+    // Policy creation failed (most likely another DOMPurify script has
+    // already run). Skip creating the policy, as this will only cause errors
+    // if TT are enforced.
+    console.warn('TrustedTypes policy ' + policyName + ' could not be created.');
+    return null;
+  }
+};
+
+function createDOMPurify() {
+  let window = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : getGlobal();
+
+  const DOMPurify = root => createDOMPurify(root);
+  /**
+   * Version label, exposed for easier checks
+   * if DOMPurify is up to date or not
+   */
+
+
+  DOMPurify.version = '3.0.2';
+  /**
+   * Array of elements that DOMPurify removed during sanitation.
+   * Empty if nothing was removed.
+   */
+
+  DOMPurify.removed = [];
+
+  if (!window || !window.document || window.document.nodeType !== 9) {
+    // Not running in a browser, provide a factory function
+    // so that you can pass your own Window
+    DOMPurify.isSupported = false;
+    return DOMPurify;
+  }
+
+  const originalDocument = window.document;
+  let {
+    document
+  } = window;
+  const {
+    DocumentFragment,
+    HTMLTemplateElement,
+    Node,
+    Element,
+    NodeFilter,
+    NamedNodeMap = window.NamedNodeMap || window.MozNamedAttrMap,
+    HTMLFormElement,
+    DOMParser,
+    trustedTypes
+  } = window;
+  const ElementPrototype = Element.prototype;
+  const cloneNode = lookupGetter(ElementPrototype, 'cloneNode');
+  const getNextSibling = lookupGetter(ElementPrototype, 'nextSibling');
+  const getChildNodes = lookupGetter(ElementPrototype, 'childNodes');
+  const getParentNode = lookupGetter(ElementPrototype, 'parentNode'); // As per issue #47, the web-components registry is inherited by a
+  // new document created via createHTMLDocument. As per the spec
+  // (http://w3c.github.io/webcomponents/spec/custom/#creating-and-passing-registries)
+  // a new empty registry is used when creating a template contents owner
+  // document, so we use that as our parent document to ensure nothing
+  // is inherited.
+
+  if (typeof HTMLTemplateElement === 'function') {
+    const template = document.createElement('template');
+
+    if (template.content && template.content.ownerDocument) {
+      document = template.content.ownerDocument;
+    }
+  }
+
+  const trustedTypesPolicy = _createTrustedTypesPolicy(trustedTypes, originalDocument);
+
+  const emptyHTML = trustedTypesPolicy ? trustedTypesPolicy.createHTML('') : '';
+  const {
+    implementation,
+    createNodeIterator,
+    createDocumentFragment,
+    getElementsByTagName
+  } = document;
+  const {
+    importNode
+  } = originalDocument;
+  let hooks = {};
+  /**
+   * Expose whether this browser supports running the full DOMPurify.
+   */
+
+  DOMPurify.isSupported = typeof entries === 'function' && typeof getParentNode === 'function' && implementation && typeof implementation.createHTMLDocument !== 'undefined';
+  const {
+    MUSTACHE_EXPR,
+    ERB_EXPR,
+    TMPLIT_EXPR,
+    DATA_ATTR,
+    ARIA_ATTR,
+    IS_SCRIPT_OR_DATA,
+    ATTR_WHITESPACE
+  } = EXPRESSIONS;
+  let {
+    IS_ALLOWED_URI: IS_ALLOWED_URI$1
+  } = EXPRESSIONS;
+  /**
+   * We consider the elements and attributes below to be safe. Ideally
+   * don't add any new ones but feel free to remove unwanted ones.
+   */
+
+  /* allowed element names */
+
+  let ALLOWED_TAGS = null;
+  const DEFAULT_ALLOWED_TAGS = addToSet({}, [...html$1, ...svg$1, ...svgFilters, ...mathMl$1, ...text]);
+  /* Allowed attribute names */
+
+  let ALLOWED_ATTR = null;
+  const DEFAULT_ALLOWED_ATTR = addToSet({}, [...html, ...svg, ...mathMl, ...xml]);
+  /*
+   * Configure how DOMPUrify should handle custom elements and their attributes as well as customized built-in elements.
+   * @property {RegExp|Function|null} tagNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any custom elements)
+   * @property {RegExp|Function|null} attributeNameCheck one of [null, regexPattern, predicate]. Default: `null` (disallow any attributes not on the allow list)
+   * @property {boolean} allowCustomizedBuiltInElements allow custom elements derived from built-ins if they pass CUSTOM_ELEMENT_HANDLING.tagNameCheck. Default: `false`.
+   */
+
+  let CUSTOM_ELEMENT_HANDLING = Object.seal(Object.create(null, {
+    tagNameCheck: {
+      writable: true,
+      configurable: false,
+      enumerable: true,
+      value: null
+    },
+    attributeNameCheck: {
+      writable: true,
+      configurable: false,
+      enumerable: true,
+      value: null
+    },
+    allowCustomizedBuiltInElements: {
+      writable: true,
+      configurable: false,
+      enumerable: true,
+      value: false
+    }
+  }));
+  /* Explicitly forbidden tags (overrides ALLOWED_TAGS/ADD_TAGS) */
+
+  let FORBID_TAGS = null;
+  /* Explicitly forbidden attributes (overrides ALLOWED_ATTR/ADD_ATTR) */
+
+  let FORBID_ATTR = null;
+  /* Decide if ARIA attributes are okay */
+
+  let ALLOW_ARIA_ATTR = true;
+  /* Decide if custom data attributes are okay */
+
+  let ALLOW_DATA_ATTR = true;
+  /* Decide if unknown protocols are okay */
+
+  let ALLOW_UNKNOWN_PROTOCOLS = false;
+  /* Decide if self-closing tags in attributes are allowed.
+   * Usually removed due to a mXSS issue in jQuery 3.0 */
+
+  let ALLOW_SELF_CLOSE_IN_ATTR = true;
+  /* Output should be safe for common template engines.
+   * This means, DOMPurify removes data attributes, mustaches and ERB
+   */
+
+  let SAFE_FOR_TEMPLATES = false;
+  /* Decide if document with <html>... should be returned */
+
+  let WHOLE_DOCUMENT = false;
+  /* Track whether config is already set on this instance of DOMPurify. */
+
+  let SET_CONFIG = false;
+  /* Decide if all elements (e.g. style, script) must be children of
+   * document.body. By default, browsers might move them to document.head */
+
+  let FORCE_BODY = false;
+  /* Decide if a DOM `HTMLBodyElement` should be returned, instead of a html
+   * string (or a TrustedHTML object if Trusted Types are supported).
+   * If `WHOLE_DOCUMENT` is enabled a `HTMLHtmlElement` will be returned instead
+   */
+
+  let RETURN_DOM = false;
+  /* Decide if a DOM `DocumentFragment` should be returned, instead of a html
+   * string  (or a TrustedHTML object if Trusted Types are supported) */
+
+  let RETURN_DOM_FRAGMENT = false;
+  /* Try to return a Trusted Type object instead of a string, return a string in
+   * case Trusted Types are not supported  */
+
+  let RETURN_TRUSTED_TYPE = false;
+  /* Output should be free from DOM clobbering attacks?
+   * This sanitizes markups named with colliding, clobberable built-in DOM APIs.
+   */
+
+  let SANITIZE_DOM = true;
+  /* Achieve full DOM Clobbering protection by isolating the namespace of named
+   * properties and JS variables, mitigating attacks that abuse the HTML/DOM spec rules.
+   *
+   * HTML/DOM spec rules that enable DOM Clobbering:
+   *   - Named Access on Window (§7.3.3)
+   *   - DOM Tree Accessors (§3.1.5)
+   *   - Form Element Parent-Child Relations (§4.10.3)
+   *   - Iframe srcdoc / Nested WindowProxies (§4.8.5)
+   *   - HTMLCollection (§4.2.10.2)
+   *
+   * Namespace isolation is implemented by prefixing `id` and `name` attributes
+   * with a constant string, i.e., `user-content-`
+   */
+
+  let SANITIZE_NAMED_PROPS = false;
+  const SANITIZE_NAMED_PROPS_PREFIX = 'user-content-';
+  /* Keep element content when removing element? */
+
+  let KEEP_CONTENT = true;
+  /* If a `Node` is passed to sanitize(), then performs sanitization in-place instead
+   * of importing it into a new Document and returning a sanitized copy */
+
+  let IN_PLACE = false;
+  /* Allow usage of profiles like html, svg and mathMl */
+
+  let USE_PROFILES = {};
+  /* Tags to ignore content of when KEEP_CONTENT is true */
+
+  let FORBID_CONTENTS = null;
+  const DEFAULT_FORBID_CONTENTS = addToSet({}, ['annotation-xml', 'audio', 'colgroup', 'desc', 'foreignobject', 'head', 'iframe', 'math', 'mi', 'mn', 'mo', 'ms', 'mtext', 'noembed', 'noframes', 'noscript', 'plaintext', 'script', 'style', 'svg', 'template', 'thead', 'title', 'video', 'xmp']);
+  /* Tags that are safe for data: URIs */
+
+  let DATA_URI_TAGS = null;
+  const DEFAULT_DATA_URI_TAGS = addToSet({}, ['audio', 'video', 'img', 'source', 'image', 'track']);
+  /* Attributes safe for values like "javascript:" */
+
+  let URI_SAFE_ATTRIBUTES = null;
+  const DEFAULT_URI_SAFE_ATTRIBUTES = addToSet({}, ['alt', 'class', 'for', 'id', 'label', 'name', 'pattern', 'placeholder', 'role', 'summary', 'title', 'value', 'style', 'xmlns']);
+  const MATHML_NAMESPACE = 'http://www.w3.org/1998/Math/MathML';
+  const SVG_NAMESPACE = 'http://www.w3.org/2000/svg';
+  const HTML_NAMESPACE = 'http://www.w3.org/1999/xhtml';
+  /* Document namespace */
+
+  let NAMESPACE = HTML_NAMESPACE;
+  let IS_EMPTY_INPUT = false;
+  /* Allowed XHTML+XML namespaces */
+
+  let ALLOWED_NAMESPACES = null;
+  const DEFAULT_ALLOWED_NAMESPACES = addToSet({}, [MATHML_NAMESPACE, SVG_NAMESPACE, HTML_NAMESPACE], stringToString);
+  /* Parsing of strict XHTML documents */
+
+  let PARSER_MEDIA_TYPE;
+  const SUPPORTED_PARSER_MEDIA_TYPES = ['application/xhtml+xml', 'text/html'];
+  const DEFAULT_PARSER_MEDIA_TYPE = 'text/html';
+  let transformCaseFunc;
+  /* Keep a reference to config to pass to hooks */
+
+  let CONFIG = null;
+  /* Ideally, do not touch anything below this line */
+
+  /* ______________________________________________ */
+
+  const formElement = document.createElement('form');
+
+  const isRegexOrFunction = function isRegexOrFunction(testValue) {
+    return testValue instanceof RegExp || testValue instanceof Function;
+  };
+  /**
+   * _parseConfig
+   *
+   * @param  {Object} cfg optional config literal
+   */
+  // eslint-disable-next-line complexity
+
+
+  const _parseConfig = function _parseConfig(cfg) {
+    if (CONFIG && CONFIG === cfg) {
+      return;
+    }
+    /* Shield configuration object from tampering */
+
+
+    if (!cfg || typeof cfg !== 'object') {
+      cfg = {};
+    }
+    /* Shield configuration object from prototype pollution */
+
+
+    cfg = clone(cfg);
+    PARSER_MEDIA_TYPE = // eslint-disable-next-line unicorn/prefer-includes
+    SUPPORTED_PARSER_MEDIA_TYPES.indexOf(cfg.PARSER_MEDIA_TYPE) === -1 ? PARSER_MEDIA_TYPE = DEFAULT_PARSER_MEDIA_TYPE : PARSER_MEDIA_TYPE = cfg.PARSER_MEDIA_TYPE; // HTML tags and attributes are not case-sensitive, converting to lowercase. Keeping XHTML as is.
+
+    transformCaseFunc = PARSER_MEDIA_TYPE === 'application/xhtml+xml' ? stringToString : stringToLowerCase;
+    /* Set configuration parameters */
+
+    ALLOWED_TAGS = 'ALLOWED_TAGS' in cfg ? addToSet({}, cfg.ALLOWED_TAGS, transformCaseFunc) : DEFAULT_ALLOWED_TAGS;
+    ALLOWED_ATTR = 'ALLOWED_ATTR' in cfg ? addToSet({}, cfg.ALLOWED_ATTR, transformCaseFunc) : DEFAULT_ALLOWED_ATTR;
+    ALLOWED_NAMESPACES = 'ALLOWED_NAMESPACES' in cfg ? addToSet({}, cfg.ALLOWED_NAMESPACES, stringToString) : DEFAULT_ALLOWED_NAMESPACES;
+    URI_SAFE_ATTRIBUTES = 'ADD_URI_SAFE_ATTR' in cfg ? addToSet(clone(DEFAULT_URI_SAFE_ATTRIBUTES), // eslint-disable-line indent
+    cfg.ADD_URI_SAFE_ATTR, // eslint-disable-line indent
+    transformCaseFunc // eslint-disable-line indent
+    ) // eslint-disable-line indent
+    : DEFAULT_URI_SAFE_ATTRIBUTES;
+    DATA_URI_TAGS = 'ADD_DATA_URI_TAGS' in cfg ? addToSet(clone(DEFAULT_DATA_URI_TAGS), // eslint-disable-line indent
+    cfg.ADD_DATA_URI_TAGS, // eslint-disable-line indent
+    transformCaseFunc // eslint-disable-line indent
+    ) // eslint-disable-line indent
+    : DEFAULT_DATA_URI_TAGS;
+    FORBID_CONTENTS = 'FORBID_CONTENTS' in cfg ? addToSet({}, cfg.FORBID_CONTENTS, transformCaseFunc) : DEFAULT_FORBID_CONTENTS;
+    FORBID_TAGS = 'FORBID_TAGS' in cfg ? addToSet({}, cfg.FORBID_TAGS, transformCaseFunc) : {};
+    FORBID_ATTR = 'FORBID_ATTR' in cfg ? addToSet({}, cfg.FORBID_ATTR, transformCaseFunc) : {};
+    USE_PROFILES = 'USE_PROFILES' in cfg ? cfg.USE_PROFILES : false;
+    ALLOW_ARIA_ATTR = cfg.ALLOW_ARIA_ATTR !== false; // Default true
+
+    ALLOW_DATA_ATTR = cfg.ALLOW_DATA_ATTR !== false; // Default true
+
+    ALLOW_UNKNOWN_PROTOCOLS = cfg.ALLOW_UNKNOWN_PROTOCOLS || false; // Default false
+
+    ALLOW_SELF_CLOSE_IN_ATTR = cfg.ALLOW_SELF_CLOSE_IN_ATTR !== false; // Default true
+
+    SAFE_FOR_TEMPLATES = cfg.SAFE_FOR_TEMPLATES || false; // Default false
+
+    WHOLE_DOCUMENT = cfg.WHOLE_DOCUMENT || false; // Default false
+
+    RETURN_DOM = cfg.RETURN_DOM || false; // Default false
+
+    RETURN_DOM_FRAGMENT = cfg.RETURN_DOM_FRAGMENT || false; // Default false
+
+    RETURN_TRUSTED_TYPE = cfg.RETURN_TRUSTED_TYPE || false; // Default false
+
+    FORCE_BODY = cfg.FORCE_BODY || false; // Default false
+
+    SANITIZE_DOM = cfg.SANITIZE_DOM !== false; // Default true
+
+    SANITIZE_NAMED_PROPS = cfg.SANITIZE_NAMED_PROPS || false; // Default false
+
+    KEEP_CONTENT = cfg.KEEP_CONTENT !== false; // Default true
+
+    IN_PLACE = cfg.IN_PLACE || false; // Default false
+
+    IS_ALLOWED_URI$1 = cfg.ALLOWED_URI_REGEXP || IS_ALLOWED_URI;
+    NAMESPACE = cfg.NAMESPACE || HTML_NAMESPACE;
+    CUSTOM_ELEMENT_HANDLING = cfg.CUSTOM_ELEMENT_HANDLING || {};
+
+    if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck)) {
+      CUSTOM_ELEMENT_HANDLING.tagNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.tagNameCheck;
+    }
+
+    if (cfg.CUSTOM_ELEMENT_HANDLING && isRegexOrFunction(cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)) {
+      CUSTOM_ELEMENT_HANDLING.attributeNameCheck = cfg.CUSTOM_ELEMENT_HANDLING.attributeNameCheck;
+    }
+
+    if (cfg.CUSTOM_ELEMENT_HANDLING && typeof cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements === 'boolean') {
+      CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements = cfg.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements;
+    }
+
+    if (SAFE_FOR_TEMPLATES) {
+      ALLOW_DATA_ATTR = false;
+    }
+
+    if (RETURN_DOM_FRAGMENT) {
+      RETURN_DOM = true;
+    }
+    /* Parse profile info */
+
+
+    if (USE_PROFILES) {
+      ALLOWED_TAGS = addToSet({}, [...text]);
+      ALLOWED_ATTR = [];
+
+      if (USE_PROFILES.html === true) {
+        addToSet(ALLOWED_TAGS, html$1);
+        addToSet(ALLOWED_ATTR, html);
+      }
+
+      if (USE_PROFILES.svg === true) {
+        addToSet(ALLOWED_TAGS, svg$1);
+        addToSet(ALLOWED_ATTR, svg);
+        addToSet(ALLOWED_ATTR, xml);
+      }
+
+      if (USE_PROFILES.svgFilters === true) {
+        addToSet(ALLOWED_TAGS, svgFilters);
+        addToSet(ALLOWED_ATTR, svg);
+        addToSet(ALLOWED_ATTR, xml);
+      }
+
+      if (USE_PROFILES.mathMl === true) {
+        addToSet(ALLOWED_TAGS, mathMl$1);
+        addToSet(ALLOWED_ATTR, mathMl);
+        addToSet(ALLOWED_ATTR, xml);
+      }
+    }
+    /* Merge configuration parameters */
+
+
+    if (cfg.ADD_TAGS) {
+      if (ALLOWED_TAGS === DEFAULT_ALLOWED_TAGS) {
+        ALLOWED_TAGS = clone(ALLOWED_TAGS);
+      }
+
+      addToSet(ALLOWED_TAGS, cfg.ADD_TAGS, transformCaseFunc);
+    }
+
+    if (cfg.ADD_ATTR) {
+      if (ALLOWED_ATTR === DEFAULT_ALLOWED_ATTR) {
+        ALLOWED_ATTR = clone(ALLOWED_ATTR);
+      }
+
+      addToSet(ALLOWED_ATTR, cfg.ADD_ATTR, transformCaseFunc);
+    }
+
+    if (cfg.ADD_URI_SAFE_ATTR) {
+      addToSet(URI_SAFE_ATTRIBUTES, cfg.ADD_URI_SAFE_ATTR, transformCaseFunc);
+    }
+
+    if (cfg.FORBID_CONTENTS) {
+      if (FORBID_CONTENTS === DEFAULT_FORBID_CONTENTS) {
+        FORBID_CONTENTS = clone(FORBID_CONTENTS);
+      }
+
+      addToSet(FORBID_CONTENTS, cfg.FORBID_CONTENTS, transformCaseFunc);
+    }
+    /* Add #text in case KEEP_CONTENT is set to true */
+
+
+    if (KEEP_CONTENT) {
+      ALLOWED_TAGS['#text'] = true;
+    }
+    /* Add html, head and body to ALLOWED_TAGS in case WHOLE_DOCUMENT is true */
+
+
+    if (WHOLE_DOCUMENT) {
+      addToSet(ALLOWED_TAGS, ['html', 'head', 'body']);
+    }
+    /* Add tbody to ALLOWED_TAGS in case tables are permitted, see #286, #365 */
+
+
+    if (ALLOWED_TAGS.table) {
+      addToSet(ALLOWED_TAGS, ['tbody']);
+      delete FORBID_TAGS.tbody;
+    } // Prevent further manipulation of configuration.
+    // Not available in IE8, Safari 5, etc.
+
+
+    if (freeze) {
+      freeze(cfg);
+    }
+
+    CONFIG = cfg;
+  };
+
+  const MATHML_TEXT_INTEGRATION_POINTS = addToSet({}, ['mi', 'mo', 'mn', 'ms', 'mtext']);
+  const HTML_INTEGRATION_POINTS = addToSet({}, ['foreignobject', 'desc', 'title', 'annotation-xml']); // Certain elements are allowed in both SVG and HTML
+  // namespace. We need to specify them explicitly
+  // so that they don't get erroneously deleted from
+  // HTML namespace.
+
+  const COMMON_SVG_AND_HTML_ELEMENTS = addToSet({}, ['title', 'style', 'font', 'a', 'script']);
+  /* Keep track of all possible SVG and MathML tags
+   * so that we can perform the namespace checks
+   * correctly. */
+
+  const ALL_SVG_TAGS = addToSet({}, svg$1);
+  addToSet(ALL_SVG_TAGS, svgFilters);
+  addToSet(ALL_SVG_TAGS, svgDisallowed);
+  const ALL_MATHML_TAGS = addToSet({}, mathMl$1);
+  addToSet(ALL_MATHML_TAGS, mathMlDisallowed);
+  /**
+   *
+   *
+   * @param  {Element} element a DOM element whose namespace is being checked
+   * @returns {boolean} Return false if the element has a
+   *  namespace that a spec-compliant parser would never
+   *  return. Return true otherwise.
+   */
+
+  const _checkValidNamespace = function _checkValidNamespace(element) {
+    let parent = getParentNode(element); // In JSDOM, if we're inside shadow DOM, then parentNode
+    // can be null. We just simulate parent in this case.
+
+    if (!parent || !parent.tagName) {
+      parent = {
+        namespaceURI: NAMESPACE,
+        tagName: 'template'
+      };
+    }
+
+    const tagName = stringToLowerCase(element.tagName);
+    const parentTagName = stringToLowerCase(parent.tagName);
+
+    if (!ALLOWED_NAMESPACES[element.namespaceURI]) {
+      return false;
+    }
+
+    if (element.namespaceURI === SVG_NAMESPACE) {
+      // The only way to switch from HTML namespace to SVG
+      // is via <svg>. If it happens via any other tag, then
+      // it should be killed.
+      if (parent.namespaceURI === HTML_NAMESPACE) {
+        return tagName === 'svg';
+      } // The only way to switch from MathML to SVG is via`
+      // svg if parent is either <annotation-xml> or MathML
+      // text integration points.
+
+
+      if (parent.namespaceURI === MATHML_NAMESPACE) {
+        return tagName === 'svg' && (parentTagName === 'annotation-xml' || MATHML_TEXT_INTEGRATION_POINTS[parentTagName]);
+      } // We only allow elements that are defined in SVG
+      // spec. All others are disallowed in SVG namespace.
+
+
+      return Boolean(ALL_SVG_TAGS[tagName]);
+    }
+
+    if (element.namespaceURI === MATHML_NAMESPACE) {
+      // The only way to switch from HTML namespace to MathML
+      // is via <math>. If it happens via any other tag, then
+      // it should be killed.
+      if (parent.namespaceURI === HTML_NAMESPACE) {
+        return tagName === 'math';
+      } // The only way to switch from SVG to MathML is via
+      // <math> and HTML integration points
+
+
+      if (parent.namespaceURI === SVG_NAMESPACE) {
+        return tagName === 'math' && HTML_INTEGRATION_POINTS[parentTagName];
+      } // We only allow elements that are defined in MathML
+      // spec. All others are disallowed in MathML namespace.
+
+
+      return Boolean(ALL_MATHML_TAGS[tagName]);
+    }
+
+    if (element.namespaceURI === HTML_NAMESPACE) {
+      // The only way to switch from SVG to HTML is via
+      // HTML integration points, and from MathML to HTML
+      // is via MathML text integration points
+      if (parent.namespaceURI === SVG_NAMESPACE && !HTML_INTEGRATION_POINTS[parentTagName]) {
+        return false;
+      }
+
+      if (parent.namespaceURI === MATHML_NAMESPACE && !MATHML_TEXT_INTEGRATION_POINTS[parentTagName]) {
+        return false;
+      } // We disallow tags that are specific for MathML
+      // or SVG and should never appear in HTML namespace
+
+
+      return !ALL_MATHML_TAGS[tagName] && (COMMON_SVG_AND_HTML_ELEMENTS[tagName] || !ALL_SVG_TAGS[tagName]);
+    } // For XHTML and XML documents that support custom namespaces
+
+
+    if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && ALLOWED_NAMESPACES[element.namespaceURI]) {
+      return true;
+    } // The code should never reach this place (this means
+    // that the element somehow got namespace that is not
+    // HTML, SVG, MathML or allowed via ALLOWED_NAMESPACES).
+    // Return false just in case.
+
+
+    return false;
+  };
+  /**
+   * _forceRemove
+   *
+   * @param  {Node} node a DOM node
+   */
+
+
+  const _forceRemove = function _forceRemove(node) {
+    arrayPush(DOMPurify.removed, {
+      element: node
+    });
+
+    try {
+      // eslint-disable-next-line unicorn/prefer-dom-node-remove
+      node.parentNode.removeChild(node);
+    } catch (_) {
+      node.remove();
+    }
+  };
+  /**
+   * _removeAttribute
+   *
+   * @param  {String} name an Attribute name
+   * @param  {Node} node a DOM node
+   */
+
+
+  const _removeAttribute = function _removeAttribute(name, node) {
+    try {
+      arrayPush(DOMPurify.removed, {
+        attribute: node.getAttributeNode(name),
+        from: node
+      });
+    } catch (_) {
+      arrayPush(DOMPurify.removed, {
+        attribute: null,
+        from: node
+      });
+    }
+
+    node.removeAttribute(name); // We void attribute values for unremovable "is"" attributes
+
+    if (name === 'is' && !ALLOWED_ATTR[name]) {
+      if (RETURN_DOM || RETURN_DOM_FRAGMENT) {
+        try {
+          _forceRemove(node);
+        } catch (_) {}
+      } else {
+        try {
+          node.setAttribute(name, '');
+        } catch (_) {}
+      }
+    }
+  };
+  /**
+   * _initDocument
+   *
+   * @param  {String} dirty a string of dirty markup
+   * @return {Document} a DOM, filled with the dirty markup
+   */
+
+
+  const _initDocument = function _initDocument(dirty) {
+    /* Create a HTML document */
+    let doc;
+    let leadingWhitespace;
+
+    if (FORCE_BODY) {
+      dirty = '<remove></remove>' + dirty;
+    } else {
+      /* If FORCE_BODY isn't used, leading whitespace needs to be preserved manually */
+      const matches = stringMatch(dirty, /^[\r\n\t ]+/);
+      leadingWhitespace = matches && matches[0];
+    }
+
+    if (PARSER_MEDIA_TYPE === 'application/xhtml+xml' && NAMESPACE === HTML_NAMESPACE) {
+      // Root of XHTML doc must contain xmlns declaration (see https://www.w3.org/TR/xhtml1/normative.html#strict)
+      dirty = '<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body>' + dirty + '</body></html>';
+    }
+
+    const dirtyPayload = trustedTypesPolicy ? trustedTypesPolicy.createHTML(dirty) : dirty;
+    /*
+     * Use the DOMParser API by default, fallback later if needs be
+     * DOMParser not work for svg when has multiple root element.
+     */
+
+    if (NAMESPACE === HTML_NAMESPACE) {
+      try {
+        doc = new DOMParser().parseFromString(dirtyPayload, PARSER_MEDIA_TYPE);
+      } catch (_) {}
+    }
+    /* Use createHTMLDocument in case DOMParser is not available */
+
+
+    if (!doc || !doc.documentElement) {
+      doc = implementation.createDocument(NAMESPACE, 'template', null);
+
+      try {
+        doc.documentElement.innerHTML = IS_EMPTY_INPUT ? emptyHTML : dirtyPayload;
+      } catch (_) {// Syntax error if dirtyPayload is invalid xml
+      }
+    }
+
+    const body = doc.body || doc.documentElement;
+
+    if (dirty && leadingWhitespace) {
+      body.insertBefore(document.createTextNode(leadingWhitespace), body.childNodes[0] || null);
+    }
+    /* Work on whole document or just its body */
+
+
+    if (NAMESPACE === HTML_NAMESPACE) {
+      return getElementsByTagName.call(doc, WHOLE_DOCUMENT ? 'html' : 'body')[0];
+    }
+
+    return WHOLE_DOCUMENT ? doc.documentElement : body;
+  };
+  /**
+   * _createIterator
+   *
+   * @param  {Document} root document/fragment to create iterator for
+   * @return {Iterator} iterator instance
+   */
+
+
+  const _createIterator = function _createIterator(root) {
+    return createNodeIterator.call(root.ownerDocument || root, root, // eslint-disable-next-line no-bitwise
+    NodeFilter.SHOW_ELEMENT | NodeFilter.SHOW_COMMENT | NodeFilter.SHOW_TEXT, null, false);
+  };
+  /**
+   * _isClobbered
+   *
+   * @param  {Node} elm element to check for clobbering attacks
+   * @return {Boolean} true if clobbered, false if safe
+   */
+
+
+  const _isClobbered = function _isClobbered(elm) {
+    return elm instanceof HTMLFormElement && (typeof elm.nodeName !== 'string' || typeof elm.textContent !== 'string' || typeof elm.removeChild !== 'function' || !(elm.attributes instanceof NamedNodeMap) || typeof elm.removeAttribute !== 'function' || typeof elm.setAttribute !== 'function' || typeof elm.namespaceURI !== 'string' || typeof elm.insertBefore !== 'function' || typeof elm.hasChildNodes !== 'function');
+  };
+  /**
+   * _isNode
+   *
+   * @param  {Node} obj object to check whether it's a DOM node
+   * @return {Boolean} true is object is a DOM node
+   */
+
+
+  const _isNode = function _isNode(object) {
+    return typeof Node === 'object' ? object instanceof Node : object && typeof object === 'object' && typeof object.nodeType === 'number' && typeof object.nodeName === 'string';
+  };
+  /**
+   * _executeHook
+   * Execute user configurable hooks
+   *
+   * @param  {String} entryPoint  Name of the hook's entry point
+   * @param  {Node} currentNode node to work on with the hook
+   * @param  {Object} data additional hook parameters
+   */
+
+
+  const _executeHook = function _executeHook(entryPoint, currentNode, data) {
+    if (!hooks[entryPoint]) {
+      return;
+    }
+
+    arrayForEach(hooks[entryPoint], hook => {
+      hook.call(DOMPurify, currentNode, data, CONFIG);
+    });
+  };
+  /**
+   * _sanitizeElements
+   *
+   * @protect nodeName
+   * @protect textContent
+   * @protect removeChild
+   *
+   * @param   {Node} currentNode to check for permission to exist
+   * @return  {Boolean} true if node was killed, false if left alive
+   */
+
+
+  const _sanitizeElements = function _sanitizeElements(currentNode) {
+    let content;
+    /* Execute a hook if present */
+
+    _executeHook('beforeSanitizeElements', currentNode, null);
+    /* Check if element is clobbered or can clobber */
+
+
+    if (_isClobbered(currentNode)) {
+      _forceRemove(currentNode);
+
+      return true;
+    }
+    /* Now let's check the element's type and name */
+
+
+    const tagName = transformCaseFunc(currentNode.nodeName);
+    /* Execute a hook if present */
+
+    _executeHook('uponSanitizeElement', currentNode, {
+      tagName,
+      allowedTags: ALLOWED_TAGS
+    });
+    /* Detect mXSS attempts abusing namespace confusion */
+
+
+    if (currentNode.hasChildNodes() && !_isNode(currentNode.firstElementChild) && (!_isNode(currentNode.content) || !_isNode(currentNode.content.firstElementChild)) && regExpTest(/<[/\w]/g, currentNode.innerHTML) && regExpTest(/<[/\w]/g, currentNode.textContent)) {
+      _forceRemove(currentNode);
+
+      return true;
+    }
+    /* Remove element if anything forbids its presence */
+
+
+    if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+      /* Check if we have a custom element to handle */
+      if (!FORBID_TAGS[tagName] && _basicCustomElementTest(tagName)) {
+        if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, tagName)) return false;
+        if (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(tagName)) return false;
+      }
+      /* Keep content except for bad-listed elements */
+
+
+      if (KEEP_CONTENT && !FORBID_CONTENTS[tagName]) {
+        const parentNode = getParentNode(currentNode) || currentNode.parentNode;
+        const childNodes = getChildNodes(currentNode) || currentNode.childNodes;
+
+        if (childNodes && parentNode) {
+          const childCount = childNodes.length;
+
+          for (let i = childCount - 1; i >= 0; --i) {
+            parentNode.insertBefore(cloneNode(childNodes[i], true), getNextSibling(currentNode));
+          }
+        }
+      }
+
+      _forceRemove(currentNode);
+
+      return true;
+    }
+    /* Check whether element has a valid namespace */
+
+
+    if (currentNode instanceof Element && !_checkValidNamespace(currentNode)) {
+      _forceRemove(currentNode);
+
+      return true;
+    }
+    /* Make sure that older browsers don't get noscript mXSS */
+
+
+    if ((tagName === 'noscript' || tagName === 'noembed') && regExpTest(/<\/no(script|embed)/i, currentNode.innerHTML)) {
+      _forceRemove(currentNode);
+
+      return true;
+    }
+    /* Sanitize element content to be template-safe */
+
+
+    if (SAFE_FOR_TEMPLATES && currentNode.nodeType === 3) {
+      /* Get the element's text content */
+      content = currentNode.textContent;
+      content = stringReplace(content, MUSTACHE_EXPR, ' ');
+      content = stringReplace(content, ERB_EXPR, ' ');
+      content = stringReplace(content, TMPLIT_EXPR, ' ');
+
+      if (currentNode.textContent !== content) {
+        arrayPush(DOMPurify.removed, {
+          element: currentNode.cloneNode()
+        });
+        currentNode.textContent = content;
+      }
+    }
+    /* Execute a hook if present */
+
+
+    _executeHook('afterSanitizeElements', currentNode, null);
+
+    return false;
+  };
+  /**
+   * _isValidAttribute
+   *
+   * @param  {string} lcTag Lowercase tag name of containing element.
+   * @param  {string} lcName Lowercase attribute name.
+   * @param  {string} value Attribute value.
+   * @return {Boolean} Returns true if `value` is valid, otherwise false.
+   */
+  // eslint-disable-next-line complexity
+
+
+  const _isValidAttribute = function _isValidAttribute(lcTag, lcName, value) {
+    /* Make sure attribute cannot clobber */
+    if (SANITIZE_DOM && (lcName === 'id' || lcName === 'name') && (value in document || value in formElement)) {
+      return false;
+    }
+    /* Allow valid data-* attributes: At least one character after "-"
+        (https://html.spec.whatwg.org/multipage/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes)
+        XML-compatible (https://html.spec.whatwg.org/multipage/infrastructure.html#xml-compatible and http://www.w3.org/TR/xml/#d0e804)
+        We don't need to check the value; it's always URI safe. */
+
+
+    if (ALLOW_DATA_ATTR && !FORBID_ATTR[lcName] && regExpTest(DATA_ATTR, lcName)) ; else if (ALLOW_ARIA_ATTR && regExpTest(ARIA_ATTR, lcName)) ; else if (!ALLOWED_ATTR[lcName] || FORBID_ATTR[lcName]) {
+      if ( // First condition does a very basic check if a) it's basically a valid custom element tagname AND
+      // b) if the tagName passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+      // and c) if the attribute name passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.attributeNameCheck
+      _basicCustomElementTest(lcTag) && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, lcTag) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(lcTag)) && (CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.attributeNameCheck, lcName) || CUSTOM_ELEMENT_HANDLING.attributeNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.attributeNameCheck(lcName)) || // Alternative, second condition checks if it's an `is`-attribute, AND
+      // the value passes whatever the user has configured for CUSTOM_ELEMENT_HANDLING.tagNameCheck
+      lcName === 'is' && CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements && (CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof RegExp && regExpTest(CUSTOM_ELEMENT_HANDLING.tagNameCheck, value) || CUSTOM_ELEMENT_HANDLING.tagNameCheck instanceof Function && CUSTOM_ELEMENT_HANDLING.tagNameCheck(value))) ; else {
+        return false;
+      }
+      /* Check value is safe. First, is attr inert? If so, is safe */
+
+    } else if (URI_SAFE_ATTRIBUTES[lcName]) ; else if (regExpTest(IS_ALLOWED_URI$1, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if ((lcName === 'src' || lcName === 'xlink:href' || lcName === 'href') && lcTag !== 'script' && stringIndexOf(value, 'data:') === 0 && DATA_URI_TAGS[lcTag]) ; else if (ALLOW_UNKNOWN_PROTOCOLS && !regExpTest(IS_SCRIPT_OR_DATA, stringReplace(value, ATTR_WHITESPACE, ''))) ; else if (!value) ; else {
+      return false;
+    }
+
+    return true;
+  };
+  /**
+   * _basicCustomElementCheck
+   * checks if at least one dash is included in tagName, and it's not the first char
+   * for more sophisticated checking see https://github.com/sindresorhus/validate-element-name
+   * @param {string} tagName name of the tag of the node to sanitize
+   */
+
+
+  const _basicCustomElementTest = function _basicCustomElementTest(tagName) {
+    return tagName.indexOf('-') > 0;
+  };
+  /**
+   * _sanitizeAttributes
+   *
+   * @protect attributes
+   * @protect nodeName
+   * @protect removeAttribute
+   * @protect setAttribute
+   *
+   * @param  {Node} currentNode to sanitize
+   */
+
+
+  const _sanitizeAttributes = function _sanitizeAttributes(currentNode) {
+    let attr;
+    let value;
+    let lcName;
+    let l;
+    /* Execute a hook if present */
+
+    _executeHook('beforeSanitizeAttributes', currentNode, null);
+
+    const {
+      attributes
+    } = currentNode;
+    /* Check if we have attributes; if not we might have a text node */
+
+    if (!attributes) {
+      return;
+    }
+
+    const hookEvent = {
+      attrName: '',
+      attrValue: '',
+      keepAttr: true,
+      allowedAttributes: ALLOWED_ATTR
+    };
+    l = attributes.length;
+    /* Go backwards over all attributes; safely remove bad ones */
+
+    while (l--) {
+      attr = attributes[l];
+      const {
+        name,
+        namespaceURI
+      } = attr;
+      value = name === 'value' ? attr.value : stringTrim(attr.value);
+      lcName = transformCaseFunc(name);
+      /* Execute a hook if present */
+
+      hookEvent.attrName = lcName;
+      hookEvent.attrValue = value;
+      hookEvent.keepAttr = true;
+      hookEvent.forceKeepAttr = undefined; // Allows developers to see this is a property they can set
+
+      _executeHook('uponSanitizeAttribute', currentNode, hookEvent);
+
+      value = hookEvent.attrValue;
+      /* Did the hooks approve of the attribute? */
+
+      if (hookEvent.forceKeepAttr) {
+        continue;
+      }
+      /* Remove attribute */
+
+
+      _removeAttribute(name, currentNode);
+      /* Did the hooks approve of the attribute? */
+
+
+      if (!hookEvent.keepAttr) {
+        continue;
+      }
+      /* Work around a security issue in jQuery 3.0 */
+
+
+      if (!ALLOW_SELF_CLOSE_IN_ATTR && regExpTest(/\/>/i, value)) {
+        _removeAttribute(name, currentNode);
+
+        continue;
+      }
+      /* Sanitize attribute content to be template-safe */
+
+
+      if (SAFE_FOR_TEMPLATES) {
+        value = stringReplace(value, MUSTACHE_EXPR, ' ');
+        value = stringReplace(value, ERB_EXPR, ' ');
+        value = stringReplace(value, TMPLIT_EXPR, ' ');
+      }
+      /* Is `value` valid for this attribute? */
+
+
+      const lcTag = transformCaseFunc(currentNode.nodeName);
+
+      if (!_isValidAttribute(lcTag, lcName, value)) {
+        continue;
+      }
+      /* Full DOM Clobbering protection via namespace isolation,
+       * Prefix id and name attributes with `user-content-`
+       */
+
+
+      if (SANITIZE_NAMED_PROPS && (lcName === 'id' || lcName === 'name')) {
+        // Remove the attribute with this value
+        _removeAttribute(name, currentNode); // Prefix the value and later re-create the attribute with the sanitized value
+
+
+        value = SANITIZE_NAMED_PROPS_PREFIX + value;
+      }
+      /* Handle attributes that require Trusted Types */
+
+
+      if (trustedTypesPolicy && typeof trustedTypes === 'object' && typeof trustedTypes.getAttributeType === 'function') {
+        if (namespaceURI) ; else {
+          switch (trustedTypes.getAttributeType(lcTag, lcName)) {
+            case 'TrustedHTML':
+              value = trustedTypesPolicy.createHTML(value);
+              break;
+
+            case 'TrustedScriptURL':
+              value = trustedTypesPolicy.createScriptURL(value);
+              break;
+          }
+        }
+      }
+      /* Handle invalid data-* attribute set by try-catching it */
+
+
+      try {
+        if (namespaceURI) {
+          currentNode.setAttributeNS(namespaceURI, name, value);
+        } else {
+          /* Fallback to setAttribute() for browser-unrecognized namespaces e.g. "x-schema". */
+          currentNode.setAttribute(name, value);
+        }
+
+        arrayPop(DOMPurify.removed);
+      } catch (_) {}
+    }
+    /* Execute a hook if present */
+
+
+    _executeHook('afterSanitizeAttributes', currentNode, null);
+  };
+  /**
+   * _sanitizeShadowDOM
+   *
+   * @param  {DocumentFragment} fragment to iterate over recursively
+   */
+
+
+  const _sanitizeShadowDOM = function _sanitizeShadowDOM(fragment) {
+    let shadowNode;
+
+    const shadowIterator = _createIterator(fragment);
+    /* Execute a hook if present */
+
+
+    _executeHook('beforeSanitizeShadowDOM', fragment, null);
+
+    while (shadowNode = shadowIterator.nextNode()) {
+      /* Execute a hook if present */
+      _executeHook('uponSanitizeShadowNode', shadowNode, null);
+      /* Sanitize tags and elements */
+
+
+      if (_sanitizeElements(shadowNode)) {
+        continue;
+      }
+      /* Deep shadow DOM detected */
+
+
+      if (shadowNode.content instanceof DocumentFragment) {
+        _sanitizeShadowDOM(shadowNode.content);
+      }
+      /* Check attributes, sanitize if necessary */
+
+
+      _sanitizeAttributes(shadowNode);
+    }
+    /* Execute a hook if present */
+
+
+    _executeHook('afterSanitizeShadowDOM', fragment, null);
+  };
+  /**
+   * Sanitize
+   * Public method providing core sanitation functionality
+   *
+   * @param {String|Node} dirty string or DOM node
+   * @param {Object} configuration object
+   */
+  // eslint-disable-next-line complexity
+
+
+  DOMPurify.sanitize = function (dirty) {
+    let cfg = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    let body;
+    let importedNode;
+    let currentNode;
+    let returnNode;
+    /* Make sure we have a string to sanitize.
+      DO NOT return early, as this will return the wrong type if
+      the user has requested a DOM object rather than a string */
+
+    IS_EMPTY_INPUT = !dirty;
+
+    if (IS_EMPTY_INPUT) {
+      dirty = '<!-->';
+    }
+    /* Stringify, in case dirty is an object */
+
+
+    if (typeof dirty !== 'string' && !_isNode(dirty)) {
+      // eslint-disable-next-line no-negated-condition
+      if (typeof dirty.toString !== 'function') {
+        throw typeErrorCreate('toString is not a function');
+      } else {
+        dirty = dirty.toString();
+
+        if (typeof dirty !== 'string') {
+          throw typeErrorCreate('dirty is not a string, aborting');
+        }
+      }
+    }
+    /* Return dirty HTML if DOMPurify cannot run */
+
+
+    if (!DOMPurify.isSupported) {
+      return dirty;
+    }
+    /* Assign config vars */
+
+
+    if (!SET_CONFIG) {
+      _parseConfig(cfg);
+    }
+    /* Clean up removed elements */
+
+
+    DOMPurify.removed = [];
+    /* Check if dirty is correctly typed for IN_PLACE */
+
+    if (typeof dirty === 'string') {
+      IN_PLACE = false;
+    }
+
+    if (IN_PLACE) {
+      /* Do some early pre-sanitization to avoid unsafe root nodes */
+      if (dirty.nodeName) {
+        const tagName = transformCaseFunc(dirty.nodeName);
+
+        if (!ALLOWED_TAGS[tagName] || FORBID_TAGS[tagName]) {
+          throw typeErrorCreate('root node is forbidden and cannot be sanitized in-place');
+        }
+      }
+    } else if (dirty instanceof Node) {
+      /* If dirty is a DOM element, append to an empty document to avoid
+         elements being stripped by the parser */
+      body = _initDocument('<!---->');
+      importedNode = body.ownerDocument.importNode(dirty, true);
+
+      if (importedNode.nodeType === 1 && importedNode.nodeName === 'BODY') {
+        /* Node is already a body, use as is */
+        body = importedNode;
+      } else if (importedNode.nodeName === 'HTML') {
+        body = importedNode;
+      } else {
+        // eslint-disable-next-line unicorn/prefer-dom-node-append
+        body.appendChild(importedNode);
+      }
+    } else {
+      /* Exit directly if we have nothing to do */
+      if (!RETURN_DOM && !SAFE_FOR_TEMPLATES && !WHOLE_DOCUMENT && // eslint-disable-next-line unicorn/prefer-includes
+      dirty.indexOf('<') === -1) {
+        return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(dirty) : dirty;
+      }
+      /* Initialize the document to work on */
+
+
+      body = _initDocument(dirty);
+      /* Check we have a DOM node from the data */
+
+      if (!body) {
+        return RETURN_DOM ? null : RETURN_TRUSTED_TYPE ? emptyHTML : '';
+      }
+    }
+    /* Remove first element node (ours) if FORCE_BODY is set */
+
+
+    if (body && FORCE_BODY) {
+      _forceRemove(body.firstChild);
+    }
+    /* Get node iterator */
+
+
+    const nodeIterator = _createIterator(IN_PLACE ? dirty : body);
+    /* Now start iterating over the created document */
+
+
+    while (currentNode = nodeIterator.nextNode()) {
+      /* Sanitize tags and elements */
+      if (_sanitizeElements(currentNode)) {
+        continue;
+      }
+      /* Shadow DOM detected, sanitize it */
+
+
+      if (currentNode.content instanceof DocumentFragment) {
+        _sanitizeShadowDOM(currentNode.content);
+      }
+      /* Check attributes, sanitize if necessary */
+
+
+      _sanitizeAttributes(currentNode);
+    }
+    /* If we sanitized `dirty` in-place, return it. */
+
+
+    if (IN_PLACE) {
+      return dirty;
+    }
+    /* Return sanitized string or DOM */
+
+
+    if (RETURN_DOM) {
+      if (RETURN_DOM_FRAGMENT) {
+        returnNode = createDocumentFragment.call(body.ownerDocument);
+
+        while (body.firstChild) {
+          // eslint-disable-next-line unicorn/prefer-dom-node-append
+          returnNode.appendChild(body.firstChild);
+        }
+      } else {
+        returnNode = body;
+      }
+
+      if (ALLOWED_ATTR.shadowroot || ALLOWED_ATTR.shadowrootmod) {
+        /*
+          AdoptNode() is not used because internal state is not reset
+          (e.g. the past names map of a HTMLFormElement), this is safe
+          in theory but we would rather not risk another attack vector.
+          The state that is cloned by importNode() is explicitly defined
+          by the specs.
+        */
+        returnNode = importNode.call(originalDocument, returnNode, true);
+      }
+
+      return returnNode;
+    }
+
+    let serializedHTML = WHOLE_DOCUMENT ? body.outerHTML : body.innerHTML;
+    /* Serialize doctype if allowed */
+
+    if (WHOLE_DOCUMENT && ALLOWED_TAGS['!doctype'] && body.ownerDocument && body.ownerDocument.doctype && body.ownerDocument.doctype.name && regExpTest(DOCTYPE_NAME, body.ownerDocument.doctype.name)) {
+      serializedHTML = '<!DOCTYPE ' + body.ownerDocument.doctype.name + '>\n' + serializedHTML;
+    }
+    /* Sanitize final string template-safe */
+
+
+    if (SAFE_FOR_TEMPLATES) {
+      serializedHTML = stringReplace(serializedHTML, MUSTACHE_EXPR, ' ');
+      serializedHTML = stringReplace(serializedHTML, ERB_EXPR, ' ');
+      serializedHTML = stringReplace(serializedHTML, TMPLIT_EXPR, ' ');
+    }
+
+    return trustedTypesPolicy && RETURN_TRUSTED_TYPE ? trustedTypesPolicy.createHTML(serializedHTML) : serializedHTML;
+  };
+  /**
+   * Public method to set the configuration once
+   * setConfig
+   *
+   * @param {Object} cfg configuration object
+   */
+
+
+  DOMPurify.setConfig = function (cfg) {
+    _parseConfig(cfg);
+
+    SET_CONFIG = true;
+  };
+  /**
+   * Public method to remove the configuration
+   * clearConfig
+   *
+   */
+
+
+  DOMPurify.clearConfig = function () {
+    CONFIG = null;
+    SET_CONFIG = false;
+  };
+  /**
+   * Public method to check if an attribute value is valid.
+   * Uses last set config, if any. Otherwise, uses config defaults.
+   * isValidAttribute
+   *
+   * @param  {string} tag Tag name of containing element.
+   * @param  {string} attr Attribute name.
+   * @param  {string} value Attribute value.
+   * @return {Boolean} Returns true if `value` is valid. Otherwise, returns false.
+   */
+
+
+  DOMPurify.isValidAttribute = function (tag, attr, value) {
+    /* Initialize shared config vars if necessary. */
+    if (!CONFIG) {
+      _parseConfig({});
+    }
+
+    const lcTag = transformCaseFunc(tag);
+    const lcName = transformCaseFunc(attr);
+    return _isValidAttribute(lcTag, lcName, value);
+  };
+  /**
+   * AddHook
+   * Public method to add DOMPurify hooks
+   *
+   * @param {String} entryPoint entry point for the hook to add
+   * @param {Function} hookFunction function to execute
+   */
+
+
+  DOMPurify.addHook = function (entryPoint, hookFunction) {
+    if (typeof hookFunction !== 'function') {
+      return;
+    }
+
+    hooks[entryPoint] = hooks[entryPoint] || [];
+    arrayPush(hooks[entryPoint], hookFunction);
+  };
+  /**
+   * RemoveHook
+   * Public method to remove a DOMPurify hook at a given entryPoint
+   * (pops it from the stack of hooks if more are present)
+   *
+   * @param {String} entryPoint entry point for the hook to remove
+   * @return {Function} removed(popped) hook
+   */
+
+
+  DOMPurify.removeHook = function (entryPoint) {
+    if (hooks[entryPoint]) {
+      return arrayPop(hooks[entryPoint]);
+    }
+  };
+  /**
+   * RemoveHooks
+   * Public method to remove all DOMPurify hooks at a given entryPoint
+   *
+   * @param  {String} entryPoint entry point for the hooks to remove
+   */
+
+
+  DOMPurify.removeHooks = function (entryPoint) {
+    if (hooks[entryPoint]) {
+      hooks[entryPoint] = [];
+    }
+  };
+  /**
+   * RemoveAllHooks
+   * Public method to remove all DOMPurify hooks
+   *
+   */
+
+
+  DOMPurify.removeAllHooks = function () {
+    hooks = {};
+  };
+
+  return DOMPurify;
+}
+
+var purify = createDOMPurify();
+
+var getInitialTab = function getInitialTab(stripeAccount) {
+  if (stripeAccount !== null && stripeAccount !== void 0 && stripeAccount.isConnected) {
+    return STEPS.finish;
+  }
+  if (neetocist.isPresent(stripeAccount)) {
+    return STEPS.configure;
+  }
+  return STEPS.connect;
+};
+var buildStripeConnectUrl = function buildStripeConnectUrl(holdableId, returnUrl) {
+  return utils$3.buildUrl(STRIPE_CONNECT_URL, {
+    holdable_id: holdableId,
+    return_url: returnUrl
+  });
+};
+
+var Connect = function Connect(_ref) {
+  var setActiveTab = _ref.setActiveTab,
+    holdableId = _ref.holdableId,
+    returnUrl = _ref.returnUrl;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useState = React.useState(INTEGRATION_METHOD.createNewAccount),
+    _useState2 = _slicedToArray(_useState, 2),
+    selectedOption = _useState2[0],
+    setSelectedOption = _useState2[1];
+  var stripeConnectUrl = buildStripeConnectUrl(holdableId, returnUrl);
+  var handleSubmit = function handleSubmit() {
+    if (selectedOption !== INTEGRATION_METHOD.useExistingAccount) {
+      setActiveTab(STEPS.configure);
+      return;
+    }
+    window.location.href = purify.sanitize(stripeConnectUrl);
+  };
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "mx-auto w-full max-w-lg space-y-8"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "space-y-2"
+  }, /*#__PURE__*/React__default["default"].createElement(SvgStripe, null), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    "data-cy": "configure-payment-title",
+    style: "h2",
+    weight: "semibold"
+  }, t("neetoPayments.integrationModal.title")), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, {
+    className: "leading-snug"
+  }, t("neetoPayments.integrationModal.subtitle"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Radio, {
+    stacked: true,
+    value: selectedOption,
+    onChange: function onChange(event) {
+      return setSelectedOption(event.target.value);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Radio.Item, {
+    className: "neeto-ui-border-black w-96 py-2",
+    label: t("neetoPayments.integrationModal.createAccount"),
+    name: "accountMethod",
+    value: INTEGRATION_METHOD.createNewAccount
+  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Radio.Item, {
+    className: "neeto-ui-border-black w-96 py-2",
+    label: t("neetoPayments.integrationModal.connectAccount"),
+    name: "accountMethod",
+    value: INTEGRATION_METHOD.useExistingAccount
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
+    label: t("neetoPayments.common.continue"),
+    onClick: handleSubmit
+  }));
+};
+
+var Finish = reactUtils.withT(function (_ref) {
+  var t = _ref.t,
+    onSuccess = _ref.onSuccess;
+  return /*#__PURE__*/React__default["default"].createElement(neetointegrations.Finish, {
+    title: t("v2.payment.finishTitle"),
+    onClick: onSuccess
+  }, /*#__PURE__*/React__default["default"].createElement(AccountDetails, null));
+});
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var StripeConnect = function StripeConnect(_ref) {
+  var _ref$holdableId = _ref.holdableId,
+    holdableId = _ref$holdableId === void 0 ? null : _ref$holdableId,
+    isOpen = _ref.isOpen,
+    onClose = _ref.onClose,
+    _ref$isPlatform = _ref.isPlatform,
+    isPlatform = _ref$isPlatform === void 0 ? false : _ref$isPlatform,
+    returnUrl = _ref.returnUrl;
+  var _useFetchConnectedStr = useFetchConnectedStripeAccount(holdableId),
+    _useFetchConnectedStr2 = _useFetchConnectedStr.data,
+    _useFetchConnectedStr3 = _useFetchConnectedStr2 === void 0 ? {} : _useFetchConnectedStr2,
+    stripeAccount = _useFetchConnectedStr3.account;
+  var _useStateWithDependen = reactUtils.useStateWithDependency(getInitialTab(stripeAccount), [stripeAccount]),
+    _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
+    activeTab = _useStateWithDependen2[0],
+    setActiveTab = _useStateWithDependen2[1];
+  var steps = React.useMemo(function () {
+    var _INTEGRATION_STEPS = _slicedToArray(INTEGRATION_STEPS, 4),
+      connect = _INTEGRATION_STEPS[0],
+      configure = _INTEGRATION_STEPS[1],
+      finish = _INTEGRATION_STEPS[2],
+      demo = _INTEGRATION_STEPS[3];
+    return [_objectSpread(_objectSpread({}, connect), {}, {
+      isActive: activeTab === STEPS.connect,
+      isCompleted: neetocist.isPresent(stripeAccount) || activeTab === STEPS.configure || isPlatform
+    }), _objectSpread(_objectSpread({}, configure), {}, {
+      isActive: activeTab === STEPS.configure,
+      isCompleted: !!(stripeAccount !== null && stripeAccount !== void 0 && stripeAccount.isConnected)
+    }), _objectSpread(_objectSpread({}, finish), {}, {
+      isActive: activeTab === STEPS.finish,
+      isCompleted: activeTab === STEPS.finish || activeTab === STEPS.demo
+    }), _objectSpread(_objectSpread({}, demo), {}, {
+      isActive: activeTab === STEPS.demo,
+      isCompleted: activeTab === STEPS.demo
+    })];
+  }, [activeTab, stripeAccount]);
+  return /*#__PURE__*/React__default["default"].createElement(neetointegrations.Modal, {
+    isOpen: isOpen,
+    onClose: onClose,
+    steps: steps
+  }, activeTab === STEPS.connect && /*#__PURE__*/React__default["default"].createElement(Connect, {
+    holdableId: holdableId,
+    returnUrl: returnUrl,
+    setActiveTab: setActiveTab
+  }), activeTab === STEPS.configure && /*#__PURE__*/React__default["default"].createElement(Configure, {
+    holdableId: holdableId,
+    returnUrl: returnUrl
+  }), activeTab === STEPS.finish && /*#__PURE__*/React__default["default"].createElement(Finish, {
+    onSuccess: onClose
+  }), activeTab === STEPS.demo && /*#__PURE__*/React__default["default"].createElement(neetointegrations.Demo, {
+    onClose: onClose
+  }));
+};
+
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
 var css = ".ant-table-cell-row-hover .identifier-copy-button{visibility:visible!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19jb3B5LWJ1dHRvbi5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL21haW4uc2NzcyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDRSxrREFDRSw0QkNBSiIsInNvdXJjZXNDb250ZW50IjpbIi5hbnQtdGFibGUtY2VsbC1yb3ctaG92ZXIge1xuICAuaWRlbnRpZmllci1jb3B5LWJ1dHRvbiB7XG4gICAgdmlzaWJpbGl0eTogdmlzaWJsZSAhaW1wb3J0YW50O1xuICB9XG59XG4iLCIuYW50LXRhYmxlLWNlbGwtcm93LWhvdmVyIC5pZGVudGlmaWVyLWNvcHktYnV0dG9uIHtcbiAgdmlzaWJpbGl0eTogdmlzaWJsZSAhaW1wb3J0YW50O1xufSJdfQ== */";
@@ -6806,6 +8953,7 @@ exports.PayoutsDashboard = index$2;
 exports.PayoutsPage = PayoutsPage;
 exports.SquareCard = SquareCard;
 exports.SquareDashboard = index$1;
+exports.StripeConnect = StripeConnect;
 exports.buildStripeTransactionLink = buildStripeTransactionLink;
 exports.useSquareCard = useSquareCard;
 exports.useStripePromise = useStripePromise;