@umbraco-engage/backoffice 17.1.1 → 17.2.0-rc1

package/dist/settings/suspicious-activity/collection/suspicious-activity-collection.element.js

@@ -0,0 +1,37 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { UeCollectionDefaultElement } from "../../../core/index.js";
+import { css, customElement } from "@umbraco-cms/backoffice/external/lit";
+const elementName = "ue-suspicious-activity-collection";
+let UeSuspiciousActivityCollectionElement = class UeSuspiciousActivityCollectionElement extends UeCollectionDefaultElement {
+    // The umb-body-layout inside the collection renders an empty toolbar header
+    // that takes up ~70px of space. Following the same shadow DOM access pattern
+    // used in ue-default-collection, we hide it here.
+    updated() {
+        super.updated();
+        const bodyLayout = this.shadowRoot?.querySelector("umb-body-layout");
+        if (!bodyLayout)
+            return;
+        const header = bodyLayout.shadowRoot?.querySelector("#header");
+        if (header) {
+            header.style.display = "none";
+        }
+    }
+    static { this.styles = [
+        ...UeCollectionDefaultElement.styles,
+        css `
+      :host {
+        margin-top: 0;
+      }
+    `,
+    ]; }
+};
+UeSuspiciousActivityCollectionElement = __decorate([
+    customElement(elementName)
+], UeSuspiciousActivityCollectionElement);
+export { UeSuspiciousActivityCollectionElement };
+export default UeSuspiciousActivityCollectionElement;

package/dist/settings/suspicious-activity/collection/views/manifests.js

@@ -0,0 +1,21 @@
+import { ENGAGE_SUSPICIOUS_ACTIVITY_COLLECTION_ALIAS } from "../../constants.js";
+import { UMB_COLLECTION_ALIAS_CONDITION, } from "@umbraco-cms/backoffice/collection";
+export const manifests = [
+    {
+        type: "collectionView",
+        alias: "Engage.CollectionView.SuspiciousActivity.Table",
+        name: "Engage Suspicious Activity Table Collection View",
+        js: () => import("./table/suspicious-activity-table-collection-view.element.js"),
+        meta: {
+            label: "Table",
+            icon: "icon-list",
+            pathName: "table",
+        },
+        conditions: [
+            {
+                alias: UMB_COLLECTION_ALIAS_CONDITION,
+                match: ENGAGE_SUSPICIOUS_ACTIVITY_COLLECTION_ALIAS,
+            },
+        ],
+    },
+];

package/dist/settings/suspicious-activity/collection/views/table/suspicious-activity-table-collection-view.element.d.ts

@@ -0,0 +1,15 @@
+import type { UeSuspiciousActivityCollectionModel } from "../../entities.js";
+import { UeCollectionTableBaseElement } from "../../../../../core/index.js";
+declare const elementName = "ue-suspicious-activity-table";
+export declare class UeSuspiciousActivityTableElement extends UeCollectionTableBaseElement<UeSuspiciousActivityCollectionModel> {
+    private _profileModalPath?;
+    constructor();
+    createTableColumns(): void;
+    createTableItems(result: Array<UeSuspiciousActivityCollectionModel>): void;
+}
+export default UeSuspiciousActivityTableElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeSuspiciousActivityTableElement;
+    }
+}

package/dist/settings/suspicious-activity/collection/views/table/suspicious-activity-table-collection-view.element.js

