@cakemail-org/ui-components-v2 2.2.121 → 2.2.123

package/dist/cjs/components/scopePicker/index.d.ts

@@ -2,10 +2,19 @@ import React from "react";
 import "./styles.scss";
 export { groupScopesByCategory } from "./scopeGroups";
 export type { TScopeCategorySummary } from "./scopeGroups";
+export type TScopePickerLabels = {
+    presetsHeading?: string;
+    presets?: Record<string, string>;
+    categories?: Record<string, string>;
+    impliedHint?: string;
+    unrecognizedHint?: string;
+    selectedPermissions?: (count: number) => string;
+};
 export type TScopePicker = {
     value: string[];
     onChange: (scopes: string[]) => void;
     isPartner?: boolean;
     disabled?: boolean;
+    labels?: TScopePickerLabels;
 };
-export declare function ScopePicker({ value, onChange, isPartner, disabled }: TScopePicker): React.JSX.Element;
+export declare function ScopePicker({ value, onChange, isPartner, disabled, labels }: TScopePicker): React.JSX.Element;

package/dist/cjs/factories/eventTracking/types.d.ts

@@ -55,7 +55,7 @@ export type TTimeseriesPointBreakdown = {
 };
 export type TEventTimeseries = {
     granularity: string;
-    event_type?: string | null;
+    event_type?: string | string[] | null;
     breakdown?: string | null;
     series: Array<TTimeseriesPoint | TTimeseriesPointBreakdown>;
 };

package/dist/cjs/index.js

@@ -11449,12 +11449,18 @@ exports.EEventSortField = void 0;
 })(exports.EEventSortField || (exports.EEventSortField = {}));
 
 var eventsBaseUrl = uiKitConfig.GATEWAY_PROXY + "/events";
