DEV: Update invite-user-or-group modal to Component API

assets/javascripts/discourse/components/modal/post-event-invite-user-or-group.hbs

@@ -0,0 +1,29 @@
+<DModal
+  @title={{i18n "discourse_post_event.invite_user_or_group.title"}}
+  @closeModal={{@closeModal}}
+  @flash={{this.flash}}
+>
+  <:body>
+    <form>
+      <EventField>
+        <EmailGroupUserChooser
+          @value={{this.invitedNames}}
+          @options={{hash
+            fullWidthWrap=true
+            includeMessageableGroups=true
+            filterPlaceholder="composer.users_placeholder"
+            excludeCurrentUser=true
+          }}
+        />
+      </EventField>
+    </form>
+  </:body>
+  <:footer>
+    <DButton
+      @type="button"
+      class="btn-primary"
+      @label="discourse_post_event.invite_user_or_group.invite"
+      @action={{this.invite}}
+    />
+  </:footer>
+</DModal>

assets/javascripts/discourse/components/modal/post-event-invite-user-or-group.js

@@ -0,0 +1,26 @@
+import Component from "@glimmer/component";
+import { tracked } from "@glimmer/tracking";
+import { action } from "@ember/object";
+import { ajax } from "discourse/lib/ajax";
+import { extractError } from "discourse/lib/ajax-error";
+
+export default class PostEventInviteUserOrGroup extends Component {
+  @tracked invitedNames = [];
+  @tracked flash = null;
+
+  @action
+  async invite() {
+    try {
+      await ajax(
+        `/discourse-post-event/events/${this.args.model.event.id}/invite.json`,
+        {
+          data: { invites: this.invitedNames },
+          type: "POST",
+        }
+      );
+      this.args.closeModal();
+    } catch (e) {
+      this.flash = extractError(e);
+    }
+  }
+}

assets/javascripts/discourse/components/modal/post-event-invitees.hbs

@@ -3,7 +3,7 @@
   @closeModal={{@closeModal}}
   class={{concat-class
     (or @model.extraClass "invited")
-    "discourse-post-event-invitees-modal"
+    "post-event-invitees-modal"
   }}
 >
   <:body>

assets/javascripts/discourse/widgets/discourse-post-event.js

@@ -7,6 +7,7 @@ import { escapeExpression } from "discourse/lib/utilities";
 import hbs from "discourse/widgets/hbs-compiler";
 import { createWidget } from "discourse/widgets/widget";
 import I18n from "I18n";
+import PostEventInviteUserOrGroup from "../components/modal/post-event-invite-user-or-group";
 import PostEventInvitees from "../components/modal/post-event-invitees";
 import cleanTitle from "../lib/clean-title";
 import { buildParams, replaceRaw } from "../lib/raw-event-helper";
@@ -25,8 +26,8 @@ export default createWidget("discourse-post-event", {
 
   inviteUserOrGroup(postId) {
     this.store.find("discourse-post-event-event", postId).then((eventModel) => {
-      showModal("discourse-post-event-invite-user-or-group", {
-        model: eventModel,
+      this.modal.show(PostEventInviteUserOrGroup, {
+        model: { event: eventModel },
       });
     });
   },

assets/stylesheets/common/discourse-post-event-invitees.scss

@@ -1,4 +1,4 @@
-.discourse-post-event-invitees-modal {
+.post-event-invitees-modal {
   .modal-body {
     padding: 0;
   }

assets/stylesheets/desktop/discourse-post-event-invitees.scss

@@ -1,4 +1,4 @@
-.discourse-post-event-invitees-modal {
+.post-event-invitees-modal {
   .modal-inner-container {
     min-width: 350px;
   }

assets/stylesheets/mobile/discourse-post-event-invitees.scss

@@ -1,4 +1,4 @@
-.discourse-post-event-invitees-modal {
+.post-event-invitees-modal {
   .modal-inner-container {
     min-width: 90vw;
   }