@comet/brevo-admin 2.0.0-canary-20240527080900 → 2.0.0-canary-20240527130411

package/lib/emailCampaigns/EmailCampaignsGrid.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmailCampaignsGrid.d.ts","sourceRoot":"","sources":["../../src/emailCampaigns/EmailCampaignsGrid.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqF/B,wBAAgB,kBAAkB,CAAC,EAC/B,KAAK,EACL,yBAAyB,GAC5B,EAAE;IACC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,yBAAyB,EAAE,cAAc,CAAC;CAC7C,GAAG,KAAK,CAAC,YAAY,CAqIrB"}
+{"version":3,"file":"EmailCampaignsGrid.d.ts","sourceRoot":"","sources":["../../src/emailCampaigns/EmailCampaignsGrid.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqF/B,wBAAgB,kBAAkB,CAAC,EAC/B,KAAK,EACL,yBAAyB,GAC5B,EAAE;IACC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,yBAAyB,EAAE,cAAc,CAAC;CAC7C,GAAG,KAAK,CAAC,YAAY,CA0IrB"}

package/lib/emailCampaigns/EmailCampaignsGrid.js

@@ -150,13 +150,19 @@ function EmailCampaignsGrid(_ref) {
         payload: row.id
       }, /*#__PURE__*/React.createElement(_adminIcons.Edit, {
         color: "primary"
-      })), row.sendingState === "SENT" && /*#__PURE__*/React.createElement(_material.IconButton, {
+      })), row.sendingState === "SENT" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.IconButton, {
         component: _admin.StackLink,
         pageName: "statistics",
         payload: row.id
       }, /*#__PURE__*/React.createElement(_adminIcons.Statistics, {
         color: "primary"
-      })), /*#__PURE__*/React.createElement(_admin.CrudContextMenu, {
+      })), /*#__PURE__*/React.createElement(_material.IconButton, {
+        component: _admin.StackLink,
+        pageName: "view",
+        payload: row.id
+      }, /*#__PURE__*/React.createElement(_adminIcons.Visible, {
+        color: "primary"
+      }))), /*#__PURE__*/React.createElement(_admin.CrudContextMenu, {
         copyData: function copyData() {
           return {
             title: row.title,

package/lib/emailCampaigns/EmailCampaignsPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmailCampaignsPage.d.ts","sourceRoot":"","sources":["../../src/emailCampaigns/EmailCampaignsPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AASrD,UAAU,+BAA+B;IACrC,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,yBAAyB,EAAE,cAAc,CAAC;IAC1C,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,wBAAwB,CAAC,EAAE,UAAU,EAAE,yBAAyB,EAAE,UAAU,EAAE,EAAE,+BAA+B,SAC5F,WAAW,CAwC7C"}
+{"version":3,"file":"EmailCampaignsPage.d.ts","sourceRoot":"","sources":["../../src/emailCampaigns/EmailCampaignsPage.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAUrD,UAAU,+BAA+B;IACrC,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,yBAAyB,EAAE,cAAc,CAAC;IAC1C,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,wBAAwB,CAAC,EAAE,UAAU,EAAE,yBAAyB,EAAE,UAAU,EAAE,EAAE,+BAA+B,SAC5F,WAAW,CA8C7C"}

package/lib/emailCampaigns/EmailCampaignsPage.js

@@ -12,6 +12,7 @@ var _reactIntl = require("react-intl");
 var _EmailCampaignsGrid = require("./EmailCampaignsGrid");
 var _EmailCampaignForm = require("./form/EmailCampaignForm");
 var _EmailCampaignStatistics = require("./statistics/EmailCampaignStatistics");
+var _EmailCampaignView = require("./view/EmailCampaignView");
 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 && Object.prototype.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 createEmailCampaignsPage(_ref) {
@@ -42,6 +43,14 @@ function createEmailCampaignsPage(_ref) {
       return /*#__PURE__*/React.createElement(_EmailCampaignStatistics.EmailCampaignStatistics, {
         id: selectedId
       });
+    }), /*#__PURE__*/React.createElement(_admin.StackPage, {
+      name: "view"
+    }, function (selectedId) {
+      return /*#__PURE__*/React.createElement(_EmailCampaignView.EmailCampaignView, {
+        id: selectedId,
+        previewUrl: previewUrl,
+        EmailCampaignContentBlock: EmailCampaignContentBlock
+      });
     }), /*#__PURE__*/React.createElement(_admin.StackPage, {
       name: "edit",
       title: intl.formatMessage({

package/lib/emailCampaigns/view/EmailCampaignView.d.ts

@@ -0,0 +1,10 @@
+import { BlockInterface } from "@comet/blocks-admin";
+import React from "react";
+interface EmailCampaignViewProps {
+    id: string;
+    EmailCampaignContentBlock: BlockInterface;
+    previewUrl: string;
+}
+export declare function EmailCampaignView({ id, EmailCampaignContentBlock, previewUrl }: EmailCampaignViewProps): React.ReactElement;
+export {};
+//# sourceMappingURL=EmailCampaignView.d.ts.map

package/lib/emailCampaigns/view/EmailCampaignView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailCampaignView.d.ts","sourceRoot":"","sources":["../../../src/emailCampaigns/view/EmailCampaignView.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAwB,MAAM,qBAAqB,CAAC;AAG3E,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,UAAU,sBAAsB;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,yBAAyB,EAAE,cAAc,CAAC;IAC1C,UAAU,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,yBAAyB,EAAE,UAAU,EAAE,EAAE,sBAAsB,GAAG,KAAK,CAAC,YAAY,CAmD3H"}

package/lib/emailCampaigns/view/EmailCampaignView.gql.d.ts

@@ -0,0 +1,2 @@
+export declare const emailCampaignViewQuery: import("@apollo/client").DocumentNode;
+//# sourceMappingURL=EmailCampaignView.gql.d.ts.map

package/lib/emailCampaigns/view/EmailCampaignView.gql.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailCampaignView.gql.d.ts","sourceRoot":"","sources":["../../../src/emailCampaigns/view/EmailCampaignView.gql.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,uCAOlC,CAAC"}

package/lib/emailCampaigns/view/EmailCampaignView.gql.generated.d.ts

@@ -0,0 +1,18 @@
+import * as Types from '../../graphql.generated';
+export declare const namedOperations: {
+    Query: {
+        EmailCampaignView: string;
+    };
+};
+export type GQLEmailCampaignViewQueryVariables = Types.Exact<{
+    id: Types.Scalars['ID'];
+}>;
+export type GQLEmailCampaignViewQuery = {
+    __typename?: 'Query';
+    emailCampaign: {
+        __typename?: 'EmailCampaign';
+        id: string;
+        content: any;
+    };
+};
+//# sourceMappingURL=EmailCampaignView.gql.generated.d.ts.map

package/lib/emailCampaigns/view/EmailCampaignView.gql.generated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmailCampaignView.gql.generated.d.ts","sourceRoot":"","sources":["../../../src/emailCampaigns/view/EmailCampaignView.gql.generated.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,yBAAyB,CAAC;AAEjD,eAAO,MAAM,eAAe;;;;CAI3B,CAAA;AACD,MAAM,MAAM,kCAAkC,GAAG,KAAK,CAAC,KAAK,CAAC;IAC3D,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;CACzB,CAAC,CAAC;AAGH,MAAM,MAAM,yBAAyB,GAAG;IAAE,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,aAAa,EAAE;QAAE,UAAU,CAAC,EAAE,eAAe,CAAC;QAAC,EAAE,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,GAAG,CAAA;KAAE,CAAA;CAAE,CAAC"}

package/lib/emailCampaigns/view/EmailCampaignView.gql.generated.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.namedOperations = void 0;
+var namedOperations = exports.namedOperations = {
+  Query: {
+    EmailCampaignView: 'EmailCampaignView'
+  }
+};

package/lib/emailCampaigns/view/EmailCampaignView.gql.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.emailCampaignViewQuery = void 0;
+var _client = require("@apollo/client");
+var _templateObject;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+var emailCampaignViewQuery = exports.emailCampaignViewQuery = (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query EmailCampaignView($id: ID!) {\n        emailCampaign(id: $id) {\n            id\n            content\n        }\n    }\n"])));

package/lib/emailCampaigns/view/EmailCampaignView.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EmailCampaignView = EmailCampaignView;
+var _client = require("@apollo/client");
+var _admin = require("@comet/admin");
+var _adminIcons = require("@comet/admin-icons");
+var _blocksAdmin = require("@comet/blocks-admin");
+var _cmsAdmin = require("@comet/cms-admin");
+var _material = require("@mui/material");
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var _reactRouter = require("react-router");
+var _EmailCampaignView = require("./EmailCampaignView.gql");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+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); }
+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; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function EmailCampaignView(_ref) {
+  var id = _ref.id,
+    EmailCampaignContentBlock = _ref.EmailCampaignContentBlock,
+    previewUrl = _ref.previewUrl;
+  var stackApi = (0, _admin.useStackApi)();
+  var previewApi = (0, _cmsAdmin.useBlockPreview)();
+  var blockContext = (0, _cmsAdmin.useCmsBlockContext)();
+  var match = (0, _reactRouter.useRouteMatch)();
+  var _useQuery = (0, _client.useQuery)(_EmailCampaignView.emailCampaignViewQuery, {
+      variables: {
+        id: id
+      }
+    }),
+    data = _useQuery.data,
+    error = _useQuery.error,
+    loading = _useQuery.loading;
+  if (error) throw error;
+  if (loading) {
+    return /*#__PURE__*/_react["default"].createElement(_admin.Loading, {
+      behavior: "fillPageHeight"
+    });
+  }
+  if (!data) {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null);
+  }
+  var previewContext = _objectSpread(_objectSpread({}, blockContext), {}, {
+    parentUrl: match.url,
+    showVisibleOnly: previewApi.showOnlyVisible
+  });
+  var previewState = {
+    emailCampaignId: id,
+    content: EmailCampaignContentBlock.createPreviewState(EmailCampaignContentBlock.input2State(data.emailCampaign.content), previewContext)
+  };
+  return /*#__PURE__*/_react["default"].createElement(_cmsAdmin.EditPageLayout, null, /*#__PURE__*/_react["default"].createElement(_admin.Toolbar, null, /*#__PURE__*/_react["default"].createElement(_admin.ToolbarItem, null, /*#__PURE__*/_react["default"].createElement(_material.IconButton, {
+    onClick: stackApi === null || stackApi === void 0 ? void 0 : stackApi.goBack
+  }, /*#__PURE__*/_react["default"].createElement(_adminIcons.ArrowLeft, null))), /*#__PURE__*/_react["default"].createElement(_admin.ToolbarTitleItem, null, /*#__PURE__*/_react["default"].createElement(_reactIntl.FormattedMessage, {
+    id: "cometBrevoModule.emailCampaigns.EmailCampaign",
+    defaultMessage: "Email Campaign"
+  })), /*#__PURE__*/_react["default"].createElement(_admin.ToolbarFillSpace, null)), /*#__PURE__*/_react["default"].createElement(_admin.MainContent, {
+    disablePaddingBottom: true
+  }, /*#__PURE__*/_react["default"].createElement(_blocksAdmin.IFrameBridgeProvider, {
+    key: previewUrl
+  }, /*#__PURE__*/_react["default"].createElement(_cmsAdmin.BlockPreview, {
+    url: previewUrl,
+    previewState: previewState,
+    previewApi: previewApi
+  }))));
+}

package/lib/targetGroups/TargetGroupsGrid.d.ts

@@ -1,6 +1,18 @@
 import { ContentScopeInterface } from "@comet/cms-admin";
+import { DocumentNode } from "graphql";
 import * as React from "react";
-export declare function TargetGroupsGrid({ scope }: {
+export type AdditionalContactAttributesType = Record<string, unknown>;
+export declare function TargetGroupsGrid({ scope, exportTargetGroupOptions, }: {
     scope: ContentScopeInterface;
+    exportTargetGroupOptions?: {
+        additionalAttributesFragment: {
+            name: string;
+            fragment: DocumentNode;
+        };
+        exportFields: {
+            renderValue: (row: AdditionalContactAttributesType) => string;
+            headerName: string;
+        }[];
+    };
 }): React.ReactElement;
 //# sourceMappingURL=TargetGroupsGrid.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TargetGroupsGrid.d.ts","sourceRoot":"","sources":["../../src/targetGroups/TargetGroupsGrid.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAGzD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA4E/B,wBAAgB,gBAAgB,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,qBAAqB,CAAA;CAAE,GAAG,KAAK,CAAC,YAAY,CA6FhG"}
+{"version":3,"file":"TargetGroupsGrid.d.ts","sourceRoot":"","sources":["../../src/targetGroups/TargetGroupsGrid.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AAIzD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACvC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAgB/B,MAAM,MAAM,+BAA+B,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AA4EtE,wBAAgB,gBAAgB,CAAC,EAC7B,KAAK,EACL,wBAAwB,GAC3B,EAAE;IACC,KAAK,EAAE,qBAAqB,CAAC;IAC7B,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;CACL,GAAG,KAAK,CAAC,YAAY,CAkKrB"}

package/lib/targetGroups/TargetGroupsGrid.generated.d.ts

@@ -2,6 +2,7 @@ import * as Types from '../graphql.generated';
 export declare const namedOperations: {
     Query: {
         TargetGroupsGrid: string;
+        TargetGroupContacts: string;
     };
     Mutation: {
         DeleteTargetGroup: string;
@@ -9,6 +10,7 @@ export declare const namedOperations: {
     };
     Fragment: {
         TargetGroupsList: string;
+        TargetGroupContactItem: string;
     };
 };
 export type GQLTargetGroupsListFragment = {
@@ -19,6 +21,13 @@ export type GQLTargetGroupsListFragment = {
     totalContactsBlocked: number;
     isMainList: boolean;
 };
+export type GQLTargetGroupContactItemFragment = {
+    __typename?: 'BrevoContact';
+    id: number;
+    email: string;
+    emailBlacklisted: boolean;
+    smsBlacklisted: boolean;
+};
 export type GQLTargetGroupsGridQueryVariables = Types.Exact<{
     offset?: Types.InputMaybe<Types.Scalars['Int']>;
     limit?: Types.InputMaybe<Types.Scalars['Int']>;
@@ -60,4 +69,24 @@ export type GQLCreateTargetGroupMutation = {
         id: string;
     };
 };
+export type GQLTargetGroupContactsQueryVariables = Types.Exact<{
+    targetGroupId?: Types.InputMaybe<Types.Scalars['ID']>;
+    offset?: Types.InputMaybe<Types.Scalars['Int']>;
+    limit?: Types.InputMaybe<Types.Scalars['Int']>;
+    scope: Types.GQLEmailCampaignContentScopeInput;
+}>;
+export type GQLTargetGroupContactsQuery = {
+    __typename?: 'Query';
+    brevoContacts: {
+        __typename?: 'PaginatedBrevoContacts';
+        totalCount: number;
+        nodes: Array<{
+            __typename?: 'BrevoContact';
+            id: number;
+            email: string;
+            emailBlacklisted: boolean;
+            smsBlacklisted: boolean;
+        }>;
+    };
+};
 //# sourceMappingURL=TargetGroupsGrid.generated.d.ts.map

package/lib/targetGroups/TargetGroupsGrid.generated.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TargetGroupsGrid.generated.d.ts","sourceRoot":"","sources":["../../src/targetGroups/TargetGroupsGrid.generated.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,sBAAsB,CAAC;AAE9C,eAAO,MAAM,eAAe;;;;;;;;;;;CAW3B,CAAA;AACD,MAAM,MAAM,2BAA2B,GAAG;IAAE,UAAU,CAAC,EAAE,aAAa,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,gBAAgB,EAAE,MAAM,CAAC;IAAC,oBAAoB,EAAE,MAAM,CAAC;IAAC,UAAU,EAAE,OAAO,CAAA;CAAE,CAAC;AAEjL,MAAM,MAAM,iCAAiC,GAAG,KAAK,CAAC,KAAK,CAAC;IAC1D,MAAM,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAChD,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;IAC/C,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,kBAAkB,CAAC,GAAG,KAAK,CAAC,kBAAkB,CAAC,CAAC;IACpF,MAAM,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;IACnD,MAAM,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;IACtD,KAAK,EAAE,KAAK,CAAC,iCAAiC,CAAC;CAChD,CAAC,CAAC;AAGH,MAAM,MAAM,wBAAwB,GAAG;IAAE,UAAU,CAAC,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE;QAAE,UAAU,CAAC,EAAE,uBAAuB,CAAC;QAAC,UAAU,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,KAAK,CAAC;YAAE,UAAU,CAAC,EAAE,aAAa,CAAC;YAAC,EAAE,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAC;YAAC,gBAAgB,EAAE,MAAM,CAAC;YAAC,oBAAoB,EAAE,MAAM,CAAC;YAAC,UAAU,EAAE,OAAO,CAAA;SAAE,CAAC,CAAA;KAAE,CAAA;CAAE,CAAC;AAElS,MAAM,MAAM,qCAAqC,GAAG,KAAK,CAAC,KAAK,CAAC;IAC9D,EAAE,EAAE,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;CACzB,CAAC,CAAC;AAGH,MAAM,MAAM,4BAA4B,GAAG;IAAE,UAAU,CAAC,EAAE,UAAU,CAAC;IAAC,iBAAiB,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnG,MAAM,MAAM,qCAAqC,GAAG,KAAK,CAAC,KAAK,CAAC;IAC9D,KAAK,EAAE,KAAK,CAAC,iCAAiC,CAAC;IAC/C,KAAK,EAAE,KAAK,CAAC,mBAAmB,CAAC;CAClC,CAAC,CAAC;AAGH,MAAM,MAAM,4BAA4B,GAAG;IAAE,UAAU,CAAC,EAAE,UAAU,CAAC;IAAC,iBAAiB,EAAE;QAAE,UAAU,CAAC,EAAE,aAAa,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC"}
+{"version":3,"file":"TargetGroupsGrid.generated.d.ts","sourceRoot":"","sources":["../../src/targetGroups/TargetGroupsGrid.generated.ts"],"names":[],"mappings":"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"}

package/lib/targetGroups/TargetGroupsGrid.generated.js

@@ -6,13 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.namedOperations = void 0;
 var namedOperations = exports.namedOperations = {
   Query: {
-    TargetGroupsGrid: 'TargetGroupsGrid'
+    TargetGroupsGrid: 'TargetGroupsGrid',
+    TargetGroupContacts: 'TargetGroupContacts'
   },
   Mutation: {
     DeleteTargetGroup: 'DeleteTargetGroup',
     CreateTargetGroup: 'CreateTargetGroup'
   },
   Fragment: {
-    TargetGroupsList: 'TargetGroupsList'
+    TargetGroupsList: 'TargetGroupsList',
+    TargetGroupContactItem: 'TargetGroupContactItem'
   }
 };

package/lib/targetGroups/TargetGroupsGrid.js

@@ -10,11 +10,13 @@ var _admin = require("@comet/admin");
 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 _templateObject, _templateObject2, _templateObject3, _templateObject4;
+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 && Object.prototype.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(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 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); }
 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 new 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 new 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 new 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 asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
@@ -26,9 +28,10 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var targetGroupsFragment = (0, _client.gql)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    fragment TargetGroupsList on TargetGroup {\n        id\n        title\n        totalSubscribers\n        totalContactsBlocked\n        isMainList\n    }\n"])));
-var targetGroupsQuery = (0, _client.gql)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query TargetGroupsGrid(\n        $offset: Int\n        $limit: Int\n        $sort: [TargetGroupSort!]\n        $search: String\n        $filter: TargetGroupFilter\n        $scope: EmailCampaignContentScopeInput!\n    ) {\n        targetGroups(offset: $offset, limit: $limit, sort: $sort, search: $search, filter: $filter, scope: $scope) {\n            nodes {\n                ...TargetGroupsList\n            }\n            totalCount\n        }\n    }\n    ", "\n"])), targetGroupsFragment);
-var deleteTargetGroupMutation = (0, _client.gql)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    mutation DeleteTargetGroup($id: ID!) {\n        deleteTargetGroup(id: $id)\n    }\n"])));
-var createTargetGroupMutation = (0, _client.gql)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    mutation CreateTargetGroup($scope: EmailCampaignContentScopeInput!, $input: TargetGroupInput!) {\n        createTargetGroup(scope: $scope, input: $input) {\n            id\n        }\n    }\n"])));
+var targetGroupContactItemFragment = (0, _client.gql)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    fragment TargetGroupContactItem on BrevoContact {\n        id\n        email\n        emailBlacklisted\n        smsBlacklisted\n    }\n"])));
+var targetGroupsQuery = (0, _client.gql)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    query TargetGroupsGrid(\n        $offset: Int\n        $limit: Int\n        $sort: [TargetGroupSort!]\n        $search: String\n        $filter: TargetGroupFilter\n        $scope: EmailCampaignContentScopeInput!\n    ) {\n        targetGroups(offset: $offset, limit: $limit, sort: $sort, search: $search, filter: $filter, scope: $scope) {\n            nodes {\n                ...TargetGroupsList\n            }\n            totalCount\n        }\n    }\n    ", "\n"])), targetGroupsFragment);
+var deleteTargetGroupMutation = (0, _client.gql)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    mutation DeleteTargetGroup($id: ID!) {\n        deleteTargetGroup(id: $id)\n    }\n"])));
+var createTargetGroupMutation = (0, _client.gql)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    mutation CreateTargetGroup($scope: EmailCampaignContentScopeInput!, $input: TargetGroupInput!) {\n        createTargetGroup(scope: $scope, input: $input) {\n            id\n        }\n    }\n"])));
 function TargetGroupsGridToolbar() {
   return /*#__PURE__*/React.createElement(_admin.Toolbar, null, /*#__PURE__*/React.createElement(_admin.ToolbarAutomaticTitleItem, null), /*#__PURE__*/React.createElement(_admin.ToolbarItem, null, /*#__PURE__*/React.createElement(_xDataGrid.GridToolbarQuickFilter, null)), /*#__PURE__*/React.createElement(_admin.ToolbarItem, null, /*#__PURE__*/React.createElement(_admin.GridFilterButton, null)), /*#__PURE__*/React.createElement(_admin.ToolbarFillSpace, null), /*#__PURE__*/React.createElement(_admin.ToolbarActions, null, /*#__PURE__*/React.createElement(_material.Button, {
     startIcon: /*#__PURE__*/React.createElement(_adminIcons.Add, null),
@@ -43,11 +46,91 @@ function TargetGroupsGridToolbar() {
   }))));
 }
 function TargetGroupsGrid(_ref) {
-  var _data$targetGroups$no;
-  var scope = _ref.scope;
+  var _exportTargetGroupOpt, _exportTargetGroupOpt2, _exportTargetGroupOpt3, _data$targetGroups$no;
+  var scope = _ref.scope,
+    exportTargetGroupOptions = _ref.exportTargetGroupOptions;
   var client = (0, _client.useApolloClient)();
   var intl = (0, _reactIntl.useIntl)();
   var dataGridProps = _objectSpread(_objectSpread({}, (0, _admin.useDataGridRemote)()), (0, _admin.usePersistentColumnState)("TargetGroupsGrid"));
+  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({
+      id: "cometBrevoModule.targetGroup.export.brevoId",
+      defaultMessage: "Brevo ID"
+    }), intl.formatMessage({
+      id: "cometBrevoModule.targetGroup.export.email",
+      defaultMessage: "Email"
+    }), intl.formatMessage({
+      id: "cometBrevoModule.targetGroup.export.emailBlacklisted",
+      defaultMessage: "Email blacklisted"
+    }), intl.formatMessage({
+      id: "cometBrevoModule.targetGroup.export.smsBlacklisted",
+      defaultMessage: "Sms blacklisted"
+    })].concat((_exportTargetGroupOpt4 = exportTargetGroupOptions === null || exportTargetGroupOptions === void 0 ? void 0 : exportTargetGroupOptions.exportFields.map(function (field) {
+      var _field$headerName;
+      return (_field$headerName = field === null || field === void 0 ? void 0 : field.headerName) !== null && _field$headerName !== void 0 ? _field$headerName : "";
+    })) !== null && _exportTargetGroupOpt4 !== void 0 ? _exportTargetGroupOpt4 : []);
+    var csvData = data.map(function (contact) {
+      return ["=\"".concat(contact.id, "\""), contact.email, contact.emailBlacklisted, contact.smsBlacklisted, exportTargetGroupOptions === null || exportTargetGroupOptions === void 0 ? void 0 : exportTargetGroupOptions.exportFields.map(function (field) {
+        return field.renderValue(contact);
+      })];
+    });
+    csvData.unshift(header);
+    return csvData.map(function (row) {
+      return row.join(",");
+    }).join("\n");
+  };
+  function downloadTargetGroupContactsExportFile(_x) {
+    return _downloadTargetGroupContactsExportFile.apply(this, arguments);
+  }
+  function _downloadTargetGroupContactsExportFile() {
+    _downloadTargetGroupContactsExportFile = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(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) {
+          case 0:
+            id = _ref2.id, title = _ref2.title;
+            offset = 0;
+            shouldContinue = true;
+            allContacts = [];
+          case 4:
+            if (!shouldContinue) {
+              _context3.next = 14;
+              break;
+            }
+            _context3.next = 7;
+            return client.query({
+              query: targetGroupContactsQuery,
+              variables: {
+                targetGroupId: id,
+                scope: scope,
+                offset: offset,
+                limit: 100
+              }
+            });
+          case 7:
+            _yield$client$query = _context3.sent;
+            newContactsData = _yield$client$query.data;
+            allContacts = allContacts.concat(newContactsData.brevoContacts.nodes);
+            shouldContinue = allContacts.length < newContactsData.brevoContacts.totalCount;
+            offset += 100;
+            _context3.next = 4;
+            break;
+          case 14:
+            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();
+        }
+      }, _callee3);
+    }));
+    return _downloadTargetGroupContactsExportFile.apply(this, arguments);
+  }
   var columns = [{
     field: "title",
     headerName: intl.formatMessage({
@@ -81,8 +164,8 @@ function TargetGroupsGrid(_ref) {
     sortable: false,
     filterable: false,
     type: "actions",
-    renderCell: function renderCell(_ref2) {
-      var row = _ref2.row;
+    renderCell: function renderCell(_ref3) {
+      var row = _ref3.row;
       if (row.isMainList) return;
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_material.IconButton, {
         component: _admin.StackLink,
@@ -90,6 +173,15 @@ function TargetGroupsGrid(_ref) {
         payload: row.id
       }, /*#__PURE__*/React.createElement(_adminIcons.Edit, {
         color: "primary"
+      })), /*#__PURE__*/React.createElement(_material.IconButton, {
+        onClick: function onClick() {
+          return downloadTargetGroupContactsExportFile({
+            id: row.id,
+            title: row.title
+          });
+        }
+      }, /*#__PURE__*/React.createElement(_adminIcons.Download, {
+        color: "primary"
       })), /*#__PURE__*/React.createElement(_admin.CrudContextMenu, {
         copyData: function copyData() {
           return {
@@ -97,12 +189,12 @@ function TargetGroupsGrid(_ref) {
           };
         },
         onPaste: ( /*#__PURE__*/function () {
-          var _ref4 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref3) {
+          var _ref5 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(_ref4) {
             var input;
             return _regeneratorRuntime().wrap(function _callee$(_context) {
               while (1) switch (_context.prev = _context.next) {
                 case 0:
-                  input = _ref3.input;
+                  input = _ref4.input;
                   _context.next = 3;
                   return client.mutate({
                     mutation: createTargetGroupMutation,
@@ -117,8 +209,8 @@ function TargetGroupsGrid(_ref) {
               }
             }, _callee);
           }));
-          return function (_x) {
-            return _ref4.apply(this, arguments);
+          return function (_x2) {
+            return _ref5.apply(this, arguments);
           };
         }()),
         onDelete: /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2() {

package/lib/targetGroups/TargetGroupsPage.d.ts

@@ -1,9 +1,20 @@
 import { DocumentNode } from "graphql";
 import * as React from "react";
 import { EditTargetGroupFinalFormValues } from "./TargetGroupForm";
+import { AdditionalContactAttributesType } from "./TargetGroupsGrid";
 interface CreateContactsPageOptions {
     scopeParts: string[];
     additionalFormFields?: React.ReactNode;
+    exportTargetGroupOptions?: {
+        additionalAttributesFragment: {
+            name: string;
+            fragment: DocumentNode;
+        };
+        exportFields: {
+            renderValue: (row: AdditionalContactAttributesType) => string;
+            headerName: string;
+        }[];
+    };
     nodeFragment?: {
         name: string;
         fragment: DocumentNode;
@@ -11,6 +22,6 @@ interface CreateContactsPageOptions {
     input2State?: (values?: EditTargetGroupFinalFormValues) => EditTargetGroupFinalFormValues;
     valuesToOutput?: (values: EditTargetGroupFinalFormValues) => EditTargetGroupFinalFormValues;
 }
-export declare function createTargetGroupsPage({ scopeParts, additionalFormFields, nodeFragment, input2State }: CreateContactsPageOptions): () => JSX.Element;
+export declare function createTargetGroupsPage({ scopeParts, additionalFormFields, nodeFragment, input2State, exportTargetGroupOptions, }: CreateContactsPageOptions): () => JSX.Element;
 export {};
 //# sourceMappingURL=TargetGroupsPage.d.ts.map

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;AAG/B,OAAO,EAAE,8BAA8B,EAAmB,MAAM,mBAAmB,CAAC;AAGpF,UAAU,yBAAyB;IAC/B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,oBAAoB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvC,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,UAAU,EAAE,oBAAoB,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,yBAAyB,SAChG,WAAW,CA8C3C"}
+{"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;AAG/B,OAAO,EAAE,8BAA8B,EAAmB,MAAM,mBAAmB,CAAC;AACpF,OAAO,EAAE,+BAA+B,EAAoB,MAAM,oBAAoB,CAAC;AAEvF,UAAU,yBAAyB;IAC/B,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,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,EACnC,UAAU,EACV,oBAAoB,EACpB,YAAY,EACZ,WAAW,EACX,wBAAwB,GAC3B,EAAE,yBAAyB,SACK,WAAW,CA8C3C"}

package/lib/targetGroups/TargetGroupsPage.js

@@ -17,7 +17,8 @@ function createTargetGroupsPage(_ref) {
   var scopeParts = _ref.scopeParts,
     additionalFormFields = _ref.additionalFormFields,
     nodeFragment = _ref.nodeFragment,
-    input2State = _ref.input2State;
+    input2State = _ref.input2State,
+    exportTargetGroupOptions = _ref.exportTargetGroupOptions;
   function TargetGroupsPage() {
     var _useContentScope = (0, _cmsAdmin.useContentScope)(),
       completeScope = _useContentScope.scope;
@@ -34,7 +35,8 @@ function createTargetGroupsPage(_ref) {
     }, /*#__PURE__*/React.createElement(_admin.StackSwitch, null, /*#__PURE__*/React.createElement(_admin.StackPage, {
       name: "grid"
     }, /*#__PURE__*/React.createElement(_TargetGroupsGrid.TargetGroupsGrid, {
-      scope: scope
+      scope: scope,
+      exportTargetGroupOptions: exportTargetGroupOptions
     })), /*#__PURE__*/React.createElement(_admin.StackPage, {
       name: "edit",
       title: intl.formatMessage({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comet/brevo-admin",
-  "version": "2.0.0-canary-20240527080900",
+  "version": "2.0.0-canary-20240527130411",
   "repository": {
     "type": "git",
     "url": "https://github.com/vivid-planet/comet-brevo-module/",
@@ -13,6 +13,7 @@
     "lib"
   ],
   "dependencies": {
+    "file-saver": "^2.0.5",
     "lodash.isequal": "^4.0.0"
   },
   "devDependencies": {
@@ -34,6 +35,7 @@
     "@mui/styles": "^5.8.6",
     "@mui/system": "^5.8.6",
     "@mui/x-data-grid": "^5.17.26",
+    "@types/file-saver": "^2.0.7",
     "@types/lodash.isequal": "^4.0.0",
     "@types/react": "^17.0",
     "@types/react-dom": "^17.0.0",