From 9eea601724e5c7053099ce2b983389e5c189787f Mon Sep 17 00:00:00 2001
From: Alexander Schreiner <github@alexander-schreiner.de>
Date: Mon, 6 Jan 2025 13:58:30 +0100
Subject: [PATCH 01/14] Added debugging support for vscode and jetbrains IDE's

Signed-off-by: Alexander Schreiner <github@alexander-schreiner.de>
---
 .gitignore                            |  7 +++++--
 .run/chrome_debug_client_side.run.xml |  5 +++++
 .vscode/extensions.json               |  5 +++++
 .vscode/launch.json                   | 24 ++++++++++++++++++++++++
 README.md                             | 24 ++++++++++++++++++++++++
 package.json                          |  2 +-
 6 files changed, 64 insertions(+), 3 deletions(-)
 create mode 100644 .run/chrome_debug_client_side.run.xml
 create mode 100644 .vscode/extensions.json
 create mode 100644 .vscode/launch.json

diff --git a/.gitignore b/.gitignore
index b7b9f2cdae..9c60b3793b 100644
--- a/.gitignore
+++ b/.gitignore
@@ -36,8 +36,11 @@ yarn-error.log*
 # vercel
 .vercel
 
-# vs code
-.vscode/
+# Ignore everything in the .vscode folder
+.vscode/*
+# Except the launch.json file and extensions.json file
+!.vscode/launch.json
+!.vscode/extensions.json
 
 # intellij
 .idea
diff --git a/.run/chrome_debug_client_side.run.xml b/.run/chrome_debug_client_side.run.xml
new file mode 100644
index 0000000000..f014807876
--- /dev/null
+++ b/.run/chrome_debug_client_side.run.xml
@@ -0,0 +1,5 @@
+<component name="ProjectRunConfigurationManager">
+  <configuration default="false" name="Next.js: debug client-side (Chrome)" type="JavascriptDebugType" uri="http://localhost:3000">
+    <method v="2" />
+  </configuration>
+</component>
\ No newline at end of file
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000000..1a1342fe60
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,5 @@
+{
+    "recommendations": [
+        "firefox-devtools.vscode-firefox-debug"
+    ]
+}
\ No newline at end of file
diff --git a/.vscode/launch.json b/.vscode/launch.json
new file mode 100644
index 0000000000..ffd4fc716c
--- /dev/null
+++ b/.vscode/launch.json
@@ -0,0 +1,24 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+        "name": "Next.js: debug client-side (Chrome)",
+        "type": "chrome",
+        "request": "launch",
+        "url": "http://localhost:3000"
+    },
+    {
+        "name": "Next.js: debug client-side (Firefox)",
+        "type": "firefox",
+        "request": "launch",
+        "url": "http://localhost:3000",
+        "reAttach": true,
+        "pathMappings": [
+            {
+                "url": "webpack://_n_e",
+                "path": "${workspaceFolder}"
+            }
+        ]
+    }
+]
+}
\ No newline at end of file
diff --git a/README.md b/README.md
index 7f05f6fa8b..53e79b0beb 100644
--- a/README.md
+++ b/README.md
@@ -90,6 +90,30 @@ Note: If you are running the backend locally and things like `dev.zetkin.org` re
 then this only works on Linux-based systems, due to the nature of `127.0.0.1` pointing to the host on Linux
 (but not on Windows/Mac, where it points to the container itself).
 
+### Debugging
+
+If you want to debug this applications you can do so through VS Code or JetBrains IDE's (as IntelliJ or WebStorm).
+
+#### VS Code
+
+For VS Code there are 2 debugging configurations within [`./.vscode/launch.json`](./.vscode/launch.json). 
+One for debugging with chrome and one for firefox.
+
+1. Start the devserver via `yarn devserver`
+2. In the sidebar on the left go to `Run and Debug`
+3. Select and run `Next.js: debug client-side (Chrome)` or `Next.js: debug client-side (Firefox)` (note that you need to have the [Debugger for Firefox Extension](https://marketplace.visualstudio.com/items?itemName=firefox-devtools.vscode-firefox-debug) installed as referenced in [`./.vscode/extensions.json`](./.vscode/extensions.json))
+4. A browser window should open itself. Navigate to the page that you need to debug (don't forget to set your breakpoints first)
+
+#### JetBrains IDE's
+
+For JetBrains IDE's unfortunately there's only a debug configuration for chrome available ([`./.idea/launch.json`](./.idea/launch.json)).
+
+1. Start the devserver via `yarn devserver`
+2. In the top bar select the run configuration `Next.js: debug client-side (Chrome)` 
+3. Run that selected configuration in the debug mode by clicking on the bug icon.
+4. A chrome window should open itself. Navigate to the page that you need to debug (don't forget to set your breakpoints first)
+
+
 ## Development server login credentials
 
 You can log in using the dummy user accounts to access dummy data from the
diff --git a/package.json b/package.json
index 2f939b89c3..2397c69535 100644
--- a/package.json
+++ b/package.json
@@ -6,7 +6,7 @@
     "analyze": "ANALYZE=true next build",
     "build": "next build",
     "start": "next start -p 80",
-    "devserver": "next dev -p 3000",
+    "devserver": "cross-env NODE_OPTIONS='--inspect' next dev -p 3000",
     "docs:build": "storybook build -o public/storybook && typedoc",
     "lint:eslint": "eslint src integrationTesting",
     "lint:prettier": "prettier --check src integrationTesting",

From 623fda68354d6319418d57b24324fb76213bddd5 Mon Sep 17 00:00:00 2001
From: Alexander Schreiner <github@alexander-schreiner.de>
Date: Mon, 6 Jan 2025 14:01:31 +0100
Subject: [PATCH 02/14] Added idea run configuration for devserver

Signed-off-by: Alexander Schreiner <github@alexander-schreiner.de>
---
 .run/devserver.run.xml | 12 ++++++++++++
 1 file changed, 12 insertions(+)
 create mode 100644 .run/devserver.run.xml

diff --git a/.run/devserver.run.xml b/.run/devserver.run.xml
new file mode 100644
index 0000000000..b7245a7600
--- /dev/null
+++ b/.run/devserver.run.xml
@@ -0,0 +1,12 @@
+<component name="ProjectRunConfigurationManager">
+  <configuration default="false" name="devserver" type="js.build_tools.npm" nameIsGenerated="true">
+    <package-json value="$PROJECT_DIR$/package.json" />
+    <command value="run" />
+    <scripts>
+      <script value="devserver" />
+    </scripts>
+    <node-interpreter value="project" />
+    <envs />
+    <method v="2" />
+  </configuration>
+</component>
\ No newline at end of file

From 69313afe8285412bba3a2ad6c2d4a102ba474e04 Mon Sep 17 00:00:00 2001
From: Alexander Schreiner <github@alexander-schreiner.de>
Date: Mon, 6 Jan 2025 17:01:51 +0100
Subject: [PATCH 03/14] fixed creation of duplicated events in case of
 DST-shift

within `useEventsFromDateRange`-hook

Signed-off-by: Alexander Schreiner <github@alexander-schreiner.de>
---
 src/features/events/hooks/useEventsFromDateRange.ts | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/features/events/hooks/useEventsFromDateRange.ts b/src/features/events/hooks/useEventsFromDateRange.ts
index ec1ad38c30..25d963e1c6 100644
--- a/src/features/events/hooks/useEventsFromDateRange.ts
+++ b/src/features/events/hooks/useEventsFromDateRange.ts
@@ -17,12 +17,11 @@ export default function useEventsFromDateRange(
   const dispatch = useAppDispatch();
   const eventsState = useAppSelector((state) => state.events);
 
-  const dateRange = range(dayjs(endDate).diff(startDate, 'day') + 1).map(
-    (diff) => {
-      const curDate = new Date(startDate);
-      curDate.setDate(curDate.getDate() + diff);
-      return curDate.toISOString();
-    }
+  const dateRange = range(
+    dayjs(endDate).startOf('day').diff(dayjs(startDate).startOf('day'), 'day') +
+      1
+  ).map((diff) =>
+    dayjs(startDate).startOf('day').add(diff, 'day').utc().toISOString()
   );
 
   const mustLoad = dateRange.some((date) =>

From 4cff80ae1a4cc88a196d2066349175f737b38a75 Mon Sep 17 00:00:00 2001
From: Alexander Schreiner <github@alexander-schreiner.de>
Date: Mon, 6 Jan 2025 17:24:31 +0100
Subject: [PATCH 04/14] fixed creation of duplicated event on next day in
 `AnyClusteredEvent` objects in case of DST-shift

within `useMonthCalendarEvents`-hook

Signed-off-by: Alexander Schreiner <github@alexander-schreiner.de>
---
 src/features/calendar/hooks/useMonthCalendarEvents.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/features/calendar/hooks/useMonthCalendarEvents.ts b/src/features/calendar/hooks/useMonthCalendarEvents.ts
index 9409241c71..db3fcdfeb8 100644
--- a/src/features/calendar/hooks/useMonthCalendarEvents.ts
+++ b/src/features/calendar/hooks/useMonthCalendarEvents.ts
@@ -1,3 +1,5 @@
+import dayjs from 'dayjs';
+
 import { AnyClusteredEvent } from '../utils/clusterEventsForWeekCalender';
 import { getActivitiesByDay } from '../components/utils';
 import useEventsFromDateRange from 'features/events/hooks/useEventsFromDateRange';
@@ -45,7 +47,7 @@ export default function useMonthCalendarEvents({
   const curDate = new Date(startDate);
   while (curDate.getTime() <= endDate.getTime()) {
     const activitiesOnCurrentDay =
-      datesWithActivities[curDate.toISOString().slice(0, 10)]?.events || [];
+      datesWithActivities[dayjs(curDate).format('YYYY-MM-DD')]?.events || [];
 
     const clusters: AnyClusteredEvent[] = [
       ...clusterEvents(activitiesOnCurrentDay),

From 208f4498c140a651f1c537e6c7943e7c17763ef4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Heli=20H=C3=A5rd=20K=C3=A4lloff?= <vierge.hard@gmail.com>
Date: Thu, 16 Jan 2025 12:12:37 +0100
Subject: [PATCH 05/14] add useEffect hook to reset UI

---
 src/features/import/hooks/useDateConfig.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/features/import/hooks/useDateConfig.ts b/src/features/import/hooks/useDateConfig.ts
index e72e3ec463..c8a47cdaa6 100644
--- a/src/features/import/hooks/useDateConfig.ts
+++ b/src/features/import/hooks/useDateConfig.ts
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
 
 import { columnUpdate } from '../store';
 import { DateColumn } from '../utils/types';
@@ -22,6 +22,10 @@ export default function useDateConfig(column: DateColumn, columnIndex: number) {
 
   const [dateFormat, setDateFormat] = useState(column.dateFormat || null);
 
+  useEffect(() => {
+    setDateFormat(column.dateFormat || null);
+  }, [columnIndex]);
+
   const noCustomFormat = dateFormat == '';
 
   let parser: IDateParser | null = null;

From 15a5234b07a17f8f8ebd20a23ed28df0e8412e1f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mattias=20Ringstr=C3=B6m?= <mattettam@hotmail.se>
Date: Sun, 19 Jan 2025 12:39:09 +0100
Subject: [PATCH 06/14] Redirects user if deleting person from current Org User
 gets redirected to the Peoples page if deleting a person from the
 organization that is currently active

---
 .../profile/components/PersonOrganizationsCard/index.tsx     | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/features/profile/components/PersonOrganizationsCard/index.tsx b/src/features/profile/components/PersonOrganizationsCard/index.tsx
index c71d66c2e9..e36911c80e 100644
--- a/src/features/profile/components/PersonOrganizationsCard/index.tsx
+++ b/src/features/profile/components/PersonOrganizationsCard/index.tsx
@@ -18,6 +18,7 @@ import usePersonOrgData from 'features/profile/hooks/usePersonOrgData';
 import { ZUIConfirmDialogContext } from 'zui/ZUIConfirmDialogProvider';
 import ZUISnackbarContext from 'zui/ZUISnackbarContext';
 import messageIds from 'features/profile/l10n/messageIds';
+import { useRouter } from 'next/router';
 
 interface PersonOrganizationsCardProps {
   orgId: number;
@@ -34,6 +35,7 @@ const PersonOrganizationsCard: React.FunctionComponent<
   const { showConfirmDialog } = useContext(ZUIConfirmDialogContext);
   const { showSnackbar } = useContext(ZUISnackbarContext);
   const { data, addToOrg, removeFromOrg } = usePersonOrgData(orgId, personId);
+  const router = useRouter();
 
   useEffect(() => {
     if (!editable) {
@@ -63,6 +65,9 @@ const PersonOrganizationsCard: React.FunctionComponent<
         try {
           await removeFromOrg(subOrgId);
           setSelected(undefined);
+          if (orgId == subOrgId) {
+            router.push(`/organize/${orgId}/people`);
+          }
         } catch (err) {
           showSnackbar('error', messages.organizations.removeError());
         }

From a83b9a8ced4c090a5e8677d8c934758f67088cb2 Mon Sep 17 00:00:00 2001
From: Alexander Schreiner <github@alexander-schreiner.de>
Date: Sun, 19 Jan 2025 12:33:55 +0100
Subject: [PATCH 07/14] Implemented input of preview email address

Now custom addresses can be used to send the test emails

Signed-off-by: Alexander Schreiner <github@alexander-schreiner.de>
---
 .../EmailEditor/EmailSettings/PreviewTab.tsx  | 34 +++++++++++++++++--
 src/features/emails/hooks/useSendTestEmail.ts | 17 +++-------
 src/features/emails/l10n/messageIds.ts        |  1 +
 3 files changed, 37 insertions(+), 15 deletions(-)

diff --git a/src/features/emails/components/EmailEditor/EmailSettings/PreviewTab.tsx b/src/features/emails/components/EmailEditor/EmailSettings/PreviewTab.tsx
index c99ae46f63..5f104899db 100644
--- a/src/features/emails/components/EmailEditor/EmailSettings/PreviewTab.tsx
+++ b/src/features/emails/components/EmailEditor/EmailSettings/PreviewTab.tsx
@@ -1,20 +1,29 @@
-import { FC } from 'react';
+import { FC, useEffect, useState } from 'react';
 import {
   Alert,
   Box,
   Button,
   CircularProgress,
+  TextField,
   Typography,
 } from '@mui/material';
+import z from 'zod';
+import { ErrorOutlined } from '@mui/icons-material';
 
 import messageIds from 'features/emails/l10n/messageIds';
 import { Msg } from 'core/i18n';
 import useCurrentUser from 'features/user/hooks/useCurrentUser';
 import useSendTestEmail from 'features/emails/hooks/useSendTestEmail';
 
+const emailAddressIsValid = (emailAddress: string): boolean =>
+  z.string().email().safeParse(emailAddress).success;
+
 const PreviewTab: FC = () => {
   const user = useCurrentUser();
   const { emailWasSent, isLoading, reset, sendTestEmail } = useSendTestEmail();
+  const [emailError, setEmailError] = useState(false);
+  const [destinationEmailAddress, setDestinationEmailAddress] = useState('');
+  useEffect(() => setDestinationEmailAddress(user?.email ?? ''), [user?.email]);
 
   if (!user) {
     return null;
@@ -28,7 +37,21 @@ const PreviewTab: FC = () => {
       <Typography>
         <Msg id={messageIds.editor.settings.tabs.preview.sendTo} />
       </Typography>
-      <Typography>{user.email}</Typography>
+      <TextField
+        error={emailError}
+        onChange={(ev) => setDestinationEmailAddress(ev.target.value)}
+        type="email"
+        value={destinationEmailAddress}
+      />
+      {emailError && (
+        <Alert color="error" icon={<ErrorOutlined />}>
+          <Typography>
+            <Msg
+              id={messageIds.editor.settings.tabs.preview.invalidEmailAddress}
+            />
+          </Typography>
+        </Alert>
+      )}
       {emailWasSent && (
         <Alert color="success">
           <Typography mb={2}>
@@ -47,7 +70,12 @@ const PreviewTab: FC = () => {
       {!emailWasSent && (
         <Button
           onClick={() => {
-            sendTestEmail();
+            const emailValid = emailAddressIsValid(destinationEmailAddress);
+            setEmailError(!emailValid);
+            if (!emailValid) {
+              return;
+            }
+            sendTestEmail({ ...user, email: destinationEmailAddress });
           }}
           variant="contained"
         >
diff --git a/src/features/emails/hooks/useSendTestEmail.ts b/src/features/emails/hooks/useSendTestEmail.ts
index d8aa741238..897174042c 100644
--- a/src/features/emails/hooks/useSendTestEmail.ts
+++ b/src/features/emails/hooks/useSendTestEmail.ts
@@ -1,20 +1,13 @@
 import { useState } from 'react';
 
-import useUser from 'core/hooks/useUser';
 import { useApiClient, useNumericRouteParams } from 'core/hooks';
+import { ZetkinUser } from '../../../utils/types/zetkin';
 
 export default function useSendTestEmail() {
   const apiClient = useApiClient();
   const [isLoading, setIsLoading] = useState(false);
   const [emailWasSent, setEmailWasSent] = useState(false);
 
-  // TODO: Get these as props instead
-  const user = useUser();
-  if (!user) {
-    // This should never happen on pages where this hook is used
-    throw new Error('Sending test email only works for signed in users');
-  }
-
   const { emailId, orgId } = useNumericRouteParams();
 
   return {
@@ -23,14 +16,14 @@ export default function useSendTestEmail() {
     reset: () => {
       setEmailWasSent(false);
     },
-    sendTestEmail: async () => {
+    sendTestEmail: async (recipient: ZetkinUser) => {
       setIsLoading(true);
       await apiClient.post(`/api/orgs/${orgId}/emails/${emailId}/preview`, {
         recipients: [
           {
-            email: user.email,
-            first_name: user.first_name,
-            last_name: user.last_name,
+            email: recipient.email,
+            first_name: recipient.first_name,
+            last_name: recipient.last_name,
           },
         ],
       });
diff --git a/src/features/emails/l10n/messageIds.ts b/src/features/emails/l10n/messageIds.ts
index 3dbbc1a4d9..f410c652a7 100644
--- a/src/features/emails/l10n/messageIds.ts
+++ b/src/features/emails/l10n/messageIds.ts
@@ -44,6 +44,7 @@ export default makeMessages('feat.emails', {
           instructions: m(
             'Here you can send this email to yourself to preview what it will look like for the recipients. '
           ),
+          invalidEmailAddress: m('This is not a valid email address'),
           okButton: m('OK!'),
           sendButton: m('Send'),
           sendTo: m('The email will be sent to this address:'),

From 981c1db7d732ec4671ee1826583f4e3f906b55b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mattias=20Ringstr=C3=B6m?= <mattettam@hotmail.se>
Date: Sun, 19 Jan 2025 14:47:48 +0100
Subject: [PATCH 08/14] Reordered imports

---
 .../profile/components/PersonOrganizationsCard/index.tsx        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/features/profile/components/PersonOrganizationsCard/index.tsx b/src/features/profile/components/PersonOrganizationsCard/index.tsx
index e36911c80e..da3b865b93 100644
--- a/src/features/profile/components/PersonOrganizationsCard/index.tsx
+++ b/src/features/profile/components/PersonOrganizationsCard/index.tsx
@@ -8,6 +8,7 @@ import {
   ListItemText,
 } from '@mui/material';
 import { useContext, useEffect, useState } from 'react';
+import { useRouter } from 'next/router';
 
 import OrganizationSelect from './OrganizationSelect';
 import { OrganizationsTree } from './OrganizationsTree';
@@ -18,7 +19,6 @@ import usePersonOrgData from 'features/profile/hooks/usePersonOrgData';
 import { ZUIConfirmDialogContext } from 'zui/ZUIConfirmDialogProvider';
 import ZUISnackbarContext from 'zui/ZUISnackbarContext';
 import messageIds from 'features/profile/l10n/messageIds';
-import { useRouter } from 'next/router';
 
 interface PersonOrganizationsCardProps {
   orgId: number;

From 9f62ad780f086da565f4cbf4de0a2b3b34c26f58 Mon Sep 17 00:00:00 2001
From: sebastianpiresmolin <piresmolinsecure@gmail.com>
Date: Sun, 19 Jan 2025 16:15:28 +0100
Subject: [PATCH 09/14] Issue 2325/indexing error (#2485)

Add 1 or 2 to index depending on firstRowIsHeaders(true/false)
---
 .../elements/ImportMessageList/ImportMessage.tsx           | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/features/import/components/ImportDialog/elements/ImportMessageList/ImportMessage.tsx b/src/features/import/components/ImportDialog/elements/ImportMessageList/ImportMessage.tsx
index f3f8bab030..ad5097f149 100644
--- a/src/features/import/components/ImportDialog/elements/ImportMessageList/ImportMessage.tsx
+++ b/src/features/import/components/ImportDialog/elements/ImportMessageList/ImportMessage.tsx
@@ -12,6 +12,7 @@ import {
 import messageIds from 'features/import/l10n/messageIds';
 import ProblemRowsText from './ProblemRowsText';
 import { useMessages } from 'core/i18n';
+import useSheets from '../../../../hooks/useSheets';
 
 type Props = {
   description?: string;
@@ -32,7 +33,11 @@ const ImportMessage: FC<Props> = ({
 }) => {
   const messages = useMessages(messageIds);
 
-  const rowNumbers = rowIndices?.map((rowIndex) => rowIndex + 1);
+  const { firstRowIsHeaders } = useSheets();
+
+  const rowNumbers = rowIndices?.map((rowIndex) =>
+    firstRowIsHeaders ? rowIndex + 2 : rowIndex + 1
+  );
 
   return (
     <Alert

From d00924e8b592fd6f7971f4b93d0b39cb9869f932 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mattias=20Ringstr=C3=B6m?= <mattettam@hotmail.se>
Date: Sun, 19 Jan 2025 16:26:30 +0100
Subject: [PATCH 10/14] Adds Zindex 0 to the OrganizerMap container Fixes the
 map covering the drop down date picker in the areaAssignments page

---
 src/features/areaAssignments/components/OrganizerMap.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/features/areaAssignments/components/OrganizerMap.tsx b/src/features/areaAssignments/components/OrganizerMap.tsx
index 2433efa24c..c7b7e18422 100644
--- a/src/features/areaAssignments/components/OrganizerMap.tsx
+++ b/src/features/areaAssignments/components/OrganizerMap.tsx
@@ -137,7 +137,7 @@ const OrganizerMap: FC<OrganizerMapProps> = ({
         width: '100%',
       }}
     >
-      <Box flexGrow={1} position="relative">
+      <Box flexGrow={1} position="relative" zIndex={0}>
         <MapControls
           map={mapRef.current}
           onFitBounds={() => {

From 00e61a843ab65385398111973697d120f1d3b700 Mon Sep 17 00:00:00 2001
From: Alexander Schreiner <github@alexander-schreiner.de>
Date: Sun, 19 Jan 2025 15:37:40 +0100
Subject: [PATCH 11/14] Small change to preview email input feature

Set email to `user.email` only if it was not touched by the user first

Signed-off-by: Alexander Schreiner <github@alexander-schreiner.de>
---
 .../components/EmailEditor/EmailSettings/PreviewTab.tsx     | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/features/emails/components/EmailEditor/EmailSettings/PreviewTab.tsx b/src/features/emails/components/EmailEditor/EmailSettings/PreviewTab.tsx
index 5f104899db..7ab8522d03 100644
--- a/src/features/emails/components/EmailEditor/EmailSettings/PreviewTab.tsx
+++ b/src/features/emails/components/EmailEditor/EmailSettings/PreviewTab.tsx
@@ -23,7 +23,11 @@ const PreviewTab: FC = () => {
   const { emailWasSent, isLoading, reset, sendTestEmail } = useSendTestEmail();
   const [emailError, setEmailError] = useState(false);
   const [destinationEmailAddress, setDestinationEmailAddress] = useState('');
-  useEffect(() => setDestinationEmailAddress(user?.email ?? ''), [user?.email]);
+  useEffect(() => {
+    if (user && destinationEmailAddress == '') {
+      setDestinationEmailAddress(user.email);
+    }
+  }, [user?.email]);
 
   if (!user) {
     return null;

From 9d62177bbbbc770974c289dd5b5f8004f257b94b Mon Sep 17 00:00:00 2001
From: rabble <evan@protest.net>
Date: Mon, 20 Jan 2025 10:51:49 +1300
Subject: [PATCH 12/14] fixing package.json to add a license field, which is
 'unlicensed' for now because i couldn't find a zetkin software license.

---
 package.json | 1 +
 1 file changed, 1 insertion(+)

diff --git a/package.json b/package.json
index 2397c69535..6f08ef8cfb 100644
--- a/package.json
+++ b/package.json
@@ -2,6 +2,7 @@
   "name": "app.zetkin.org",
   "version": "41.0.0",
   "private": true,
+  "license": "UNLICENSED",
   "scripts": {
     "analyze": "ANALYZE=true next build",
     "build": "next build",

From 82e05192fe6cbba626e76cc066bcb849e751c845 Mon Sep 17 00:00:00 2001
From: ziggabyte <ziggi.willpower@gmail.com>
Date: Fri, 24 Jan 2025 10:54:41 +0100
Subject: [PATCH 13/14] Extend Paragraph class with custom paste logic

---
 .../emails/components/EmailEditor/EmailEditorFrontend.tsx    | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/src/features/emails/components/EmailEditor/EmailEditorFrontend.tsx b/src/features/emails/components/EmailEditor/EmailEditorFrontend.tsx
index d984fbea97..8e4915267e 100644
--- a/src/features/emails/components/EmailEditor/EmailEditorFrontend.tsx
+++ b/src/features/emails/components/EmailEditor/EmailEditorFrontend.tsx
@@ -1,8 +1,6 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
 //@ts-ignore
 import Header from '@editorjs/header';
-//@ts-ignore
-import Paragraph from '@editorjs/paragraph';
 import { Box, useTheme } from '@mui/material';
 import EditorJS, {
   EditorConfig,
@@ -19,6 +17,7 @@ import messageIds from 'features/emails/l10n/messageIds';
 import { useMessages } from 'core/i18n';
 import { useNumericRouteParams } from 'core/hooks';
 import variableToolFactory from './tools/inlineVariable';
+import ParagraphWithSpanPaste from './tools/paragraphWithSpanPaste';
 
 export type EmailEditorFrontendProps = {
   apiRef: MutableRefObject<EditorJS | null>;
@@ -110,7 +109,7 @@ const EmailEditorFrontend: FC<EmailEditorFrontendProps> = ({
           },
         },
         paragraph: {
-          class: Paragraph,
+          class: ParagraphWithSpanPaste as unknown as ToolConstructable,
         },
         variable: {
           class: variableToolFactory(messages.editor.tools.variable.title()),

From beedde2dba663829cdffee52b052b0548f1923dc Mon Sep 17 00:00:00 2001
From: ziggabyte <ziggi.willpower@gmail.com>
Date: Fri, 24 Jan 2025 10:59:29 +0100
Subject: [PATCH 14/14] add the actual logic (shoudl have been part of last
 commit)

---
 .../tools/paragraphWithSpanPaste.ts           | 23 +++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/features/emails/components/EmailEditor/tools/paragraphWithSpanPaste.ts

diff --git a/src/features/emails/components/EmailEditor/tools/paragraphWithSpanPaste.ts b/src/features/emails/components/EmailEditor/tools/paragraphWithSpanPaste.ts
new file mode 100644
index 0000000000..13ee62431f
--- /dev/null
+++ b/src/features/emails/components/EmailEditor/tools/paragraphWithSpanPaste.ts
@@ -0,0 +1,23 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+//@ts-ignore
+import Paragraph from '@editorjs/paragraph';
+import { BlockTool, HTMLPasteEvent } from '@editorjs/editorjs';
+
+//@ts-ignore
+export default class ParagraphWithSpanPaste
+  extends Paragraph
+  implements BlockTool
+{
+  onPaste(event: HTMLPasteEvent) {
+    const text = event.detail.data.textContent;
+    event.detail.data = document.createElement('div');
+    event.detail.data.textContent = text;
+    return super.onPaste(event);
+  }
+
+  static get pasteConfig() {
+    return {
+      tags: ['P', 'SPAN'],
+    };
+  }
+}