@umbraco-engage/backoffice 17.0.0-rc1

package/dist/personalization/modal/scoring-group-base-modal.element.js

@@ -0,0 +1,98 @@
+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 { html, state, } from "@umbraco-cms/backoffice/external/lit";
+import { UmbModalBaseElement } from "@umbraco-cms/backoffice/modal";
+import { appendToFrozenArray } from "@umbraco-cms/backoffice/observable-api";
+export class UeScoringGroupBaseModalElement extends UmbModalBaseElement {
+    constructor() {
+        super(...arguments);
+        this.headline = "";
+        this.group = {};
+    }
+    // Protected property that child classes can override to provide save button state
+    get saveButtonState() {
+        return undefined;
+    }
+    #getExistingId(arr, match, selector) {
+        return arr?.find((x) => selector(x) === match)?.id ?? 0;
+    }
+    renderJourneys() {
+        const onChange = (e) => {
+            if (!this.group.customerJourneyScoring)
+                return;
+            e.target.value.forEach((v) => {
+                const existingId = this.#getExistingId(this.group.customerJourneyScoring, v.id ?? 0, (x) => x.customerJourneyStepId);
+                this.group = {
+                    ...this.group,
+                    customerJourneyScoring: appendToFrozenArray(this.group.customerJourneyScoring, {
+                        id: existingId,
+                        customerJourneyStepId: v.entityId,
+                        score: v.score,
+                    }, (x) => x.customerJourneyStepId === v.entityId),
+                };
+            });
+        };
+        return html `<ue-customer-journey-scoring
+      .value=${this.group.customerJourneyScoring?.map((p) => ({
+            id: p.id,
+            entityId: p.customerJourneyStepId,
+            score: p.score,
+        })) ?? []}
+      @change=${onChange}
+    ></ue-customer-journey-scoring>`;
+    }
+    renderPersonas() {
+        const onChange = (e) => {
+            if (!this.group.personaScoring)
+                return;
+            e.target.value.forEach((v) => {
+                const existingId = this.#getExistingId(this.group.personaScoring, v.id ?? 0, (x) => x.personaId);
+                this.group = {
+                    ...this.group,
+                    personaScoring: appendToFrozenArray(this.group.personaScoring, { id: existingId, personaId: v.entityId, score: v.score }, (x) => x.personaId === v.entityId),
+                };
+            });
+        };
+        return html `<ue-persona-group-scoring
+      .value=${this.group.personaScoring?.map((p) => ({
+            id: p.id,
+            entityId: p.personaId,
+            score: p.score,
+        })) ?? []}
+      @change=${onChange}
+    ></ue-persona-group-scoring>`;
+    }
+    render() {
+        return html `<umb-body-layout .headline=${this.headline ?? ""}>
+      ${this.renderBody()}
+      <div slot="actions">
+        <uui-button
+          label=${this.localize.term("general_close")}
+          @click=${this._rejectModal}
+        ></uui-button>
+        <uui-button
+          color="positive"
+          look="primary"
+          label=${this.localize.term("engage_buttons_saveAndClose")}
+          @click=${this.submitModal}
+        ></uui-button>
+        <uui-button
+          color="positive"
+          look="primary"
+          label=${this.localize.term("buttons_save")}
+          .state=${this.saveButtonState}
+          @click=${this.save}
+        ></uui-button></div
+    ></umb-body-layout>`;
+    }
+}
+__decorate([
+    state()
+], UeScoringGroupBaseModalElement.prototype, "headline", void 0);
+__decorate([
+    state()
+], UeScoringGroupBaseModalElement.prototype, "group", void 0);

package/dist/personalization/modal/token/grouped-item-edit-detail-modal.token.d.ts

