Merge pull request #15282 from Budibase/type-portal-email-store

Convert portal email store to TS

packages/builder/src/pages/builder/portal/settings/email/[template].svelte

@@ -34,7 +34,7 @@
   async function saveTemplate() {
     try {
       // Save your template config
-      await email.templates.save(selectedTemplate)
+      await email.saveTemplate(selectedTemplate)
       notifications.success("Template saved")
     } catch (error) {
       notifications.error("Failed to update template settings")

packages/builder/src/pages/builder/portal/settings/email/_layout.svelte

@@ -5,7 +5,7 @@
 
   onMount(async () => {
     try {
-      await email.templates.fetch()
+      await email.fetchTemplates()
     } catch (error) {
       notifications.error("Error fetching email templates")
     }

packages/builder/src/stores/portal/email.ts

@@ -0,0 +1,43 @@
+import { API } from "@/api"
+import { BudiStore } from "../BudiStore"
+import {
+  FetchGlobalTemplateDefinitionResponse,
+  Template,
+} from "@budibase/types"
+
+interface EmailState {
+  definitions?: FetchGlobalTemplateDefinitionResponse
+  templates: Template[]
+}
+
+class EmailStore extends BudiStore<EmailState> {
+  constructor() {
+    super({
+      templates: [],
+    })
+  }
+
+  async fetchTemplates() {
+    const definitions = await API.getEmailTemplateDefinitions()
+    const templates = await API.getEmailTemplates()
+    this.set({
+      definitions,
+      templates,
+    })
+  }
+
+  async saveTemplate(template: Template) {
+    const savedTemplate = await API.saveEmailTemplate(template)
+    template._rev = savedTemplate._rev
+    template._id = savedTemplate._id
+    this.update(state => {
+      const currentIdx = state.templates.findIndex(
+        template => template.purpose === savedTemplate.purpose
+      )
+      state.templates.splice(currentIdx, 1, template)
+      return state
+    })
+  }
+}
+
+export const email = new EmailStore()