+var MULTI_VALUE_QUERY_FIELDS = ["eventType", "entityId"];
+function serializeMultiValueQueryFields(query) {
+    MULTI_VALUE_QUERY_FIELDS.forEach(function (field) {
+        if (Array.isArray(query[field])) {
+            query[field] = query[field].join(",");
+        }
+    });
+}
 function buildEventQuery(options) {
     if (options === void 0) { options = {}; }
     var query = __assign({}, options);
-    if (Array.isArray(query.eventType)) {
-        query.eventType = query.eventType.join(",");
-    }
+    serializeMultiValueQueryFields(query);
     if (query.properties && typeof query.properties === "object") {
         query.properties = JSON.stringify(query.properties);
     }
@@ -19639,8 +19645,9 @@ function getImpliedScopes(scope) {
     return implied.map(function (a) { return "".concat(resource, ":").concat(a); }).filter(function (s) { return ALL_GRANULAR_SCOPES.has(s); });
 }
 function ScopePicker(_a) {
-    var value = _a.value, onChange = _a.onChange, _b = _a.isPartner, isPartner = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
-    var _d = React.useState(new Set()), expandedCategories = _d[0], setExpandedCategories = _d[1];
+    var _b;
+    var value = _a.value, onChange = _a.onChange, _c = _a.isPartner, isPartner = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.labels, labels = _e === void 0 ? {} : _e;
+    var _f = React.useState(new Set()), expandedCategories = _f[0], setExpandedCategories = _f[1];
     var selectedSet = React.useMemo(function () { return new Set(value); }, [value]);
     var visibleCategories = React.useMemo(function () { return SCOPE_CATEGORIES.filter(function (c) { return !c.adminOnly || isPartner; }); }, [isPartner]);
     var toggleCategory = React.useCallback(function (categoryId) {
@@ -19736,39 +19743,42 @@ function ScopePicker(_a) {
     }, [selectedSet]);
     return (React.createElement("div", { className: "scopePicker", "aria-label": "Permission scope picker" },
         !disabled && (React.createElement("div", { className: "scopePicker__presets" },
-            React.createElement("span", { className: "scopePicker__presetsLabel" }, "Quick presets:"),
-            React.createElement("div", { className: "scopePicker__presetButtons" }, SCOPE_PRESETS.map(function (preset) { return (React.createElement("button", { key: preset.id, type: "button", className: "scopePicker__presetBtn", onClick: function () { return handlePreset(preset.id); } }, preset.label)); })))),
+            React.createElement("span", { className: "scopePicker__presetsLabel" }, (_b = labels.presetsHeading) !== null && _b !== void 0 ? _b : "Quick presets:"),
+            React.createElement("div", { className: "scopePicker__presetButtons" }, SCOPE_PRESETS.map(function (preset) {
+                var _a, _b;
+                return (React.createElement("button", { key: preset.id, type: "button", className: "scopePicker__presetBtn", onClick: function () { return handlePreset(preset.id); } }, (_b = (_a = labels.presets) === null || _a === void 0 ? void 0 : _a[preset.id]) !== null && _b !== void 0 ? _b : preset.label));
+            })))),
         React.createElement("div", { className: "scopePicker__categories" }, visibleCategories.map(function (category) {
+            var _a, _b, _c, _d, _e, _f;
             var isExpanded = expandedCategories.has(category.id);
             var allSelected = isCategoryAllSelected(category.id);
             var someSelected = isCategorySomeSelected(category.id);
             return (React.createElement("div", { key: category.id, className: "scopePicker__category ".concat(category.adminOnly ? "scopePicker__category--admin" : "") },
                 React.createElement("div", { className: "scopePicker__categoryHeader" },
                     React.createElement("label", { className: "scopePicker__categorySelect" },
-                        React.createElement(IndeterminateCheckbox, { checked: allSelected, indeterminate: someSelected && !allSelected, onChange: function (checked) { return handleCategorySelectAll(category.id, checked); }, disabled: disabled, ariaLabel: "Select all ".concat(category.label, " scopes") }),
-                        React.createElement("span", { className: "scopePicker__categoryLabel" }, category.label)),
-                    React.createElement("button", { type: "button", className: "scopePicker__categoryToggle", onClick: function () { return toggleCategory(category.id); }, "aria-expanded": isExpanded, "aria-label": "".concat(isExpanded ? "Collapse" : "Expand", " ").concat(category.label) }, isExpanded ? "▲" : "▼")),
+                        React.createElement(IndeterminateCheckbox, { checked: allSelected, indeterminate: someSelected && !allSelected, onChange: function (checked) { return handleCategorySelectAll(category.id, checked); }, disabled: disabled, ariaLabel: "Select all ".concat((_b = (_a = labels.categories) === null || _a === void 0 ? void 0 : _a[category.id]) !== null && _b !== void 0 ? _b : category.label, " scopes") }),
+                        React.createElement("span", { className: "scopePicker__categoryLabel" }, (_d = (_c = labels.categories) === null || _c === void 0 ? void 0 : _c[category.id]) !== null && _d !== void 0 ? _d : category.label)),
+                    React.createElement("button", { type: "button", className: "scopePicker__categoryToggle", onClick: function () { return toggleCategory(category.id); }, "aria-expanded": isExpanded, "aria-label": "".concat(isExpanded ? "Collapse" : "Expand", " ").concat((_f = (_e = labels.categories) === null || _e === void 0 ? void 0 : _e[category.id]) !== null && _f !== void 0 ? _f : category.label) }, isExpanded ? "▲" : "▼")),
                 isExpanded && (React.createElement("div", { className: "scopePicker__categoryBody" }, category.resources.map(function (resource) { return (React.createElement("div", { key: resource.resource, className: "scopePicker__resource" },
                     React.createElement("span", { className: "scopePicker__resourceLabel" }, resource.label),
                     React.createElement("div", { className: "scopePicker__actions" }, resource.actions.map(function (action) {
+                        var _a;
                         var scope = "".concat(resource.resource, ":").concat(action);
                         var checked = selectedSet.has(scope);
                         var implied = isImplied(scope);
-                        return (React.createElement("label", { key: action, className: "scopePicker__action ".concat(implied ? "scopePicker__action--implied" : ""), title: implied ? "Automatically included by another selected permission" : undefined },
+                        return (React.createElement("label", { key: action, className: "scopePicker__action ".concat(implied ? "scopePicker__action--implied" : ""), title: implied ? ((_a = labels.impliedHint) !== null && _a !== void 0 ? _a : "Automatically included by another selected permission") : undefined },
                             React.createElement("input", { type: "checkbox", checked: checked, onChange: function (e) { return handleScopeToggle(scope, e.target.checked); }, disabled: disabled || implied, "aria-label": "".concat(resource.label, " ").concat(action) }),
                             React.createElement("span", null, action)));
                     })))); })))));
         })),
         value.length > 0 && (React.createElement("details", { className: "scopePicker__summary" },
-            React.createElement("summary", null,
-                "Selected permissions (",
-                value.length,
-                ")"),
+            React.createElement("summary", null, labels.selectedPermissions ? labels.selectedPermissions(value.length) : "Selected permissions (".concat(value.length, ")")),
             React.createElement("div", { className: "scopePicker__summaryList" }, __spreadArray([], value, true).sort().map(function (scope) {
+                var _a;
                 // Scopes not in the catalog (e.g. enum drift) get a
                 // distinct style + tooltip so they're never invisible.
                 var unrecognized = !ALL_GRANULAR_SCOPES.has(scope);
-                return (React.createElement("span", { key: scope, className: "scopePicker__summaryChip ".concat(unrecognized ? "scopePicker__summaryChip--unknown" : ""), title: unrecognized ? "Not in the current permission catalog — kept as-is on save" : undefined }, scope));
+                return (React.createElement("span", { key: scope, className: "scopePicker__summaryChip ".concat(unrecognized ? "scopePicker__summaryChip--unknown" : ""), title: unrecognized ? ((_a = labels.unrecognizedHint) !== null && _a !== void 0 ? _a : "Not in the current permission catalog — kept as-is on save") : undefined }, scope));
             }))))));
 }
 