@@ -0,0 +1,12 @@
+import { UmbModalToken } from "@umbraco-cms/backoffice/modal";
+import type { UeGroupedItemDetailModel, UePropertyConfigData } from "../../../core/index.js";
+export declare const ENGAGE_GROUPED_ITEM_EDIT_DETAIL_MODAL_ALIAS = "Engage.Modal.GroupedItem.EditDetail";
+export interface UeGroupedItemEditDetailModalData {
+    properties?: UePropertyConfigData<any>;
+    advancedProperties?: UePropertyConfigData<any>;
+    current: UeGroupedItemDetailModel;
+    headline: string;
+}
+export interface UeGroupedItemEditDetailModalValue extends UeGroupedItemDetailModel {
+}
+export declare const ENGAGE_GROUPED_ITEM_EDIT_DETAIL_MODAL: UmbModalToken<UeGroupedItemEditDetailModalData, UeGroupedItemEditDetailModalValue>;

package/dist/personalization/modal/token/grouped-item-edit-detail-modal.token.js

@@ -0,0 +1,8 @@
+import { UmbModalToken } from "@umbraco-cms/backoffice/modal";
+export const ENGAGE_GROUPED_ITEM_EDIT_DETAIL_MODAL_ALIAS = "Engage.Modal.GroupedItem.EditDetail";
+export const ENGAGE_GROUPED_ITEM_EDIT_DETAIL_MODAL = new UmbModalToken(ENGAGE_GROUPED_ITEM_EDIT_DETAIL_MODAL_ALIAS, {
+    modal: {
+        type: "sidebar",
+        size: "small",
+    },
+});

package/dist/personalization/modal/token/grouped-item-edit-item-modal.token.d.ts

@@ -0,0 +1,11 @@
+import { UmbModalToken } from "@umbraco-cms/backoffice/modal";
+import type { UeGroupedItemListModel, UePropertyConfigData } from "../../../core/index.js";
+export declare const ENGAGE_GROUPED_ITEM_EDIT_ITEM_MODAL_ALIAS = "Engage.Modal.GroupedItem.EditItem";
+export interface UeGroupedItemEditItemModalData {
+    current: UeGroupedItemListModel;
+    properties: UePropertyConfigData<any>;
+    headline: string;
+}
+export interface UeGroupedItemEditItemModalValue extends UeGroupedItemListModel {
+}
+export declare const ENGAGE_GROUPED_ITEM_EDIT_ITEM_MODAL: UmbModalToken<UeGroupedItemEditItemModalData, UeGroupedItemEditItemModalValue>;

package/dist/personalization/modal/token/grouped-item-edit-item-modal.token.js

@@ -0,0 +1,8 @@
+import { UmbModalToken } from "@umbraco-cms/backoffice/modal";
+export const ENGAGE_GROUPED_ITEM_EDIT_ITEM_MODAL_ALIAS = "Engage.Modal.GroupedItem.EditItem";
+export const ENGAGE_GROUPED_ITEM_EDIT_ITEM_MODAL = new UmbModalToken(ENGAGE_GROUPED_ITEM_EDIT_ITEM_MODAL_ALIAS, {
+    modal: {
+        type: "sidebar",
+        size: "small",
+    },
+});

package/dist/personalization/modal/token/index.d.ts

@@ -0,0 +1,3 @@
+export * from './grouped-item-edit-detail-modal.token.js';
+export * from './grouped-item-edit-item-modal.token.js';
+export * from './scoring-overview-modal.token.js';

package/dist/personalization/modal/token/index.js

@@ -0,0 +1,3 @@
+export * from './grouped-item-edit-detail-modal.token.js';
+export * from './grouped-item-edit-item-modal.token.js';
+export * from './scoring-overview-modal.token.js';

package/dist/personalization/modal/token/scoring-overview-modal.token.d.ts

@@ -0,0 +1,5 @@
+import { UmbModalToken } from "@umbraco-cms/backoffice/modal";
+export declare const ENGAGE_PERSONALIZATION_SCORING_OVERVIEW_MODAL_ALIAS = "Engage.Modal.ScoringOverview.Item";
+export declare const ENGAGE_PERSONALIZATION_SCORING_OVERVIEW_ITEM_MODAL: UmbModalToken<{
+    [key: string]: any;
+}, unknown>;

package/dist/personalization/modal/token/scoring-overview-modal.token.js

