@stamhoofd/models 2.63.0 → 2.65.0

package/src/helpers/EmailBuilder.ts

@@ -1,9 +1,9 @@
 import { Email, EmailAddress, EmailBuilder } from '@stamhoofd/email';
-import { EmailTemplateType, OrganizationEmail, Recipient, Replacement } from '@stamhoofd/structures';
+import { Platform as PlatformStruct, BalanceItem as BalanceItemStruct, EmailTemplateType, OrganizationEmail, ReceivableBalanceType, Recipient, Replacement } from '@stamhoofd/structures';
 import { Formatter } from '@stamhoofd/utility';
 
 import { SimpleError } from '@simonbackx/simple-errors';
-import { EmailTemplate, Group, Organization, Platform, User, Webshop } from '../models';
+import { CachedBalance, EmailTemplate, Group, Organization, Platform, User, Webshop } from '../models';
 import { I18n } from '@stamhoofd/backend-i18n';
 
 export type EmailTemplateOptions = {
@@ -238,7 +238,7 @@ export function replaceText(text: string, replacements: Replacement[]) {
  * @param organization defines replacements and unsubsribe behaviour
  */
 export async function getEmailBuilder(organization: Organization | null, email: EmailBuilderOptions) {
-    const platform = await Platform.getSharedStruct();
+    const platform = await Platform.getSharedPrivateStruct();
     // Update recipients
     const cleaned: Recipient[] = [];
     for (const recipient of email.recipients) {
@@ -305,38 +305,21 @@ export async function getEmailBuilder(organization: Organization | null, email:
     }
     email.recipients = cleaned;
 
+    const fromAddress = Email.parseEmailStr(email.from)[0];
+
     // Update recipients
     for (const recipient of email.recipients) {
         recipient.replacements = recipient.replacements.slice();
 
-        // Default signInUrl
-        let signInUrl = 'https://' + (organization && STAMHOOFD.userMode === 'organization' ? organization.getHost() : STAMHOOFD.domains.dashboard) + '/login?email=' + encodeURIComponent(recipient.email);
-
-        const recipientUser = await User.getForAuthentication(organization?.id ?? null, recipient.email);
-        if (!recipientUser) {
-            // We can create a special token
-            signInUrl = 'https://' + (organization && STAMHOOFD.userMode === 'organization' ? organization.getHost() : STAMHOOFD.domains.dashboard) + '/account-aanmaken?email=' + encodeURIComponent(recipient.email);
-        }
-
-        recipient.replacements.push(Replacement.create({
-            token: 'signInUrl',
-            value: signInUrl,
-        }));
-
         if (email.defaultReplacements) {
             recipient.replacements.push(...email.defaultReplacements);
         }
 
-        recipient.replacements.push(...recipient.getDefaultReplacements());
-
-        if (organization) {
-            const extra = organization.meta.getEmailReplacements();
-            recipient.replacements.push(...extra);
-        }
-
-        // Defaults
-        const extra = platform.config.getEmailReplacements();
-        recipient.replacements.push(...extra);
+        await fillRecipientReplacements(recipient, {
+            organization,
+            platform,
+            fromAddress,
+        });
     }
 
     const queue = email.recipients.slice();
@@ -380,3 +363,75 @@ export async function getEmailBuilder(organization: Organization | null, email:
     };
     return builder;
 }
+
+export async function fillRecipientReplacements(recipient: Recipient, options: {
+    organization: Organization | null;
+    platform?: PlatformStruct;
+    fromAddress: string | null;
+}) {
+    if (!options.platform) {
+        options.platform = await Platform.getSharedPrivateStruct();
+    }
+    const { organization, platform, fromAddress } = options;
+    recipient.replacements = recipient.replacements.slice();
+
+    // Default signInUrl
+    let signInUrl = 'https://' + (organization && STAMHOOFD.userMode === 'organization' ? organization.getHost() : STAMHOOFD.domains.dashboard) + '/login?email=' + encodeURIComponent(recipient.email);
+
+    const recipientUser = await User.getForAuthentication(organization?.id ?? null, recipient.email, { allowWithoutAccount: true });
+    if (!recipientUser || !recipientUser.hasAccount()) {
+        // We can create a special token
+        signInUrl = 'https://' + (organization && STAMHOOFD.userMode === 'organization' ? organization.getHost() : STAMHOOFD.domains.dashboard) + '/account-aanmaken?email=' + encodeURIComponent(recipient.email);
+    }
+
+    recipient.replacements.push(Replacement.create({
+        token: 'signInUrl',
+        value: signInUrl,
+    }));
+
+    recipient.replacements.push(
+        Replacement.create({
+            token: 'loginDetails',
+            value: '',
+            html: recipientUser && recipientUser.hasAccount() ? `<p class="description"><em>Je kan op het ledenportaal inloggen met <strong>${Formatter.escapeHtml(recipientUser.email)}</strong></em></p>` : `<p class="description"><em>Je kan op het ledenportaal een nieuw account aanmaken met het e-mailadres <strong>${Formatter.escapeHtml(recipient.email)}</strong>, dan krijg je automatisch toegang tot alle bestaande gegevens.</em></p>`,
+        }),
+    );
+
+    // Load balance of this user
+    // todo: only if detected it is used
+    if (organization && recipientUser && !recipient.replacements.find(r => r.token === 'balanceTable')) {
+        const balanceItemModels = await CachedBalance.balanceForObjects(organization.id, [recipientUser.id], ReceivableBalanceType.user, true);
+        const balanceItems = balanceItemModels.map(i => i.getStructure());
+
+        // Get members
+        recipient.replacements.push(
+            Replacement.create({
+                token: 'outstandingBalance',
+                value: Formatter.price(balanceItems.reduce((sum, i) => sum + i.priceOpen, 0)),
+            }),
+            Replacement.create({
+                token: 'balanceTable',
+                value: '',
+                html: BalanceItemStruct.getDetailsHTMLTable(balanceItems),
+            }),
+        );
+    }
+
+    if (fromAddress) {
+        recipient.replacements.push(Replacement.create({
+            token: 'fromAddress',
+            value: fromAddress,
+        }));
+    }
+
+    recipient.replacements.push(...recipient.getDefaultReplacements());
+
+    if (organization) {
+        const extra = organization.meta.getEmailReplacements(organization);
+        recipient.replacements.push(...extra);
+    }
+
+    // Defaults
+    const extra = platform.config.getEmailReplacements();
+    recipient.replacements.push(...extra);
+}

package/src/helpers/MemberMerger.ts

@@ -1,5 +1,4 @@
-import { Model } from '@simonbackx/simple-database';
-import { SQL } from '@stamhoofd/sql';
+import { QueryableModel, SQL } from '@stamhoofd/sql';
 import {
     Address,
     BooleanStatus,
@@ -191,7 +190,7 @@ async function mergeMemberPlatformMemberships(base: Member, other: Member) {
     await mergeModels(base, other, MemberPlatformMembership);
 }
 
-class ModelWithMemberId extends Model {
+class ModelWithMemberId extends QueryableModel {
     memberId: string | null;
 }
 

package/src/migrations/1605262045-import-postcodes.ts

@@ -1,21 +1,18 @@
-import { Migration } from '@simonbackx/simple-database';
-import { column, Model } from '@simonbackx/simple-database';
-import { StringCompare } from '@stamhoofd/utility';
-import { v4 as uuidv4 } from 'uuid';
+import { column, Migration } from '@simonbackx/simple-database';
+import { QueryableModel } from '@stamhoofd/sql';
 import { Country } from '@stamhoofd/structures';
+import { StringCompare } from '@stamhoofd/utility';
 import { City } from '../models/addresses/City';
 import { PostalCode } from '../models/addresses/PostalCode';
 import { Province } from '../models/addresses/Province';
 
-export class Gemeente extends Model {
+export class Gemeente extends QueryableModel {
     static table = 'gemeenten';
 
     @column({
-        primary: true, type: 'string', beforeSave(value) {
-            return value ?? uuidv4();
-        },
+        primary: true, type: 'integer',
     })
-    id!: string;
+    id!: number;
 
     @column({ type: 'string' })
     postcode: string;

package/src/migrations/1734429094-registration-trial-until.sql

@@ -0,0 +1,3 @@
+ALTER TABLE `registrations`
+ADD COLUMN `trialUntil` datetime NULL AFTER `registeredAt`,
+ADD COLUMN `startDate` datetime NULL AFTER `registeredAt`;

package/src/migrations/1734429095-membership-trial-until.sql

@@ -0,0 +1,2 @@
+ALTER TABLE `member_platform_memberships`
+ADD COLUMN `trialUntil` datetime NULL AFTER `startDate`;

package/src/migrations/1734535120-registration-period-previous-period-id.sql

@@ -0,0 +1,3 @@
+ALTER TABLE `registration_periods`
+ADD COLUMN `previousPeriodId` varchar(36) NULL,
+ADD FOREIGN KEY (`previousPeriodId`) REFERENCES `registration_periods` (`id`) ON UPDATE CASCADE ON DELETE SET NULL;

package/src/migrations/1734535121-platform-previous-period-id.sql

@@ -0,0 +1,3 @@
+ALTER TABLE `platform`
+ADD COLUMN `previousPeriodId` varchar(36) NULL AFTER `periodId`,
+ADD FOREIGN KEY (`previousPeriodId`) REFERENCES `registration_periods` (`id`) ON UPDATE CASCADE ON DELETE SET NULL;

package/src/migrations/1734626607-cached-balance-amount-open.sql

@@ -0,0 +1,2 @@
+ALTER TABLE `cached_outstanding_balances`
+CHANGE `amount` `amountOpen` int NOT NULL DEFAULT '0';

package/src/migrations/1734698906-cached-balance-amount-paid.sql

@@ -0,0 +1,2 @@
+ALTER TABLE `cached_outstanding_balances`
+ADD COLUMN `amountPaid` int NOT NULL DEFAULT '0' AFTER `organizationId`;

package/src/migrations/1735573520-emails-email-type.sql

@@ -0,0 +1,2 @@
+ALTER TABLE `emails`
+ADD COLUMN `emailType` varchar(255) NULL AFTER `recipientFilter`;

package/src/migrations/1735573521-email-recipients-email-type.sql

@@ -0,0 +1,4 @@
+ALTER TABLE `email_recipients`
+ADD COLUMN `emailType` varchar(255) NULL AFTER `emailId`,
+ADD COLUMN `objectId` varchar(36) NULL AFTER `emailId`,
+ADD INDEX `objectId` (`objectId`, `sentAt` DESC) USING BTREE;

package/src/migrations/1735573522-emails-indexes.sql

@@ -0,0 +1,3 @@
+ALTER TABLE `emails`
+ADD INDEX `createdAt` (`createdAt` DESC) USING BTREE,
+ADD INDEX `sentAt` (`sentAt` DESC) USING BTREE;

package/src/migrations/1735982691-cached-balance-email-reminder-counts.sql

@@ -0,0 +1,4 @@
+ALTER TABLE `cached_outstanding_balances`
+ADD COLUMN `lastReminderEmail` datetime NULL,
+ADD COLUMN `lastReminderAmountOpen` int NOT NULL DEFAULT '0',
+ADD COLUMN `reminderEmailCount` int NOT NULL DEFAULT '0';

package/src/migrations/1735994471-default-email-templates.sql

@@ -0,0 +1,5 @@
+INSERT INTO `email_templates` (`id`, `subject`, `groupId`, `webshopId`, `organizationId`, `type`, `text`, `html`, `json`, `updatedAt`, `createdAt`) VALUES
+('8aec66ec-a39c-4849-9ebf-973e489f8017', 'Jouw openstaand saldo bij {{organizationName}}', NULL, NULL, NULL, 'OrganizationBalanceIncreaseNotification', '{{greeting}}Jouw groep ({{objectName}}) heeft een nieuw openstaand bedrag van {{outstandingBalance}} bij {{organizationName}}. Je kan de betaling in orde brengen door naar het beheerdersportaal te gaan. Daar kan je ook een detail bekijken van het openstaande bedrag.Gelieve niet zomaar geld over te schrijven op onze rekening, maar altijd te betalen via het beheerdersportaal.\n\n    \n        \n            \n                \n                Betalen via het beheerdersportaal\n                \n            \n        \n    \n\nTwijfel je of één van onze e-mails wel echt is? Ga dan zelf rechtstreeks naar het beheerdersportaal via onze website zonder op een link in een e-mail te klikken. Via die weg kan je ook je openstaand bedrag bekijken en eventueel betalen - dan ben je altijd zeker dat je aan ons betaalt en het geen phishing is.Vragen over je openstaand bedrag? Neem dan contact op met {{organizationName}} via {{fromAddress}}OverzichtDit is een momentopname van jullie huidige openstaande bedrag. Je kan op elk moment naar het beheerdersportaal gaan om de huidige status te bekijken en te betalen.{{balanceTable}}Komt deze e-mail bij jou terecht, maar weet je niet waarover dit gaat en denk je dat dit aan een andere persoon is gericht (bv. een typefout)? Dan schrijf je best uit voor onze e-mails via deze knop — hierna zal je nooit meer een e-mail van ons ontvangen.Uitschrijven', '<!DOCTYPE html>\n<html>\n\n<head>\n<meta charset=\"utf-8\" />\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\" />\n<title>Jouw openstaand saldo bij {{organizationName}}</title>\n<style type=\"text/css\">body {\n  color: #000716;\n  color: var(--color-dark, #000716);\n  font-family: -apple-system-body, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-size: 12pt;\n  line-height: 1.4;\n}\n\np {\n  margin: 0;\n  padding: 0;\n  line-height: 1.4;\n}\n\np.description {\n  color: var(--color-gray-4, #5e5e5e);\n}\np.description a, p.description a:link, p.description a:visited, p.description a:active, p.description a:hover {\n  text-decoration: underline;\n  color: var(--color-gray-4, #5e5e5e);\n}\n\nstrong {\n  font-weight: bold;\n}\n\nem {\n  font-style: italic;\n}\n\nh1 {\n  font-size: 30px;\n  font-weight: bold;\n  line-height: 1.2;\n  margin: 0;\n  padding: 0;\n}\n@media (max-width: 350px) {\n  h1 {\n    font-size: 24px;\n  }\n}\n\nh2 {\n  font-size: 20px;\n  line-height: 1.2;\n  font-weight: bold;\n  margin: 0;\n  padding: 0;\n}\n\nh3 {\n  font-size: 16px;\n  line-height: 1.2;\n  font-weight: bold;\n  margin: 0;\n  padding: 0;\n}\n\nh4 {\n  line-height: 1.2;\n  font-weight: 500;\n  margin: 0;\n  padding: 0;\n}\n\nol, ul {\n  list-style-position: outside;\n  padding-left: 30px;\n}\n\nhr {\n  height: 1px;\n  background: var(--color-border, var(--color-gray-2, #dcdcdc));\n  border-radius: 1px;\n  padding: 0;\n  margin: 20px 0;\n  outline: none;\n  border: 0;\n}\n\n.button {\n  touch-action: inherit;\n  user-select: auto;\n  cursor: pointer;\n  display: inline-block !important;\n  line-height: 42px;\n  font-size: 16px;\n  font-weight: bold;\n}\n.button:active {\n  transform: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n}\n\na, a:link, a:visited, a:active, a:hover {\n  text-decoration: underline;\n  color: blue;\n}\n\n.email-data-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n.email-data-table th, .email-data-table td {\n  text-align: left;\n  padding: 10px 10px 10px 0;\n  border-bottom: 1px solid var(--color-border, var(--color-gray-2, #dcdcdc));\n  vertical-align: middle;\n}\n.email-data-table th:last-child, .email-data-table td:last-child {\n  text-align: right;\n  padding-right: 0;\n}\n.email-data-table thead {\n  font-weight: bold;\n}\n.email-data-table thead th {\n  font-size: 10pt;\n}\n.email-data-table h4 ~ p {\n  padding-top: 3px;\n  opacity: 0.8;\n  font-size: 11pt;\n}\n\n.email-style-inline-code {\n  font-family: monospace;\n  white-space: pre-wrap;\n  display: inline-block;\n}\n\n.email-style-description-small {\n  font-size: 14px;\n  line-height: 1.5;\n  font-weight: normal;\n  color: var(--color-gray-4, #5e5e5e);\n  font-variation-settings: \"opsz\" 19;\n}\n\n.email-style-title-list {\n  font-size: 16px;\n  line-height: 1.3;\n  font-weight: 500;\n}\n.email-style-title-list + p {\n  padding-top: 3px;\n}\n\n.email-style-title-prefix-list {\n  font-size: 11px;\n  line-height: 1.5;\n  font-weight: bold;\n  color: {{primaryColor}};\n  text-transform: uppercase;\n  margin-bottom: 3px;\n}\n.email-style-title-prefix-list.error {\n  color: #f0153d;\n}\n\n.email-style-price-base, .email-style-discount-price, .email-style-discount-old-price, .email-style-price {\n  font-size: 15px;\n  line-height: 1.4;\n  font-weight: 500;\n  font-variant-numeric: tabular-nums;\n}\n.email-style-price-base.disabled, .disabled.email-style-discount-price, .disabled.email-style-discount-old-price, .disabled.email-style-price {\n  opacity: 0.6;\n}\n.email-style-price-base.negative, .negative.email-style-discount-price, .negative.email-style-discount-old-price, .negative.email-style-price {\n  color: #f0153d;\n}\n\n.email-style-price {\n  font-weight: bold;\n  color: {{primaryColor}};\n}\n\n.email-style-discount-old-price {\n  text-decoration: line-through;\n  color: var(--color-gray-4, #5e5e5e);\n}\n\n.email-style-discount-price {\n  font-weight: bold;\n  color: #ff4747;\n  margin-left: 5px;\n}\n\n.pre-wrap {\n  white-space: pre-wrap;\n} hr {height: 2px;background: #e7e7e7; border-radius: 1px; padding: 0; margin: 20px 0; outline: none; border: 0;} .button.primary { margin: 0; text-decoration: none; font-size: 16px; font-weight: bold; color: {{primaryColorContrast}}; padding: 0 27px; line-height: 42px; background: {{primaryColor}}; text-align: center; border-radius: 7px; touch-action: manipulation; display: inline-block; transition: 0.2s transform, 0.2s opacity; } .button.primary:active { transform: scale(0.95, 0.95); }  .inline-link, .inline-link:link, .inline-link:visited, .inline-link:active, .inline-link:hover { margin: 0; text-decoration: underline; font-size: inherit; font-weight: inherit; color: inherit; touch-action: manipulation; } .inline-link:active { opacity: 0.5; }  .description { color: #5e5e5e; } </style>\n</head>\n\n<body>\n<p style=\"margin: 0; padding: 0; line-height: 1.4;\">{{greeting}}</p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\">Jouw groep ({{objectName}}) heeft een nieuw openstaand bedrag van {{outstandingBalance}} bij {{organizationName}}. Je kan de betaling in orde brengen door naar het beheerdersportaal te gaan. Daar kan je ook een detail bekijken van het openstaande bedrag.</p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><strong>Gelieve niet zomaar geld over te schrijven op onze rekening, maar altijd te betalen via het beheerdersportaal.</strong></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><div data-type=\"smartButton\" data-id=\"paymentUrl\"><table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" style=\"margin: 5px 0;\">\n<tbody><tr>\n    <td>\n        <table cellspacing=\"0\" cellpadding=\"0\">\n            <tbody><tr>\n                <td style=\"border-radius: 7px;\" bgcolor=\"{{primaryColor}}\">\n                <a class=\"button primary\" href=\"{{paymentUrl}}\" target=\"\" style=\"margin: 0; text-decoration: none; font-size: 16px; font-weight: bold; color: {{primaryColorContrast}}; padding: 0 27px; line-height: 42px; background: {{primaryColor}}; text-align: center; border-radius: 7px; touch-action: manipulation; display: inline-block; transition: 0.2s transform, 0.2s opacity;\">Betalen via het beheerdersportaal</a>\n                </td>\n            </tr>\n        </tbody></table>\n    </td>\n</tr>\n</tbody></table></div><p class=\"description\" style=\"color: #5e5e5e;\"><em>Twijfel je of één van onze e-mails wel echt is? Ga dan zelf rechtstreeks naar het beheerdersportaal via onze website zonder op een link in een e-mail te klikken. Via die weg kan je ook je openstaand bedrag bekijken en eventueel betalen - dan ben je altijd zeker dat je aan ons betaalt en het geen phishing is.</em></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p class=\"description\" style=\"color: #5e5e5e;\"><strong><em>Vragen over je openstaand bedrag</em></strong><em>? Neem dan contact op met </em>{{organizationName}} <em>via </em>{{fromAddress}}</p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><hr style=\"height: 2px;background: #e7e7e7; border-radius: 1px; padding: 0; margin: 20px 0; outline: none; border: 0;\"><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><h2 style=\"margin: 0; padding: 0;\">Overzicht</h2><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\">Dit is een momentopname van jullie huidige openstaande bedrag. Je kan op elk moment naar het beheerdersportaal gaan om de huidige status te bekijken en te betalen.</p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><div data-type=\"smartVariableBlock\" data-id=\"balanceTable\">{{balanceTable}}</div><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p class=\"description\" style=\"color: #5e5e5e;\"><em>Komt deze e-mail bij jou terecht, maar weet je niet waarover dit gaat en denk je dat dit aan een andere persoon is gericht (bv. een typefout)? Dan schrijf je best uit voor onze e-mails via </em><a class=\"inline-link\" href=\"{{unsubscribeUrl}}\" target=\"\" style=\"margin: 0; text-decoration: underline; font-size: inherit; font-weight: inherit; color: inherit; touch-action: manipulation;\"><em>deze knop</em></a><em> — hierna zal je nooit meer een e-mail van ons ontvangen.</em></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><a class=\"inline-link\" href=\"{{unsubscribeUrl}}\" target=\"\" style=\"margin: 0; text-decoration: underline; font-size: inherit; font-weight: inherit; color: inherit; touch-action: manipulation;\">Uitschrijven</a></p>\n</body>\n\n</html>', '{\"value\": {\"type\": \"doc\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"type\": \"smartVariable\", \"attrs\": {\"id\": \"greeting\"}}]}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Jouw groep (\", \"type\": \"text\"}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"objectName\"}}, {\"text\": \") heeft een nieuw openstaand bedrag van \", \"type\": \"text\"}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"outstandingBalance\"}}, {\"text\": \" bij \", \"type\": \"text\"}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"organizationName\"}}, {\"text\": \". Je kan de betaling in orde brengen door naar het beheerdersportaal te gaan. Daar kan je ook een detail bekijken van het openstaande bedrag.\", \"type\": \"text\"}]}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Gelieve niet zomaar geld over te schrijven op onze rekening, maar altijd te betalen via het beheerdersportaal.\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}]}, {\"type\": \"paragraph\"}, {\"type\": \"smartButton\", \"attrs\": {\"id\": \"paymentUrl\"}, \"content\": [{\"text\": \"Betalen via het beheerdersportaal\", \"type\": \"text\"}]}, {\"type\": \"descriptiveText\", \"content\": [{\"text\": \"Twijfel je of één van onze e-mails wel echt is? Ga dan zelf rechtstreeks naar het beheerdersportaal via onze website zonder op een link in een e-mail te klikken. Via die weg kan je ook je openstaand bedrag bekijken en eventueel betalen - dan ben je altijd zeker dat je aan ons betaalt en het geen phishing is.\", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}]}, {\"type\": \"paragraph\"}, {\"type\": \"descriptiveText\", \"content\": [{\"text\": \"Vragen over je openstaand bedrag\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}, {\"type\": \"italic\"}]}, {\"text\": \"? Neem dan contact op met \", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"organizationName\"}}, {\"text\": \" \", \"type\": \"text\"}, {\"text\": \"via \", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"fromAddress\"}}]}, {\"type\": \"paragraph\"}, {\"type\": \"horizontalRule\"}, {\"type\": \"paragraph\"}, {\"type\": \"heading\", \"attrs\": {\"level\": 2}, \"content\": [{\"text\": \"Overzicht\", \"type\": \"text\"}]}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Dit is een momentopname van jullie huidige openstaande bedrag. Je kan op elk moment naar het beheerdersportaal gaan om de huidige status te bekijken en te betalen.\", \"type\": \"text\"}]}, {\"type\": \"paragraph\"}, {\"type\": \"smartVariableBlock\", \"attrs\": {\"id\": \"balanceTable\"}}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\"}, {\"type\": \"descriptiveText\", \"content\": [{\"text\": \"Komt deze e-mail bij jou terecht, maar weet je niet waarover dit gaat en denk je dat dit aan een andere persoon is gericht (bv. een typefout)? Dan schrijf je best uit voor onze e-mails via \", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}, {\"type\": \"smartButtonInline\", \"attrs\": {\"id\": \"unsubscribeUrl\"}, \"content\": [{\"text\": \"deze knop\", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}]}, {\"text\": \" — hierna zal je nooit meer een e-mail van ons ontvangen.\", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}]}, {\"type\": \"paragraph\", \"content\": [{\"type\": \"smartButtonInline\", \"attrs\": {\"id\": \"unsubscribeUrl\"}, \"content\": [{\"text\": \"Uitschrijven\", \"type\": \"text\"}]}]}]}, \"version\": 354}', '2025-01-04 12:09:03', '2025-01-04 12:09:03'),
+('01f3c594-43e1-45de-9ca9-e450befb4426', '[Herinnering] Openstaand bedrag te betalen aan {{organizationName}}', NULL, NULL, NULL, 'OrganizationBalanceReminder', '{{greeting}}Jouw groep ({{objectName}}) heeft nog steeds een openstaand bedrag van {{outstandingBalance}} bij {{organizationName}}. Je kan de betaling in orde brengen door naar het beheerdersportaal te gaan. Daar kan je ook een detail bekijken van het openstaande bedrag.Gelieve niet zomaar geld over te schrijven op onze rekening, maar altijd te betalen via het beheerdersportaal.\n\n    \n        \n            \n                \n                Betalen via het beheerdersportaal\n                \n            \n        \n    \n\nTwijfel je of één van onze e-mails wel echt is? Ga dan zelf rechtstreeks naar het beheerdersportaal via onze website zonder op een link in een e-mail te klikken. Via die weg kan je ook je openstaand bedrag bekijken en eventueel betalen - dan ben je altijd zeker dat je aan ons betaalt en het geen phishing is.Vragen over je openstaand bedrag? Neem dan contact op met {{organizationName}} via {{fromAddress}}OverzichtDit is een momentopname van jullie huidige openstaande bedrag. Je kan op elk moment naar het beheerdersportaal gaan om de huidige status te bekijken en te betalen.{{balanceTable}}Komt deze e-mail bij jou terecht, maar weet je niet waarover dit gaat en denk je dat dit aan een andere persoon is gericht (bv. een typefout)? Dan schrijf je best uit voor onze e-mails via deze knop — hierna zal je nooit meer een e-mail van ons ontvangen.Uitschrijven', '<!DOCTYPE html>\n<html>\n\n<head>\n<meta charset=\"utf-8\" />\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\" />\n<title>[Herinnering] Openstaand bedrag te betalen aan {{organizationName}}</title>\n<style type=\"text/css\">body {\n  color: #000716;\n  color: var(--color-dark, #000716);\n  font-family: -apple-system-body, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-size: 12pt;\n  line-height: 1.4;\n}\n\np {\n  margin: 0;\n  padding: 0;\n  line-height: 1.4;\n}\n\np.description {\n  color: var(--color-gray-4, #5e5e5e);\n}\np.description a, p.description a:link, p.description a:visited, p.description a:active, p.description a:hover {\n  text-decoration: underline;\n  color: var(--color-gray-4, #5e5e5e);\n}\n\nstrong {\n  font-weight: bold;\n}\n\nem {\n  font-style: italic;\n}\n\nh1 {\n  font-size: 30px;\n  font-weight: bold;\n  line-height: 1.2;\n  margin: 0;\n  padding: 0;\n}\n@media (max-width: 350px) {\n  h1 {\n    font-size: 24px;\n  }\n}\n\nh2 {\n  font-size: 20px;\n  line-height: 1.2;\n  font-weight: bold;\n  margin: 0;\n  padding: 0;\n}\n\nh3 {\n  font-size: 16px;\n  line-height: 1.2;\n  font-weight: bold;\n  margin: 0;\n  padding: 0;\n}\n\nh4 {\n  line-height: 1.2;\n  font-weight: 500;\n  margin: 0;\n  padding: 0;\n}\n\nol, ul {\n  list-style-position: outside;\n  padding-left: 30px;\n}\n\nhr {\n  height: 1px;\n  background: var(--color-border, var(--color-gray-2, #dcdcdc));\n  border-radius: 1px;\n  padding: 0;\n  margin: 20px 0;\n  outline: none;\n  border: 0;\n}\n\n.button {\n  touch-action: inherit;\n  user-select: auto;\n  cursor: pointer;\n  display: inline-block !important;\n  line-height: 42px;\n  font-size: 16px;\n  font-weight: bold;\n}\n.button:active {\n  transform: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n}\n\na, a:link, a:visited, a:active, a:hover {\n  text-decoration: underline;\n  color: blue;\n}\n\n.email-data-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n.email-data-table th, .email-data-table td {\n  text-align: left;\n  padding: 10px 10px 10px 0;\n  border-bottom: 1px solid var(--color-border, var(--color-gray-2, #dcdcdc));\n  vertical-align: middle;\n}\n.email-data-table th:last-child, .email-data-table td:last-child {\n  text-align: right;\n  padding-right: 0;\n}\n.email-data-table thead {\n  font-weight: bold;\n}\n.email-data-table thead th {\n  font-size: 10pt;\n}\n.email-data-table h4 ~ p {\n  padding-top: 3px;\n  opacity: 0.8;\n  font-size: 11pt;\n}\n\n.email-style-inline-code {\n  font-family: monospace;\n  white-space: pre-wrap;\n  display: inline-block;\n}\n\n.email-style-description-small {\n  font-size: 14px;\n  line-height: 1.5;\n  font-weight: normal;\n  color: var(--color-gray-4, #5e5e5e);\n  font-variation-settings: \"opsz\" 19;\n}\n\n.email-style-title-list {\n  font-size: 16px;\n  line-height: 1.3;\n  font-weight: 500;\n}\n.email-style-title-list + p {\n  padding-top: 3px;\n}\n\n.email-style-title-prefix-list {\n  font-size: 11px;\n  line-height: 1.5;\n  font-weight: bold;\n  color: {{primaryColor}};\n  text-transform: uppercase;\n  margin-bottom: 3px;\n}\n.email-style-title-prefix-list.error {\n  color: #f0153d;\n}\n\n.email-style-price-base, .email-style-discount-price, .email-style-discount-old-price, .email-style-price {\n  font-size: 15px;\n  line-height: 1.4;\n  font-weight: 500;\n  font-variant-numeric: tabular-nums;\n}\n.email-style-price-base.disabled, .disabled.email-style-discount-price, .disabled.email-style-discount-old-price, .disabled.email-style-price {\n  opacity: 0.6;\n}\n.email-style-price-base.negative, .negative.email-style-discount-price, .negative.email-style-discount-old-price, .negative.email-style-price {\n  color: #f0153d;\n}\n\n.email-style-price {\n  font-weight: bold;\n  color: {{primaryColor}};\n}\n\n.email-style-discount-old-price {\n  text-decoration: line-through;\n  color: var(--color-gray-4, #5e5e5e);\n}\n\n.email-style-discount-price {\n  font-weight: bold;\n  color: #ff4747;\n  margin-left: 5px;\n}\n\n.pre-wrap {\n  white-space: pre-wrap;\n} hr {height: 2px;background: #e7e7e7; border-radius: 1px; padding: 0; margin: 20px 0; outline: none; border: 0;} .button.primary { margin: 0; text-decoration: none; font-size: 16px; font-weight: bold; color: {{primaryColorContrast}}; padding: 0 27px; line-height: 42px; background: {{primaryColor}}; text-align: center; border-radius: 7px; touch-action: manipulation; display: inline-block; transition: 0.2s transform, 0.2s opacity; } .button.primary:active { transform: scale(0.95, 0.95); }  .inline-link, .inline-link:link, .inline-link:visited, .inline-link:active, .inline-link:hover { margin: 0; text-decoration: underline; font-size: inherit; font-weight: inherit; color: inherit; touch-action: manipulation; } .inline-link:active { opacity: 0.5; }  .description { color: #5e5e5e; } </style>\n</head>\n\n<body>\n<p style=\"margin: 0; padding: 0; line-height: 1.4;\">{{greeting}}</p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\">Jouw groep ({{objectName}}) heeft nog steeds een openstaand bedrag van {{outstandingBalance}} bij {{organizationName}}. Je kan de betaling in orde brengen door naar het beheerdersportaal te gaan. Daar kan je ook een detail bekijken van het openstaande bedrag.</p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><strong>Gelieve niet zomaar geld over te schrijven op onze rekening, maar altijd te betalen via het beheerdersportaal.</strong></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><div data-type=\"smartButton\" data-id=\"paymentUrl\"><table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" style=\"margin: 5px 0;\">\n<tbody><tr>\n    <td>\n        <table cellspacing=\"0\" cellpadding=\"0\">\n            <tbody><tr>\n                <td style=\"border-radius: 7px;\" bgcolor=\"{{primaryColor}}\">\n                <a class=\"button primary\" href=\"{{paymentUrl}}\" target=\"\" style=\"margin: 0; text-decoration: none; font-size: 16px; font-weight: bold; color: {{primaryColorContrast}}; padding: 0 27px; line-height: 42px; background: {{primaryColor}}; text-align: center; border-radius: 7px; touch-action: manipulation; display: inline-block; transition: 0.2s transform, 0.2s opacity;\">Betalen via het beheerdersportaal</a>\n                </td>\n            </tr>\n        </tbody></table>\n    </td>\n</tr>\n</tbody></table></div><p class=\"description\" style=\"color: #5e5e5e;\"><em>Twijfel je of één van onze e-mails wel echt is? Ga dan zelf rechtstreeks naar het beheerdersportaal via onze website zonder op een link in een e-mail te klikken. Via die weg kan je ook je openstaand bedrag bekijken en eventueel betalen - dan ben je altijd zeker dat je aan ons betaalt en het geen phishing is.</em></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p class=\"description\" style=\"color: #5e5e5e;\"><strong><em>Vragen over je openstaand bedrag</em></strong><em>? Neem dan contact op met </em>{{organizationName}} <em>via </em>{{fromAddress}}</p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><hr style=\"height: 2px;background: #e7e7e7; border-radius: 1px; padding: 0; margin: 20px 0; outline: none; border: 0;\"><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><h2 style=\"margin: 0; padding: 0;\">Overzicht</h2><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\">Dit is een momentopname van jullie huidige openstaande bedrag. Je kan op elk moment naar het beheerdersportaal gaan om de huidige status te bekijken en te betalen.</p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><div data-type=\"smartVariableBlock\" data-id=\"balanceTable\">{{balanceTable}}</div><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p class=\"description\" style=\"color: #5e5e5e;\"><em>Komt deze e-mail bij jou terecht, maar weet je niet waarover dit gaat en denk je dat dit aan een andere persoon is gericht (bv. een typefout)? Dan schrijf je best uit voor onze e-mails via </em><a class=\"inline-link\" href=\"{{unsubscribeUrl}}\" target=\"\" style=\"margin: 0; text-decoration: underline; font-size: inherit; font-weight: inherit; color: inherit; touch-action: manipulation;\"><em>deze knop</em></a><em> — hierna zal je nooit meer een e-mail van ons ontvangen.</em></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><a class=\"inline-link\" href=\"{{unsubscribeUrl}}\" target=\"\" style=\"margin: 0; text-decoration: underline; font-size: inherit; font-weight: inherit; color: inherit; touch-action: manipulation;\">Uitschrijven</a></p>\n</body>\n\n</html>', '{\"value\": {\"type\": \"doc\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"type\": \"smartVariable\", \"attrs\": {\"id\": \"greeting\"}}]}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Jouw groep (\", \"type\": \"text\"}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"objectName\"}}, {\"text\": \") heeft nog steeds een openstaand bedrag van \", \"type\": \"text\"}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"outstandingBalance\"}}, {\"text\": \" bij \", \"type\": \"text\"}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"organizationName\"}}, {\"text\": \". Je kan de betaling in orde brengen door naar het beheerdersportaal te gaan. Daar kan je ook een detail bekijken van het openstaande bedrag.\", \"type\": \"text\"}]}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Gelieve niet zomaar geld over te schrijven op onze rekening, maar altijd te betalen via het beheerdersportaal.\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}]}, {\"type\": \"paragraph\"}, {\"type\": \"smartButton\", \"attrs\": {\"id\": \"paymentUrl\"}, \"content\": [{\"text\": \"Betalen via het beheerdersportaal\", \"type\": \"text\"}]}, {\"type\": \"descriptiveText\", \"content\": [{\"text\": \"Twijfel je of één van onze e-mails wel echt is? Ga dan zelf rechtstreeks naar het beheerdersportaal via onze website zonder op een link in een e-mail te klikken. Via die weg kan je ook je openstaand bedrag bekijken en eventueel betalen - dan ben je altijd zeker dat je aan ons betaalt en het geen phishing is.\", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}]}, {\"type\": \"paragraph\"}, {\"type\": \"descriptiveText\", \"content\": [{\"text\": \"Vragen over je openstaand bedrag\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}, {\"type\": \"italic\"}]}, {\"text\": \"? Neem dan contact op met \", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"organizationName\"}}, {\"text\": \" \", \"type\": \"text\"}, {\"text\": \"via \", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"fromAddress\"}}]}, {\"type\": \"paragraph\"}, {\"type\": \"horizontalRule\"}, {\"type\": \"paragraph\"}, {\"type\": \"heading\", \"attrs\": {\"level\": 2}, \"content\": [{\"text\": \"Overzicht\", \"type\": \"text\"}]}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Dit is een momentopname van jullie huidige openstaande bedrag. Je kan op elk moment naar het beheerdersportaal gaan om de huidige status te bekijken en te betalen.\", \"type\": \"text\"}]}, {\"type\": \"paragraph\"}, {\"type\": \"smartVariableBlock\", \"attrs\": {\"id\": \"balanceTable\"}}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\"}, {\"type\": \"descriptiveText\", \"content\": [{\"text\": \"Komt deze e-mail bij jou terecht, maar weet je niet waarover dit gaat en denk je dat dit aan een andere persoon is gericht (bv. een typefout)? Dan schrijf je best uit voor onze e-mails via \", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}, {\"type\": \"smartButtonInline\", \"attrs\": {\"id\": \"unsubscribeUrl\"}, \"content\": [{\"text\": \"deze knop\", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}]}, {\"text\": \" — hierna zal je nooit meer een e-mail van ons ontvangen.\", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}]}, {\"type\": \"paragraph\", \"content\": [{\"type\": \"smartButtonInline\", \"attrs\": {\"id\": \"unsubscribeUrl\"}, \"content\": [{\"text\": \"Uitschrijven\", \"type\": \"text\"}]}]}]}, \"version\": 354}', '2025-01-04 12:09:03', '2025-01-04 12:09:03'),
+('b313f990-1f86-4571-931e-e3a46999cbea', '[Herinnering] Openstaand bedrag te betalen aan {{organizationName}}', NULL, NULL, NULL, 'UserBalanceReminder', '{{greeting}}Je hebt een openstaand bedrag van {{outstandingBalance}} bij {{organizationName}}. Je kan de betaling in orde brengen door naar het ledenportaal te gaan. Daar kan je ook een detail bekijken van het openstaande bedrag.Gelieve niet zomaar geld over te schrijven op onze rekening, maar altijd te betalen via het ledenportaal.\n\n    \n        \n            \n                \n                Betalen via het ledenportaal\n                \n            \n        \n    \n\nTwijfel je of één van onze e-mails wel echt is? Ga dan zelf rechtstreeks naar het ledenportaal via onze website zonder op een link in een e-mail te klikken. Via die weg kan je ook je openstaand bedrag bekijken en eventueel betalen - dan ben je altijd zeker dat je aan ons betaalt en het geen phishing is.Vragen over je openstaand bedrag? Neem dan contact op met {{organizationName}} via {{fromAddress}}OverzichtDit is een momentopname van je huidige openstaande bedrag. Je kan op elk moment naar het ledenportaal gaan om de huidige status te bekijken en te betalen.{{balanceTable}}Komt deze e-mail bij jou terecht, maar weet je niet waarover dit gaat en denk je dat dit aan een andere persoon is gericht (bv. een typefout)? Dan schrijf je best uit voor onze e-mails via deze knop — hierna zal je nooit meer een e-mail van ons ontvangen.Uitschrijven', '<!DOCTYPE html>\n<html>\n\n<head>\n<meta charset=\"utf-8\" />\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\" />\n<title>[Herinnering] Openstaand bedrag te betalen aan {{organizationName}}</title>\n<style type=\"text/css\">body {\n  color: #000716;\n  color: var(--color-dark, #000716);\n  font-family: -apple-system-body, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-size: 12pt;\n  line-height: 1.4;\n}\n\np {\n  margin: 0;\n  padding: 0;\n  line-height: 1.4;\n}\n\np.description {\n  color: var(--color-gray-4, #5e5e5e);\n}\np.description a, p.description a:link, p.description a:visited, p.description a:active, p.description a:hover {\n  text-decoration: underline;\n  color: var(--color-gray-4, #5e5e5e);\n}\n\nstrong {\n  font-weight: bold;\n}\n\nem {\n  font-style: italic;\n}\n\nh1 {\n  font-size: 30px;\n  font-weight: bold;\n  line-height: 1.2;\n  margin: 0;\n  padding: 0;\n}\n@media (max-width: 350px) {\n  h1 {\n    font-size: 24px;\n  }\n}\n\nh2 {\n  font-size: 20px;\n  line-height: 1.2;\n  font-weight: bold;\n  margin: 0;\n  padding: 0;\n}\n\nh3 {\n  font-size: 16px;\n  line-height: 1.2;\n  font-weight: bold;\n  margin: 0;\n  padding: 0;\n}\n\nh4 {\n  line-height: 1.2;\n  font-weight: 500;\n  margin: 0;\n  padding: 0;\n}\n\nol, ul {\n  list-style-position: outside;\n  padding-left: 30px;\n}\n\nhr {\n  height: 1px;\n  background: var(--color-border, var(--color-gray-2, #dcdcdc));\n  border-radius: 1px;\n  padding: 0;\n  margin: 20px 0;\n  outline: none;\n  border: 0;\n}\n\n.button {\n  touch-action: inherit;\n  user-select: auto;\n  cursor: pointer;\n  display: inline-block !important;\n  line-height: 42px;\n  font-size: 16px;\n  font-weight: bold;\n}\n.button:active {\n  transform: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n}\n\na, a:link, a:visited, a:active, a:hover {\n  text-decoration: underline;\n  color: blue;\n}\n\n.email-data-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n.email-data-table th, .email-data-table td {\n  text-align: left;\n  padding: 10px 10px 10px 0;\n  border-bottom: 1px solid var(--color-border, var(--color-gray-2, #dcdcdc));\n  vertical-align: middle;\n}\n.email-data-table th:last-child, .email-data-table td:last-child {\n  text-align: right;\n  padding-right: 0;\n}\n.email-data-table thead {\n  font-weight: bold;\n}\n.email-data-table thead th {\n  font-size: 10pt;\n}\n.email-data-table h4 ~ p {\n  padding-top: 3px;\n  opacity: 0.8;\n  font-size: 11pt;\n}\n\n.email-style-inline-code {\n  font-family: monospace;\n  white-space: pre-wrap;\n  display: inline-block;\n}\n\n.email-style-description-small {\n  font-size: 14px;\n  line-height: 1.5;\n  font-weight: normal;\n  color: var(--color-gray-4, #5e5e5e);\n  font-variation-settings: \"opsz\" 19;\n}\n\n.email-style-title-list {\n  font-size: 16px;\n  line-height: 1.3;\n  font-weight: 500;\n}\n.email-style-title-list + p {\n  padding-top: 3px;\n}\n\n.email-style-title-prefix-list {\n  font-size: 11px;\n  line-height: 1.5;\n  font-weight: bold;\n  color: {{primaryColor}};\n  text-transform: uppercase;\n  margin-bottom: 3px;\n}\n.email-style-title-prefix-list.error {\n  color: #f0153d;\n}\n\n.email-style-price-base, .email-style-discount-price, .email-style-discount-old-price, .email-style-price {\n  font-size: 15px;\n  line-height: 1.4;\n  font-weight: 500;\n  font-variant-numeric: tabular-nums;\n}\n.email-style-price-base.disabled, .disabled.email-style-discount-price, .disabled.email-style-discount-old-price, .disabled.email-style-price {\n  opacity: 0.6;\n}\n.email-style-price-base.negative, .negative.email-style-discount-price, .negative.email-style-discount-old-price, .negative.email-style-price {\n  color: #f0153d;\n}\n\n.email-style-price {\n  font-weight: bold;\n  color: {{primaryColor}};\n}\n\n.email-style-discount-old-price {\n  text-decoration: line-through;\n  color: var(--color-gray-4, #5e5e5e);\n}\n\n.email-style-discount-price {\n  font-weight: bold;\n  color: #ff4747;\n  margin-left: 5px;\n}\n\n.pre-wrap {\n  white-space: pre-wrap;\n} hr {height: 2px;background: #e7e7e7; border-radius: 1px; padding: 0; margin: 20px 0; outline: none; border: 0;} .button.primary { margin: 0; text-decoration: none; font-size: 16px; font-weight: bold; color: {{primaryColorContrast}}; padding: 0 27px; line-height: 42px; background: {{primaryColor}}; text-align: center; border-radius: 7px; touch-action: manipulation; display: inline-block; transition: 0.2s transform, 0.2s opacity; } .button.primary:active { transform: scale(0.95, 0.95); }  .inline-link, .inline-link:link, .inline-link:visited, .inline-link:active, .inline-link:hover { margin: 0; text-decoration: underline; font-size: inherit; font-weight: inherit; color: inherit; touch-action: manipulation; } .inline-link:active { opacity: 0.5; }  .description { color: #5e5e5e; } </style>\n</head>\n\n<body>\n<p style=\"margin: 0; padding: 0; line-height: 1.4;\">{{greeting}}</p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\">Je hebt een openstaand bedrag van {{outstandingBalance}} bij {{organizationName}}. Je kan de betaling in orde brengen door naar het ledenportaal te gaan. Daar kan je ook een detail bekijken van het openstaande bedrag.</p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><strong>Gelieve niet zomaar geld over te schrijven op onze rekening, maar altijd te betalen via het ledenportaal.</strong></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><div data-type=\"smartButton\" data-id=\"paymentUrl\"><table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" style=\"margin: 5px 0;\">\n<tbody><tr>\n    <td>\n        <table cellspacing=\"0\" cellpadding=\"0\">\n            <tbody><tr>\n                <td style=\"border-radius: 7px;\" bgcolor=\"{{primaryColor}}\">\n                <a class=\"button primary\" href=\"{{paymentUrl}}\" target=\"\" style=\"margin: 0; text-decoration: none; font-size: 16px; font-weight: bold; color: {{primaryColorContrast}}; padding: 0 27px; line-height: 42px; background: {{primaryColor}}; text-align: center; border-radius: 7px; touch-action: manipulation; display: inline-block; transition: 0.2s transform, 0.2s opacity;\">Betalen via het ledenportaal</a>\n                </td>\n            </tr>\n        </tbody></table>\n    </td>\n</tr>\n</tbody></table></div><p class=\"description\" style=\"color: #5e5e5e;\"><em>Twijfel je of één van onze e-mails wel echt is? Ga dan zelf rechtstreeks naar het ledenportaal via onze website zonder op een link in een e-mail te klikken. Via die weg kan je ook je openstaand bedrag bekijken en eventueel betalen - dan ben je altijd zeker dat je aan ons betaalt en het geen phishing is.</em></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p class=\"description\" style=\"color: #5e5e5e;\"><strong><em>Vragen over je openstaand bedrag</em></strong><em>? Neem dan contact op met </em>{{organizationName}} <em>via </em>{{fromAddress}}</p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><hr style=\"height: 2px;background: #e7e7e7; border-radius: 1px; padding: 0; margin: 20px 0; outline: none; border: 0;\"><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><h2 style=\"margin: 0; padding: 0;\">Overzicht</h2><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\">Dit is een momentopname van je huidige openstaande bedrag. Je kan op elk moment naar het ledenportaal gaan om de huidige status te bekijken en te betalen.</p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><div data-type=\"smartVariableBlock\" data-id=\"balanceTable\">{{balanceTable}}</div><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p class=\"description\" style=\"color: #5e5e5e;\"><em>Komt deze e-mail bij jou terecht, maar weet je niet waarover dit gaat en denk je dat dit aan een andere persoon is gericht (bv. een typefout)? Dan schrijf je best uit voor onze e-mails via </em><a class=\"inline-link\" href=\"{{unsubscribeUrl}}\" target=\"\" style=\"margin: 0; text-decoration: underline; font-size: inherit; font-weight: inherit; color: inherit; touch-action: manipulation;\"><em>deze knop</em></a><em> — hierna zal je nooit meer een e-mail van ons ontvangen.</em></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><a class=\"inline-link\" href=\"{{unsubscribeUrl}}\" target=\"\" style=\"margin: 0; text-decoration: underline; font-size: inherit; font-weight: inherit; color: inherit; touch-action: manipulation;\">Uitschrijven</a></p>\n</body>\n\n</html>', '{\"value\": {\"type\": \"doc\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"type\": \"smartVariable\", \"attrs\": {\"id\": \"greeting\"}}]}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Je hebt een openstaand bedrag van \", \"type\": \"text\"}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"outstandingBalance\"}}, {\"text\": \" bij \", \"type\": \"text\"}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"organizationName\"}}, {\"text\": \". Je kan de betaling in orde brengen door naar het ledenportaal te gaan. Daar kan je ook een detail bekijken van het openstaande bedrag.\", \"type\": \"text\"}]}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Gelieve niet zomaar geld over te schrijven op onze rekening, maar altijd te betalen via het ledenportaal.\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}]}, {\"type\": \"paragraph\"}, {\"type\": \"smartButton\", \"attrs\": {\"id\": \"paymentUrl\"}, \"content\": [{\"text\": \"Betalen via het ledenportaal\", \"type\": \"text\"}]}, {\"type\": \"descriptiveText\", \"content\": [{\"text\": \"Twijfel je of één van onze e-mails wel echt is? Ga dan zelf rechtstreeks naar het ledenportaal via onze website zonder op een link in een e-mail te klikken. Via die weg kan je ook je openstaand bedrag bekijken en eventueel betalen - dan ben je altijd zeker dat je aan ons betaalt en het geen phishing is.\", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}]}, {\"type\": \"paragraph\"}, {\"type\": \"descriptiveText\", \"content\": [{\"text\": \"Vragen over je openstaand bedrag\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}, {\"type\": \"italic\"}]}, {\"text\": \"? Neem dan contact op met \", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"organizationName\"}}, {\"text\": \" \", \"type\": \"text\"}, {\"text\": \"via \", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"fromAddress\"}}]}, {\"type\": \"paragraph\"}, {\"type\": \"horizontalRule\"}, {\"type\": \"paragraph\"}, {\"type\": \"heading\", \"attrs\": {\"level\": 2}, \"content\": [{\"text\": \"Overzicht\", \"type\": \"text\"}]}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Dit is een momentopname van je huidige openstaande bedrag. Je kan op elk moment naar het ledenportaal gaan om de huidige status te bekijken en te betalen.\", \"type\": \"text\"}]}, {\"type\": \"paragraph\"}, {\"type\": \"smartVariableBlock\", \"attrs\": {\"id\": \"balanceTable\"}}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\"}, {\"type\": \"descriptiveText\", \"content\": [{\"text\": \"Komt deze e-mail bij jou terecht, maar weet je niet waarover dit gaat en denk je dat dit aan een andere persoon is gericht (bv. een typefout)? Dan schrijf je best uit voor onze e-mails via \", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}, {\"type\": \"smartButtonInline\", \"attrs\": {\"id\": \"unsubscribeUrl\"}, \"content\": [{\"text\": \"deze knop\", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}]}, {\"text\": \" — hierna zal je nooit meer een e-mail van ons ontvangen.\", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}]}, {\"type\": \"paragraph\", \"content\": [{\"type\": \"smartButtonInline\", \"attrs\": {\"id\": \"unsubscribeUrl\"}, \"content\": [{\"text\": \"Uitschrijven\", \"type\": \"text\"}]}]}]}, \"version\": 354}', '2025-01-04 12:04:03', '2025-01-04 12:04:03'),
+('3624fe92-3021-4b70-a740-7acac32db6ef', 'Jouw openstaand saldo bij {{organizationName}}', NULL, NULL, NULL, 'UserBalanceIncreaseNotification', '{{greeting}}Je hebt een nieuw openstaand bedrag van {{outstandingBalance}} bij {{organizationName}}. Je kan de betaling in orde brengen door naar het ledenportaal te gaan. Daar kan je ook een detail bekijken van het openstaande bedrag.Gelieve niet zomaar geld over te schrijven op onze rekening, maar altijd te betalen via het ledenportaal.\n\n    \n        \n            \n                \n                Betalen via het ledenportaal\n                \n            \n        \n    \n\nTwijfel je of één van onze e-mails wel echt is? Ga dan zelf rechtstreeks naar het ledenportaal via onze website zonder op een link in een e-mail te klikken. Via die weg kan je ook je openstaand bedrag bekijken en eventueel betalen - dan ben je altijd zeker dat je aan ons betaalt en het geen phishing is.Vragen over je openstaand bedrag? Neem dan contact op met {{organizationName}} via {{fromAddress}}OverzichtDit is een momentopname van je huidige openstaande bedrag. Je kan op elk moment naar het ledenportaal gaan om de huidige status te bekijken en te betalen.{{balanceTable}}Komt deze e-mail bij jou terecht, maar weet je niet waarover dit gaat en denk je dat dit aan een andere persoon is gericht (bv. een typefout)? Dan schrijf je best uit voor onze e-mails via deze knop — hierna zal je nooit meer een e-mail van ons ontvangen.Uitschrijven', '<!DOCTYPE html>\n<html>\n\n<head>\n<meta charset=\"utf-8\" />\n<meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\n<meta name=\"viewport\" content=\"width=device-width,initial-scale=1.0\" />\n<title>Jouw openstaand saldo bij {{organizationName}}</title>\n<style type=\"text/css\">body {\n  color: #000716;\n  color: var(--color-dark, #000716);\n  font-family: -apple-system-body, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n  font-size: 12pt;\n  line-height: 1.4;\n}\n\np {\n  margin: 0;\n  padding: 0;\n  line-height: 1.4;\n}\n\np.description {\n  color: var(--color-gray-4, #5e5e5e);\n}\np.description a, p.description a:link, p.description a:visited, p.description a:active, p.description a:hover {\n  text-decoration: underline;\n  color: var(--color-gray-4, #5e5e5e);\n}\n\nstrong {\n  font-weight: bold;\n}\n\nem {\n  font-style: italic;\n}\n\nh1 {\n  font-size: 30px;\n  font-weight: bold;\n  line-height: 1.2;\n  margin: 0;\n  padding: 0;\n}\n@media (max-width: 350px) {\n  h1 {\n    font-size: 24px;\n  }\n}\n\nh2 {\n  font-size: 20px;\n  line-height: 1.2;\n  font-weight: bold;\n  margin: 0;\n  padding: 0;\n}\n\nh3 {\n  font-size: 16px;\n  line-height: 1.2;\n  font-weight: bold;\n  margin: 0;\n  padding: 0;\n}\n\nh4 {\n  line-height: 1.2;\n  font-weight: 500;\n  margin: 0;\n  padding: 0;\n}\n\nol, ul {\n  list-style-position: outside;\n  padding-left: 30px;\n}\n\nhr {\n  height: 1px;\n  background: var(--color-border, var(--color-gray-2, #dcdcdc));\n  border-radius: 1px;\n  padding: 0;\n  margin: 20px 0;\n  outline: none;\n  border: 0;\n}\n\n.button {\n  touch-action: inherit;\n  user-select: auto;\n  cursor: pointer;\n  display: inline-block !important;\n  line-height: 42px;\n  font-size: 16px;\n  font-weight: bold;\n}\n.button:active {\n  transform: none;\n}\n\nimg {\n  max-width: 100%;\n  height: auto;\n}\n\na, a:link, a:visited, a:active, a:hover {\n  text-decoration: underline;\n  color: blue;\n}\n\n.email-data-table {\n  width: 100%;\n  border-collapse: collapse;\n}\n.email-data-table th, .email-data-table td {\n  text-align: left;\n  padding: 10px 10px 10px 0;\n  border-bottom: 1px solid var(--color-border, var(--color-gray-2, #dcdcdc));\n  vertical-align: middle;\n}\n.email-data-table th:last-child, .email-data-table td:last-child {\n  text-align: right;\n  padding-right: 0;\n}\n.email-data-table thead {\n  font-weight: bold;\n}\n.email-data-table thead th {\n  font-size: 10pt;\n}\n.email-data-table h4 ~ p {\n  padding-top: 3px;\n  opacity: 0.8;\n  font-size: 11pt;\n}\n\n.email-style-inline-code {\n  font-family: monospace;\n  white-space: pre-wrap;\n  display: inline-block;\n}\n\n.email-style-description-small {\n  font-size: 14px;\n  line-height: 1.5;\n  font-weight: normal;\n  color: var(--color-gray-4, #5e5e5e);\n  font-variation-settings: \"opsz\" 19;\n}\n\n.email-style-title-list {\n  font-size: 16px;\n  line-height: 1.3;\n  font-weight: 500;\n}\n.email-style-title-list + p {\n  padding-top: 3px;\n}\n\n.email-style-title-prefix-list {\n  font-size: 11px;\n  line-height: 1.5;\n  font-weight: bold;\n  color: {{primaryColor}};\n  text-transform: uppercase;\n  margin-bottom: 3px;\n}\n.email-style-title-prefix-list.error {\n  color: #f0153d;\n}\n\n.email-style-price-base, .email-style-discount-price, .email-style-discount-old-price, .email-style-price {\n  font-size: 15px;\n  line-height: 1.4;\n  font-weight: 500;\n  font-variant-numeric: tabular-nums;\n}\n.email-style-price-base.disabled, .disabled.email-style-discount-price, .disabled.email-style-discount-old-price, .disabled.email-style-price {\n  opacity: 0.6;\n}\n.email-style-price-base.negative, .negative.email-style-discount-price, .negative.email-style-discount-old-price, .negative.email-style-price {\n  color: #f0153d;\n}\n\n.email-style-price {\n  font-weight: bold;\n  color: {{primaryColor}};\n}\n\n.email-style-discount-old-price {\n  text-decoration: line-through;\n  color: var(--color-gray-4, #5e5e5e);\n}\n\n.email-style-discount-price {\n  font-weight: bold;\n  color: #ff4747;\n  margin-left: 5px;\n}\n\n.pre-wrap {\n  white-space: pre-wrap;\n} hr {height: 2px;background: #e7e7e7; border-radius: 1px; padding: 0; margin: 20px 0; outline: none; border: 0;} .button.primary { margin: 0; text-decoration: none; font-size: 16px; font-weight: bold; color: {{primaryColorContrast}}; padding: 0 27px; line-height: 42px; background: {{primaryColor}}; text-align: center; border-radius: 7px; touch-action: manipulation; display: inline-block; transition: 0.2s transform, 0.2s opacity; } .button.primary:active { transform: scale(0.95, 0.95); }  .inline-link, .inline-link:link, .inline-link:visited, .inline-link:active, .inline-link:hover { margin: 0; text-decoration: underline; font-size: inherit; font-weight: inherit; color: inherit; touch-action: manipulation; } .inline-link:active { opacity: 0.5; }  .description { color: #5e5e5e; } </style>\n</head>\n\n<body>\n<p style=\"margin: 0; padding: 0; line-height: 1.4;\">{{greeting}}</p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\">Je hebt een nieuw openstaand bedrag van {{outstandingBalance}} bij {{organizationName}}. Je kan de betaling in orde brengen door naar het ledenportaal te gaan. Daar kan je ook een detail bekijken van het openstaande bedrag.</p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><strong>Gelieve niet zomaar geld over te schrijven op onze rekening, maar altijd te betalen via het ledenportaal.</strong></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><div data-type=\"smartButton\" data-id=\"paymentUrl\"><table width=\"100%\" cellspacing=\"0\" cellpadding=\"0\" style=\"margin: 5px 0;\">\n<tbody><tr>\n    <td>\n        <table cellspacing=\"0\" cellpadding=\"0\">\n            <tbody><tr>\n                <td style=\"border-radius: 7px;\" bgcolor=\"{{primaryColor}}\">\n                <a class=\"button primary\" href=\"{{paymentUrl}}\" target=\"\" style=\"margin: 0; text-decoration: none; font-size: 16px; font-weight: bold; color: {{primaryColorContrast}}; padding: 0 27px; line-height: 42px; background: {{primaryColor}}; text-align: center; border-radius: 7px; touch-action: manipulation; display: inline-block; transition: 0.2s transform, 0.2s opacity;\">Betalen via het ledenportaal</a>\n                </td>\n            </tr>\n        </tbody></table>\n    </td>\n</tr>\n</tbody></table></div><p class=\"description\" style=\"color: #5e5e5e;\"><em>Twijfel je of één van onze e-mails wel echt is? Ga dan zelf rechtstreeks naar het ledenportaal via onze website zonder op een link in een e-mail te klikken. Via die weg kan je ook je openstaand bedrag bekijken en eventueel betalen - dan ben je altijd zeker dat je aan ons betaalt en het geen phishing is.</em></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p class=\"description\" style=\"color: #5e5e5e;\"><strong><em>Vragen over je openstaand bedrag</em></strong><em>? Neem dan contact op met </em>{{organizationName}} <em>via </em>{{fromAddress}}</p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><hr style=\"height: 2px;background: #e7e7e7; border-radius: 1px; padding: 0; margin: 20px 0; outline: none; border: 0;\"><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><h2 style=\"margin: 0; padding: 0;\">Overzicht</h2><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\">Dit is een momentopname van je huidige openstaande bedrag. Je kan op elk moment naar het ledenportaal gaan om de huidige status te bekijken en te betalen.</p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><div data-type=\"smartVariableBlock\" data-id=\"balanceTable\">{{balanceTable}}</div><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><br></p><p class=\"description\" style=\"color: #5e5e5e;\"><em>Komt deze e-mail bij jou terecht, maar weet je niet waarover dit gaat en denk je dat dit aan een andere persoon is gericht (bv. een typefout)? Dan schrijf je best uit voor onze e-mails via </em><a class=\"inline-link\" href=\"{{unsubscribeUrl}}\" target=\"\" style=\"margin: 0; text-decoration: underline; font-size: inherit; font-weight: inherit; color: inherit; touch-action: manipulation;\"><em>deze knop</em></a><em> — hierna zal je nooit meer een e-mail van ons ontvangen.</em></p><p style=\"margin: 0; padding: 0; line-height: 1.4;\"><a class=\"inline-link\" href=\"{{unsubscribeUrl}}\" target=\"\" style=\"margin: 0; text-decoration: underline; font-size: inherit; font-weight: inherit; color: inherit; touch-action: manipulation;\">Uitschrijven</a></p>\n</body>\n\n</html>', '{\"value\": {\"type\": \"doc\", \"content\": [{\"type\": \"paragraph\", \"content\": [{\"type\": \"smartVariable\", \"attrs\": {\"id\": \"greeting\"}}]}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Je hebt een nieuw openstaand bedrag van \", \"type\": \"text\"}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"outstandingBalance\"}}, {\"text\": \" bij \", \"type\": \"text\"}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"organizationName\"}}, {\"text\": \". Je kan de betaling in orde brengen door naar het ledenportaal te gaan. Daar kan je ook een detail bekijken van het openstaande bedrag.\", \"type\": \"text\"}]}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Gelieve niet zomaar geld over te schrijven op onze rekening, maar altijd te betalen via het ledenportaal.\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}]}]}, {\"type\": \"paragraph\"}, {\"type\": \"smartButton\", \"attrs\": {\"id\": \"paymentUrl\"}, \"content\": [{\"text\": \"Betalen via het ledenportaal\", \"type\": \"text\"}]}, {\"type\": \"descriptiveText\", \"content\": [{\"text\": \"Twijfel je of één van onze e-mails wel echt is? Ga dan zelf rechtstreeks naar het ledenportaal via onze website zonder op een link in een e-mail te klikken. Via die weg kan je ook je openstaand bedrag bekijken en eventueel betalen - dan ben je altijd zeker dat je aan ons betaalt en het geen phishing is.\", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}]}, {\"type\": \"paragraph\"}, {\"type\": \"descriptiveText\", \"content\": [{\"text\": \"Vragen over je openstaand bedrag\", \"type\": \"text\", \"marks\": [{\"type\": \"bold\"}, {\"type\": \"italic\"}]}, {\"text\": \"? Neem dan contact op met \", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"organizationName\"}}, {\"text\": \" \", \"type\": \"text\"}, {\"text\": \"via \", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}, {\"type\": \"smartVariable\", \"attrs\": {\"id\": \"fromAddress\"}}]}, {\"type\": \"paragraph\"}, {\"type\": \"horizontalRule\"}, {\"type\": \"paragraph\"}, {\"type\": \"heading\", \"attrs\": {\"level\": 2}, \"content\": [{\"text\": \"Overzicht\", \"type\": \"text\"}]}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\", \"content\": [{\"text\": \"Dit is een momentopname van je huidige openstaande bedrag. Je kan op elk moment naar het ledenportaal gaan om de huidige status te bekijken en te betalen.\", \"type\": \"text\"}]}, {\"type\": \"paragraph\"}, {\"type\": \"smartVariableBlock\", \"attrs\": {\"id\": \"balanceTable\"}}, {\"type\": \"paragraph\"}, {\"type\": \"paragraph\"}, {\"type\": \"descriptiveText\", \"content\": [{\"text\": \"Komt deze e-mail bij jou terecht, maar weet je niet waarover dit gaat en denk je dat dit aan een andere persoon is gericht (bv. een typefout)? Dan schrijf je best uit voor onze e-mails via \", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}, {\"type\": \"smartButtonInline\", \"attrs\": {\"id\": \"unsubscribeUrl\"}, \"content\": [{\"text\": \"deze knop\", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}]}, {\"text\": \" — hierna zal je nooit meer een e-mail van ons ontvangen.\", \"type\": \"text\", \"marks\": [{\"type\": \"italic\"}]}]}, {\"type\": \"paragraph\", \"content\": [{\"type\": \"smartButtonInline\", \"attrs\": {\"id\": \"unsubscribeUrl\"}, \"content\": [{\"text\": \"Uitschrijven\", \"type\": \"text\"}]}]}]}, \"version\": 354}', '2025-01-04 10:09:48', '2025-01-04 10:09:48');

package/src/models/AuditLog.ts

@@ -1,10 +1,10 @@
-import { column, Model, SQLResultNamespacedRow } from '@simonbackx/simple-database';
+import { column } from '@simonbackx/simple-database';
 import { ArrayDecoder, Decoder, MapDecoder, StringDecoder } from '@simonbackx/simple-encoding';
-import { SQL, SQLSelect } from '@stamhoofd/sql';
+import { QueryableModel } from '@stamhoofd/sql';
 import { AuditLogPatchItem, AuditLogReplacement, AuditLogSource, AuditLogType } from '@stamhoofd/structures';
 import { v7 as uuidv7 } from 'uuid';
 
-export class AuditLog extends Model {
+export class AuditLog extends QueryableModel {
     static table = 'audit_logs';
 
     // Columns
@@ -67,22 +67,4 @@ export class AuditLog extends Model {
         },
     })
     createdAt: Date;
-
-    /**
-     * Experimental: needs to move to library
-     */
-    static select() {
-        const transformer = (row: SQLResultNamespacedRow): AuditLog => {
-            const d = (this as typeof AuditLog & typeof Model).fromRow(row[this.table] as any) as AuditLog | undefined;
-
-            if (!d) {
-                throw new Error('EmailTemplate not found');
-            }
-
-            return d;
-        };
-
-        const select = new SQLSelect(transformer, SQL.wildcard());
-        return select.from(SQL.table(this.table));
-    }
 }

package/src/models/BalanceItem.ts

@@ -1,17 +1,17 @@
-import { column, Database, Model, SQLResultNamespacedRow } from '@simonbackx/simple-database';
-import { BalanceItem as BalanceItemStruct, BalanceItemPaymentWithPayment, BalanceItemPaymentWithPrivatePayment, BalanceItemRelation, BalanceItemRelationType, BalanceItemStatus, BalanceItemType, BalanceItemWithPayments, BalanceItemWithPrivatePayments, OrderStatus, Payment as PaymentStruct, PrivatePayment } from '@stamhoofd/structures';
+import { column, Database } from '@simonbackx/simple-database';
+import { BalanceItemPaymentWithPayment, BalanceItemPaymentWithPrivatePayment, BalanceItemRelation, BalanceItemRelationType, BalanceItemStatus, BalanceItem as BalanceItemStruct, BalanceItemType, BalanceItemWithPayments, BalanceItemWithPrivatePayments, Payment as PaymentStruct, PrivatePayment } from '@stamhoofd/structures';
 import { Formatter } from '@stamhoofd/utility';
 import { v4 as uuidv4 } from 'uuid';
 
 import { EnumDecoder, MapDecoder } from '@simonbackx/simple-encoding';
-import { SQL, SQLSelect } from '@stamhoofd/sql';
-import { Document, Organization, Payment, Webshop } from './';
+import { QueryableModel, SQL } from '@stamhoofd/sql';
+import { Document, MemberUser, Payment } from './';
 import { CachedBalance } from './CachedBalance';
 
 /**
  * Keeps track of how much a member/user owes or needs to be reimbursed.
  */
-export class BalanceItem extends Model {
+export class BalanceItem extends QueryableModel {
     static table = 'balance_items';
 
     @column({
@@ -220,8 +220,18 @@ export class BalanceItem extends Model {
         await this.deleteItems(items);
     }
 
-    static async getForRegistration(registrationId: string) {
-        const items = await BalanceItem.where({ registrationId });
+    static async getForRegistration(registrationId: string, organizationId?: string) {
+        let q = BalanceItem.select()
+            .where('registrationId', registrationId)
+            .whereNot('status', BalanceItemStatus.Hidden);
+
+        if (organizationId) {
+            q = q.where('organizationId', organizationId);
+        }
+
+        const items = await q
+            .fetch();
+
         return {
             items,
             ...(await this.loadPayments(items)),
@@ -237,15 +247,6 @@ export class BalanceItem extends Model {
 
         await BalanceItem.updatePricePaid(items.map(i => i.id));
 
-        // Deprecated: the member balances have moved to CachedBalance
-        // Update outstanding amount of related members and registrations
-        const memberIds: string[] = Formatter.uniqueArray(items.map(p => p.memberId).filter(id => id !== null));
-
-        const Member = (await import('./Member')).Member;
-        await Member.updateOutstandingBalance(memberIds);
-
-        const { Registration } = await import('./Registration');
-
         const organizationIds = Formatter.uniqueArray(items.map(p => p.organizationId));
         for (const organizationId of organizationIds) {
             const filteredItems = items.filter(i => i.organizationId === organizationId);
@@ -253,16 +254,22 @@ export class BalanceItem extends Model {
             const memberIds = Formatter.uniqueArray(filteredItems.map(p => p.memberId).filter(id => id !== null));
             await CachedBalance.updateForMembers(organizationId, memberIds);
 
-            const userIds = Formatter.uniqueArray(filteredItems.filter(p => p.memberId === null && p.userId !== null).map(p => p.userId!));
+            let userIds = filteredItems.filter(p => p.userId !== null).map(p => p.userId!);
+
+            if (memberIds.length) {
+                // Now also include the userIds of the members
+                const userMemberIds = (await MemberUser.select().where('membersId', memberIds).fetch()).map(m => m.usersId);
+                userIds.push(...userMemberIds);
+            }
+            userIds = Formatter.uniqueArray(userIds);
+
             await CachedBalance.updateForUsers(organizationId, userIds);
 
             const organizationIds = Formatter.uniqueArray(filteredItems.map(p => p.payingOrganizationId).filter(id => id !== null));
             await CachedBalance.updateForOrganizations(organizationId, organizationIds);
 
             const registrationIds: string[] = Formatter.uniqueArray(filteredItems.map(p => p.registrationId).filter(id => id !== null));
-
-            // Deprecated: we'll need to move the outstanding balance of registrations to CachedBalance
-            await Registration.updateOutstandingBalance(registrationIds, organizationId);
+            await CachedBalance.updateForRegistrations(organizationId, registrationIds);
 
             if (registrationIds.length) {
                 await Document.updateForRegistrations(registrationIds, organizationId);
@@ -330,13 +337,6 @@ export class BalanceItem extends Model {
         await Database.update(query, params);
     }
 
-    /**
-     * @deprecated
-     */
-    static async updatePricePending(balanceItemIds: string[] | 'all') {
-        // deprecated
-    }
-
     static async loadPayments(items: BalanceItem[]) {
         if (items.length == 0) {
             return { balanceItemPayments: [], payments: [] };
@@ -344,7 +344,9 @@ export class BalanceItem extends Model {
 
         // Load balance payment items
         const { BalanceItemPayment } = await import('./BalanceItemPayment');
-        const balanceItemPayments = await BalanceItemPayment.where({ balanceItemId: { sign: 'IN', value: items.map(i => i.id) } });
+        const balanceItemPayments = await BalanceItemPayment.select()
+            .where('balanceItemId', items.map(i => i.id))
+            .fetch();
 
         const payments = await Payment.getByIDs(...balanceItemPayments.map(p => p.paymentId));
 
@@ -461,22 +463,4 @@ export class BalanceItem extends Model {
             .whereNot('status', BalanceItemStatus.Hidden)
             .fetch();
     }
-
-    /**
-     * Experimental: needs to move to library
-     */
-    static select() {
-        const transformer = (row: SQLResultNamespacedRow): BalanceItem => {
-            const d = (this as typeof BalanceItem & typeof Model).fromRow(row[this.table] as any) as BalanceItem | undefined;
-
-            if (!d) {
-                throw new Error('EmailTemplate not found');
-            }
-
-            return d;
-        };
-
-        const select = new SQLSelect(transformer, SQL.wildcard());
-        return select.from(SQL.table(this.table));
-    }
 }

package/src/models/BalanceItemPayment.ts

@@ -1,13 +1,14 @@
-import { column, ManyToOneRelation, Model } from '@simonbackx/simple-database';
+import { column, ManyToOneRelation } from '@simonbackx/simple-database';
 import { v4 as uuidv4 } from 'uuid';
 
 import { BalanceItem, Payment } from './';
+import { QueryableModel } from '@stamhoofd/sql';
 
 /**
  * Keeps track of all the created payments of a balance item, which contains the (tries) to pay a balance item.
  * It also keeps track of how much a given payment is split between multiple balance items, which makes it possible to pay a balance item partially.
  */
-export class BalanceItemPayment extends Model {
+export class BalanceItemPayment extends QueryableModel {
     static table = 'balance_item_payments';
 
     @column({

package/src/models/BuckarooPayment.ts

@@ -1,7 +1,8 @@
-import { column, Model } from '@simonbackx/simple-database';
+import { column } from '@simonbackx/simple-database';
+import { QueryableModel } from '@stamhoofd/sql';
 import { v4 as uuidv4 } from 'uuid';
 
-export class BuckarooPayment extends Model {
+export class BuckarooPayment extends QueryableModel {
     static table = 'buckaroo_payments';
 
     @column({