@asd20/ui-next 2.0.26 → 2.0.28

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [2.0.28](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.27...ui-next-v2.0.28) (2026-04-03)
+
+
+### Bug Fixes
+
+* reinstall send an email functionality ([202c86b](https://github.com/academydistrict20/asd20-ui-next/commit/202c86b028e15121d83484de3fa280770448c46b))
+
+## [2.0.27](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.26...ui-next-v2.0.27) (2026-04-03)
+
 ## [2.0.26](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.25...ui-next-v2.0.26) (2026-04-03)
 
 ## [2.0.25](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.0.24...ui-next-v2.0.25) (2026-04-03)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asd20/ui-next",
-  "version": "2.0.26",
+  "version": "2.0.28",
   "private": false,
   "description": "ASD20 UI component library for Vue 3.",
   "license": "MIT",

package/src/components/organisms/Asd20ComposeEmailModal/index.vue

@@ -62,6 +62,7 @@ import Asd20Viewport from '../../atoms/Asd20Viewport'
 import Asd20Spinner from '../../atoms/Asd20Spinner'
 import Asd20Button from '../../atoms/Asd20Button'
 import Recaptcha from '../../utils/Recaptcha'
+import sendEmail from '../../../helpers/sendEmail.js'
 
 export default {
   name: 'Asd20ComposeEmailModal',
@@ -102,6 +103,31 @@ export default {
     },
   },
   methods: {
+    resolveRuntimeConfig() {
+      const runtimeConfig =
+        this.$config ||
+        this.$?.appContext?.config?.globalProperties?.$config ||
+        {}
+
+      if (
+        runtimeConfig.public &&
+        typeof runtimeConfig.public === 'object' &&
+        !Array.isArray(runtimeConfig.public)
+      ) {
+        return runtimeConfig.public
+      }
+
+      return runtimeConfig
+    },
+    resolveSendEmailEndpoint() {
+      const runtimeConfig = this.resolveRuntimeConfig()
+
+      return (
+        runtimeConfig.sendEmailEndpoint ||
+        runtimeConfig.azureSendEmailEndpoint ||
+        null
+      )
+    },
     validateEmailAddress({ value, validationErrors }) {
       const pattern = /^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/
       const regex = RegExp(pattern)
@@ -124,13 +150,39 @@ export default {
       if (response) this.sendEmail()
     },
     async sendEmail() {
-      if (!this.isValid || !this.$sendEmail) return
+      if (!this.isValid) return
+
+      const endpoint = this.resolveSendEmailEndpoint()
+      const sendEmailClient =
+        this.$sendEmail ||
+        (endpoint
+          ? async (message) => await sendEmail(message, endpoint)
+          : null)
+
+      if (!sendEmailClient) {
+        console.error('Send email endpoint is not configured.')
+        alert(
+          'Email sending is not configured for this environment. Please try again later.'
+        )
+        return
+      }
+
       this.sending = true
-      await this.$sendEmail(
-        Object.assign({}, this.emailMessage, { recipientId: this.recipientId })
-      )
-      this.sending = false
-      this.$emit('dismiss')
+      try {
+        await sendEmailClient(
+          Object.assign({}, this.emailMessage, {
+            recipientId: this.recipientId,
+          })
+        )
+        this.$emit('dismiss')
+      } catch (error) {
+        console.error('Email send failed:', error?.message || error)
+        alert(
+          'Something went wrong while sending your email. Please try again later.'
+        )
+      } finally {
+        this.sending = false
+      }
     },
   },
 }

package/src/components/utils/Multiselect.vue

@@ -448,6 +448,7 @@ export default {
   flex-wrap: wrap;
   align-items: center;
   gap: 0.375rem;
+  min-height: 1.25rem;
   padding: 0.5rem 2.5rem 0.5rem 0.75rem;
   cursor: text;
 }