@asd20/ui-next 2.7.0 → 2.7.2

package/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Changelog
 
+## [2.7.2](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.7.1...ui-next-v2.7.2) (2026-05-05)
+
+## [2.7.1](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.7.0...ui-next-v2.7.1) (2026-05-05)
+
+
+### Bug Fixes
+
+* allow compose email modal to interpret AI rejection code ([411c383](https://github.com/academydistrict20/asd20-ui-next/commit/411c38300678a57c4eec6c5892206089b359202d))
+
 # [2.7.0](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.6.0...ui-next-v2.7.0) (2026-05-05)
 
 

package/package.json

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

package/src/components/molecules/Asd20TextAreaInput/index.vue

@@ -91,7 +91,8 @@ $input-focus-color: var(--color__accent-t50);
     margin: 0;
     color: var(--website-card__reverse-background-color);
     border: 2px solid var(--color__accent);
-    border-radius: 0;
+    border-radius: var(--website-shape__radius-s);
+    font-family: var(--website-typography__font-family-body);
     font-size: 1rem;
     line-height: 1;
     padding: space(0.25) space(0.25);

package/src/components/molecules/Asd20TextInput/index.vue

@@ -86,7 +86,8 @@ $input-focus-color: var(--color__accent-t50);
     margin: 0;
     color: var(--website-card__reverse-background-color);
     border: 2px solid var(--color__accent);
-    border-radius: 0;
+    border-radius: var(--website-shape__radius-s);
+    font-family: var(--website-typography__font-family-body);
     font-size: 1rem;
     line-height: 1;
     padding: space(0.25) space(0.25);

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

@@ -1,7 +1,7 @@
 <template>
   <asd20-modal
     :open="open"
-    title="Send an Email"
+    :title="modalTitle"
     icon="email"
     dismissable
     windowed
@@ -141,6 +141,9 @@ export default {
     },
   }),
   computed: {
+    modalTitle() {
+      return this.sendRejected ? 'Contact our Help Desk' : 'Send an Email'
+    },
     isValid() {
       return (
         this.validationErrors.senderName.length === 0 &&
@@ -226,8 +229,23 @@ export default {
 
       return 'Something went wrong while sending your email. Please try again later.'
     },
+    getSendEmailResponseData(error) {
+      if (error?.response?.data) return error.response.data
+
+      const message = String(error?.message || '')
+      const jsonStart = message.indexOf('{')
+      if (jsonStart < 0) return null
+
+      try {
+        return JSON.parse(message.slice(jsonStart))
+      } catch (_error) {
+        return null
+      }
+    },
     isHelpDeskRejection(error) {
-      return error?.response?.data?.code === 'moderation_rejected'
+      return (
+        this.getSendEmailResponseData(error)?.code === 'moderation_rejected'
+      )
     },
     async sendEmail(captchaToken = '') {
       if (!this.isValid) return
@@ -263,7 +281,8 @@ export default {
         console.error('Email send failed:', error?.message || error)
         if (this.isHelpDeskRejection(error)) {
           this.helpDeskUrl =
-            error?.response?.data?.helpDeskUrl || 'https://asd20.org/help-desk'
+            this.getSendEmailResponseData(error)?.helpDeskUrl ||
+            'https://asd20.org/help-desk'
           this.sendRejected = true
           return
         }
@@ -322,7 +341,8 @@ export default {
     & :deep(.asd20-modal) {
       margin-top: auto;
       margin-bottom: auto;
-      max-width: 30vw;
+      height: 80vh;
+      max-width: 50vw;
     }
   }
 }