@@ -0,0 +1,89 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { ENGAGE_SUSPICIOUS_ACTIVITY_ENTITY_TYPE } from "../../../constants.js";
+import { customElement, html, state, } from "@umbraco-cms/backoffice/external/lit";
+import { UMB_COLLECTION_CONTEXT } from "@umbraco-cms/backoffice/collection";
+import { UeCollectionTableBaseElement } from "../../../../../core/index.js";
+const elementName = "ue-suspicious-activity-table";
+let UeSuspiciousActivityTableElement = class UeSuspiciousActivityTableElement extends UeCollectionTableBaseElement {
+    constructor() {
+        super({
+            entityType: ENGAGE_SUSPICIOUS_ACTIVITY_ENTITY_TYPE,
+            tableConfig: {
+                allowSelection: false,
+                hideIcon: true,
+            },
+        });
+        this.consumeContext(UMB_COLLECTION_CONTEXT, (instance) => {
+            if (!instance)
+                return;
+            const context = instance;
+            if (context.modalPath) {
+                this.observe(context.modalPath, (modalPath) => {
+                    this._profileModalPath = modalPath;
+                });
+            }
+        });
+    }
+    createTableColumns() {
+        this.tableColumns = [
+            {
+                alias: "totalPageviews",
+                name: this.localize.term("engage_pageviews"),
+            },
+            {
+                alias: "visitorId",
+                name: this.localize.term("engage_profileId"),
+            },
+            {
+                alias: "ipAddress",
+                name: this.localize.term("engage_ipAddress"),
+            },
+            {
+                alias: "userAgent",
+                name: this.localize.term("engage_userAgent"),
+            },
+        ];
+    }
+    createTableItems(result) {
+        this.tableItems = result.map((visitor) => {
+            return {
+                id: visitor.unique,
+                data: [
+                    {
+                        columnAlias: "totalPageviews",
+                        value: this.localize.number(visitor.totalPageviews),
+                    },
+                    {
+                        columnAlias: "visitorId",
+                        value: html `<a
+                href=${`${this._profileModalPath}/${visitor.visitorId}`}
+              >
+                <strong>${visitor.visitorId}</strong></a
+              >`,
+                    },
+                    {
+                        columnAlias: "ipAddress",
+                        value: visitor.ipAddress ?? "",
+                    },
+                    {
+                        columnAlias: "userAgent",
+                        value: visitor.userAgent ?? "",
+                    },
+                ],
+            };
+        });
+    }
+};
+__decorate([
+    state()
+], UeSuspiciousActivityTableElement.prototype, "_profileModalPath", void 0);
+UeSuspiciousActivityTableElement = __decorate([
+    customElement(elementName)
+], UeSuspiciousActivityTableElement);
+export { UeSuspiciousActivityTableElement };
+export default UeSuspiciousActivityTableElement;

package/dist/settings/suspicious-activity/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const ENGAGE_SUSPICIOUS_ACTIVITY_ENTITY_TYPE = "engage-suspicious-activity";
+export declare const ENGAGE_SUSPICIOUS_ACTIVITY_COLLECTION_REPOSITORY_ALIAS = "Engage.Repository.SuspiciousActivity.Collection";
+export declare const ENGAGE_SUSPICIOUS_ACTIVITY_COLLECTION_ALIAS = "Engage.Collection.SuspiciousActivity";

package/dist/settings/suspicious-activity/constants.js

@@ -0,0 +1,3 @@
+export const ENGAGE_SUSPICIOUS_ACTIVITY_ENTITY_TYPE = "engage-suspicious-activity";
+export const ENGAGE_SUSPICIOUS_ACTIVITY_COLLECTION_REPOSITORY_ALIAS = "Engage.Repository.SuspiciousActivity.Collection";
+export const ENGAGE_SUSPICIOUS_ACTIVITY_COLLECTION_ALIAS = "Engage.Collection.SuspiciousActivity";

package/dist/settings/suspicious-activity/manifests.js

@@ -0,0 +1,2 @@
+import { manifests as collectionManifests } from "./collection/manifests.js";
+export const manifests = [...collectionManifests];

package/dist/settings/traffic-filter/collection/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const ENGAGE_TRAFFICFILTER_COLLECTION_REPOSITORY_ALIAS = "Engage.Repository.TrafficFilter.Collection";
+export declare const ENGAGE_TRAFFICFILTER_COLLECTION_ALIAS = "Engage.Collection.TrafficFilter";
+export declare const ENGAGE_TRAFFICFILTER_TABLE_COLLECTION_VIEW_ALIAS = "Engage.CollectionView.TrafficFilter.Table";

package/dist/settings/traffic-filter/collection/constants.js

@@ -0,0 +1,3 @@
+export const ENGAGE_TRAFFICFILTER_COLLECTION_REPOSITORY_ALIAS = "Engage.Repository.TrafficFilter.Collection";
+export const ENGAGE_TRAFFICFILTER_COLLECTION_ALIAS = "Engage.Collection.TrafficFilter";
+export const ENGAGE_TRAFFICFILTER_TABLE_COLLECTION_VIEW_ALIAS = "Engage.CollectionView.TrafficFilter.Table";

