@umbraco-cms/backoffice 14.0.0--preview004-13d6f91d → 14.0.0--preview004-11efe831

package/dist-cms/custom-elements.json

@@ -9282,8 +9282,8 @@
       ]
     },
     {
-      "name": "umb-user-create-modal",
-      "path": "./../src/packages/user/user/modals/create/user-create-modal.element.ts",
+      "name": "umb-invite-user-modal",
+      "path": "./../src/packages/user/user/invite/modal/invite/user-invite-modal.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -9293,8 +9293,8 @@
       ]
     },
     {
-      "name": "umb-user-create-success-modal",
-      "path": "./../src/packages/user/user/modals/create/user-create-success-modal.element.ts",
+      "name": "umb-resend-invite-to-user-modal",
+      "path": "./../src/packages/user/user/invite/modal/resend-invite/resend-invite-to-user-modal.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -9304,8 +9304,8 @@
       ]
     },
     {
-      "name": "umb-user-invite-modal",
-      "path": "./../src/packages/user/user/modals/invite/user-invite-modal.element.ts",
+      "name": "umb-user-create-modal",
+      "path": "./../src/packages/user/user/modals/create/user-create-modal.element.ts",
       "properties": [
         {
           "name": "styles",
@@ -9315,8 +9315,8 @@
       ]
     },
     {
-      "name": "umb-resend-invite-to-user-modal",
-      "path": "./../src/packages/user/user/modals/resend-invite/resend-invite-to-user-modal.element.ts",
+      "name": "umb-user-create-success-modal",
+      "path": "./../src/packages/user/user/modals/create/user-create-success-modal.element.ts",
       "properties": [
         {
           "name": "styles",

package/dist-cms/mocks/data/user/user.db.d.ts

@@ -51,7 +51,9 @@ declare class UmbUserData extends UmbEntityData<UserResponseModel> {
      * @param {InviteUserRequestModel} data
      * @memberof UmbUserData
      */
-    invite(data: InviteUserRequestModel): void;
+    invite(data: InviteUserRequestModel): {
+        userId: string | undefined;
+    };
     filter(options: any): PagedUserResponseModel;
 }
 export declare const umbUsersData: UmbUserData;

package/dist-cms/mocks/data/user/user.db.js

@@ -128,10 +128,11 @@ class UmbUserData extends UmbEntityData {
      */
     invite(data) {
         const invitedUser = {
-            status: UserStateModel.INVITED,
             ...data,
+            state: UserStateModel.INVITED,
         };
-        this.createUser(invitedUser);
+        const response = this.createUser(invitedUser);
+        return { userId: response.userId };
     }
     filter(options) {
         const { items: allItems } = this.getAll();

package/dist-cms/mocks/handlers/user/invite.handlers.js

@@ -2,15 +2,18 @@ const { rest } = window.MockServiceWorker;
 import { umbUsersData } from '../../data/user/user.db.js';
 import { UMB_SLUG } from './slug.js';
 import { umbracoPath } from '../../../shared/utils/index.js';
+const inviteSlug = `${UMB_SLUG}/invite`;
 export const handlers = [
-    rest.post(umbracoPath(`${UMB_SLUG}/invite`), async (req, res, ctx) => {
+    rest.post(umbracoPath(`${inviteSlug}`), async (req, res, ctx) => {
         const data = await req.json();
         if (!data)
             return;
-        umbUsersData.invite(data);
-        return res(ctx.status(200));
+        const { userId } = umbUsersData.invite(data);
+        if (!userId)
+            return res(ctx.status(400));
+        return res(ctx.status(201), ctx.set('Location', userId));
     }),
-    rest.post(umbracoPath(`${UMB_SLUG}/invite/resend`), async (req, res, ctx) => {
+    rest.post(umbracoPath(`${inviteSlug}/resend`), async (req, res, ctx) => {
         const data = await req.json();
         if (!data)
             return;

package/dist-cms/packages/core/modal/modal-element.element.d.ts

@@ -7,4 +7,16 @@ export declare abstract class UmbModalBaseElement<ModalDataType extends object =
     data?: ModalDataType;
     get _value(): ModalValueType;
     set _value(value: ModalValueType);
+    /**
+     * Submits the modal
+     * @protected
+     * @memberof UmbModalBaseElement
+     */
+    protected _submitModal(): void;
+    /**
+     * Rejects the modal
+     * @protected
+     * @memberof UmbModalBaseElement
+     */
+    protected _rejectModal(): void;
 }

package/dist-cms/packages/core/modal/modal-element.element.js

@@ -13,6 +13,22 @@ export class UmbModalBaseElement extends UmbLitElement {
     set _value(value) {
         this.modalContext?.setValue(value);
     }
+    /**
+     * Submits the modal
+     * @protected
+     * @memberof UmbModalBaseElement
+     */
+    _submitModal() {
+        this.modalContext?.submit(this._value);
+    }
+    /**
+     * Rejects the modal
+     * @protected
+     * @memberof UmbModalBaseElement
+     */
+    _rejectModal() {
+        this.modalContext?.reject();
+    }
 }
 __decorate([
     property({ type: Object, attribute: false })

package/dist-cms/packages/core/modal/token/index.d.ts

@@ -15,7 +15,6 @@ export * from './examine-fields-settings-modal.token.js';
 export * from './export-dictionary-modal.token.js';
 export * from './icon-picker-modal.token.js';
 export * from './import-dictionary-modal.token.js';
-export * from './invite-user-modal.token.js';
 export * from './language-picker-modal.token.js';
 export * from './link-picker-modal.token.js';
 export * from './media-tree-picker-modal.token.js';
@@ -37,4 +36,3 @@ export * from './data-type-picker-flow-modal.token.js';
 export * from './data-type-picker-flow-data-type-picker-modal.token.js';
 export * from './entity-user-permission-settings-modal.token.js';
 export * from './permissions-modal.token.js';
-export * from './resend-invite-to-user-modal.token.js';

package/dist-cms/packages/core/modal/token/index.js

@@ -15,7 +15,6 @@ export * from './examine-fields-settings-modal.token.js';
 export * from './export-dictionary-modal.token.js';
 export * from './icon-picker-modal.token.js';
 export * from './import-dictionary-modal.token.js';
-export * from './invite-user-modal.token.js';
 export * from './language-picker-modal.token.js';
 export * from './link-picker-modal.token.js';
 export * from './media-tree-picker-modal.token.js';
@@ -37,4 +36,3 @@ export * from './data-type-picker-flow-modal.token.js';
 export * from './data-type-picker-flow-data-type-picker-modal.token.js';
 export * from './entity-user-permission-settings-modal.token.js';
 export * from './permissions-modal.token.js';
-export * from './resend-invite-to-user-modal.token.js';

package/dist-cms/packages/core/modal/token/user-picker-modal.token.d.ts

@@ -1,6 +1,6 @@
-import { UmbUserDetail } from '../../../user/user/index.js';
+import { UmbUserDetailModel } from '../../../user/user/index.js';
 import { UmbModalToken, UmbPickerModalData } from '../index.js';
-export type UmbUserPickerModalData = UmbPickerModalData<UmbUserDetail>;
+export type UmbUserPickerModalData = UmbPickerModalData<UmbUserDetailModel>;
 export interface UmbUserPickerModalValue {
     selection: Array<string | null>;
 }

package/dist-cms/packages/user/user/collection/action/manifests.d.ts

@@ -1,4 +1,3 @@
 import { ManifestTypes } from '../../../../core/extension-registry/index.js';
 export declare const createManifest: ManifestTypes;
-export declare const inviteManifest: ManifestTypes;
 export declare const manifests: import("../../../../core/extension-registry/index.js").ManifestCollectionAction[];

package/dist-cms/packages/user/user/collection/action/manifests.js

@@ -1,5 +1,4 @@
 import { UmbCreateUserCollectionAction } from './create-user.collection-action.js';
-import { UmbInviteUserCollectionAction } from './invite-user.collection-action.js';
 import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../../core/collection/index.js';
 export const createManifest = {
     type: 'collectionAction',
@@ -18,21 +17,4 @@ export const createManifest = {
         },
     ],
 };
-export const inviteManifest = {
-    type: 'collectionAction',
-    kind: 'button',
-    name: 'Invite User Collection Action',
-    alias: 'Umb.CollectionAction.User.Invite',
-    api: UmbInviteUserCollectionAction,
-    weight: 100,
-    meta: {
-        label: 'Invite',
-    },
-    conditions: [
-        {
-            alias: UMB_COLLECTION_ALIAS_CONDITION,
-            match: 'Umb.Collection.User',
-        },
-    ],
-};
-export const manifests = [createManifest, inviteManifest];
+export const manifests = [createManifest];

package/dist-cms/packages/user/user/collection/repository/user-collection.server.data-source.d.ts

@@ -1,4 +1,4 @@
-import { type UmbUserCollectionFilterModel, type UmbUserDetail } from '../../types.js';
+import { type UmbUserCollectionFilterModel, type UmbUserDetailModel } from '../../types.js';
 import { UmbCollectionDataSource } from '../../../../core/repository/index.js';
 import type { UmbControllerHost } from '../../../../../libs/controller-api/index.js';
 /**
@@ -7,7 +7,7 @@ import type { UmbControllerHost } from '../../../../../libs/controller-api/index
  * @class UmbUserCollectionServerDataSource
  * @implements {UmbCollectionDataSource}
  */
-export declare class UmbUserCollectionServerDataSource implements UmbCollectionDataSource<UmbUserDetail> {
+export declare class UmbUserCollectionServerDataSource implements UmbCollectionDataSource<UmbUserDetailModel> {
     #private;
     /**
      * Creates an instance of UmbUserCollectionServerDataSource.

package/dist-cms/packages/user/user/collection/repository/user-collection.server.data-source.js

@@ -1,4 +1,4 @@
-import { UMB_USER_ENTITY_TYPE } from '../../types.js';
+import { UMB_USER_ENTITY_TYPE } from '../../entity.js';
 import { extendDataSourcePagedResponseData } from '../../../../core/repository/index.js';
 import { UserResource } from '../../../../../external/backend-api/index.js';
 import { tryExecuteAndNotify } from '../../../../../shared/resources/index.js';

package/dist-cms/packages/user/user/collection/user-collection-header.element.js

@@ -7,7 +7,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { css, html, customElement, state, repeat, ifDefined } from '../../../../external/lit/index.js';
 import { UmbLitElement } from '../../../../shared/lit-element/index.js';
 import { UMB_COLLECTION_CONTEXT } from '../../../core/collection/index.js';
-import { UMB_INVITE_USER_MODAL, } from '../../../core/modal/index.js';
 import { UserOrderModel, UserStateModel } from '../../../../external/backend-api/index.js';
 import { UmbUserGroupCollectionRepository } from '../../user-group/index.js';
 export let UmbUserCollectionHeaderElement = class UmbUserCollectionHeaderElement extends UmbLitElement {
@@ -44,9 +43,6 @@ export let UmbUserCollectionHeaderElement = class UmbUserCollectionHeaderElement
         clearTimeout(this.#inputTimer);
         this.#inputTimer = setTimeout(() => this.#collectionContext?.setFilter({ filter }), this.#inputTimerAmount);
     }
-    #onInviteUserClick() {
-        this.#modalContext?.open(UMB_INVITE_USER_MODAL);
-    }
     #onStateFilterChange(event) {
         event.stopPropagation();
         const target = event.currentTarget;

package/dist-cms/packages/user/user/collection/user-collection.context.d.ts

@@ -1,8 +1,8 @@
-import { UmbUserCollectionFilterModel, UmbUserDetail } from '../types.js';
+import { UmbUserCollectionFilterModel, UmbUserDetailModel } from '../types.js';
 import { UmbDefaultCollectionContext } from '../../../core/collection/index.js';
 import { UserOrderModel, UserStateModel } from '../../../../external/backend-api/index.js';
 import { UmbControllerHostElement } from '../../../../libs/controller-api/index.js';
-export declare class UmbUserCollectionContext extends UmbDefaultCollectionContext<UmbUserDetail, UmbUserCollectionFilterModel> {
+export declare class UmbUserCollectionContext extends UmbDefaultCollectionContext<UmbUserDetailModel, UmbUserCollectionFilterModel> {
     constructor(host: UmbControllerHostElement);
     /**
      * Sets the state filter for the collection and refreshes the collection.

package/dist-cms/packages/user/user/conditions/manifests.js

@@ -1,12 +1,10 @@
 import { manifest as userAllowDisableActionManifest } from './user-allow-disable-action.condition.js';
 import { manifest as userAllowEnableActionManifest } from './user-allow-enable-action.condition.js';
 import { manifest as userAllowUnlockActionManifest } from './user-allow-unlock-action.condition.js';
-import { manifest as userAllowResendInviteActionManifest } from './user-allow-resend-invite-action.condition.js';
 import { manifest as userAllowDeleteActionManifest } from './user-allow-delete-action.condition.js';
 export const manifests = [
     userAllowDisableActionManifest,
     userAllowEnableActionManifest,
     userAllowUnlockActionManifest,
-    userAllowResendInviteActionManifest,
     userAllowDeleteActionManifest,
 ];

package/dist-cms/packages/user/user/conditions/user-allow-action-base.condition.d.ts

@@ -1,11 +1,11 @@
-import { UmbUserDetail } from '../types.js';
+import { UmbUserDetailModel } from '../types.js';
 import { UmbBaseController } from '../../../../libs/class-api/index.js';
 import { UmbConditionConfigBase, UmbConditionControllerArguments, UmbExtensionCondition } from '../../../../libs/extension-api/index.js';
 export declare class UmbUserActionConditionBase extends UmbBaseController implements UmbExtensionCondition {
     #private;
     config: UmbConditionConfigBase;
     permitted: boolean;
-    protected userData?: UmbUserDetail;
+    protected userData?: UmbUserDetailModel;
     constructor(args: UmbConditionControllerArguments<UmbConditionConfigBase>);
     /**
      * Check if the current user is the same as the user being edited

package/dist-cms/packages/user/user/entity-actions/manifests.js

@@ -1,10 +1,9 @@
-import { UMB_CHANGE_USER_PASSWORD_REPOSITORY_ALIAS, UMB_DISABLE_USER_REPOSITORY_ALIAS, UMB_ENABLE_USER_REPOSITORY_ALIAS, UMB_INVITE_USER_REPOSITORY_ALIAS, UMB_UNLOCK_USER_REPOSITORY_ALIAS, UMB_USER_REPOSITORY_ALIAS, } from '../repository/manifests.js';
-import { UMB_USER_ENTITY_TYPE } from '../index.js';
+import { UMB_CHANGE_USER_PASSWORD_REPOSITORY_ALIAS, UMB_DISABLE_USER_REPOSITORY_ALIAS, UMB_ENABLE_USER_REPOSITORY_ALIAS, UMB_UNLOCK_USER_REPOSITORY_ALIAS, UMB_USER_REPOSITORY_ALIAS, } from '../repository/manifests.js';
+import { UMB_USER_ENTITY_TYPE } from '../entity.js';
 import { UmbDisableUserEntityAction } from './disable/disable-user.action.js';
 import { UmbEnableUserEntityAction } from './enable/enable-user.action.js';
 import { UmbChangeUserPasswordEntityAction } from './change-password/change-user-password.action.js';
 import { UmbUnlockUserEntityAction } from './unlock/unlock-user.action.js';
-import { UmbResendInviteToUserEntityAction } from './resend-invite/resend-invite-to-user.action.js';
 import { UmbDeleteEntityAction } from '../../../core/entity-action/index.js';
 const entityActions = [
     {
@@ -92,23 +91,5 @@ const entityActions = [
             },
         ],
     },
-    {
-        type: 'entityAction',
-        alias: 'Umb.EntityAction.User.ResendInvite',
-        name: 'Resend Invite User Entity Action',
-        weight: 500,
-        api: UmbResendInviteToUserEntityAction,
-        meta: {
-            icon: 'icon-message',
-            label: 'Resend Invite',
-            repositoryAlias: UMB_INVITE_USER_REPOSITORY_ALIAS,
-            entityTypes: [UMB_USER_ENTITY_TYPE],
-        },
-        conditions: [
-            {
-                alias: 'Umb.Condition.User.AllowResendInviteAction',
-            },
-        ],
-    },
 ];
 export const manifests = [...entityActions];

package/dist-cms/packages/user/user/entity.d.ts

@@ -0,0 +1 @@
+export declare const UMB_USER_ENTITY_TYPE = "user";

package/dist-cms/packages/user/user/entity.js

@@ -0,0 +1 @@
+export const UMB_USER_ENTITY_TYPE = 'user';

package/dist-cms/packages/user/user/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components/index.js';
+export * from './invite/index.js';
 export * from './repository/index.js';
 export * from './types.js';

package/dist-cms/packages/user/user/index.js

@@ -1,3 +1,4 @@
 export * from './components/index.js';
+export * from './invite/index.js';
 export * from './repository/index.js';
 export * from './types.js';

package/dist-cms/packages/user/user/{collection/action → invite/collection-action}/invite-user.collection-action.js

@@ -1,5 +1,6 @@
+import { UMB_INVITE_USER_MODAL } from '../modal/index.js';
 import { UmbCollectionActionBase } from '../../../../core/collection/index.js';
-import { UMB_INVITE_USER_MODAL, UMB_MODAL_MANAGER_CONTEXT_TOKEN, } from '../../../../core/modal/index.js';
+import { UMB_MODAL_MANAGER_CONTEXT_TOKEN } from '../../../../core/modal/index.js';
 export class UmbInviteUserCollectionAction extends UmbCollectionActionBase {
     #modalManagerContext;
     constructor(host) {

package/dist-cms/packages/user/user/invite/collection-action/manifests.d.ts

@@ -0,0 +1,3 @@
+import { ManifestTypes } from '../../../../core/extension-registry/index.js';
+export declare const inviteManifest: ManifestTypes;
+export declare const manifests: import("../../../../core/extension-registry/index.js").ManifestCollectionAction[];

package/dist-cms/packages/user/user/invite/collection-action/manifests.js

@@ -0,0 +1,20 @@
+import { UmbInviteUserCollectionAction } from './invite-user.collection-action.js';
+import { UMB_COLLECTION_ALIAS_CONDITION } from '../../../../core/collection/index.js';
+export const inviteManifest = {
+    type: 'collectionAction',
+    kind: 'button',
+    name: 'Invite User Collection Action',
+    alias: 'Umb.CollectionAction.User.Invite',
+    api: UmbInviteUserCollectionAction,
+    weight: 100,
+    meta: {
+        label: 'Invite',
+    },
+    conditions: [
+        {
+            alias: UMB_COLLECTION_ALIAS_CONDITION,
+            match: 'Umb.Collection.User',
+        },
+    ],
+};
+export const manifests = [inviteManifest];

package/dist-cms/packages/user/user/invite/entity-action/manifests.d.ts

@@ -0,0 +1,2 @@
+import { ManifestTypes } from '../../../../core/extension-registry/index.js';
+export declare const manifests: ManifestTypes[];

package/dist-cms/packages/user/user/invite/entity-action/manifests.js

@@ -0,0 +1,26 @@
+import { UMB_INVITE_USER_REPOSITORY_ALIAS } from '../repository/manifests.js';
+import { UMB_USER_ENTITY_TYPE } from '../../entity.js';
+import { UmbResendInviteToUserEntityAction } from './resend-invite/resend-invite.action.js';
+import { manifest as conditionManifest } from './resend-invite/resend-invite.action.condition.js';
+const entityActions = [
+    {
+        type: 'entityAction',
+        alias: 'Umb.EntityAction.User.ResendInvite',
+        name: 'Resend Invite User Entity Action',
+        weight: 500,
+        api: UmbResendInviteToUserEntityAction,
+        meta: {
+            icon: 'icon-message',
+            label: 'Resend Invite',
+            repositoryAlias: UMB_INVITE_USER_REPOSITORY_ALIAS,
+            entityTypes: [UMB_USER_ENTITY_TYPE],
+        },
+        conditions: [
+            {
+                alias: 'Umb.Condition.User.AllowResendInviteAction',
+            },
+        ],
+    },
+    conditionManifest,
+];
+export const manifests = [...entityActions];

package/dist-cms/packages/user/user/{conditions/user-allow-resend-invite-action.condition.d.ts → invite/entity-action/resend-invite/resend-invite.action.condition.d.ts}

@@ -1,5 +1,5 @@
-import { UmbUserActionConditionBase } from './user-allow-action-base.condition.js';
-import { ManifestCondition, UmbConditionConfigBase, UmbConditionControllerArguments } from '../../../../libs/extension-api/index.js';
+import { UmbUserActionConditionBase } from '../../../conditions/user-allow-action-base.condition.js';
+import { ManifestCondition, UmbConditionConfigBase, UmbConditionControllerArguments } from '../../../../../../libs/extension-api/index.js';
 export declare class UmbUserAllowResendInviteActionCondition extends UmbUserActionConditionBase {
     constructor(args: UmbConditionControllerArguments<UmbConditionConfigBase>);
     onUserDataChange(): Promise<void>;

package/dist-cms/packages/user/user/{conditions/user-allow-resend-invite-action.condition.js → invite/entity-action/resend-invite/resend-invite.action.condition.js}

@@ -1,5 +1,5 @@
-import { UmbUserActionConditionBase } from './user-allow-action-base.condition.js';
-import { UserStateModel } from '../../../../external/backend-api/index.js';
+import { UmbUserActionConditionBase } from '../../../conditions/user-allow-action-base.condition.js';
+import { UserStateModel } from '../../../../../../external/backend-api/index.js';
 export class UmbUserAllowResendInviteActionCondition extends UmbUserActionConditionBase {
     constructor(args) {
         super(args);

package/dist-cms/packages/user/user/invite/entity-action/resend-invite/resend-invite.action.d.ts

@@ -0,0 +1,8 @@
+import { type UmbEnableUserRepository } from '../../../repository/enable/enable-user.repository.js';
+import { UmbEntityActionBase } from '../../../../../core/entity-action/index.js';
+import { UmbControllerHostElement } from '../../../../../../libs/controller-api/index.js';
+export declare class UmbResendInviteToUserEntityAction extends UmbEntityActionBase<UmbEnableUserRepository> {
+    #private;
+    constructor(host: UmbControllerHostElement, repositoryAlias: string, unique: string);
+    execute(): Promise<void>;
+}

package/dist-cms/packages/user/user/{entity-actions/resend-invite/resend-invite-to-user.action.js → invite/entity-action/resend-invite/resend-invite.action.js}

@@ -1,5 +1,6 @@
-import { UmbEntityActionBase } from '../../../../core/entity-action/index.js';
-import { UMB_MODAL_MANAGER_CONTEXT_TOKEN, UMB_RESEND_INVITE_TO_USER_MODAL, } from '../../../../core/modal/index.js';
+import { UMB_RESEND_INVITE_TO_USER_MODAL } from '../../index.js';
+import { UmbEntityActionBase } from '../../../../../core/entity-action/index.js';
+import { UMB_MODAL_MANAGER_CONTEXT_TOKEN } from '../../../../../core/modal/index.js';
 export class UmbResendInviteToUserEntityAction extends UmbEntityActionBase {
     #modalManager;
     constructor(host, repositoryAlias, unique) {

package/dist-cms/packages/user/user/invite/index.d.ts

@@ -0,0 +1,2 @@
+export { UmbInviteUserRepository, UMB_INVITE_USER_REPOSITORY_ALIAS } from './repository/index.js';
+export { UMB_INVITE_USER_MODAL, UMB_RESEND_INVITE_TO_USER_MODAL } from './modal/index.js';

package/dist-cms/packages/user/user/invite/index.js

@@ -0,0 +1,2 @@
+export { UmbInviteUserRepository, UMB_INVITE_USER_REPOSITORY_ALIAS } from './repository/index.js';
+export { UMB_INVITE_USER_MODAL, UMB_RESEND_INVITE_TO_USER_MODAL } from './modal/index.js';

package/dist-cms/packages/user/user/invite/manifests.d.ts

@@ -0,0 +1 @@
+export declare const manifests: import("../../../core/index.js").ManifestTypes[];

package/dist-cms/packages/user/user/invite/manifests.js

@@ -0,0 +1,10 @@
+import { manifests as collectionActionManifests } from './collection-action/manifests.js';
+import { manifests as modalManifests } from './modal/manifests.js';
+import { manifests as repositoryManifests } from './repository/manifests.js';
+import { manifests as entityActionManifests } from './entity-action/manifests.js';
+export const manifests = [
+    ...collectionActionManifests,
+    ...modalManifests,
+    ...repositoryManifests,
+    ...entityActionManifests,
+];

package/dist-cms/packages/user/user/invite/modal/index.d.ts

@@ -0,0 +1,2 @@
+export { UMB_INVITE_USER_MODAL } from './invite/index.js';
+export { UMB_RESEND_INVITE_TO_USER_MODAL } from './resend-invite/index.js';

package/dist-cms/packages/user/user/invite/modal/index.js

@@ -0,0 +1,2 @@
+export { UMB_INVITE_USER_MODAL } from './invite/index.js';
+export { UMB_RESEND_INVITE_TO_USER_MODAL } from './resend-invite/index.js';

package/dist-cms/packages/user/user/invite/modal/invite/index.d.ts

@@ -0,0 +1 @@
+export { UMB_INVITE_USER_MODAL } from './user-invite-modal.token.js';

package/dist-cms/packages/user/user/invite/modal/invite/index.js

@@ -0,0 +1 @@
+export { UMB_INVITE_USER_MODAL } from './user-invite-modal.token.js';

package/dist-cms/packages/user/user/invite/modal/invite/user-invite-modal.element.d.ts

@@ -0,0 +1,12 @@
+import { UmbModalBaseElement } from '../../../../../core/modal/index.js';
+export declare class UmbInviteUserModalElement extends UmbModalBaseElement {
+    #private;
+    render(): import("lit-html").TemplateResult<1>;
+    static styles: import("@lit/reactive-element/css-tag.js").CSSResult[];
+}
+export default UmbInviteUserModalElement;
+declare global {
+    interface HTMLElementTagNameMap {
+        'umb-invite-user-modal': UmbInviteUserModalElement;
+    }
+}

package/dist-cms/packages/user/user/invite/modal/invite/user-invite-modal.element.js

@@ -0,0 +1,105 @@
+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 { UmbInviteUserRepository } from '../../repository/invite-user.repository.js';
+import { css, html, customElement } from '../../../../../../external/lit/index.js';
+import { UmbTextStyles } from '../../../../../../shared/style/index.js';
+import { UmbModalBaseElement } from '../../../../../core/modal/index.js';
+export let UmbInviteUserModalElement = class UmbInviteUserModalElement extends UmbModalBaseElement {
+    #inviteUserRepository = new UmbInviteUserRepository(this);
+    async #onSubmit(e) {
+        e.preventDefault();
+        const form = e.target;
+        if (!form)
+            return;
+        const isValid = form.checkValidity();
+        if (!isValid)
+            return;
+        const formData = new FormData(form);
+        const name = formData.get('name');
+        const email = formData.get('email');
+        //TODO: How should we handle pickers forms?
+        const userGroupPicker = form.querySelector('#userGroups');
+        const userGroupIds = userGroupPicker?.selectedIds;
+        const message = formData.get('message');
+        // TODO: figure out when to use email or username
+        // TODO: invite request gives 500 error.
+        const { error } = await this.#inviteUserRepository.invite({
+            name,
+            email,
+            userName: email,
+            message,
+            userGroupIds,
+        });
+        if (!error) {
+            this._submitModal();
+        }
+    }
+    render() {
+        return html `<uui-dialog-layout headline="Invite User">
+			${this.#renderForm()}
+			<uui-button @click=${this._rejectModal} slot="actions" label="Cancel" look="secondary"></uui-button>
+			<uui-button
+				form="InviteUserForm"
+				slot="actions"
+				type="submit"
+				label="Send invite"
+				look="primary"
+				color="positive"></uui-button
+		></uui-dialog-layout>`;
+    }
+    #renderForm() {
+        return html ` <p style="margin-top: 0">
+				Invite new users to give them access to Umbraco. An invite email will be sent to the user with information on
+				how to log in to Umbraco. Invites last for 72 hours.
+			</p>
+			<uui-form>
+				<form id="InviteUserForm" name="form" @submit="${this.#onSubmit}">
+					<uui-form-layout-item>
+						<uui-label id="nameLabel" slot="label" for="name" required>Name</uui-label>
+						<uui-input id="name" label="name" type="text" name="name" required></uui-input>
+					</uui-form-layout-item>
+					<uui-form-layout-item>
+						<uui-label id="emailLabel" slot="label" for="email" required>Email</uui-label>
+						<uui-input id="email" label="email" type="email" name="email" required></uui-input>
+					</uui-form-layout-item>
+					<uui-form-layout-item>
+						<uui-label id="userGroupsLabel" slot="label" for="userGroups" required>User group</uui-label>
+						<span slot="description">Add groups to assign access and permissions</span>
+						<umb-user-group-input id="userGroups" name="userGroups"></umb-user-group-input>
+					</uui-form-layout-item>
+					<uui-form-layout-item>
+						<uui-label id="messageLabel" slot="label" for="message" required>Message</uui-label>
+						<uui-textarea id="message" label="message" name="message" required></uui-textarea>
+					</uui-form-layout-item>
+				</form>
+			</uui-form>`;
+    }
+    static { this.styles = [
+        UmbTextStyles,
+        css `
+			:host {
+				display: flex;
+				align-items: center;
+				justify-content: center;
+				height: 100%;
+				width: 100%;
+			}
+
+			uui-input {
+				width: 100%;
+			}
+
+			uui-textarea {
+				--uui-textarea-min-height: 100px;
+			}
+		`,
+    ]; }
+};
+UmbInviteUserModalElement = __decorate([
+    customElement('umb-invite-user-modal')
+], UmbInviteUserModalElement);
+export default UmbInviteUserModalElement;

package/dist-cms/packages/{core/modal/token/invite-user-modal.token.d.ts → user/user/invite/modal/invite/user-invite-modal.token.d.ts}

@@ -1,2 +1,2 @@
-import { UmbModalToken } from '../index.js';
+import { UmbModalToken } from '../../../../../core/modal/index.js';
 export declare const UMB_INVITE_USER_MODAL: UmbModalToken<object, unknown>;

package/dist-cms/packages/{core/modal/token/invite-user-modal.token.js → user/user/invite/modal/invite/user-invite-modal.token.js}

@@ -1,4 +1,4 @@
-import { UmbModalToken } from '../index.js';
+import { UmbModalToken } from '../../../../../core/modal/index.js';
 export const UMB_INVITE_USER_MODAL = new UmbModalToken('Umb.Modal.User.Invite', {
     type: 'dialog',
     size: 'small',