Add support for parsing enum by key name in the config file

Author: HashidaTKS

src/web/app.js

@@ -12,7 +12,7 @@ import { OfficeDataAccessHelper } from "./office-data-access-helper.mjs";
 Office.onReady(() => {});
 
 async function onTypicalReplyButtonClicked(event) {
-  const actionId = event.source.id; 
+  const actionId = event.source.id;
   console.debug("actionId: " + actionId);
   console.debug("conversationId: " + Office.context.mailbox.item.conversationId);
   const originalMailData = {
@@ -24,22 +24,34 @@ async function onTypicalReplyButtonClicked(event) {
     id: Office.context.mailbox.item.itemId,
   };
   try {
-    const buttonConfig = await ConfigLoader.loadConfigForCurrentLanguageAndButtonId(Office.context.displayLanguage, actionId);
+    const buttonConfig = await ConfigLoader.loadConfigForCurrentLanguageAndButtonId(
+      Office.context.displayLanguage,
+      actionId
+    );
     if (!buttonConfig) {
-      console.log("no button config find.")
+      console.log("no button config find.");
       return event.completed();
     }
-    const replyMailData = MailDataCreator.CreateDataOnForReplyForm({ config: buttonConfig, originalMailData });
+    const replyMailData = MailDataCreator.CreateDataOnForReplyForm({
+      config: buttonConfig,
+      originalMailData,
+    });
     if (!replyMailData) {
-      console.log("failed to create reply mail data.")
+      console.log("failed to create reply mail data.");
       return event.completed();
     }
-    Office.context.roamingSettings.set("conversationId", Office.context.mailbox.item.conversationId ?? "");
+    Office.context.roamingSettings.set(
+      "conversationId",
+      Office.context.mailbox.item.conversationId ?? ""
+    );
     Office.context.roamingSettings.set("actionId", actionId);
     await OfficeDataAccessHelper.saveRoamingSettingsAsync();
-    replyMailData.executeMethod({attachments: replyMailData.attachments, callback: () => {
-      event.completed();
-    }});
+    replyMailData.executeMethod({
+      attachments: replyMailData.attachments,
+      callback: () => {
+        event.completed();
+      },
+    });
   } catch (e) {
     console.log("createNewMail Failed:", e);
     event.completed();
@@ -48,21 +60,24 @@ async function onTypicalReplyButtonClicked(event) {
 window.onTypicalReplyButtonClicked = onTypicalReplyButtonClicked;
 
 async function onNewMessageComposeCreated(event) {
-  const conversationId =  Office.context.mailbox.item.conversationId;
+  const conversationId = Office.context.mailbox.item.conversationId;
   const actionId = Office.context.roamingSettings.get("actionId")?.trim() ?? "";
   const targetConversationId = Office.context.roamingSettings.get("conversationId")?.trim() ?? "";
   console.debug("action id: " + actionId);
   console.debug("targetConversation id: " + targetConversationId);
   if (conversationId !== targetConversationId) {
     return event.completed();
   }
-  const buttonConfig = await ConfigLoader.loadConfigForCurrentLanguageAndButtonId(Office.context.displayLanguage, actionId);
+  const buttonConfig = await ConfigLoader.loadConfigForCurrentLanguageAndButtonId(
+    Office.context.displayLanguage,
+    actionId
+  );
   Office.context.roamingSettings.remove("conversationId");
   Office.context.roamingSettings.remove("actionId");
   await OfficeDataAccessHelper.saveRoamingSettingsAsync();
 
   const currentSubject = await OfficeDataAccessHelper.getSubjectAsync();
-  const data = MailDataCreator.CreateReplyMailData({config: buttonConfig, currentSubject});
+  const data = MailDataCreator.CreateReplyMailData({ config: buttonConfig, currentSubject });
   if (data.newToRecipients) {
     await OfficeDataAccessHelper.setToAsync(data.newToRecipients);
   }

src/web/config-loader.mjs

@@ -50,7 +50,7 @@ export class ConfigLoader {
   static async loadConfigForCurrentLanguageAndButtonId(culture, id) {
     const configForLang = await ConfigLoader.loadConfigForCurrentLanguage(culture);
     if (configForLang && configForLang.ButtonConfigList) {
-      return configForLang.ButtonConfigList.find(conf => conf.Id === id);
+      return configForLang.ButtonConfigList.find((conf) => conf.Id === id);
     }
     return null;
   }

src/web/config.mjs

@@ -6,6 +6,19 @@ file, You can obtain one at http://mozilla.org/MPL/2.0/.
 Copyright (c) 2025 ClearCode Inc.
 */
 
+function getEnumValueByKey(enumObj, key) {
+  if (!key) {
+    return undefined;
+  }
+  const lowerdKey = key.toLowerCase();
+  for (const enumKey in enumObj) {
+    if (enumKey.toLowerCase() === lowerdKey) {
+      return enumObj[enumKey];
+    }
+  }
+  return undefined;
+}
+
 export class ButtonConfigEnums {
   static ForwardType = {
     Unknown: 0,
@@ -41,7 +54,6 @@ export class ButtonConfig {
   LoweredAllowedDomains;
   AllowedDomainsType;
   ForwardType;
-  Image;
 
   constructor({
     Id,
@@ -53,7 +65,6 @@ export class ButtonConfig {
     QuoteType,
     AllowedDomains,
     ForwardType,
-    Image,
   }) {
     this.Id = Id ?? "";
     this.Label = Label ?? "";
@@ -63,8 +74,9 @@ export class ButtonConfig {
     this.Recipients = Recipients ?? [];
     this.QuoteType = QuoteType ?? false;
     this.AllowedDomains = AllowedDomains ?? [];
-    this.ForwardType = ForwardType ?? ButtonConfigEnums.ForwardType.Unknown;
-    this.Image = Image ?? "logo.png";
+    this.ForwardType =
+      getEnumValueByKey(ButtonConfigEnums.ForwardType, ForwardType) ??
+      ButtonConfigEnums.ForwardType.Unknown;
 
     if (!Recipients || Recipients.length == 0) {
       this.RecipientsType = ButtonConfigEnums.RecipientsType.Blank;
@@ -93,11 +105,7 @@ export class Config {
   GroupLabel;
   ButtonConfigList;
 
-  constructor({
-    Culture,
-    GroupLabel,
-    ButtonConfigList,
-  }) {
+  constructor({ Culture, GroupLabel, ButtonConfigList }) {
     this.Culture = Culture ?? "en-US";
     this.GroupLabel = GroupLabel ?? "Typical Reply";
     this.ButtonConfigList = [];

src/web/mail-data-creator.mjs

@@ -27,7 +27,7 @@ export class MailDataCreator {
         mailItemToReply.toRecipients = config.Recipients;
         break;
       default:
-        break; 
+        break;
     }
     if (config.AllowedDomainsType == ButtonConfigEnums.AllowedDomainsType.SpecifiedByUser) {
       const loweredAllowedDomains = config.AllowedDomains.toLowerCase();
@@ -78,8 +78,7 @@ export class MailDataCreator {
 
     if (config.Subject) {
       mailItemToReply.subject = config.Subject;
-    }
-    else {
+    } else {
       mailItemToReply.subject = originalSuject;
     }
 
@@ -88,7 +87,7 @@ export class MailDataCreator {
     }
 
     mailItemToReply.bodyHtml = config.Body ?? "";
-    mailItemToReply.quoteType = config.QuoteType
+    mailItemToReply.quoteType = config.QuoteType;
     return mailItemToReply;
   }
 }