package/dist/settings/traffic-filter/collection/entities.d.ts

@@ -0,0 +1,4 @@
+import type { TrafficFilterModel } from "../../../generated/index.js";
+import type { UeEntityBase } from "../../../core/index.js";
+export interface UeTrafficFilterCollectionModel extends TrafficFilterModel, UeEntityBase {
+}

package/dist/settings/traffic-filter/collection/entities.js

@@ -0,0 +1 @@
+export {};

package/dist/settings/{ip-filters → traffic-filter}/collection/index.d.ts

@@ -1,2 +1,2 @@
 export * from "./repository/index.js";
-export * from "./entities.js";
+export type * from "./entities.js";

package/dist/settings/{ip-filters → traffic-filter}/collection/index.js

@@ -1,2 +1 @@
 export * from "./repository/index.js";
-export * from "./entities.js";

package/dist/settings/traffic-filter/collection/manifests.js

@@ -0,0 +1,53 @@
+import { ENGAGE_TRAFFICFILTER_ENTITY_TYPE } from "../constants.js";
+import { ENGAGE_TRAFFICFILTER_DETAIL_REPOSITORY_ALIAS } from "../repository/detail/constants.js";
+import { manifests as repositoryManifests } from "./repository/manifests.js";
+import { manifests as viewManifests } from "./views/manifests.js";
+import { ENGAGE_TRAFFICFILTER_COLLECTION_ALIAS, ENGAGE_TRAFFICFILTER_COLLECTION_REPOSITORY_ALIAS, } from "./constants.js";
+import { UMB_COLLECTION_ALIAS_CONDITION } from "@umbraco-cms/backoffice/collection";
+export const manifests = [
+    {
+        type: "collection",
+        kind: "default",
+        alias: ENGAGE_TRAFFICFILTER_COLLECTION_ALIAS,
+        element: () => import("../../../core/collection/collection-default.element.js"),
+        name: "Engage Traffic Filter Collection",
+        meta: {
+            repositoryAlias: ENGAGE_TRAFFICFILTER_COLLECTION_REPOSITORY_ALIAS,
+        },
+    },
+    {
+        type: "entityBulkAction",
+        name: `Engage Traffic Filter Delete Entity Bulk Action`,
+        alias: `Engage.EntityBulkAction.TrafficFilter.Delete`,
+        kind: "engage-delete",
+        forEntityTypes: [ENGAGE_TRAFFICFILTER_ENTITY_TYPE],
+        meta: {
+            entityType: ENGAGE_TRAFFICFILTER_ENTITY_TYPE,
+            repositoryAlias: ENGAGE_TRAFFICFILTER_DETAIL_REPOSITORY_ALIAS,
+        },
+        conditions: [
+            {
+                alias: UMB_COLLECTION_ALIAS_CONDITION,
+                match: ENGAGE_TRAFFICFILTER_COLLECTION_ALIAS,
+            },
+        ],
+    },
+    {
+        type: "collectionAction",
+        kind: "engage-create",
+        name: "Create Engage Traffic Filter Collection Action",
+        alias: "Engage.CollectionAction.TrafficFilter.Create",
+        meta: {
+            label: "#engage_trafficFilter_create",
+            entityType: ENGAGE_TRAFFICFILTER_ENTITY_TYPE,
+        },
+        conditions: [
+            {
+                alias: UMB_COLLECTION_ALIAS_CONDITION,
+                match: ENGAGE_TRAFFICFILTER_COLLECTION_ALIAS,
+            },
+        ],
+    },
+    ...repositoryManifests,
+    ...viewManifests,
+];

package/dist/settings/traffic-filter/collection/repository/index.d.ts

@@ -0,0 +1 @@
+export * from "./traffic-filter-collection.repository.js";

package/dist/settings/traffic-filter/collection/repository/index.js

@@ -0,0 +1 @@
+export * from "./traffic-filter-collection.repository.js";

package/dist/settings/traffic-filter/collection/repository/manifests.js