@@ -0,0 +1,8 @@
+import { UmbModalToken } from "@umbraco-cms/backoffice/modal";
+export const ENGAGE_PERSONALIZATION_SCORING_OVERVIEW_MODAL_ALIAS = "Engage.Modal.ScoringOverview.Item";
+export const ENGAGE_PERSONALIZATION_SCORING_OVERVIEW_ITEM_MODAL = new UmbModalToken(ENGAGE_PERSONALIZATION_SCORING_OVERVIEW_MODAL_ALIAS, {
+    modal: {
+        type: "sidebar",
+        size: "medium",
+    },
+});

package/dist/personalization/personalized-variants/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const ENGAGE_PERSONALIZED_VARIANT_ENTITY_TYPE = "personalized-variant";
+export declare const ENGAGE_PERSONALIZED_VARIANT_WORKSPACE_ALIAS = "Engage.Workspace.PersonalizedVariant";

package/dist/personalization/personalized-variants/constants.js

@@ -0,0 +1,2 @@
+export const ENGAGE_PERSONALIZED_VARIANT_ENTITY_TYPE = "personalized-variant";
+export const ENGAGE_PERSONALIZED_VARIANT_WORKSPACE_ALIAS = "Engage.Workspace.PersonalizedVariant";

package/dist/personalization/personalized-variants/editor-view/index.d.ts

@@ -0,0 +1,3 @@
+export { UePersonalizedVariantsEditorViewContext } from "./personalized-variants-editor-view.context.js";
+export * from "./personalized-variants-editor-view-context.token.js";
+export * from "./personalized-variants-editor-view.element.js";

package/dist/personalization/personalized-variants/editor-view/index.js

@@ -0,0 +1,3 @@
+export { UePersonalizedVariantsEditorViewContext } from "./personalized-variants-editor-view.context.js";
+export * from "./personalized-variants-editor-view-context.token.js";
+export * from "./personalized-variants-editor-view.element.js";

package/dist/personalization/personalized-variants/editor-view/personalized-variants-editor-view-context.token.d.ts

@@ -0,0 +1,3 @@
+import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
+import type { UePersonalizedVariantsEditorViewContext } from './personalized-variants-editor-view.context.js';
+export declare const ENGAGE_PERSONALIZED_VARIANTS_EDITOR_VIEW_CONTEXT: UmbContextToken<import("@umbraco-cms/backoffice/context-api").UmbContextMinimal, UePersonalizedVariantsEditorViewContext>;

package/dist/personalization/personalized-variants/editor-view/personalized-variants-editor-view-context.token.js

@@ -0,0 +1,3 @@
+import { UmbContextToken } from "@umbraco-cms/backoffice/context-api";
+export const ENGAGE_PERSONALIZED_VARIANTS_EDITOR_VIEW_CONTEXT = new UmbContextToken("UePersonalizedVariantsEditorViewContext", undefined, (context) => context
+    .IS_PERSONALIZED_VARIANTS_EDITOR_VIEW_CONTEXT);

package/dist/personalization/personalized-variants/editor-view/personalized-variants-editor-view.context.d.ts

@@ -0,0 +1,6 @@
+import type { UmbControllerHost } from "@umbraco-cms/backoffice/controller-api";
+import { UePersonalizationEditorViewBaseContext } from "../../context/index.js";
+export declare class UePersonalizedVariantsEditorViewContext extends UePersonalizationEditorViewBaseContext {
+    readonly IS_PERSONALIZED_VARIANTS_EDITOR_VIEW_CONTEXT = true;
+    constructor(host: UmbControllerHost);
+}

package/dist/personalization/personalized-variants/editor-view/personalized-variants-editor-view.context.js

@@ -0,0 +1,8 @@
+import { UePersonalizationEditorViewBaseContext } from "../../context/index.js";
+import { ENGAGE_PERSONALIZED_VARIANTS_EDITOR_VIEW_CONTEXT } from "./personalized-variants-editor-view-context.token.js";
+export class UePersonalizedVariantsEditorViewContext extends UePersonalizationEditorViewBaseContext {
+    constructor(host) {
+        super(host, ENGAGE_PERSONALIZED_VARIANTS_EDITOR_VIEW_CONTEXT.toString());
+        this.IS_PERSONALIZED_VARIANTS_EDITOR_VIEW_CONTEXT = true;
+    }
+}

