@comet/brevo-admin 4.0.0-canary-20250731092722 → 9.0.0-canary-20260121090431

package/lib/targetGroups/TargetGroupsGrid.js

@@ -11,15 +11,13 @@ var _adminIcons = require("@comet/admin-icons");
 var _material = require("@mui/material");
 var _xDataGrid = require("@mui/x-data-grid");
 var _fileSaver = _interopRequireDefault(require("file-saver"));
-var React = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _TargetGroupDialog = require("./TargetGroupDialog");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
@@ -52,27 +50,20 @@ function TargetGroupsGrid(_ref) {
     editDialogApi = _useEditDialog2[2];
   function TargetGroupsGridToolbar() {
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_admin.DataGridToolbar, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.ToolbarAutomaticTitleItem, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.ToolbarItem, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridToolbarQuickFilter, {})
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.ToolbarItem, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.GridFilterButton, {})
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.ToolbarFillSpace, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.ToolbarActions, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
-          startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Add, {}),
-          variant: "contained",
-          color: "primary",
-          onClick: function onClick() {
-            editDialogApi.openAddDialog();
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "cometBrevoModule.targetGroup.newTargetGroup",
-            defaultMessage: "New target group"
-          })
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.ToolbarAutomaticTitleItem, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridToolbarQuickFilter, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.GridFilterButton, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.ToolbarFillSpace, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Button, {
+        startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Add, {}),
+        variant: "primary",
+        onClick: function onClick() {
+          editDialogApi.openAddDialog();
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+          id: "cometBrevoModule.targetGroup.newTargetGroup",
+          defaultMessage: "New target group"
         })
       })]
     });
   }