@@ -0,0 +1,9 @@
+import { ENGAGE_TRAFFICFILTER_COLLECTION_REPOSITORY_ALIAS } from "../constants.js";
+export const manifests = [
+    {
+        type: "repository",
+        alias: ENGAGE_TRAFFICFILTER_COLLECTION_REPOSITORY_ALIAS,
+        name: "Engage Traffic Filter Collection Repository",
+        api: () => import("./traffic-filter-collection.repository.js"),
+    },
+];

package/dist/settings/{ip-filters/collection/repository/ip-filter-collection.repository.d.ts → traffic-filter/collection/repository/traffic-filter-collection.repository.d.ts}

@@ -2,12 +2,12 @@ import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
 import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
 import type { UmbCollectionRepository } from "@umbraco-cms/backoffice/collection";
 import type { UeEntityDeleteRepository } from "../../../../core/index.js";
-export declare class UeIpFiltersCollectionRepository extends UmbControllerBase implements UmbCollectionRepository, UeEntityDeleteRepository {
+export declare class UeTrafficFilterCollectionRepository extends UmbControllerBase implements UmbCollectionRepository, UeEntityDeleteRepository {
     #private;
     constructor(host: UmbControllerHost);
     requestCollection(): Promise<{
         data: {
-            items: Array<import("../entities.js").UeIpFilterCollectionModel>;
+            items: Array<import("../entities.js").UeTrafficFilterCollectionModel>;
             total: number;
         } | undefined;
         error: import("@umbraco-cms/backoffice/resources").UmbApiError | import("@umbraco-cms/backoffice/resources").UmbCancelError | undefined;
@@ -17,4 +17,4 @@ export declare class UeIpFiltersCollectionRepository extends UmbControllerBase i
         error: import("@umbraco-cms/backoffice/resources").UmbApiError | import("@umbraco-cms/backoffice/resources").UmbCancelError | undefined;
     }>;
 }
-export default UeIpFiltersCollectionRepository;
+export default UeTrafficFilterCollectionRepository;

package/dist/settings/{ip-filters/collection/repository/ip-filter-collection.repository.js → traffic-filter/collection/repository/traffic-filter-collection.repository.js}

@@ -1,10 +1,10 @@
-import { UeIpFilterCollectionServerDataSource } from "./ip-filter-collection.server.data-source.js";
+import { UeTrafficFilterCollectionServerDataSource } from "./traffic-filter-collection.server.data-source.js";
 import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
-export class UeIpFiltersCollectionRepository extends UmbControllerBase {
+export class UeTrafficFilterCollectionRepository extends UmbControllerBase {
     #collectionSource;
     constructor(host) {
         super(host);
-        this.#collectionSource = new UeIpFilterCollectionServerDataSource(this._host);
+        this.#collectionSource = new UeTrafficFilterCollectionServerDataSource(this._host);
     }
     async requestCollection() {
         const { data, error } = await this.#collectionSource.getCollection();
@@ -14,4 +14,4 @@ export class UeIpFiltersCollectionRepository extends UmbControllerBase {
         return await this.#collectionSource.delete(unique);
     }
 }
-export default UeIpFiltersCollectionRepository;
+export default UeTrafficFilterCollectionRepository;

package/dist/settings/{ip-filters/collection/repository/ip-filter-collection.server.data-source.d.ts → traffic-filter/collection/repository/traffic-filter-collection.server.data-source.d.ts}

@@ -1,11 +1,8 @@
-import type { UeIpFilterCollectionModel } from "../entities.js";
-import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import type { UeTrafficFilterCollectionModel } from "../entities.js";
 import type { UmbCollectionDataSource } from "@umbraco-cms/backoffice/collection";
 import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
-export declare class UeIpFilterCollectionServerDataSource extends UmbControllerBase implements UmbCollectionDataSource<UeIpFilterCollectionModel> {
-    #private;
-    constructor(host: UmbControllerHost);
-    delete(id: string): Promise<{
+export declare class UeTrafficFilterCollectionServerDataSource extends UmbControllerBase implements UmbCollectionDataSource<UeTrafficFilterCollectionModel> {
+    delete(key: string): Promise<{
         data: unknown;
         error: import("@umbraco-cms/backoffice/resources").UmbApiError | import("@umbraco-cms/backoffice/resources").UmbCancelError | undefined;
     }>;
@@ -14,7 +11,7 @@ export declare class UeIpFilterCollectionServerDataSource extends UmbControllerB
         data?: undefined;
     } | {
         data: {
-            items: Array<UeIpFilterCollectionModel>;
+            items: Array<UeTrafficFilterCollectionModel>;
             total: number;
         };
         error?: undefined;

package/dist/settings/traffic-filter/collection/repository/traffic-filter-collection.server.data-source.js

@@ -0,0 +1,26 @@
+import { ENGAGE_TRAFFICFILTER_ENTITY_TYPE } from "../../constants.js";
+import { tryExecute } from "@umbraco-cms/backoffice/resources";
+import { UmbControllerBase } from "@umbraco-cms/backoffice/class-api";
+import { TrafficFilterService } from "../../../../generated/index.js";
+export class UeTrafficFilterCollectionServerDataSource extends UmbControllerBase {
+    async delete(key) {
+        const { data, error } = await tryExecute(this._host, TrafficFilterService.deleteTrafficFilter({ query: { key } }));
+        return { data, error };
+    }
+    async getCollection() {
+        const { data, error } = await tryExecute(this._host, TrafficFilterService.getTrafficFilterAll());
+        if (!data || error) {
+            return { error };
+        }
+        return {
+            data: {
+                items: data.map((d) => ({
+                    ...d,
+                    unique: d.key,
+                    entityType: ENGAGE_TRAFFICFILTER_ENTITY_TYPE,
+                })),
+                total: data.length,
+            },
+        };
+    }
+}

package/dist/settings/traffic-filter/collection/views/manifests.d.ts

@@ -0,0 +1,2 @@
+import { type ManifestCollectionView } from "@umbraco-cms/backoffice/collection";
+export declare const manifests: Array<ManifestCollectionView>;

package/dist/settings/{ip-filters → traffic-filter}/collection/views/manifests.js

@@ -1,11 +1,11 @@
-import { ENGAGE_IPFILTER_COLLECTION_ALIAS } from "../constants.js";
+import { ENGAGE_TRAFFICFILTER_COLLECTION_ALIAS } from "../constants.js";
 import { UMB_COLLECTION_ALIAS_CONDITION, } from "@umbraco-cms/backoffice/collection";
 export const manifests = [
     {
         type: "collectionView",
-        alias: "Engage.CollectionView.IpFilter.Table",
-        name: "Engage IP Filter Table Collection View",
-        js: () => import("./table/ip-filter-table-collection-view.element.js"),
+        alias: "Engage.CollectionView.TrafficFilter.Table",
+        name: "Engage Traffic Filter Table Collection View",
+        js: () => import("./table/traffic-filter-table-collection-view.element.js"),
         meta: {
             label: "Table",
             icon: "icon-list",
@@ -14,7 +14,7 @@ export const manifests = [
         conditions: [
             {
                 alias: UMB_COLLECTION_ALIAS_CONDITION,
-                match: ENGAGE_IPFILTER_COLLECTION_ALIAS,
+                match: ENGAGE_TRAFFICFILTER_COLLECTION_ALIAS,
             },
         ],
     },

package/dist/settings/traffic-filter/collection/views/table/traffic-filter-table-collection-view.element.d.ts

@@ -0,0 +1,15 @@
+import type { UeTrafficFilterCollectionModel } from "../../index.js";
+import { UeCollectionTableBaseElement } from "../../../../../core/index.js";
+declare const elementName = "ue-traffic-filter-table";
+export declare class UeTrafficFilterTableElement extends UeCollectionTableBaseElement<UeTrafficFilterCollectionModel> {
+    constructor();
+    createTableColumns(): void;
+    createTableItems(result: Array<UeTrafficFilterCollectionModel>): void;
+    static styles: import("lit").CSSResult[];
+}
+export default UeTrafficFilterTableElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        [elementName]: UeTrafficFilterTableElement;
+    }
+}

package/dist/settings/{ip-filters/collection/views/table/ip-filter-table-collection-view.element.js → traffic-filter/collection/views/table/traffic-filter-table-collection-view.element.js}

@@ -4,13 +4,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { ENGAGE_IPFILTER_ENTITY_TYPE } from "../../../constants.js";
+import { ENGAGE_TRAFFICFILTER_ENTITY_TYPE } from "../../../constants.js";
 import { css, customElement, html } from "@umbraco-cms/backoffice/external/lit";
 import { UeCollectionTableBaseElement } from "../../../../../core/index.js";
-const elementName = "ue-ipfilters-table";
-let UeIpFiltersTableElement = class UeIpFiltersTableElement extends UeCollectionTableBaseElement {
+const elementName = "ue-traffic-filter-table";
+let UeTrafficFilterTableElement = class UeTrafficFilterTableElement extends UeCollectionTableBaseElement {
     constructor() {
-        super({ entityType: ENGAGE_IPFILTER_ENTITY_TYPE });
+        super({ entityType: ENGAGE_TRAFFICFILTER_ENTITY_TYPE });
     }
     createTableColumns() {
         this.tableColumns = [
@@ -22,10 +22,27 @@ let UeIpFiltersTableElement = class UeIpFiltersTableElement extends UeCollection
                 alias: "description",
                 name: this.localize.term("engage_property_description"),
             },
+            {
+                alias: "mode",
+                name: this.localize.term("engage_property_mode"),
+            },
+            {
+                alias: "type",
+                name: this.localize.term("engage_property_type"),
+            },
             {
                 alias: "filter",
                 name: this.localize.term("engage_settings_filter"),
             },
+            {
+                alias: "active",
+                name: this.localize.term("engage_active"),
+            },
+            {
+                name: "",
+                alias: "actions",
+                align: "right",
+            },
         ];
     }
     createTableItems(result) {
@@ -35,19 +52,44 @@ let UeIpFiltersTableElement = class UeIpFiltersTableElement extends UeCollection
                 data: [
                     {
                         columnAlias: "name",
-                        value: html `<a href=${`${this.modalPath}edit/${filter.id}`}>
+                        value: html `<a href=${`${this.modalPath}edit/${filter.unique}`}>
               <strong>${filter.name}</strong>
             </a>`,
                     },
                     { columnAlias: "description", value: filter.description },
+                    {
+                        columnAlias: "mode",
+                        value: this.localize.term(`engage_trafficFilter_mode${filter.mode}`),
+                    },
+                    {
+                        columnAlias: "type",
+                        value: this.localize.term(`engage_trafficFilter_${filter.type}`),
+                    },
                     {
                         columnAlias: "filter",
                         value: html `<ul style="list-style-type:none; padding:0; margin:0">
-              ${filter.regularExpression
-                            ? html `<li>${filter.regularExpression}</li>`
-                            : filter.ipAddresses?.map((ip) => html `<li>${ip}</li>`)}
+              ${filter.value
+                            ? html `<li>${filter.value}</li>`
+                            : filter.values?.map((v) => html `<li>${v}</li>`)}
             </ul>`,
                     },
+                    {
+                        columnAlias: "active",
+                        value: html `<ue-checkmark
+              .value=${filter.isActive}
+              mode="text"
+            ></ue-checkmark>`,
+                    },
+                    {
+                        columnAlias: "actions",
+                        value: html `<umb-entity-actions-table-column-view
+              .value=${{
+                            entityType: ENGAGE_TRAFFICFILTER_ENTITY_TYPE,
+                            unique: filter.unique,
+                            name: filter.name,
+                        }}
+            ></umb-entity-actions-table-column-view>`,
+                    },
                 ],
             };
         });
@@ -69,8 +111,8 @@ let UeIpFiltersTableElement = class UeIpFiltersTableElement extends UeCollection
     `,
     ]; }
 };
-UeIpFiltersTableElement = __decorate([
+UeTrafficFilterTableElement = __decorate([
     customElement(elementName)
-], UeIpFiltersTableElement);
-export { UeIpFiltersTableElement };
-export default UeIpFiltersTableElement;
+], UeTrafficFilterTableElement);
+export { UeTrafficFilterTableElement };
+export default UeTrafficFilterTableElement;

package/dist/settings/traffic-filter/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const ENGAGE_TRAFFICFILTER_ENTITY_TYPE = "engage-traffic-filter";
+export declare const ENGAGE_TRAFFICFILTER_WORKSPACE_ALIAS = "Engage.Workspace.TrafficFilter";

package/dist/settings/traffic-filter/constants.js

@@ -0,0 +1,2 @@
+export const ENGAGE_TRAFFICFILTER_ENTITY_TYPE = "engage-traffic-filter";
+export const ENGAGE_TRAFFICFILTER_WORKSPACE_ALIAS = "Engage.Workspace.TrafficFilter";

package/dist/settings/traffic-filter/entities.d.ts

@@ -0,0 +1,5 @@
+import { type UePropertyConfigData, type UeEntityBase } from "../../core/index.js";
+import { TrafficFilterModel } from "../../generated/index.js";
+export interface UeTrafficFilterDetailModel extends TrafficFilterModel, UeEntityBase {
+}
+export declare const TrafficFilterProperties: UePropertyConfigData<UeTrafficFilterDetailModel>;

package/dist/settings/traffic-filter/entities.js

@@ -0,0 +1,48 @@
+import { UeDropdownUePropertyConfig, } from "../../core/index.js";
+export const TrafficFilterProperties = [
+    {
+        alias: "name",
+        editor: "Umb.PropertyEditorUi.TextBox",
+        validation: { mandatory: true },
+    },
+    {
+        alias: "description",
+        editor: "Umb.PropertyEditorUi.TextArea",
+        config: [{ alias: "rows", value: 5 }],
+        validation: { mandatory: true },
+    },
+    new UeDropdownUePropertyConfig("type", true),
+    new UeDropdownUePropertyConfig("condition", true),
+    // The mode is currently fixed to "Block" for new and existing items,
+    // hiding it via the visibility condition, using a type we know it will not hold.
+    // It needs to exist in the property set else the value is discarded
+    new UeDropdownUePropertyConfig("mode", true, {
+        visible: [{ alias: "mode", value: "Filter" }],
+    }),
+    {
+        alias: "values",
+        editor: "Umb.PropertyEditorUi.MultipleTextString",
+        validation: {
+            mandatory: true,
+        },
+        config: [{ alias: "min", value: 1 }],
+        visible: [{ alias: "condition", value: "List" }],
+    },
+    {
+        alias: "value",
+        editor: "Umb.PropertyEditorUi.TextBox",
+        validation: {
+            mandatory: true,
+        },
+        visible: [
+            {
+                alias: "condition",
+                oneOf: ["RegularExpression", "Contains", "Equals"],
+            },
+        ],
+    },
+    {
+        alias: "isActive",
+        editor: "Umb.PropertyEditorUi.Toggle",
+    },
+];

package/dist/settings/traffic-filter/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;

package/dist/settings/{ip-filters → traffic-filter}/manifests.js

@@ -1,8 +1,10 @@
 import { manifests as collectionManifests } from "./collection/manifests.js";
 import { manifests as repositoryManifests } from "./repository/manifests.js";
 import { manifests as workspaceManifests } from "./workspace/manifests.js";
+import { manifests as rulesManifests } from "./rules/manifests.js";
 export const manifests = [
     ...collectionManifests,
     ...repositoryManifests,
     ...workspaceManifests,
+    ...rulesManifests,
 ];

package/dist/settings/traffic-filter/repository/detail/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const ENGAGE_TRAFFICFILTER_DETAIL_REPOSITORY_ALIAS = "Engage.Repository.TrafficFilterDetail";
+export declare const ENGAGE_TRAFFICFILTER_DETAIL_STORE_ALIAS = "Engage.Store.TrafficFilterDetail";

package/dist/settings/traffic-filter/repository/detail/constants.js

@@ -0,0 +1,2 @@
+export const ENGAGE_TRAFFICFILTER_DETAIL_REPOSITORY_ALIAS = "Engage.Repository.TrafficFilterDetail";
+export const ENGAGE_TRAFFICFILTER_DETAIL_STORE_ALIAS = "Engage.Store.TrafficFilterDetail";

package/dist/settings/traffic-filter/repository/detail/index.d.ts

@@ -0,0 +1,2 @@
+export { UeTrafficFilterDetailRepository } from "./traffic-filter-detail.repository.js";
+export * from "./constants.js";

package/dist/settings/traffic-filter/repository/detail/index.js

@@ -0,0 +1,2 @@
+export { UeTrafficFilterDetailRepository } from "./traffic-filter-detail.repository.js";
+export * from "./constants.js";

package/dist/settings/traffic-filter/repository/detail/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: Array<UmbExtensionManifest>;