package/dist/cjs/services/eventTracking/types.d.ts

@@ -33,8 +33,10 @@ export type TEventDateRangeParams = {
     fromDate?: string;
     toDate?: string;
 };
+export type TMultiValueEntityId = string | Array<string>;
+export type TMultiValueEventType = ETrackedEventType | string | Array<ETrackedEventType | string>;
 export type TEventEntityFilterParams = {
-    entityId?: string;
+    entityId?: TMultiValueEntityId;
     entityType?: ETrackedEntityType | string;
 };
 export type TEventAttributionFilterParams = {
@@ -52,7 +54,7 @@ export type TEventLineageParams = {
 };
 export type TEventCommonFilterParams = TEventDateRangeParams & TEventEntityFilterParams & TEventAttributionFilterParams & TEventLineageParams;
 export type TListEvents = TEventCommonFilterParams & {
-    eventType?: ETrackedEventType | string | Array<ETrackedEventType | string>;
+    eventType?: TMultiValueEventType;
     sortBy?: EEventSortField | string;
     sortOrder?: "asc" | "desc";
     properties?: string | Record<string, unknown>;
@@ -66,18 +68,18 @@ export type TGetEventSummary = TEventCommonFilterParams & {
     useImpersonationTree?: boolean;
 };
 export type TGetEventTimeseries = TEventCommonFilterParams & {
-    eventType?: ETrackedEventType | string;
+    eventType?: TMultiValueEventType;
     granularity?: EEventTimeseriesGranularity | string;
     breakdown?: EEventBreakdownDimension | string;
     useImpersonationTree?: boolean;
 };
 export type TGetEventBreakdown = TEventCommonFilterParams & {
     dimension: EEventBreakdownDimension | string;
-    eventType?: ETrackedEventType | string;
+    eventType?: TMultiValueEventType;
     useImpersonationTree?: boolean;
 };
 export type TGetEventPropertyKeys = TEventDateRangeParams & TEventEntityFilterParams & TEventLineageParams & {
-    eventType?: ETrackedEventType | string;
+    eventType?: TMultiValueEventType;
     search?: string;
     email?: string;
     useImpersonationTree?: boolean;

package/dist/esm/components/scopePicker/index.d.ts

@@ -2,10 +2,19 @@ import React from "react";
 import "./styles.scss";
 export { groupScopesByCategory } from "./scopeGroups";
 export type { TScopeCategorySummary } from "./scopeGroups";
+export type TScopePickerLabels = {
+    presetsHeading?: string;
+    presets?: Record<string, string>;
+    categories?: Record<string, string>;
+    impliedHint?: string;
+    unrecognizedHint?: string;
+    selectedPermissions?: (count: number) => string;
+};
 export type TScopePicker = {
     value: string[];
     onChange: (scopes: string[]) => void;
     isPartner?: boolean;
     disabled?: boolean;
+    labels?: TScopePickerLabels;
 };
-export declare function ScopePicker({ value, onChange, isPartner, disabled }: TScopePicker): React.JSX.Element;
+export declare function ScopePicker({ value, onChange, isPartner, disabled, labels }: TScopePicker): React.JSX.Element;

package/dist/esm/factories/eventTracking/types.d.ts

@@ -55,7 +55,7 @@ export type TTimeseriesPointBreakdown = {
 };
 export type TEventTimeseries = {
     granularity: string;
-    event_type?: string | null;
+    event_type?: string | string[] | null;
     breakdown?: string | null;
     series: Array<TTimeseriesPoint | TTimeseriesPointBreakdown>;
 };

package/dist/esm/index.js

@@ -11429,12 +11429,18 @@ var EEventSortField;
 })(EEventSortField || (EEventSortField = {}));
 
 var eventsBaseUrl = uiKitConfig.GATEWAY_PROXY + "/events";
+var MULTI_VALUE_QUERY_FIELDS = ["eventType", "entityId"];
+function serializeMultiValueQueryFields(query) {
+    MULTI_VALUE_QUERY_FIELDS.forEach(function (field) {
+        if (Array.isArray(query[field])) {
+            query[field] = query[field].join(",");
+        }
+    });
+}
 function buildEventQuery(options) {
     if (options === void 0) { options = {}; }
     var query = __assign({}, options);
-    if (Array.isArray(query.eventType)) {
-        query.eventType = query.eventType.join(",");
-    }
+    serializeMultiValueQueryFields(query);
     if (query.properties && typeof query.properties === "object") {
         query.properties = JSON.stringify(query.properties);
     }
@@ -19619,8 +19625,9 @@ function getImpliedScopes(scope) {
     return implied.map(function (a) { return "".concat(resource, ":").concat(a); }).filter(function (s) { return ALL_GRANULAR_SCOPES.has(s); });
 }
 function ScopePicker(_a) {
-    var value = _a.value, onChange = _a.onChange, _b = _a.isPartner, isPartner = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c;
-    var _d = useState(new Set()), expandedCategories = _d[0], setExpandedCategories = _d[1];
+    var _b;
+    var value = _a.value, onChange = _a.onChange, _c = _a.isPartner, isPartner = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.labels, labels = _e === void 0 ? {} : _e;
+    var _f = useState(new Set()), expandedCategories = _f[0], setExpandedCategories = _f[1];
     var selectedSet = useMemo(function () { return new Set(value); }, [value]);
     var visibleCategories = useMemo(function () { return SCOPE_CATEGORIES.filter(function (c) { return !c.adminOnly || isPartner; }); }, [isPartner]);
     var toggleCategory = useCallback(function (categoryId) {
@@ -19716,39 +19723,42 @@ function ScopePicker(_a) {
     }, [selectedSet]);
     return (React__default.createElement("div", { className: "scopePicker", "aria-label": "Permission scope picker" },
         !disabled && (React__default.createElement("div", { className: "scopePicker__presets" },
-            React__default.createElement("span", { className: "scopePicker__presetsLabel" }, "Quick presets:"),
-            React__default.createElement("div", { className: "scopePicker__presetButtons" }, SCOPE_PRESETS.map(function (preset) { return (React__default.createElement("button", { key: preset.id, type: "button", className: "scopePicker__presetBtn", onClick: function () { return handlePreset(preset.id); } }, preset.label)); })))),
+            React__default.createElement("span", { className: "scopePicker__presetsLabel" }, (_b = labels.presetsHeading) !== null && _b !== void 0 ? _b : "Quick presets:"),
+            React__default.createElement("div", { className: "scopePicker__presetButtons" }, SCOPE_PRESETS.map(function (preset) {
+                var _a, _b;
+                return (React__default.createElement("button", { key: preset.id, type: "button", className: "scopePicker__presetBtn", onClick: function () { return handlePreset(preset.id); } }, (_b = (_a = labels.presets) === null || _a === void 0 ? void 0 : _a[preset.id]) !== null && _b !== void 0 ? _b : preset.label));
+            })))),
         React__default.createElement("div", { className: "scopePicker__categories" }, visibleCategories.map(function (category) {
+            var _a, _b, _c, _d, _e, _f;
             var isExpanded = expandedCategories.has(category.id);
             var allSelected = isCategoryAllSelected(category.id);
             var someSelected = isCategorySomeSelected(category.id);
             return (React__default.createElement("div", { key: category.id, className: "scopePicker__category ".concat(category.adminOnly ? "scopePicker__category--admin" : "") },
                 React__default.createElement("div", { className: "scopePicker__categoryHeader" },
                     React__default.createElement("label", { className: "scopePicker__categorySelect" },
-                        React__default.createElement(IndeterminateCheckbox, { checked: allSelected, indeterminate: someSelected && !allSelected, onChange: function (checked) { return handleCategorySelectAll(category.id, checked); }, disabled: disabled, ariaLabel: "Select all ".concat(category.label, " scopes") }),
-                        React__default.createElement("span", { className: "scopePicker__categoryLabel" }, category.label)),
-                    React__default.createElement("button", { type: "button", className: "scopePicker__categoryToggle", onClick: function () { return toggleCategory(category.id); }, "aria-expanded": isExpanded, "aria-label": "".concat(isExpanded ? "Collapse" : "Expand", " ").concat(category.label) }, isExpanded ? "▲" : "▼")),
+                        React__default.createElement(IndeterminateCheckbox, { checked: allSelected, indeterminate: someSelected && !allSelected, onChange: function (checked) { return handleCategorySelectAll(category.id, checked); }, disabled: disabled, ariaLabel: "Select all ".concat((_b = (_a = labels.categories) === null || _a === void 0 ? void 0 : _a[category.id]) !== null && _b !== void 0 ? _b : category.label, " scopes") }),
+                        React__default.createElement("span", { className: "scopePicker__categoryLabel" }, (_d = (_c = labels.categories) === null || _c === void 0 ? void 0 : _c[category.id]) !== null && _d !== void 0 ? _d : category.label)),
+                    React__default.createElement("button", { type: "button", className: "scopePicker__categoryToggle", onClick: function () { return toggleCategory(category.id); }, "aria-expanded": isExpanded, "aria-label": "".concat(isExpanded ? "Collapse" : "Expand", " ").concat((_f = (_e = labels.categories) === null || _e === void 0 ? void 0 : _e[category.id]) !== null && _f !== void 0 ? _f : category.label) }, isExpanded ? "▲" : "▼")),
                 isExpanded && (React__default.createElement("div", { className: "scopePicker__categoryBody" }, category.resources.map(function (resource) { return (React__default.createElement("div", { key: resource.resource, className: "scopePicker__resource" },
                     React__default.createElement("span", { className: "scopePicker__resourceLabel" }, resource.label),
                     React__default.createElement("div", { className: "scopePicker__actions" }, resource.actions.map(function (action) {
+                        var _a;
                         var scope = "".concat(resource.resource, ":").concat(action);
                         var checked = selectedSet.has(scope);
                         var implied = isImplied(scope);
-                        return (React__default.createElement("label", { key: action, className: "scopePicker__action ".concat(implied ? "scopePicker__action--implied" : ""), title: implied ? "Automatically included by another selected permission" : undefined },
+                        return (React__default.createElement("label", { key: action, className: "scopePicker__action ".concat(implied ? "scopePicker__action--implied" : ""), title: implied ? ((_a = labels.impliedHint) !== null && _a !== void 0 ? _a : "Automatically included by another selected permission") : undefined },
                             React__default.createElement("input", { type: "checkbox", checked: checked, onChange: function (e) { return handleScopeToggle(scope, e.target.checked); }, disabled: disabled || implied, "aria-label": "".concat(resource.label, " ").concat(action) }),
                             React__default.createElement("span", null, action)));
                     })))); })))));
         })),
         value.length > 0 && (React__default.createElement("details", { className: "scopePicker__summary" },
-            React__default.createElement("summary", null,
-                "Selected permissions (",
-                value.length,
-                ")"),
+            React__default.createElement("summary", null, labels.selectedPermissions ? labels.selectedPermissions(value.length) : "Selected permissions (".concat(value.length, ")")),
             React__default.createElement("div", { className: "scopePicker__summaryList" }, __spreadArray([], value, true).sort().map(function (scope) {
+                var _a;
                 // Scopes not in the catalog (e.g. enum drift) get a
                 // distinct style + tooltip so they're never invisible.
                 var unrecognized = !ALL_GRANULAR_SCOPES.has(scope);
-                return (React__default.createElement("span", { key: scope, className: "scopePicker__summaryChip ".concat(unrecognized ? "scopePicker__summaryChip--unknown" : ""), title: unrecognized ? "Not in the current permission catalog — kept as-is on save" : undefined }, scope));
+                return (React__default.createElement("span", { key: scope, className: "scopePicker__summaryChip ".concat(unrecognized ? "scopePicker__summaryChip--unknown" : ""), title: unrecognized ? ((_a = labels.unrecognizedHint) !== null && _a !== void 0 ? _a : "Not in the current permission catalog — kept as-is on save") : undefined }, scope));
             }))))));
 }
 

package/dist/esm/services/eventTracking/types.d.ts

@@ -33,8 +33,10 @@ export type TEventDateRangeParams = {
     fromDate?: string;
     toDate?: string;
 };
+export type TMultiValueEntityId = string | Array<string>;
+export type TMultiValueEventType = ETrackedEventType | string | Array<ETrackedEventType | string>;
 export type TEventEntityFilterParams = {
-    entityId?: string;
+    entityId?: TMultiValueEntityId;
     entityType?: ETrackedEntityType | string;
 };
 export type TEventAttributionFilterParams = {
@@ -52,7 +54,7 @@ export type TEventLineageParams = {
 };
 export type TEventCommonFilterParams = TEventDateRangeParams & TEventEntityFilterParams & TEventAttributionFilterParams & TEventLineageParams;
 export type TListEvents = TEventCommonFilterParams & {
-    eventType?: ETrackedEventType | string | Array<ETrackedEventType | string>;
+    eventType?: TMultiValueEventType;
     sortBy?: EEventSortField | string;
     sortOrder?: "asc" | "desc";
     properties?: string | Record<string, unknown>;
@@ -66,18 +68,18 @@ export type TGetEventSummary = TEventCommonFilterParams & {
     useImpersonationTree?: boolean;
 };
 export type TGetEventTimeseries = TEventCommonFilterParams & {
-    eventType?: ETrackedEventType | string;
+    eventType?: TMultiValueEventType;
     granularity?: EEventTimeseriesGranularity | string;
     breakdown?: EEventBreakdownDimension | string;
     useImpersonationTree?: boolean;
 };
 export type TGetEventBreakdown = TEventCommonFilterParams & {
     dimension: EEventBreakdownDimension | string;
-    eventType?: ETrackedEventType | string;
+    eventType?: TMultiValueEventType;
     useImpersonationTree?: boolean;
 };
 export type TGetEventPropertyKeys = TEventDateRangeParams & TEventEntityFilterParams & TEventLineageParams & {
-    eventType?: ETrackedEventType | string;
+    eventType?: TMultiValueEventType;
     search?: string;
     email?: string;
     useImpersonationTree?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@cakemail-org/ui-components-v2",
-    "version": "2.2.121",
+    "version": "2.2.123",
     "publishConfig": {
         "access": "public"
     },