-  var targetGroupContactsQuery = (0, _client.gql)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        query TargetGroupContacts($targetGroupId: ID!, $offset: Int, $limit: Int, $scope: EmailCampaignContentScopeInput!) {\n            brevoContacts(targetGroupId: $targetGroupId, offset: $offset, limit: $limit, scope: $scope) {               \n                 nodes {\n                    ...TargetGroupContactItem\n                    ", "\n                }\n                totalCount\n            }\n        }\n        ", "\n        ", "\n    "])), exportTargetGroupOptions !== null && exportTargetGroupOptions !== void 0 && exportTargetGroupOptions.additionalAttributesFragment ? "...".concat((_exportTargetGroupOpt = exportTargetGroupOptions.additionalAttributesFragment) === null || _exportTargetGroupOpt === void 0 ? void 0 : _exportTargetGroupOpt.name) : "", targetGroupContactItemFragment, (_exportTargetGroupOpt2 = exportTargetGroupOptions === null || exportTargetGroupOptions === void 0 || (_exportTargetGroupOpt3 = exportTargetGroupOptions.additionalAttributesFragment) === null || _exportTargetGroupOpt3 === void 0 ? void 0 : _exportTargetGroupOpt3.fragment) !== null && _exportTargetGroupOpt2 !== void 0 ? _exportTargetGroupOpt2 : "");
+  var targetGroupContactsQuery = (0, _client.gql)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        query TargetGroupContacts($targetGroupId: ID!, $offset: Int!, $limit: Int!, $scope: EmailCampaignContentScopeInput!) {\n            brevoContacts(targetGroupId: $targetGroupId, offset: $offset, limit: $limit, scope: $scope) {               \n                 nodes {\n                    ...TargetGroupContactItem\n                    ", "\n                }\n                totalCount\n            }\n        }\n        ", "\n        ", "\n    "])), exportTargetGroupOptions !== null && exportTargetGroupOptions !== void 0 && exportTargetGroupOptions.additionalAttributesFragment ? "...".concat((_exportTargetGroupOpt = exportTargetGroupOptions.additionalAttributesFragment) === null || _exportTargetGroupOpt === void 0 ? void 0 : _exportTargetGroupOpt.name) : "", targetGroupContactItemFragment, (_exportTargetGroupOpt2 = exportTargetGroupOptions === null || exportTargetGroupOptions === void 0 || (_exportTargetGroupOpt3 = exportTargetGroupOptions.additionalAttributesFragment) === null || _exportTargetGroupOpt3 === void 0 ? void 0 : _exportTargetGroupOpt3.fragment) !== null && _exportTargetGroupOpt2 !== void 0 ? _exportTargetGroupOpt2 : "");
   var convertToCsv = function convertToCsv(data) {
     var _exportTargetGroupOpt4;
     var header = [intl.formatMessage({
@@ -105,21 +96,21 @@ function TargetGroupsGrid(_ref) {
     return _downloadTargetGroupContactsExportFile.apply(this, arguments);
   }
   function _downloadTargetGroupContactsExportFile() {
-    _downloadTargetGroupContactsExportFile = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee3(_ref2) {
+    _downloadTargetGroupContactsExportFile = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee3(_ref2) {
       var id, title, offset, shouldContinue, allContacts, _yield$client$query, newContactsData, csvData, blob;
-      return _regeneratorRuntime().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return _regenerator().w(function (_context3) {
+        while (1) switch (_context3.n) {
           case 0:
             id = _ref2.id, title = _ref2.title;
             offset = 0;
             shouldContinue = true;
             allContacts = [];
-          case 4:
+          case 1:
             if (!shouldContinue) {
-              _context3.next = 14;
+              _context3.n = 3;
               break;
             }
-            _context3.next = 7;
+            _context3.n = 2;
             return client.query({
               query: targetGroupContactsQuery,
               variables: {
@@ -129,23 +120,22 @@ function TargetGroupsGrid(_ref) {
                 scope: scope
               }
             });
-          case 7:
-            _yield$client$query = _context3.sent;
+          case 2:
+            _yield$client$query = _context3.v;
             newContactsData = _yield$client$query.data;
             allContacts = allContacts.concat(newContactsData.brevoContacts.nodes);
             shouldContinue = allContacts.length < newContactsData.brevoContacts.totalCount;
             offset += 100;
-            _context3.next = 4;
+            _context3.n = 1;
             break;
-          case 14:
+          case 3:
             csvData = convertToCsv(allContacts);
             blob = new Blob([csvData], {
               type: "text/csv;charset=utf-8;"
             });
             (0, _fileSaver["default"])(blob, "".concat(title, ".csv"));
-          case 17:
-          case "end":
-            return _context3.stop();
+          case 4:
+            return _context3.a(2);
         }
       }, _callee3);
     }));
@@ -202,13 +192,13 @@ function TargetGroupsGrid(_ref) {
             };
           },
           onPaste: (/*#__PURE__*/function () {
-            var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref4) {
+            var _ref5 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(_ref4) {
               var input;
-              return _regeneratorRuntime().wrap(function _callee$(_context) {
-                while (1) switch (_context.prev = _context.next) {
+              return _regenerator().w(function (_context) {
+                while (1) switch (_context.n) {
                   case 0:
                     input = _ref4.input;
-                    _context.next = 3;
+                    _context.n = 1;
                     return client.mutate({
                       mutation: createTargetGroupMutation,
                       variables: {
@@ -216,9 +206,8 @@ function TargetGroupsGrid(_ref) {
                         input: input
                       }
                     });
-                  case 3:
-                  case "end":
-                    return _context.stop();
+                  case 1:
+                    return _context.a(2);
                 }
               }, _callee);
             }));
@@ -226,20 +215,19 @@ function TargetGroupsGrid(_ref) {
               return _ref5.apply(this, arguments);
             };
           }()),
-          onDelete: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {
-            return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-              while (1) switch (_context2.prev = _context2.next) {
+          onDelete: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee2() {
+            return _regenerator().w(function (_context2) {
+              while (1) switch (_context2.n) {
                 case 0:
-                  _context2.next = 2;
+                  _context2.n = 1;
                   return client.mutate({
                     mutation: deleteTargetGroupMutation,
                     variables: {
                       id: row.id
                     }
                   });
-                case 2:
-                case "end":
-                  return _context2.stop();
+                case 1:
+                  return _context2.a(2);
               }
             }, _callee2);
           })),
@@ -256,8 +244,8 @@ function TargetGroupsGrid(_ref) {
         scope: scope,
         filter: gqlFilter,
         search: gqlSearch,
-        offset: dataGridProps.page * dataGridProps.pageSize,
-        limit: dataGridProps.pageSize,
+        offset: dataGridProps.paginationModel.page * dataGridProps.paginationModel.pageSize,
+        limit: dataGridProps.paginationModel.pageSize,
         sort: (0, _admin.muiGridSortToGql)(dataGridProps.sortModel)
       }
     }),
@@ -270,13 +258,13 @@ function TargetGroupsGrid(_ref) {
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_admin.MainContent, {
     fullHeight: true,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.DataGrid, _objectSpread(_objectSpread({}, dataGridProps), {}, {
-      disableSelectionOnClick: true,
+      disableRowSelectionOnClick: true,
       rows: rows,
       rowCount: rowCount,
       columns: columns,
       loading: loading,
-      components: {
-        Toolbar: TargetGroupsGridToolbar
+      slots: {
+        toolbar: TargetGroupsGridToolbar
       }
     })), /*#__PURE__*/(0, _jsxRuntime.jsx)(EditDialog, {
       disableCloseAfterSave: true,
@@ -285,8 +273,10 @@ function TargetGroupsGrid(_ref) {
           maxWidth: "sm"
         }
       },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TargetGroupDialog.TargetGroupDialog, {
-        scope: scope
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.DialogContent, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TargetGroupDialog.TargetGroupDialog, {
+          scope: scope
+        })
       })
     })]
   });