package/dist/personalization/personalized-variants/editor-view/personalized-variants-editor-view.element.d.ts

@@ -0,0 +1,16 @@
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+declare const elementName = "ue-personalized-variants-editor-view";
+export declare class UePersonalizedVariantsEditorViewElement extends UmbLitElement {
+    #private;
+    private _isSegmented;
+    private _personalizations?;
+    constructor();
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("lit").CSSResult;
+}
+declare global {
+    interface HMTLElementTagNameMap {
+        [elementName]: UePersonalizedVariantsEditorViewElement;
+    }
+}
+export {};

package/dist/personalization/personalized-variants/editor-view/personalized-variants-editor-view.element.js

@@ -0,0 +1,279 @@
+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_PERSONALIZED_VARIANT_ENTITY_TYPE } from "../constants.js";
+import { ENGAGE_PERSONALIZED_VARIANTS_EDITOR_VIEW_CONTEXT } from "./personalized-variants-editor-view-context.token.js";
+import { css, customElement, html, state, when, } from "@umbraco-cms/backoffice/external/lit";
+import { UmbLitElement } from "@umbraco-cms/backoffice/lit-element";
+import { UMB_DOCUMENT_WORKSPACE_CONTEXT } from "@umbraco-cms/backoffice/document";
+import { tryExecute } from "@umbraco-cms/backoffice/resources";
+import { UmbModalRouteRegistrationController } from "@umbraco-cms/backoffice/router";
+import { UMB_WORKSPACE_MODAL } from "@umbraco-cms/backoffice/workspace";
+import { UMB_PROPERTY_DATASET_CONTEXT } from "@umbraco-cms/backoffice/property";
+import { UMB_DOCUMENT_TYPE_ENTITY_TYPE, UMB_DOCUMENT_TYPE_WORKSPACE_MODAL, UMB_EDIT_DOCUMENT_TYPE_WORKSPACE_PATH_PATTERN, } from "@umbraco-cms/backoffice/document-type";
+import { umbConfirmModal } from "@umbraco-cms/backoffice/modal";
+import { AbTestingImage } from "../../../images/index.js";
+import { ContentTypesService } from "../../../generated/index.js";
+import { ENGAGE_EDIT_VARIANT_PATH_PATTERN } from "../../../core/index.js";
+const elementName = "ue-personalized-variants-editor-view";
+let UePersonalizedVariantsEditorViewElement = class UePersonalizedVariantsEditorViewElement extends UmbLitElement {
+    #workspaceContext;
+    #documentContext;
+    #variantId;
+    #modalPath;
+    #editDocTypeModalPath;
+    #contentTypeUnique;
+    constructor() {
+        super();
+        this._isSegmented = false;
+        this.consumeContext(UMB_DOCUMENT_WORKSPACE_CONTEXT, (context) => {
+            if (!context)
+                return;
+            this.#documentContext = context;
+            this.#contentTypeUnique = context.getContentTypeUnique()?.toString();
+            this.#getSegmentationState();
+        });
+        this.consumeContext(UMB_PROPERTY_DATASET_CONTEXT, (context) => {
+            if (!context)
+                return;
+            this.#variantId = context.getVariantId();
+        });
+        this.consumeContext(ENGAGE_PERSONALIZED_VARIANTS_EDITOR_VIEW_CONTEXT, async (context) => {
+            if (!context)
+                return;
+            this.#workspaceContext = context;
+            await this.#workspaceContext.load();
+            this.observe(this.#workspaceContext?.personalizations$, async () => (this._personalizations =
+                await this.#workspaceContext?.getPersonalizationsForPage()));
+        });
+        this.#registerModalRoute();
+    }
+    #registerModalRoute() {
+        new UmbModalRouteRegistrationController(this, UMB_WORKSPACE_MODAL)
+            .addAdditionalPath(ENGAGE_PERSONALIZED_VARIANT_ENTITY_TYPE)
+            .onSetup(() => ({
+            data: {
+                entityType: ENGAGE_PERSONALIZED_VARIANT_ENTITY_TYPE,
+            },
+            modal: {
+                size: "medium",
+            },
+        }))
+            .onReject(async () => {
+            await this.#workspaceContext?.requestItems();
+        })
+            .onSubmit(async () => {
+            await this.#workspaceContext?.requestItems();
+        })
+            .observeRouteBuilder((routeBuilder) => {
+            this.#modalPath = routeBuilder({});
+        });
+        new UmbModalRouteRegistrationController(this, UMB_DOCUMENT_TYPE_WORKSPACE_MODAL, Symbol())
+            .addAdditionalPath(UMB_DOCUMENT_TYPE_ENTITY_TYPE)
+            .onSetup(() => ({}))
+            .observeRouteBuilder((routeBuilder) => {
+            this.#editDocTypeModalPath = routeBuilder({});
+        });
+    }
+    async #getSegmentationState() {
+        const { data } = await tryExecute(this, ContentTypesService.getContentTypesSegmentedProperty({
+            query: { unique: this.#contentTypeUnique },
+        }));
+        this._isSegmented = data ?? false;
+    }
+    async #onEdit(segment) {
+        if (!segment || !this.#variantId)
+            return;
+        const unique = this.#documentContext?.getUnique();
+        if (!unique)
+            return;
+        const url = ENGAGE_EDIT_VARIANT_PATH_PATTERN.generateAbsolute({
+            unique,
+            culture: this.#variantId.culture,
+            segment,
+        });
+        window.history.pushState(null, "", url);
+    }
+    async #onEditVariant(e, variant) {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        window.history.pushState({}, "", this.#modalPath + "edit/" + variant.unique);
+    }
+    async #onPreviewVariant(e, variant) {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        await this.#workspaceContext?.preview(variant);
+    }
+    async #onDeleteVariant(e, variant) {
+        e.preventDefault();
+        e.stopImmediatePropagation();
+        await umbConfirmModal(this, {
+            headline: this.localize.term("actions_delete"),
+            content: this.localize.term("engage_deleteItemsDescription", 1),
+            color: "danger",
+            confirmLabel: this.localize.term("actions_delete"),
+        });
+        await this.#workspaceContext?.delete(variant.unique);
+    }
+    #renderEmpty() {
+        return html ` <ue-empty-state
+      .headline=${this.localize.term("engage_personalization_noPersonalizedVariants")}
+      .imageUrl=${AbTestingImage}
+    >
+      <uui-button
+        look="primary"
+        color="positive"
+        .href=${this.#modalPath + "create"}
+        .label=${this.localize.term("engage_createPersonalizedVariant")}
+      ></uui-button>
+    </ue-empty-state>`;
+    }
+    #renderNoSegmentation() {
+        const href = this.#contentTypeUnique
+            ? this.#editDocTypeModalPath +
+                UMB_EDIT_DOCUMENT_TYPE_WORKSPACE_PATH_PATTERN.generateLocal({
+                    unique: this.#contentTypeUnique,
+                })
+            : undefined;
+        return html `<ue-empty-state .imageUrl=${AbTestingImage}>
+      <p style="text-align:center">
+        ${this.localize.term("engage_personalization_noSegmentation")}
+      </p>
+      <uui-button
+        .href=${href}
+        look="primary"
+        color="default"
+        .label=${this.localize.term("engage_editDocumentType")}
+      ></uui-button>
+    </ue-empty-state>`;
+    }
+    #render() {
+        let activeIdx = 0;
+        return html `<uui-box>
+      <p>
+        ${this.localize.term("engage_personalization_personalizedVariantsDescription")}
+      </p>
+      <ue-grid gap="4">
+        ${this._personalizations?.map((p, idx) => {
+            const counter = p.isActive ? ++activeIdx : "!";
+            return html `<uui-card-content-node
+            .name=${p.name}
+            @open=${() => this.#onEdit(p.umbracoSegmentAlias)}
+          >
+            <div
+              id="icon"
+              slot="icon"
+              class=${p.isActive ? "active" : "inactive"}
+            >
+              ${counter}
+            </div>
+
+            <span>${p.description}</span>
+            ${when(p.segment, () => html ` <ul>
+                <li>
+                  <strong>${this.localize.term("engage_segment")}:</strong>
+                  ${p.segment?.name}
+                  (${this.localize.term(`engage_${p.segment?.isTemporary ? "temporary" : "core"}`)})
+                </li>
+                <li>
+                  <strong>${this.localize.term("engage_type")}:</strong>
+                  ${this.localize.term(`engage_personalization_type${p.type}`)}
+                </li>
+                <li>
+                  <strong>${this.localize.term("engage_endDate")}:</strong>
+                  ${p.segment?.endTime
+                ? this.localize.date(p.segment.endTime)
+                : this.localize.term("engage_noEndDate")}
+                </li>
+              </ul>`)}
+            <uui-action-bar>
+              <uui-button
+                @click=${(e) => this.#onPreviewVariant(e, p)}
+                .title=${this.localize.term("general_preview")}
+                ><uui-icon name="icon-preview"></uui-icon
+              ></uui-button>
+              <uui-button
+                @click=${(e) => this.#onEditVariant(e, p)}
+                .title=${this.localize.term("general_edit")}
+                ><uui-icon name="icon-edit"></uui-icon
+              ></uui-button>
+              <uui-button
+                @click=${(e) => this.#onDeleteVariant(e, p)}
+                .title=${this.localize.term("general_delete")}
+                ><uui-icon name="icon-trash"></uui-icon
+              ></uui-button>
+            </uui-action-bar>
+          </uui-card-content-node>`;
+        })}
+        <uui-button
+          look="placeholder"
+          .href=${this.#modalPath + "create"}
+          .label=${this.localize.term("engage_createPersonalizedVariant")}
+        ></uui-button
+      ></ue-grid>
+    </uui-box>`;
+    }
+    render() {
+        if (!this._isSegmented) {
+            return this.#renderNoSegmentation();
+        }
+        if (!this._personalizations?.length) {
+            return this.#renderEmpty();
+        }
+        return this.#render();
+    }
+    static { this.styles = css `
+    ul {
+      list-style: none;
+      padding-inline-start: 0px;
+      margin: 0;
+    }
+
+    uui-action-bar {
+      position: absolute;
+      top: var(--uui-size-4);
+      right: var(--uui-size-4);
+      display: flex;
+      justify-content: right;
+    }
+
+    uui-card-content-node {
+      --uui-type-small-size: 14px;
+    }
+
+    #icon {
+      color: var(--icon-color);
+      margin-right: var(--uui-size-4);
+      border-radius: 50%;
+      border: 2px solid var(--icon-color);
+      width: var(--uui-size-8);
+      aspect-ratio: 1;
+      display: flex;
+      justify-content: center;
+      font-size: var(--uui-size-5);
+      line-height: var(--uui-size-8);
+    }
+
+    #icon.active {
+      --icon-color: var(--engage-color-default);
+    }
+
+    #icon.inactive {
+      --icon-color: var(--uui-color-text);
+      opacity: 0.2;
+    }
+  `; }
+};
+__decorate([
+    state()
+], UePersonalizedVariantsEditorViewElement.prototype, "_isSegmented", void 0);
+__decorate([
+    state()
+], UePersonalizedVariantsEditorViewElement.prototype, "_personalizations", void 0);
+UePersonalizedVariantsEditorViewElement = __decorate([
+    customElement(elementName)
+], UePersonalizedVariantsEditorViewElement);
+export { UePersonalizedVariantsEditorViewElement };

package/dist/personalization/personalized-variants/entities.d.ts

@@ -0,0 +1,5 @@
+import type { UeAppliedPersonalizationDetailModel } from "../applied-personalization/entities.js";
+import { type UePropertyConfigData } from "../../core/index.js";
+export declare const PersonalizedVariantInformationProperties: UePropertyConfigData<UeAppliedPersonalizationDetailModel>;
+export declare const PersonalizedVariantCssProperties: UePropertyConfigData<UeAppliedPersonalizationDetailModel>;
+export declare const PersonalizedVariantJavaScriptProperties: UePropertyConfigData<UeAppliedPersonalizationDetailModel>;

package/dist/personalization/personalized-variants/entities.js

@@ -0,0 +1,33 @@
+import { UeDropdownUePropertyConfig, } from "../../core/index.js";
+export const PersonalizedVariantInformationProperties = [
+    new UeDropdownUePropertyConfig("segmentId", true, {
+        labelKey: "selectSegment",
+        valueOut: (x) => Number(x[0] ?? 0),
+    }),
+    {
+        alias: "name",
+        editor: "Umb.PropertyEditorUi.TextBox",
+        validation: { mandatory: true },
+    },
+    {
+        alias: "description",
+        editor: "Umb.PropertyEditorUi.TextArea",
+        config: [{ alias: "rows", value: 5 }],
+        validation: { mandatory: true },
+    },
+];
+export const PersonalizedVariantCssProperties = [
+    {
+        alias: "css",
+        editor: "Umb.PropertyEditorUi.CodeEditor",
+        config: [{ alias: "language", value: "css" }],
+        valueOut: (v) => v.css,
+    },
+];
+export const PersonalizedVariantJavaScriptProperties = [
+    {
+        alias: "javascript",
+        editor: "Umb.PropertyEditorUi.CodeEditor",
+        valueOut: (v) => v.javascript,
+    },
+];

package/dist/personalization/personalized-variants/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./editor-view/index.js";
+export * from "./workspace/index.js";
+export * from "./entities.js";

package/dist/personalization/personalized-variants/index.js

@@ -0,0 +1,3 @@
+export * from "./editor-view/index.js";
+export * from "./workspace/index.js";
+export * from "./entities.js";

package/dist/personalization/personalized-variants/manifests.d.ts

@@ -0,0 +1,34 @@
+export declare const manifests: ({
+    type: string;
+    kind: string;
+    alias: string;
+    name: string;
+    api: () => Promise<typeof import("./workspace/personalized-variant-workspace.context.js")>;
+    meta: {
+        entityType: string;
+        label?: undefined;
+        pathname?: undefined;
+        icon?: undefined;
+    };
+    element?: undefined;
+    weight?: undefined;
+    conditions?: undefined;
+} | {
+    type: string;
+    kind: string;
+    alias: string;
+    name: string;
+    element: () => Promise<typeof import("./workspace/views/edit/personalized-variant-editor.element.js")>;
+    weight: number;
+    meta: {
+        label: string;
+        pathname: string;
+        icon: string;
+        entityType?: undefined;
+    };
+    conditions: {
+        alias: string;
+        match: string;
+    }[];
+    api?: undefined;
+})[];

package/dist/personalization/personalized-variants/manifests.js

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

package/dist/personalization/personalized-variants/workspace/index.d.ts

@@ -0,0 +1,4 @@
+export { UePersonalizedVariantWorkspaceContext } from "./personalized-variant-workspace.context.js";
+export * from "./personalized-variant-workspace-context.token.js";
+export * from "./personalized-variant-workspace-editor.element.js";
+export * from "./views/edit/personalized-variant-editor.element.js";

package/dist/personalization/personalized-variants/workspace/index.js

@@ -0,0 +1,4 @@
+export { UePersonalizedVariantWorkspaceContext } from "./personalized-variant-workspace.context.js";
+export * from "./personalized-variant-workspace-context.token.js";
+export * from "./personalized-variant-workspace-editor.element.js";
+export * from "./views/edit/personalized-variant-editor.element.js";

package/dist/personalization/personalized-variants/workspace/manifests.d.ts

@@ -0,0 +1,34 @@
+export declare const manifests: ({
+    type: string;
+    kind: string;
+    alias: string;
+    name: string;
+    api: () => Promise<typeof import("./personalized-variant-workspace.context.js")>;
+    meta: {
+        entityType: string;
+        label?: undefined;
+        pathname?: undefined;
+        icon?: undefined;
+    };
+    element?: undefined;
+    weight?: undefined;
+    conditions?: undefined;
+} | {
+    type: string;
+    kind: string;
+    alias: string;
+    name: string;
+    element: () => Promise<typeof import("./views/edit/personalized-variant-editor.element.js")>;
+    weight: number;
+    meta: {
+        label: string;
+        pathname: string;
+        icon: string;
+        entityType?: undefined;
+    };
+    conditions: {
+        alias: string;
+        match: string;
+    }[];
+    api?: undefined;
+})[];