package/lib/targetGroups/TargetGroupsPage.d.ts

@@ -1,9 +1,9 @@
-import { DocumentNode } from "graphql";
-import * as React from "react";
-import { EditTargetGroupFinalFormValues } from "./TargetGroupForm";
-import { AdditionalContactAttributesType } from "./TargetGroupsGrid";
+import { type DocumentNode } from "graphql";
+import { type ReactNode } from "react";
+import { type EditTargetGroupFinalFormValues } from "./TargetGroupForm";
+import { type AdditionalContactAttributesType } from "./TargetGroupsGrid";
 interface CreateContactsPageOptions {
-    additionalFormFields?: React.ReactNode;
+    additionalFormFields?: ReactNode;
     exportTargetGroupOptions?: {
         additionalAttributesFragment: {
             name: string;

package/lib/targetGroups/TargetGroupsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TargetGroupsPage.d.ts","sourceRoot":"","sources":["../../src/targetGroups/TargetGroupsPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,8BAA8B,EAAmB,MAAM,mBAAmB,CAAC;AACpF,OAAO,EAAE,+BAA+B,EAAoB,MAAM,oBAAoB,CAAC;AAEvF,UAAU,yBAAyB;IAC/B,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,wBAAwB,CAAC,EAAE;QACvB,4BAA4B,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,YAAY,CAAA;SAAE,CAAC;QACvE,YAAY,EAAE;YAAE,WAAW,EAAE,CAAC,GAAG,EAAE,+BAA+B,KAAK,MAAM,CAAC;YAAC,UAAU,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;KACzG,CAAC;IACF,YAAY,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,YAAY,CAAA;KAAE,CAAC;IACxD,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,8BAA8B,KAAK,8BAA8B,CAAC;IAC1F,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,8BAA8B,KAAK,8BAA8B,CAAC;CAC/F;AAED,wBAAgB,sBAAsB,CAAC,EAAE,oBAAoB,EAAE,YAAY,EAAE,WAAW,EAAE,wBAAwB,EAAE,EAAE,yBAAyB,SAC9G,WAAW,CAuC3C"}
+{"version":3,"file":"TargetGroupsPage.d.ts","sourceRoot":"","sources":["../../src/targetGroups/TargetGroupsPage.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,OAAO,EAAE,KAAK,8BAA8B,EAAmB,MAAM,mBAAmB,CAAC;AACzF,OAAO,EAAE,KAAK,+BAA+B,EAAoB,MAAM,oBAAoB,CAAC;AAE5F,UAAU,yBAAyB;IAC/B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,wBAAwB,CAAC,EAAE;QACvB,4BAA4B,EAAE;YAAE,IAAI,EAAE,MAAM,CAAC;YAAC,QAAQ,EAAE,YAAY,CAAA;SAAE,CAAC;QACvE,YAAY,EAAE;YAAE,WAAW,EAAE,CAAC,GAAG,EAAE,+BAA+B,KAAK,MAAM,CAAC;YAAC,UAAU,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;KACzG,CAAC;IACF,YAAY,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,YAAY,CAAA;KAAE,CAAC;IACxD,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,8BAA8B,KAAK,8BAA8B,CAAC;IAC1F,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,8BAA8B,KAAK,8BAA8B,CAAC;CAC/F;AAED,wBAAgB,sBAAsB,CAAC,EAAE,oBAAoB,EAAE,YAAY,EAAE,WAAW,EAAE,wBAAwB,EAAE,EAAE,yBAAyB,SAC9G,GAAG,CAAC,OAAO,CA0C3C"}

package/lib/targetGroups/TargetGroupsPage.js

@@ -1,21 +1,17 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.createTargetGroupsPage = createTargetGroupsPage;
 var _admin = require("@comet/admin");
 var _cmsAdmin = require("@comet/cms-admin");
-var React = _interopRequireWildcard(require("react"));
 var _reactIntl = require("react-intl");
 var _BrevoConfigProvider = require("../common/BrevoConfigProvider");
 var _ConfigVerification = require("../configVerification/ConfigVerification");
 var _TargetGroupForm = require("./TargetGroupForm");
 var _TargetGroupsGrid = require("./TargetGroupsGrid");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 function createTargetGroupsPage(_ref) {
   var additionalFormFields = _ref.additionalFormFields,
     nodeFragment = _ref.nodeFragment,

package/lib/targetGroups/addContacts/AddContactsGridSelect.d.ts

@@ -1,10 +1,10 @@
-import { ContentScopeInterface } from "@comet/cms-admin";
-import * as React from "react";
+import { type ContentScope } from "@comet/cms-admin";
+import { type ReactElement } from "react";
 interface AddContactsGridSelectProps {
-    scope: ContentScopeInterface;
+    scope: ContentScope;
     id: string;
     assignedContactsTargetGroupBrevoId?: number;
 }
-export declare function AddContactsGridSelect({ id, scope, assignedContactsTargetGroupBrevoId }: AddContactsGridSelectProps): React.ReactElement;
+export declare function AddContactsGridSelect({ id, scope, assignedContactsTargetGroupBrevoId }: AddContactsGridSelectProps): ReactElement;
 export {};
 //# sourceMappingURL=AddContactsGridSelect.d.ts.map

package/lib/targetGroups/addContacts/AddContactsGridSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddContactsGridSelect.d.ts","sourceRoot":"","sources":["../../../src/targetGroups/addContacts/AddContactsGridSelect.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAIzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqH/B,UAAU,0BAA0B;IAChC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC,CAAC,EAAE,MAAM,CAAC;CAC/C;AAED,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,kCAAkC,EAAE,EAAE,0BAA0B,GAAG,KAAK,CAAC,YAAY,CA8LvI"}
+{"version":3,"file":"AddContactsGridSelect.d.ts","sourceRoot":"","sources":["../../../src/targetGroups/addContacts/AddContactsGridSelect.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKrD,OAAO,EAAE,KAAK,YAAY,EAAY,MAAM,OAAO,CAAC;AA6GpD,UAAU,0BAA0B;IAChC,KAAK,EAAE,YAAY,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,kCAAkC,CAAC,EAAE,MAAM,CAAC;CAC/C;AAED,wBAAgB,qBAAqB,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,kCAAkC,EAAE,EAAE,0BAA0B,GAAG,YAAY,CA4LjI"}

package/lib/targetGroups/addContacts/AddContactsGridSelect.gql.generated.d.ts

@@ -22,10 +22,10 @@ export type GQLTargetGroupBrevoContactsListFragment = {
     smsBlacklisted: boolean;
 };
 export type GQLManuallyAssignedBrevoContactsGridQueryVariables = Types.Exact<{
-    offset?: Types.InputMaybe<Types.Scalars['Int']>;
-    limit?: Types.InputMaybe<Types.Scalars['Int']>;
-    email?: Types.InputMaybe<Types.Scalars['String']>;
-    targetGroupId: Types.Scalars['ID'];
+    offset?: Types.InputMaybe<Types.Scalars['Int']['input']>;
+    limit?: Types.InputMaybe<Types.Scalars['Int']['input']>;
+    email?: Types.InputMaybe<Types.Scalars['String']['input']>;
+    targetGroupId: Types.Scalars['ID']['input'];
 }>;
 export type GQLManuallyAssignedBrevoContactsGridQuery = {
     __typename?: 'Query';
@@ -44,9 +44,9 @@ export type GQLManuallyAssignedBrevoContactsGridQuery = {
     };
 };
 export type GQLAllBrevoContactsGridQueryVariables = Types.Exact<{
-    offset?: Types.InputMaybe<Types.Scalars['Int']>;
-    limit?: Types.InputMaybe<Types.Scalars['Int']>;
-    email?: Types.InputMaybe<Types.Scalars['String']>;
+    offset?: Types.InputMaybe<Types.Scalars['Int']['input']>;
+    limit?: Types.InputMaybe<Types.Scalars['Int']['input']>;
+    email?: Types.InputMaybe<Types.Scalars['String']['input']>;
     scope: Types.GQLEmailCampaignContentScopeInput;
 }>;
 export type GQLAllBrevoContactsGridQuery = {
@@ -66,7 +66,7 @@ export type GQLAllBrevoContactsGridQuery = {
     };
 };
 export type GQLAddBrevoContactsToTargetGroupMutationVariables = Types.Exact<{
-    id: Types.Scalars['ID'];
+    id: Types.Scalars['ID']['input'];
     input: Types.GQLAddBrevoContactsInput;
 }>;
 export type GQLAddBrevoContactsToTargetGroupMutation = {
@@ -74,7 +74,7 @@ export type GQLAddBrevoContactsToTargetGroupMutation = {
     addBrevoContactsToTargetGroup: boolean;
 };
 export type GQLRemoveBrevoContactFromTargetGroupMutationVariables = Types.Exact<{
-    id: Types.Scalars['ID'];
+    id: Types.Scalars['ID']['input'];
     input: Types.GQLRemoveBrevoContactInput;
 }>;
 export type GQLRemoveBrevoContactFromTargetGroupMutation = {

package/lib/targetGroups/addContacts/AddContactsGridSelect.gql.generated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddContactsGridSelect.gql.generated.d.ts","sourceRoot":"","sources":["../../../src/targetGroups/addContacts/AddContactsGridSelect.gql.generated.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"AddContactsGridSelect.gql.generated.d.ts","sourceRoot":"","sources":["../../../src/targetGroups/addContacts/AddContactsGridSelect.gql.generated.ts"],"names":[],"mappings":"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"}

package/lib/targetGroups/addContacts/AddContactsGridSelect.js

@@ -11,18 +11,16 @@ var _adminIcons = require("@comet/admin-icons");
 var _material = require("@mui/material");
 var _system = require("@mui/system");
 var _xDataGrid = require("@mui/x-data-grid");
-var React = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _reactIntl = require("react-intl");
 var _reactRouter = require("react-router");
 var _useContactImportFromCsv = require("../../common/contactImport/useContactImportFromCsv");
-var _CrudMoreActionsMenu = require("../../temp/CrudMoreActionsMenu");
 var _TargetGroupForm = require("../TargetGroupForm");
 var _AddContactsGridSelect = require("./AddContactsGridSelect.gql");
 var _AddContactsGridSelectGql = require("./AddContactsGridSelect.gql.generated");
 var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return e; }; var t, e = {}, r = Object.prototype, n = r.hasOwnProperty, o = Object.defineProperty || function (t, e, r) { t[e] = r.value; }, i = "function" == typeof Symbol ? Symbol : {}, a = i.iterator || "@@iterator", c = i.asyncIterator || "@@asyncIterator", u = i.toStringTag || "@@toStringTag"; function define(t, e, r) { return Object.defineProperty(t, e, { value: r, enumerable: !0, configurable: !0, writable: !0 }), t[e]; } try { define({}, ""); } catch (t) { define = function define(t, e, r) { return t[e] = r; }; } function wrap(t, e, r, n) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype), c = new Context(n || []); return o(a, "_invoke", { value: makeInvokeMethod(t, r, c) }), a; } function tryCatch(t, e, r) { try { return { type: "normal", arg: t.call(e, r) }; } catch (t) { return { type: "throw", arg: t }; } } e.wrap = wrap; var h = "suspendedStart", l = "suspendedYield", f = "executing", s = "completed", y = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var p = {}; define(p, a, function () { return this; }); var d = Object.getPrototypeOf, v = d && d(d(values([]))); v && v !== r && n.call(v, a) && (p = v); var g = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(p); function defineIteratorMethods(t) { ["next", "throw", "return"].forEach(function (e) { define(t, e, function (t) { return this._invoke(e, t); }); }); } function AsyncIterator(t, e) { function invoke(r, o, i, a) { var c = tryCatch(t[r], t, o); if ("throw" !== c.type) { var u = c.arg, h = u.value; return h && "object" == _typeof(h) && n.call(h, "__await") ? e.resolve(h.__await).then(function (t) { invoke("next", t, i, a); }, function (t) { invoke("throw", t, i, a); }) : e.resolve(h).then(function (t) { u.value = t, i(u); }, function (t) { return invoke("throw", t, i, a); }); } a(c.arg); } var r; o(this, "_invoke", { value: function value(t, n) { function callInvokeWithMethodAndArg() { return new e(function (e, r) { invoke(t, n, e, r); }); } return r = r ? r.then(callInvokeWithMethodAndArg, callInvokeWithMethodAndArg) : callInvokeWithMethodAndArg(); } }); } function makeInvokeMethod(e, r, n) { var o = h; return function (i, a) { if (o === f) throw Error("Generator is already running"); if (o === s) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var c = n.delegate; if (c) { var u = maybeInvokeDelegate(c, n); if (u) { if (u === y) continue; return u; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (o === h) throw o = s, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = f; var p = tryCatch(e, r, n); if ("normal" === p.type) { if (o = n.done ? s : l, p.arg === y) continue; return { value: p.arg, done: n.done }; } "throw" === p.type && (o = s, n.method = "throw", n.arg = p.arg); } }; } function maybeInvokeDelegate(e, r) { var n = r.method, o = e.iterator[n]; if (o === t) return r.delegate = null, "throw" === n && e.iterator["return"] && (r.method = "return", r.arg = t, maybeInvokeDelegate(e, r), "throw" === r.method) || "return" !== n && (r.method = "throw", r.arg = new TypeError("The iterator does not provide a '" + n + "' method")), y; var i = tryCatch(o, e.iterator, r.arg); if ("throw" === i.type) return r.method = "throw", r.arg = i.arg, r.delegate = null, y; var a = i.arg; return a ? a.done ? (r[e.resultName] = a.value, r.next = e.nextLoc, "return" !== r.method && (r.method = "next", r.arg = t), r.delegate = null, y) : a : (r.method = "throw", r.arg = new TypeError("iterator result is not an object"), r.delegate = null, y); } function pushTryEntry(t) { var e = { tryLoc: t[0] }; 1 in t && (e.catchLoc = t[1]), 2 in t && (e.finallyLoc = t[2], e.afterLoc = t[3]), this.tryEntries.push(e); } function resetTryEntry(t) { var e = t.completion || {}; e.type = "normal", delete e.arg, t.completion = e; } function Context(t) { this.tryEntries = [{ tryLoc: "root" }], t.forEach(pushTryEntry, this), this.reset(!0); } function values(e) { if (e || "" === e) { var r = e[a]; if (r) return r.call(e); if ("function" == typeof e.next) return e; if (!isNaN(e.length)) { var o = -1, i = function next() { for (; ++o < e.length;) if (n.call(e, o)) return next.value = e[o], next.done = !1, next; return next.value = t, next.done = !0, next; }; return i.next = i; } } throw new TypeError(_typeof(e) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, o(g, "constructor", { value: GeneratorFunctionPrototype, configurable: !0 }), o(GeneratorFunctionPrototype, "constructor", { value: GeneratorFunction, configurable: !0 }), GeneratorFunction.displayName = define(GeneratorFunctionPrototype, u, "GeneratorFunction"), e.isGeneratorFunction = function (t) { var e = "function" == typeof t && t.constructor; return !!e && (e === GeneratorFunction || "GeneratorFunction" === (e.displayName || e.name)); }, e.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, define(t, u, "GeneratorFunction")), t.prototype = Object.create(g), t; }, e.awrap = function (t) { return { __await: t }; }, defineIteratorMethods(AsyncIterator.prototype), define(AsyncIterator.prototype, c, function () { return this; }), e.AsyncIterator = AsyncIterator, e.async = function (t, r, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(wrap(t, r, n, o), i); return e.isGeneratorFunction(r) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, defineIteratorMethods(g), define(g, u, "Generator"), define(g, a, function () { return this; }), define(g, "toString", function () { return "[object Generator]"; }), e.keys = function (t) { var e = Object(t), r = []; for (var n in e) r.push(n); return r.reverse(), function next() { for (; r.length;) { var t = r.pop(); if (t in e) return next.value = t, next.done = !1, next; } return next.done = !0, next; }; }, e.values = values, Context.prototype = { constructor: Context, reset: function reset(e) { if (this.prev = 0, this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(resetTryEntry), !e) for (var r in this) "t" === r.charAt(0) && n.call(this, r) && !isNaN(+r.slice(1)) && (this[r] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0].completion; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(e) { if (this.done) throw e; var r = this; function handle(n, o) { return a.type = "throw", a.arg = e, r.next = n, o && (r.method = "next", r.arg = t), !!o; } for (var o = this.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i.completion; if ("root" === i.tryLoc) return handle("end"); if (i.tryLoc <= this.prev) { var c = n.call(i, "catchLoc"), u = n.call(i, "finallyLoc"); if (c && u) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } else if (c) { if (this.prev < i.catchLoc) return handle(i.catchLoc, !0); } else { if (!u) throw Error("try statement without catch or finally"); if (this.prev < i.finallyLoc) return handle(i.finallyLoc); } } } }, abrupt: function abrupt(t, e) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var o = this.tryEntries[r]; if (o.tryLoc <= this.prev && n.call(o, "finallyLoc") && this.prev < o.finallyLoc) { var i = o; break; } } i && ("break" === t || "continue" === t) && i.tryLoc <= e && e <= i.finallyLoc && (i = null); var a = i ? i.completion : {}; return a.type = t, a.arg = e, i ? (this.method = "next", this.next = i.finallyLoc, y) : this.complete(a); }, complete: function complete(t, e) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && e && (this.next = e), y; }, finish: function finish(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.finallyLoc === t) return this.complete(r.completion, r.afterLoc), resetTryEntry(r), y; } }, "catch": function _catch(t) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var r = this.tryEntries[e]; if (r.tryLoc === t) { var n = r.completion; if ("throw" === n.type) { var o = n.arg; resetTryEntry(r); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(e, r, n) { return this.delegate = { iterator: values(e), resultName: r, nextLoc: n }, "next" === this.method && (this.arg = t), y; } }, e; }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
 function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -58,26 +56,21 @@ var AssignedContactsGridToolbar = function AssignedContactsGridToolbar(_ref) {
           id: "cometBrevoModule.targetGroup.manuallyAssignedContacts.title",
           defaultMessage: "Manually assigned contacts"
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.ToolbarItem, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridToolbarQuickFilter, {
-          placeholder: intl.formatMessage({
-            id: "cometBrevoModule.targetGroup.assignedContacts.searchEmail",
-            defaultMessage: "Search email address"
-          })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.GridToolbarQuickFilter, {
+        placeholder: intl.formatMessage({
+          id: "cometBrevoModule.targetGroup.assignedContacts.searchEmail",
+          defaultMessage: "Search email address"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.ToolbarFillSpace, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.CrudMoreActionsMenu, {
+        overallActions: [moreActionsMenuItem]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Button, {
+        startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Add, {}),
+        variant: "primary",
+        onClick: onOpenDialog,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+          id: "cometBrevoModule.targetGroup.assignedContacts.addContact",
+          defaultMessage: "Add contacts"
         })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.ToolbarFillSpace, {}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_admin.ToolbarActions, {
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_CrudMoreActionsMenu.CrudMoreActionsMenu, {
-          overallItems: [moreActionsMenuItem]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
-          startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Add, {}),
-          variant: "contained",
-          color: "primary",
-          onClick: onOpenDialog,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
-            id: "cometBrevoModule.targetGroup.assignedContacts.addContact",
-            defaultMessage: "Add contacts"
-          })
-        })]
       })]
     }), component]
   });
@@ -128,10 +121,10 @@ function AddContactsGridSelect(_ref3) {
   var theme = (0, _material.useTheme)();
   var dataGridAssignedContactsProps = _objectSpread(_objectSpread({}, (0, _admin.useDataGridRemote)()), (0, _admin.usePersistentColumnState)("TargetGroupAssignedBrevoContactsGrid"));
   var dataGridAssignableContactsProps = _objectSpread(_objectSpread({}, (0, _admin.useDataGridRemote)()), (0, _admin.usePersistentColumnState)("TargetGroupAssignableBrevoContactsGrid"));
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    isDialogOpen = _React$useState2[0],
-    setIsDialogOpen = _React$useState2[1];
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isDialogOpen = _useState2[0],
+    setIsDialogOpen = _useState2[1];
   var _useMutation3 = (0, _client.useMutation)(_AddContactsGridSelect.removeBrevoContactFromTargetGroupMutation, {
       refetchQueries: [_AddContactsGridSelectGql.namedOperations.Query.ManuallyAssignedBrevoContactsGrid],
       awaitRefetchQueries: true
@@ -152,8 +145,8 @@ function AddContactsGridSelect(_ref3) {
   };
   var _useQuery = (0, _client.useQuery)(_AddContactsGridSelect.brevoContactsQuery, {
       variables: {
-        offset: dataGridAssignableContactsProps.page * dataGridAssignableContactsProps.pageSize,
-        limit: dataGridAssignableContactsProps.pageSize,
+        offset: dataGridAssignableContactsProps.paginationModel.page * dataGridAssignableContactsProps.paginationModel.pageSize,
+        limit: dataGridAssignableContactsProps.paginationModel.pageSize,
         email: (_dataGridAssignableCo = dataGridAssignableContactsProps.filterModel) !== null && _dataGridAssignableCo !== void 0 && _dataGridAssignableCo.quickFilterValues ? (_dataGridAssignableCo2 = dataGridAssignableContactsProps.filterModel) === null || _dataGridAssignableCo2 === void 0 ? void 0 : _dataGridAssignableCo2.quickFilterValues[0] : undefined,
         scope: scope
       }
@@ -163,8 +156,8 @@ function AddContactsGridSelect(_ref3) {
     assignableContactsError = _useQuery.error;
   var _useQuery2 = (0, _client.useQuery)(_AddContactsGridSelect.manuallyAssignedBrevoContactsGridQuery, {
       variables: {
-        offset: dataGridAssignedContactsProps.page * dataGridAssignedContactsProps.pageSize,
-        limit: dataGridAssignedContactsProps.pageSize,
+        offset: dataGridAssignedContactsProps.paginationModel.page * dataGridAssignedContactsProps.paginationModel.pageSize,
+        limit: dataGridAssignedContactsProps.paginationModel.pageSize,
         email: (_dataGridAssignedCont = dataGridAssignedContactsProps.filterModel) !== null && _dataGridAssignedCont !== void 0 && _dataGridAssignedCont.quickFilterValues ? (_dataGridAssignedCont2 = dataGridAssignedContactsProps.filterModel) === null || _dataGridAssignedCont2 === void 0 ? void 0 : _dataGridAssignedCont2.quickFilterValues[0] : undefined,
         targetGroupId: id
       },
@@ -246,16 +239,16 @@ function AddContactsGridSelect(_ref3) {
   if (assignedContactsError || assignableContactsError) throw assignedContactsError !== null && assignedContactsError !== void 0 ? assignedContactsError : assignableContactsError;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_xDataGrid.DataGrid, _objectSpread(_objectSpread({}, dataGridAssignedContactsProps), {}, {
-      disableSelectionOnClick: true,
+      disableRowSelectionOnClick: true,
       rows: (_assignedContactsData = assignedContactsData === null || assignedContactsData === void 0 ? void 0 : assignedContactsData.manuallyAssignedBrevoContacts.nodes) !== null && _assignedContactsData !== void 0 ? _assignedContactsData : [],
       rowCount: assignedContactsRowCount,
       columns: assignedContactsColumns,
       autoHeight: true,
       loading: assignedContactsLoading,
-      components: {
-        Toolbar: AssignedContactsGridToolbar
+      slots: {
+        toolbar: AssignedContactsGridToolbar
       },
-      componentsProps: {
+      slotProps: {
         toolbar: {
           onOpenDialog: function onOpenDialog() {
             return setIsDialogOpen(true);
@@ -271,7 +264,7 @@ function AddContactsGridSelect(_ref3) {
         var handleSubmit = _ref7.handleSubmit,
           submitting = _ref7.submitting;
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRouter.MemoryRouter, {
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.Dialog, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_admin.Dialog, {
             open: isDialogOpen,
             maxWidth: "lg",
             onClose: function onClose() {
@@ -302,11 +295,11 @@ function AddContactsGridSelect(_ref3) {
                     columns: assignableContactsColumns,
                     autoHeight: true,
                     loading: assignableContactsLoading || submitting,
-                    components: {
-                      Toolbar: AssignableContactsGridToolbar
+                    slots: {
+                      toolbar: AssignableContactsGridToolbar
                     },
-                    selectionModel: props.value,
-                    onSelectionModelChange: function onSelectionModelChange(newSelectionModel) {
+                    rowSelectionModel: props.value,
+                    onRowSelectionModelChange: function onRowSelectionModelChange(newSelectionModel) {
                       props.input.onChange(newSelectionModel);
                     },
                     checkboxSelection: true,
@@ -319,24 +312,22 @@ function AddContactsGridSelect(_ref3) {
                 onClick: function onClick() {
                   return setIsDialogOpen(false);
                 }
-              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Button, {
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_admin.Button, {
                 startIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Save, {}),
-                onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
-                  return _regeneratorRuntime().wrap(function _callee$(_context) {
-                    while (1) switch (_context.prev = _context.next) {
+                onClick: /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+                  return _regenerator().w(function (_context) {
+                    while (1) switch (_context.n) {
                       case 0:
-                        _context.next = 2;
+                        _context.n = 1;
                         return handleSubmit();
-                      case 2:
+                      case 1:
                         setIsDialogOpen(false);
-                      case 3:
-                      case "end":
-                        return _context.stop();
+                      case 2:
+                        return _context.a(2);
                     }
                   }, _callee);
                 })),
-                variant: "contained",
-                color: "primary",
+                variant: "primary",
                 children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
                   id: "cometBrevoModule.targetGroup.addBrevoContacts.dialog.save",
                   defaultMessage: "Save"