@vrplatform/email 1.0.2-40176543866 → 1.0.2-40299030944

package/build/module/templates/InviteOwnerEmailTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"InviteOwnerEmailTemplate.js","sourceRoot":"src/","sources":["templates/InviteOwnerEmailTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAEL,mBAAmB,GAEpB,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAC5C,IAAoB,EACpB,IAGC,EACgB,EAAE;IACnB,MAAM,UAAU,GACd,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;IAEjE,OAAO;QACL,OAAO,EAAE,qDAAqD,IAAI,CAAC,OAAO,gEAAgE;QAC1I,OAAO,EAAE,wGAAwG,UAAU,MAAM;QACjI,UAAU,EAAE,mBAAmB;QAC/B,MAAM,EAAE,+BAA+B;QACvC,gBAAgB,EAAE,wDAAwD;QAC1E,IAAI,EAAE,IAAI,CAAC,UAAU;QACrB,OAAO,EAAE,0BAA0B,IAAI,CAAC,OAAO,eAAe;KAC/D,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,eAAe,GAAG,OAAO,EACzB,GAAG,KAAK,EAGT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,mBAAmB,OACd,KAAK,EACT,IAAI,EAAE;YACJ,GAAG,KAAK,CAAC,IAAI;YACb,wEAAwE;YACxE,OAAO,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,mYAAmY,eAAe,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kCAAkC,sCAAsC;SAC3hB,GACD,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { EMAIL_ACTION_LINK_COMPONENT } from '../extensions';\nimport {\n  type ActionEmailData,\n  ActionEmailTemplate,\n  type ActionEmailTemplateProps,\n} from '../components';\n\nexport const getDefaultInviteOwnerEmailData = (\n  mode: 'tag' | 'text',\n  args: {\n    appName: string;\n    signInLink: string;\n  }\n): ActionEmailData => {\n  const signInLink =\n    mode === 'tag' ? EMAIL_ACTION_LINK_COMPONENT : args.signInLink;\n\n  return {\n    bodyOne: `<p>You are invited to access your Owner Portal on ${args.appName}.</p><p>Accept the invitation below to set up your access.</p>`,\n    bodyTwo: `<p>If you have any trouble with the button, you can copy and paste the link below into your browser: ${signInLink}</p>`,\n    buttonText: 'Accept Invitation',\n    header: 'Welcome to your Owner Portal!',\n    shortDescription: 'Set up your Owner Portal access using your invitation.',\n    href: args.signInLink,\n    subject: `Your invitation to the ${args.appName} Owner Portal`,\n  };\n};\n\nexport const InviteOwnerEmailTemplate = ({\n  ownerAccessRole = 'admin',\n  ...props\n}: ActionEmailTemplateProps & {\n  ownerAccessRole?: 'admin' | 'viewer';\n}) => {\n  return (\n    <ActionEmailTemplate\n      {...props}\n      data={{\n        ...props.data,\n        // Add guidance at render time so saved custom templates receive it too.\n        bodyTwo: `${props.data.bodyTwo}<hr style=\"width:100%;border:none;border-top:1px solid #eaeaea;margin:24px 0\" /><p>This invitation link is for one-time setup of your Owner Portal access and expires after 7 days. Sign up using the exact email address this invitation was sent to.</p><p>If your invitation expires before setup is complete, contact your property manager for a new invitation.</p><p>For questions about ${ownerAccessRole === 'viewer' ? 'portal access' : 'your statements or portal access'}, contact your property manager.</p>`,\n      }}\n    />\n  );\n};\n"]}
+{"version":3,"file":"InviteOwnerEmailTemplate.js","sourceRoot":"src/","sources":["templates/InviteOwnerEmailTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAEL,mBAAmB,GAEpB,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,8BAA8B,GAAG,CAC5C,IAAoB,EACpB,IAGC,EACgB,EAAE;IACnB,MAAM,UAAU,GACd,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;IAEjE,OAAO;QACL,OAAO,EAAE,qDAAqD,IAAI,CAAC,OAAO,gEAAgE;QAC1I,OAAO,EAAE,wGAAwG,UAAU,MAAM;QACjI,UAAU,EAAE,mBAAmB;QAC/B,MAAM,EAAE,+BAA+B;QACvC,gBAAgB,EAAE,wDAAwD;QAC1E,IAAI,EAAE,IAAI,CAAC,UAAU;QACrB,OAAO,EAAE,0BAA0B,IAAI,CAAC,OAAO,eAAe;KAC/D,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,CAAC,EACvC,eAAe,GAAG,OAAO,EACzB,GAAG,KAAK,EAGT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,mBAAmB,OACd,KAAK,EACT,OAAO,EAAC,yBAAyB,EACjC,IAAI,EAAE;YACJ,GAAG,KAAK,CAAC,IAAI;YACb,wEAAwE;YACxE,OAAO,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,mYAAmY,eAAe,KAAK,QAAQ,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kCAAkC,sCAAsC;SAC3hB,GACD,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { EMAIL_ACTION_LINK_COMPONENT } from '../extensions';\nimport {\n  type ActionEmailData,\n  ActionEmailTemplate,\n  type ActionEmailTemplateProps,\n} from '../components';\n\nexport const getDefaultInviteOwnerEmailData = (\n  mode: 'tag' | 'text',\n  args: {\n    appName: string;\n    signInLink: string;\n  }\n): ActionEmailData => {\n  const signInLink =\n    mode === 'tag' ? EMAIL_ACTION_LINK_COMPONENT : args.signInLink;\n\n  return {\n    bodyOne: `<p>You are invited to access your Owner Portal on ${args.appName}.</p><p>Accept the invitation below to set up your access.</p>`,\n    bodyTwo: `<p>If you have any trouble with the button, you can copy and paste the link below into your browser: ${signInLink}</p>`,\n    buttonText: 'Accept Invitation',\n    header: 'Welcome to your Owner Portal!',\n    shortDescription: 'Set up your Owner Portal access using your invitation.',\n    href: args.signInLink,\n    subject: `Your invitation to the ${args.appName} Owner Portal`,\n  };\n};\n\nexport const InviteOwnerEmailTemplate = ({\n  ownerAccessRole = 'admin',\n  ...props\n}: ActionEmailTemplateProps & {\n  ownerAccessRole?: 'admin' | 'viewer';\n}) => {\n  return (\n    <ActionEmailTemplate\n      {...props}\n      eyebrow=\"Owner Portal invitation\"\n      data={{\n        ...props.data,\n        // Add guidance at render time so saved custom templates receive it too.\n        bodyTwo: `${props.data.bodyTwo}<hr style=\"width:100%;border:none;border-top:1px solid #eaeaea;margin:24px 0\" /><p>This invitation link is for one-time setup of your Owner Portal access and expires after 7 days. Sign up using the exact email address this invitation was sent to.</p><p>If your invitation expires before setup is complete, contact your property manager for a new invitation.</p><p>For questions about ${ownerAccessRole === 'viewer' ? 'portal access' : 'your statements or portal access'}, contact your property manager.</p>`,\n      }}\n    />\n  );\n};\n"]}

package/build/module/templates/InvitePmEmailTemplate.js

@@ -16,7 +16,7 @@ export const getDefaultInvitePropertyManagerEmailData = (mode, args) => {
     };
 };
 export const InvitePmEmailTemplate = (props) => {
-    return (_jsx(ActionEmailTemplate, { ...props, data: {
+    return (_jsx(ActionEmailTemplate, { ...props, eyebrow: "Team invitation", data: {
             ...props.data,
             // Add guidance at render time so saved custom templates receive it too.
             bodyTwo: `${props.data.bodyTwo}<hr style="width:100%;border:none;border-top:1px solid #eaeaea;margin:24px 0" /><p>This invitation link is for one-time setup of your team access and expires after 7 days. Sign up using the exact email address this invitation was sent to.</p><p>If your invitation expires before setup is complete, contact your team administrator for a new invitation.</p><p>For questions about team access, contact your team administrator.</p>`,

package/build/module/templates/InvitePmEmailTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"InvitePmEmailTemplate.js","sourceRoot":"src/","sources":["templates/InvitePmEmailTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAEL,mBAAmB,GAEpB,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,wCAAwC,GAAG,CACtD,IAAoB,EACpB,IAIC,EACgB,EAAE;IACnB,MAAM,UAAU,GACd,IAAI,KAAK,KAAK;QACZ,CAAC,CAAC,2BAA2B;QAC7B,CAAC,CAAC,YAAY,IAAI,CAAC,UAAU,qBAAqB,IAAI,CAAC,UAAU,MAAM,CAAC;IAE5E,OAAO;QACL,OAAO,EAAE,8BAA8B,IAAI,CAAC,QAAQ,OAAO,IAAI,CAAC,OAAO,qEAAqE;QAC5I,OAAO,EAAE,qFAAqF,UAAU,MAAM;QAC9G,UAAU,EAAE,mBAAmB;QAC/B,MAAM,EAAE,sBAAsB;QAC9B,gBAAgB,EAAE,kCAAkC,IAAI,CAAC,QAAQ,OAAO,IAAI,CAAC,OAAO,GAAG;QACvF,IAAI,EAAE,IAAI,CAAC,UAAU;QACrB,OAAO,EAAE,2BAA2B,IAAI,CAAC,QAAQ,OAAO,IAAI,CAAC,OAAO,EAAE;KACvE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACvE,OAAO,CACL,KAAC,mBAAmB,OACd,KAAK,EACT,IAAI,EAAE;YACJ,GAAG,KAAK,CAAC,IAAI;YACb,wEAAwE;YACxE,OAAO,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,6aAA6a;SAC5c,GACD,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { EMAIL_ACTION_LINK_COMPONENT } from '../extensions';\nimport {\n  type ActionEmailData,\n  ActionEmailTemplate,\n  type ActionEmailTemplateProps,\n} from '../components';\n\nexport const getDefaultInvitePropertyManagerEmailData = (\n  mode: 'tag' | 'text',\n  args: {\n    appName: string;\n    signInLink: string;\n    teamName: string;\n  }\n): ActionEmailData => {\n  const signInLink =\n    mode === 'tag'\n      ? EMAIL_ACTION_LINK_COMPONENT\n      : `<a href='${args.signInLink}' target='_blank'>${args.signInLink}</a>`;\n\n  return {\n    bodyOne: `<p>You are invited to join ${args.teamName} on ${args.appName}.</p><p>Accept the invitation below to set up your team access.</p>`,\n    bodyTwo: `<p>If you have any trouble with the button, you can use the following link below: ${signInLink}</p>`,\n    buttonText: 'Accept Invitation',\n    header: 'Welcome to the team!',\n    shortDescription: `Accept your invitation to join ${args.teamName} on ${args.appName}.`,\n    href: args.signInLink,\n    subject: `You are invited to join ${args.teamName} on ${args.appName}`,\n  };\n};\n\nexport const InvitePmEmailTemplate = (props: ActionEmailTemplateProps) => {\n  return (\n    <ActionEmailTemplate\n      {...props}\n      data={{\n        ...props.data,\n        // Add guidance at render time so saved custom templates receive it too.\n        bodyTwo: `${props.data.bodyTwo}<hr style=\"width:100%;border:none;border-top:1px solid #eaeaea;margin:24px 0\" /><p>This invitation link is for one-time setup of your team access and expires after 7 days. Sign up using the exact email address this invitation was sent to.</p><p>If your invitation expires before setup is complete, contact your team administrator for a new invitation.</p><p>For questions about team access, contact your team administrator.</p>`,\n      }}\n    />\n  );\n};\n"]}
+{"version":3,"file":"InvitePmEmailTemplate.js","sourceRoot":"src/","sources":["templates/InvitePmEmailTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,eAAe,CAAC;AAC5D,OAAO,EAEL,mBAAmB,GAEpB,MAAM,eAAe,CAAC;AAEvB,MAAM,CAAC,MAAM,wCAAwC,GAAG,CACtD,IAAoB,EACpB,IAIC,EACgB,EAAE;IACnB,MAAM,UAAU,GACd,IAAI,KAAK,KAAK;QACZ,CAAC,CAAC,2BAA2B;QAC7B,CAAC,CAAC,YAAY,IAAI,CAAC,UAAU,qBAAqB,IAAI,CAAC,UAAU,MAAM,CAAC;IAE5E,OAAO;QACL,OAAO,EAAE,8BAA8B,IAAI,CAAC,QAAQ,OAAO,IAAI,CAAC,OAAO,qEAAqE;QAC5I,OAAO,EAAE,qFAAqF,UAAU,MAAM;QAC9G,UAAU,EAAE,mBAAmB;QAC/B,MAAM,EAAE,sBAAsB;QAC9B,gBAAgB,EAAE,kCAAkC,IAAI,CAAC,QAAQ,OAAO,IAAI,CAAC,OAAO,GAAG;QACvF,IAAI,EAAE,IAAI,CAAC,UAAU;QACrB,OAAO,EAAE,2BAA2B,IAAI,CAAC,QAAQ,OAAO,IAAI,CAAC,OAAO,EAAE;KACvE,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAA+B,EAAE,EAAE;IACvE,OAAO,CACL,KAAC,mBAAmB,OACd,KAAK,EACT,OAAO,EAAC,iBAAiB,EACzB,IAAI,EAAE;YACJ,GAAG,KAAK,CAAC,IAAI;YACb,wEAAwE;YACxE,OAAO,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,6aAA6a;SAC5c,GACD,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { EMAIL_ACTION_LINK_COMPONENT } from '../extensions';\nimport {\n  type ActionEmailData,\n  ActionEmailTemplate,\n  type ActionEmailTemplateProps,\n} from '../components';\n\nexport const getDefaultInvitePropertyManagerEmailData = (\n  mode: 'tag' | 'text',\n  args: {\n    appName: string;\n    signInLink: string;\n    teamName: string;\n  }\n): ActionEmailData => {\n  const signInLink =\n    mode === 'tag'\n      ? EMAIL_ACTION_LINK_COMPONENT\n      : `<a href='${args.signInLink}' target='_blank'>${args.signInLink}</a>`;\n\n  return {\n    bodyOne: `<p>You are invited to join ${args.teamName} on ${args.appName}.</p><p>Accept the invitation below to set up your team access.</p>`,\n    bodyTwo: `<p>If you have any trouble with the button, you can use the following link below: ${signInLink}</p>`,\n    buttonText: 'Accept Invitation',\n    header: 'Welcome to the team!',\n    shortDescription: `Accept your invitation to join ${args.teamName} on ${args.appName}.`,\n    href: args.signInLink,\n    subject: `You are invited to join ${args.teamName} on ${args.appName}`,\n  };\n};\n\nexport const InvitePmEmailTemplate = (props: ActionEmailTemplateProps) => {\n  return (\n    <ActionEmailTemplate\n      {...props}\n      eyebrow=\"Team invitation\"\n      data={{\n        ...props.data,\n        // Add guidance at render time so saved custom templates receive it too.\n        bodyTwo: `${props.data.bodyTwo}<hr style=\"width:100%;border:none;border-top:1px solid #eaeaea;margin:24px 0\" /><p>This invitation link is for one-time setup of your team access and expires after 7 days. Sign up using the exact email address this invitation was sent to.</p><p>If your invitation expires before setup is complete, contact your team administrator for a new invitation.</p><p>For questions about team access, contact your team administrator.</p>`,\n      }}\n    />\n  );\n};\n"]}

package/build/module/templates/OwnerStatementEmailTemplate.d.ts

@@ -5,8 +5,6 @@ export declare const getDefaultOwnerStatementEmailData: (mode: "tag" | "text", a
     listingName: string;
     userName: string;
     month: string;
-    /** The owner opens the statement through an emailed link, without a login. */
-    noLogin?: boolean;
 }) => ActionEmailData;
 export declare const OwnerStatementEmailTemplate: ({ data, tenant, themeColors, mode, user, listing, month, unsubscribeHref, renewHref, }: ActionEmailTemplateProps & {
     /** Requests a new no-login link once the emailed one has expired. */

package/build/module/templates/OwnerStatementEmailTemplate.js

@@ -1,39 +1,30 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Heading } from '@react-email/heading';
 import { Text } from '@react-email/text';
 import { EMAIL_ACTION_LINK_COMPONENT, EMAIL_DATE_COMPONENT, EMAIL_LISTING_COMPONENT, EMAIL_USER_NAME_COMPONENT, } from '../extensions';
 import { Button } from '../components/Button';
 import { EmailContainer } from '../components/EmailContainer';
+import { EmailHeading } from '../components/EmailHeading';
 import { parseEmailHtml } from '../components/utils';
 export const getDefaultOwnerStatementEmailData = (mode, args) => {
     const ownerStatementHref = mode === 'tag' ? EMAIL_ACTION_LINK_COMPONENT : args.ownerStatementHref;
     const listingName = mode === 'tag' ? EMAIL_LISTING_COMPONENT : args.listingName;
     const month = mode === 'tag' ? EMAIL_DATE_COMPONENT : args.month;
     const userName = mode === 'tag' ? EMAIL_USER_NAME_COMPONENT : args.userName;
-    if (args.noLogin) {
-        // Subject and preview text are plain text without tokens, so a saved
-        // template must not keep the editor's sample month and listing.
-        return {
-            subject: mode === 'tag'
-                ? 'Your owner statement is ready'
-                : `Your ${args.month} owner statement for ${args.listingName}`,
-            shortDescription: mode === 'tag'
-                ? 'Your owner statement is ready. Open it with one click, no login needed.'
-                : `Your ${args.month} statement for ${args.listingName} is ready. Open it with one click, no login needed.`,
-            header: 'Your owner statement is ready',
-            bodyOne: `<p>Hi ${userName},</p><p>${args.appName} published your ${month} owner statement for ${listingName}. Open it with the button below. You don't need a login.</p>`,
-            buttonText: 'View statement',
-            bodyTwo: `<p style="color:#737373;font-size:13px">If the button doesn't work, copy this link into your browser: ${ownerStatementHref}</p>`,
-            href: args.ownerStatementHref,
-        };
-    }
+    // Owners open the statement by link without a login and viewers log in to
+    // the owner portal, so the text names neither. Subject and preview text are
+    // plain text without tokens, so a saved template must not keep the editor's
+    // sample month and listing.
     return {
-        subject: 'Owner statement was published',
-        shortDescription: `An owner statement is ready for you. Log in to ${args.appName} now to view it.`,
-        header: 'Owner statement was published',
-        bodyOne: `<p>Hi ${userName},<p>Your ${month} owner statement for property ${listingName} is ready for your review on ${args.appName}.</p><p>To access your statement, please click the button below:</p>`,
-        buttonText: 'View Owner statement',
-        bodyTwo: `<p>If you have any trouble with the button, you can copy and paste the link below into your browser: ${ownerStatementHref}</p>`,
+        subject: mode === 'tag'
+            ? 'Your owner statement is ready'
+            : `Your ${args.month} owner statement for ${args.listingName}`,
+        shortDescription: mode === 'tag'
+            ? 'Your owner statement is ready to view.'
+            : `Your ${args.month} statement for ${args.listingName} is ready to view.`,
+        header: 'Your owner statement is ready',
+        bodyOne: `<p>Hi ${userName},</p><p>${args.appName} published your ${month} owner statement for ${listingName}. Open it with the button below.</p>`,
+        buttonText: 'View statement',
+        bodyTwo: `<p style="color:#737373;font-size:13px">If the button doesn't work, copy this link into your browser: ${ownerStatementHref}</p>`,
         href: args.ownerStatementHref,
     };
 };
@@ -46,19 +37,7 @@ export const OwnerStatementEmailTemplate = ({ data, tenant, themeColors, mode, u
         date: month || '',
         listingName: listing || '',
     });
-    return (_jsxs(EmailContainer, { title: data.subject, shortDescription: data.shortDescription, tenant: tenant, mode: mode, unsubscribeHref: unsubscribeHref, children: [_jsx(Text, { style: {
-                    color: themeColors[8],
-                    fontSize: 12,
-                    fontWeight: 600,
-                    letterSpacing: '0.08em',
-                    textTransform: 'uppercase',
-                    margin: '0 0 8px',
-                }, children: "Owner statement" }), _jsx(Heading, { style: {
-                    fontSize: 26,
-                    fontWeight: 600,
-                    lineHeight: '34px',
-                    margin: '0 0 32px',
-                }, children: data.header?.trim() || 'Your owner statement is ready' }), data.banner?.trim() && (_jsx(Text, { style: {
+    return (_jsxs(EmailContainer, { title: data.subject, shortDescription: data.shortDescription, tenant: tenant, mode: mode, unsubscribeHref: unsubscribeHref, children: [_jsx(EmailHeading, { eyebrow: "Owner statement", themeColors: themeColors, children: data.header?.trim() || 'Your owner statement is ready' }), data.banner?.trim() && (_jsx(Text, { style: {
                     padding: '16px 20px',
                     backgroundColor: '#f8f9fa',
                     borderLeft: `3px solid ${themeColors[8]}`,

package/build/module/templates/OwnerStatementEmailTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"OwnerStatementEmailTemplate.js","sourceRoot":"src/","sources":["templates/OwnerStatementEmailTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Heading } from '@react-email/heading';\nimport { Text } from '@react-email/text';\nimport {\n  EMAIL_ACTION_LINK_COMPONENT,\n  EMAIL_DATE_COMPONENT,\n  EMAIL_LISTING_COMPONENT,\n  EMAIL_USER_NAME_COMPONENT,\n} from '../extensions';\nimport type {\n  ActionEmailData,\n  ActionEmailTemplateProps,\n} from '../components/ActionEmailTemplate';\nimport { Button } from '../components/Button';\nimport { EmailContainer } from '../components/EmailContainer';\nimport { parseEmailHtml } from '../components/utils';\n\nexport const getDefaultOwnerStatementEmailData = (\n  mode: 'tag' | 'text',\n  args: {\n    appName: string;\n    ownerStatementHref: string;\n    listingName: string;\n    userName: string;\n    month: string;\n    /** The owner opens the statement through an emailed link, without a login. */\n    noLogin?: boolean;\n  }\n): ActionEmailData => {\n  const ownerStatementHref =\n    mode === 'tag' ? EMAIL_ACTION_LINK_COMPONENT : args.ownerStatementHref;\n\n  const listingName =\n    mode === 'tag' ? EMAIL_LISTING_COMPONENT : args.listingName;\n  const month = mode === 'tag' ? EMAIL_DATE_COMPONENT : args.month;\n  const userName = mode === 'tag' ? EMAIL_USER_NAME_COMPONENT : args.userName;\n\n  if (args.noLogin) {\n    // Subject and preview text are plain text without tokens, so a saved\n    // template must not keep the editor's sample month and listing.\n    return {\n      subject:\n        mode === 'tag'\n          ? 'Your owner statement is ready'\n          : `Your ${args.month} owner statement for ${args.listingName}`,\n      shortDescription:\n        mode === 'tag'\n          ? 'Your owner statement is ready. Open it with one click, no login needed.'\n          : `Your ${args.month} statement for ${args.listingName} is ready. Open it with one click, no login needed.`,\n      header: 'Your owner statement is ready',\n      bodyOne: `<p>Hi ${userName},</p><p>${args.appName} published your ${month} owner statement for ${listingName}. Open it with the button below. You don't need a login.</p>`,\n      buttonText: 'View statement',\n      bodyTwo: `<p style=\"color:#737373;font-size:13px\">If the button doesn't work, copy this link into your browser: ${ownerStatementHref}</p>`,\n      href: args.ownerStatementHref,\n    };\n  }\n\n  return {\n    subject: 'Owner statement was published',\n    shortDescription: `An owner statement is ready for you. Log in to ${args.appName} now to view it.`,\n    header: 'Owner statement was published',\n    bodyOne: `<p>Hi ${userName},<p>Your ${month} owner statement for property ${listingName} is ready for your review on ${args.appName}.</p><p>To access your statement, please click the button below:</p>`,\n    buttonText: 'View Owner statement',\n    bodyTwo: `<p>If you have any trouble with the button, you can copy and paste the link below into your browser: ${ownerStatementHref}</p>`,\n    href: args.ownerStatementHref,\n  };\n};\n\nconst mutedColor = '#737373';\nconst borderColor = '#e5e7eb';\n\nexport const OwnerStatementEmailTemplate = ({\n  data,\n  tenant,\n  themeColors,\n  mode,\n  user,\n  listing,\n  month,\n  unsubscribeHref,\n  renewHref,\n}: ActionEmailTemplateProps & {\n  /** Requests a new no-login link once the emailed one has expired. */\n  renewHref?: string;\n}) => {\n  const parse = (html: string) =>\n    parseEmailHtml(html, {\n      href: data.href,\n      userName: user.firstName || '',\n      date: month || '',\n      listingName: listing || '',\n    });\n\n  return (\n    <EmailContainer\n      title={data.subject}\n      shortDescription={data.shortDescription}\n      tenant={tenant}\n      mode={mode}\n      unsubscribeHref={unsubscribeHref}\n    >\n      <Text\n        style={{\n          color: themeColors[8],\n          fontSize: 12,\n          fontWeight: 600,\n          letterSpacing: '0.08em',\n          textTransform: 'uppercase',\n          margin: '0 0 8px',\n        }}\n      >\n        Owner statement\n      </Text>\n      <Heading\n        style={{\n          fontSize: 26,\n          fontWeight: 600,\n          lineHeight: '34px',\n          margin: '0 0 32px',\n        }}\n      >\n        {data.header?.trim() || 'Your owner statement is ready'}\n      </Heading>\n\n      {data.banner?.trim() && (\n        <Text\n          style={{\n            padding: '16px 20px',\n            backgroundColor: '#f8f9fa',\n            borderLeft: `3px solid ${themeColors[8]}`,\n            borderRadius: '4px',\n            margin: '0 0 32px',\n            whiteSpace: 'pre-line',\n          }}\n        >\n          {data.banner.trim()}\n        </Text>\n      )}\n\n      <div\n        // biome-ignore lint/security/noDangerouslySetInnerHtml: values are escaped by parseEmailHtml\n        dangerouslySetInnerHTML={{ __html: parse(data.bodyOne) }}\n      />\n\n      {(listing || month) && (\n        <table\n          role=\"presentation\"\n          cellPadding={0}\n          cellSpacing={0}\n          width=\"100%\"\n          style={{\n            border: `1px solid ${borderColor}`,\n            borderRadius: '8px',\n            borderCollapse: 'separate',\n            margin: '24px 0 0',\n          }}\n        >\n          <tbody>\n            {[\n              ['Property', listing],\n              ['Statement', month],\n            ].map(([label, value], index) =>\n              value ? (\n                <tr key={label}>\n                  <td\n                    style={{\n                      padding: '14px 20px',\n                      color: mutedColor,\n                      fontSize: 14,\n                      borderTop: index ? `1px solid ${borderColor}` : 'none',\n                    }}\n                  >\n                    {label}\n                  </td>\n                  <td\n                    style={{\n                      padding: '14px 20px',\n                      fontSize: 14,\n                      fontWeight: 600,\n                      textAlign: 'right',\n                      borderTop: index ? `1px solid ${borderColor}` : 'none',\n                    }}\n                  >\n                    {value}\n                  </td>\n                </tr>\n              ) : null\n            )}\n          </tbody>\n        </table>\n      )}\n\n      <Button\n        href={data.href}\n        mode={mode}\n        data-testid=\"view-owner-statement-button\"\n        label={data.buttonText?.trim() || 'View statement'}\n        themeColors={themeColors}\n        style={{ marginTop: '24px', marginBottom: '32px' }}\n      />\n\n      {renewHref && (\n        <div\n          style={{\n            padding: '20px',\n            backgroundColor: '#f8f9fa',\n            borderRadius: '8px',\n            marginBottom: '32px',\n          }}\n        >\n          <Text style={{ fontWeight: 600, margin: '0 0 4px' }}>\n            Link expired?\n          </Text>\n          <Text style={{ color: mutedColor, fontSize: 14, margin: 0 }}>\n            For your security, this link opens only this statement and works for\n            7 days. After that, request a new one and we'll email it to this\n            address.\n          </Text>\n          <Button\n            href={renewHref}\n            mode={mode}\n            data-testid=\"renew-owner-statement-link-button\"\n            label=\"Send me a new link\"\n            themeColors={themeColors}\n            style={{\n              background: '#ffffff',\n              border: `1px solid ${themeColors[8]}`,\n              color: themeColors[8],\n              marginTop: '16px',\n              marginBottom: 0,\n            }}\n          />\n        </div>\n      )}\n\n      <div\n        // biome-ignore lint/security/noDangerouslySetInnerHtml: values are escaped by parseEmailHtml\n        dangerouslySetInnerHTML={{ __html: parse(data.bodyTwo) }}\n      />\n    </EmailContainer>\n  );\n};\n"]}
+{"version":3,"file":"OwnerStatementEmailTemplate.js","sourceRoot":"src/","sources":["templates/OwnerStatementEmailTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EACL,2BAA2B,EAC3B,oBAAoB,EACpB,uBAAuB,EACvB,yBAAyB,GAC1B,MAAM,eAAe,CAAC;AAKvB,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAC/C,IAAoB,EACpB,IAMC,EACgB,EAAE;IACnB,MAAM,kBAAkB,GACtB,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,IAAI,CAAC,kBAAkB,CAAC;IAEzE,MAAM,WAAW,GACf,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC;IAC9D,MAAM,KAAK,GAAG,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;IACjE,MAAM,QAAQ,GAAG,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC;IAE5E,0EAA0E;IAC1E,4EAA4E;IAC5E,4EAA4E;IAC5E,4BAA4B;IAC5B,OAAO;QACL,OAAO,EACL,IAAI,KAAK,KAAK;YACZ,CAAC,CAAC,+BAA+B;YACjC,CAAC,CAAC,QAAQ,IAAI,CAAC,KAAK,wBAAwB,IAAI,CAAC,WAAW,EAAE;QAClE,gBAAgB,EACd,IAAI,KAAK,KAAK;YACZ,CAAC,CAAC,wCAAwC;YAC1C,CAAC,CAAC,QAAQ,IAAI,CAAC,KAAK,kBAAkB,IAAI,CAAC,WAAW,oBAAoB;QAC9E,MAAM,EAAE,+BAA+B;QACvC,OAAO,EAAE,SAAS,QAAQ,WAAW,IAAI,CAAC,OAAO,mBAAmB,KAAK,wBAAwB,WAAW,sCAAsC;QAClJ,UAAU,EAAE,gBAAgB;QAC5B,OAAO,EAAE,yGAAyG,kBAAkB,MAAM;QAC1I,IAAI,EAAE,IAAI,CAAC,kBAAkB;KAC9B,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,UAAU,GAAG,SAAS,CAAC;AAC7B,MAAM,WAAW,GAAG,SAAS,CAAC;AAE9B,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,IAAI,EACJ,MAAM,EACN,WAAW,EACX,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,KAAK,EACL,eAAe,EACf,SAAS,GAIV,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,CAAC,IAAY,EAAE,EAAE,CAC7B,cAAc,CAAC,IAAI,EAAE;QACnB,IAAI,EAAE,IAAI,CAAC,IAAI;QACf,QAAQ,EAAE,IAAI,CAAC,SAAS,IAAI,EAAE;QAC9B,IAAI,EAAE,KAAK,IAAI,EAAE;QACjB,WAAW,EAAE,OAAO,IAAI,EAAE;KAC3B,CAAC,CAAC;IAEL,OAAO,CACL,MAAC,cAAc,IACb,KAAK,EAAE,IAAI,CAAC,OAAO,EACnB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB,EACvC,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,eAAe,EAAE,eAAe,aAEhC,KAAC,YAAY,IAAC,OAAO,EAAC,iBAAiB,EAAC,WAAW,EAAE,WAAW,YAC7D,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,+BAA+B,GAC1C,EAEd,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,CACtB,KAAC,IAAI,IACH,KAAK,EAAE;oBACL,OAAO,EAAE,WAAW;oBACpB,eAAe,EAAE,SAAS;oBAC1B,UAAU,EAAE,aAAa,WAAW,CAAC,CAAC,CAAC,EAAE;oBACzC,YAAY,EAAE,KAAK;oBACnB,MAAM,EAAE,UAAU;oBAClB,UAAU,EAAE,UAAU;iBACvB,YAEA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,GACd,CACR,EAED;gBACE,6FAA6F;gBAC7F,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,GACxD,EAED,CAAC,OAAO,IAAI,KAAK,CAAC,IAAI,CACrB,gBACE,IAAI,EAAC,cAAc,EACnB,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,CAAC,EACd,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE;oBACL,MAAM,EAAE,aAAa,WAAW,EAAE;oBAClC,YAAY,EAAE,KAAK;oBACnB,cAAc,EAAE,UAAU;oBAC1B,MAAM,EAAE,UAAU;iBACnB,YAED,0BACG;wBACC,CAAC,UAAU,EAAE,OAAO,CAAC;wBACrB,CAAC,WAAW,EAAE,KAAK,CAAC;qBACrB,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE,CAC9B,KAAK,CAAC,CAAC,CAAC,CACN,yBACE,aACE,KAAK,EAAE;oCACL,OAAO,EAAE,WAAW;oCACpB,KAAK,EAAE,UAAU;oCACjB,QAAQ,EAAE,EAAE;oCACZ,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,aAAa,WAAW,EAAE,CAAC,CAAC,CAAC,MAAM;iCACvD,YAEA,KAAK,GACH,EACL,aACE,KAAK,EAAE;oCACL,OAAO,EAAE,WAAW;oCACpB,QAAQ,EAAE,EAAE;oCACZ,UAAU,EAAE,GAAG;oCACf,SAAS,EAAE,OAAO;oCAClB,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC,aAAa,WAAW,EAAE,CAAC,CAAC,CAAC,MAAM;iCACvD,YAEA,KAAK,GACH,KArBE,KAAK,CAsBT,CACN,CAAC,CAAC,CAAC,IAAI,CACT,GACK,GACF,CACT,EAED,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,iBACE,6BAA6B,EACzC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,gBAAgB,EAClD,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAClD,EAED,SAAS,IAAI,CACZ,eACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,eAAe,EAAE,SAAS;oBAC1B,YAAY,EAAE,KAAK;oBACnB,YAAY,EAAE,MAAM;iBACrB,aAED,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,8BAE5C,EACP,KAAC,IAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,+JAIpD,EACP,KAAC,MAAM,IACL,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,IAAI,iBACE,mCAAmC,EAC/C,KAAK,EAAC,oBAAoB,EAC1B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE;4BACL,UAAU,EAAE,SAAS;4BACrB,MAAM,EAAE,aAAa,WAAW,CAAC,CAAC,CAAC,EAAE;4BACrC,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC;4BACrB,SAAS,EAAE,MAAM;4BACjB,YAAY,EAAE,CAAC;yBAChB,GACD,IACE,CACP,EAED;gBACE,6FAA6F;gBAC7F,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,GACxD,IACa,CAClB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Text } from '@react-email/text';\nimport {\n  EMAIL_ACTION_LINK_COMPONENT,\n  EMAIL_DATE_COMPONENT,\n  EMAIL_LISTING_COMPONENT,\n  EMAIL_USER_NAME_COMPONENT,\n} from '../extensions';\nimport type {\n  ActionEmailData,\n  ActionEmailTemplateProps,\n} from '../components/ActionEmailTemplate';\nimport { Button } from '../components/Button';\nimport { EmailContainer } from '../components/EmailContainer';\nimport { EmailHeading } from '../components/EmailHeading';\nimport { parseEmailHtml } from '../components/utils';\n\nexport const getDefaultOwnerStatementEmailData = (\n  mode: 'tag' | 'text',\n  args: {\n    appName: string;\n    ownerStatementHref: string;\n    listingName: string;\n    userName: string;\n    month: string;\n  }\n): ActionEmailData => {\n  const ownerStatementHref =\n    mode === 'tag' ? EMAIL_ACTION_LINK_COMPONENT : args.ownerStatementHref;\n\n  const listingName =\n    mode === 'tag' ? EMAIL_LISTING_COMPONENT : args.listingName;\n  const month = mode === 'tag' ? EMAIL_DATE_COMPONENT : args.month;\n  const userName = mode === 'tag' ? EMAIL_USER_NAME_COMPONENT : args.userName;\n\n  // Owners open the statement by link without a login and viewers log in to\n  // the owner portal, so the text names neither. Subject and preview text are\n  // plain text without tokens, so a saved template must not keep the editor's\n  // sample month and listing.\n  return {\n    subject:\n      mode === 'tag'\n        ? 'Your owner statement is ready'\n        : `Your ${args.month} owner statement for ${args.listingName}`,\n    shortDescription:\n      mode === 'tag'\n        ? 'Your owner statement is ready to view.'\n        : `Your ${args.month} statement for ${args.listingName} is ready to view.`,\n    header: 'Your owner statement is ready',\n    bodyOne: `<p>Hi ${userName},</p><p>${args.appName} published your ${month} owner statement for ${listingName}. Open it with the button below.</p>`,\n    buttonText: 'View statement',\n    bodyTwo: `<p style=\"color:#737373;font-size:13px\">If the button doesn't work, copy this link into your browser: ${ownerStatementHref}</p>`,\n    href: args.ownerStatementHref,\n  };\n};\n\nconst mutedColor = '#737373';\nconst borderColor = '#e5e7eb';\n\nexport const OwnerStatementEmailTemplate = ({\n  data,\n  tenant,\n  themeColors,\n  mode,\n  user,\n  listing,\n  month,\n  unsubscribeHref,\n  renewHref,\n}: ActionEmailTemplateProps & {\n  /** Requests a new no-login link once the emailed one has expired. */\n  renewHref?: string;\n}) => {\n  const parse = (html: string) =>\n    parseEmailHtml(html, {\n      href: data.href,\n      userName: user.firstName || '',\n      date: month || '',\n      listingName: listing || '',\n    });\n\n  return (\n    <EmailContainer\n      title={data.subject}\n      shortDescription={data.shortDescription}\n      tenant={tenant}\n      mode={mode}\n      unsubscribeHref={unsubscribeHref}\n    >\n      <EmailHeading eyebrow=\"Owner statement\" themeColors={themeColors}>\n        {data.header?.trim() || 'Your owner statement is ready'}\n      </EmailHeading>\n\n      {data.banner?.trim() && (\n        <Text\n          style={{\n            padding: '16px 20px',\n            backgroundColor: '#f8f9fa',\n            borderLeft: `3px solid ${themeColors[8]}`,\n            borderRadius: '4px',\n            margin: '0 0 32px',\n            whiteSpace: 'pre-line',\n          }}\n        >\n          {data.banner.trim()}\n        </Text>\n      )}\n\n      <div\n        // biome-ignore lint/security/noDangerouslySetInnerHtml: values are escaped by parseEmailHtml\n        dangerouslySetInnerHTML={{ __html: parse(data.bodyOne) }}\n      />\n\n      {(listing || month) && (\n        <table\n          role=\"presentation\"\n          cellPadding={0}\n          cellSpacing={0}\n          width=\"100%\"\n          style={{\n            border: `1px solid ${borderColor}`,\n            borderRadius: '8px',\n            borderCollapse: 'separate',\n            margin: '24px 0 0',\n          }}\n        >\n          <tbody>\n            {[\n              ['Property', listing],\n              ['Statement', month],\n            ].map(([label, value], index) =>\n              value ? (\n                <tr key={label}>\n                  <td\n                    style={{\n                      padding: '14px 20px',\n                      color: mutedColor,\n                      fontSize: 14,\n                      borderTop: index ? `1px solid ${borderColor}` : 'none',\n                    }}\n                  >\n                    {label}\n                  </td>\n                  <td\n                    style={{\n                      padding: '14px 20px',\n                      fontSize: 14,\n                      fontWeight: 600,\n                      textAlign: 'right',\n                      borderTop: index ? `1px solid ${borderColor}` : 'none',\n                    }}\n                  >\n                    {value}\n                  </td>\n                </tr>\n              ) : null\n            )}\n          </tbody>\n        </table>\n      )}\n\n      <Button\n        href={data.href}\n        mode={mode}\n        data-testid=\"view-owner-statement-button\"\n        label={data.buttonText?.trim() || 'View statement'}\n        themeColors={themeColors}\n        style={{ marginTop: '24px', marginBottom: '32px' }}\n      />\n\n      {renewHref && (\n        <div\n          style={{\n            padding: '20px',\n            backgroundColor: '#f8f9fa',\n            borderRadius: '8px',\n            marginBottom: '32px',\n          }}\n        >\n          <Text style={{ fontWeight: 600, margin: '0 0 4px' }}>\n            Link expired?\n          </Text>\n          <Text style={{ color: mutedColor, fontSize: 14, margin: 0 }}>\n            For your security, this link opens only this statement and works for\n            7 days. After that, request a new one and we'll email it to this\n            address.\n          </Text>\n          <Button\n            href={renewHref}\n            mode={mode}\n            data-testid=\"renew-owner-statement-link-button\"\n            label=\"Send me a new link\"\n            themeColors={themeColors}\n            style={{\n              background: '#ffffff',\n              border: `1px solid ${themeColors[8]}`,\n              color: themeColors[8],\n              marginTop: '16px',\n              marginBottom: 0,\n            }}\n          />\n        </div>\n      )}\n\n      <div\n        // biome-ignore lint/security/noDangerouslySetInnerHtml: values are escaped by parseEmailHtml\n        dangerouslySetInnerHTML={{ __html: parse(data.bodyTwo) }}\n      />\n    </EmailContainer>\n  );\n};\n"]}

package/build/module/templates/TenantDeletionEmailTemplate.js

@@ -1,15 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Heading } from '@react-email/heading';
 import { Text } from '@react-email/text';
-import { EmailContainer } from '../components';
+import { EmailContainer, EmailHeading } from '../components';
+import { THEME_COLORS } from '../theme';
 export const TenantDeletionEmailTemplate = ({ tenant, mode, user, }) => {
     return (_jsxs(EmailContainer, { title: 'Team Account Deletion Notification', shortDescription: "We're reaching out to inform you that your VRPlatform team has been deleted.", tenant: {
             logo: undefined,
-        }, mode: mode, children: [_jsx(Heading, { style: {
-                    fontSize: 28,
-                    fontWeight: 600,
-                    marginBottom: '50px',
-                }, children: user.firstName ? `Dear ${user.firstName},` : 'Hi there,' }), _jsxs(Text, { children: ["We wanted to inform you that the team account \"", tenant.name, "\" has been deleted. This action has resulted in the removal of the following data associated with the team:"] }), _jsxs("ul", { children: [_jsx("li", { children: _jsxs(Text, { children: [_jsx("b", { children: "Payments:" }), " All payment records linked to the team have been permanently deleted."] }) }), _jsx("li", { children: _jsxs(Text, { children: [_jsx("b", { children: "Reservations:" }), " Any reservations made under this team account have been erased."] }) }), _jsx("li", { children: _jsxs(Text, { children: [_jsx("b", { children: "Owner Statements:" }), " All statements generated for owners within this team are no longer accessible."] }) }), _jsx("li", { children: _jsxs(Text, { children: [_jsx("b", { children: "Owner Data:" }), " Personal and transactional data of the owners connected to this team have been removed."] }) }), _jsx("li", { children: _jsxs(Text, { children: [_jsx("b", { children: "Connections:" }), " Any established connections or integrations related to this team have been terminated."] }) }), _jsx("li", { children: _jsxs(Text, { children: [_jsx("b", { children: "Other Related Data:" }), " All other data associated with this team has been permanently deleted."] }) })] }), _jsx(Text, { children: "If you have any questions or need further assistance, please don't hesitate to reach out." }), _jsxs(Text, { children: ["Best regards,", _jsx("br", {}), "The VRPlatform Team"] })] }));
+        }, mode: mode, children: [_jsx(EmailHeading, { eyebrow: "Team deleted", themeColors: THEME_COLORS.vrplatform, children: "Your team was deleted" }), _jsx(Text, { children: user.firstName ? `Dear ${user.firstName},` : 'Hi there,' }), _jsxs(Text, { children: ["We wanted to inform you that the team account \"", tenant.name, "\" has been deleted. This action has resulted in the removal of the following data associated with the team:"] }), _jsxs("ul", { children: [_jsx("li", { children: _jsxs(Text, { children: [_jsx("b", { children: "Payments:" }), " All payment records linked to the team have been permanently deleted."] }) }), _jsx("li", { children: _jsxs(Text, { children: [_jsx("b", { children: "Reservations:" }), " Any reservations made under this team account have been erased."] }) }), _jsx("li", { children: _jsxs(Text, { children: [_jsx("b", { children: "Owner Statements:" }), " All statements generated for owners within this team are no longer accessible."] }) }), _jsx("li", { children: _jsxs(Text, { children: [_jsx("b", { children: "Owner Data:" }), " Personal and transactional data of the owners connected to this team have been removed."] }) }), _jsx("li", { children: _jsxs(Text, { children: [_jsx("b", { children: "Connections:" }), " Any established connections or integrations related to this team have been terminated."] }) }), _jsx("li", { children: _jsxs(Text, { children: [_jsx("b", { children: "Other Related Data:" }), " All other data associated with this team has been permanently deleted."] }) })] }), _jsx(Text, { children: "If you have any questions or need further assistance, please don't hesitate to reach out." }), _jsxs(Text, { children: ["Best regards,", _jsx("br", {}), "The VRPlatform Team"] })] }));
 };
 export const TenantDeletionEmail = (props) => {
     return _jsx(TenantDeletionEmailTemplate, { ...props });

package/build/module/templates/TenantDeletionEmailTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"TenantDeletionEmailTemplate.js","sourceRoot":"src/","sources":["templates/TenantDeletionEmailTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAS/C,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,MAAM,EACN,IAAI,EACJ,IAAI,GAC6B,EAAE,EAAE;IACrC,OAAO,CACL,MAAC,cAAc,IACb,KAAK,EAAE,oCAAoC,EAC3C,gBAAgB,EACd,8EAA8E,EAEhF,MAAM,EAAE;YACN,IAAI,EAAE,SAAS;SAChB,EACD,IAAI,EAAE,IAAI,aAEV,KAAC,OAAO,IACN,KAAK,EAAE;oBACL,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,GAAG;oBACf,YAAY,EAAE,MAAM;iBACrB,YAEA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,WAAW,GACjD,EAEV,MAAC,IAAI,mEAC6C,MAAM,CAAC,IAAI,oHAGtD,EACP,yBACE,uBACE,MAAC,IAAI,eACH,oCAAgB,8EAEX,GACJ,EACL,uBACE,MAAC,IAAI,eACH,wCAAoB,wEAEf,GACJ,EAEL,uBACE,MAAC,IAAI,eACH,4CAAwB,uFAEnB,GACJ,EAEL,uBACE,MAAC,IAAI,eACH,sCAAkB,gGAEb,GACJ,EAEL,uBACE,MAAC,IAAI,eACH,uCAAmB,+FAEd,GACJ,EAEL,uBACE,MAAC,IAAI,eACH,8CAA0B,+EAErB,GACJ,IACF,EACL,KAAC,IAAI,4GAGE,EACP,MAAC,IAAI,gCAEH,cAAM,2BAED,IACQ,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,KAAuC,EACvC,EAAE;IACF,OAAO,KAAC,2BAA2B,OAAK,KAAK,GAAI,CAAC;AACpD,CAAC,CAAC","sourcesContent":["import { Heading } from '@react-email/heading';\nimport { Text } from '@react-email/text';\nimport { EmailContainer } from '../components';\nimport type { EmailBaseProps } from '../types';\n\nexport type TenantDeletionEmailTemplateProps = {\n  tenant: EmailBaseProps['tenant'];\n  mode: EmailBaseProps['mode'];\n  user: EmailBaseProps['user'];\n};\n\nexport const TenantDeletionEmailTemplate = ({\n  tenant,\n  mode,\n  user,\n}: TenantDeletionEmailTemplateProps) => {\n  return (\n    <EmailContainer\n      title={'Team Account Deletion Notification'}\n      shortDescription={\n        \"We're reaching out to inform you that your VRPlatform team has been deleted.\"\n      }\n      tenant={{\n        logo: undefined,\n      }}\n      mode={mode}\n    >\n      <Heading\n        style={{\n          fontSize: 28,\n          fontWeight: 600,\n          marginBottom: '50px',\n        }}\n      >\n        {user.firstName ? `Dear ${user.firstName},` : 'Hi there,'}\n      </Heading>\n\n      <Text>\n        We wanted to inform you that the team account \"{tenant.name}\" has been\n        deleted. This action has resulted in the removal of the following data\n        associated with the team:\n      </Text>\n      <ul>\n        <li>\n          <Text>\n            <b>Payments:</b> All payment records linked to the team have been\n            permanently deleted.\n          </Text>\n        </li>\n        <li>\n          <Text>\n            <b>Reservations:</b> Any reservations made under this team account\n            have been erased.\n          </Text>\n        </li>\n\n        <li>\n          <Text>\n            <b>Owner Statements:</b> All statements generated for owners within\n            this team are no longer accessible.\n          </Text>\n        </li>\n\n        <li>\n          <Text>\n            <b>Owner Data:</b> Personal and transactional data of the owners\n            connected to this team have been removed.\n          </Text>\n        </li>\n\n        <li>\n          <Text>\n            <b>Connections:</b> Any established connections or integrations\n            related to this team have been terminated.\n          </Text>\n        </li>\n\n        <li>\n          <Text>\n            <b>Other Related Data:</b> All other data associated with this team\n            has been permanently deleted.\n          </Text>\n        </li>\n      </ul>\n      <Text>\n        If you have any questions or need further assistance, please don't\n        hesitate to reach out.\n      </Text>\n      <Text>\n        Best regards,\n        <br />\n        The VRPlatform Team\n      </Text>\n    </EmailContainer>\n  );\n};\n\nexport const TenantDeletionEmail = (\n  props: TenantDeletionEmailTemplateProps\n) => {\n  return <TenantDeletionEmailTemplate {...props} />;\n};\n"]}
+{"version":3,"file":"TenantDeletionEmailTemplate.js","sourceRoot":"src/","sources":["templates/TenantDeletionEmailTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASxC,MAAM,CAAC,MAAM,2BAA2B,GAAG,CAAC,EAC1C,MAAM,EACN,IAAI,EACJ,IAAI,GAC6B,EAAE,EAAE;IACrC,OAAO,CACL,MAAC,cAAc,IACb,KAAK,EAAE,oCAAoC,EAC3C,gBAAgB,EACd,8EAA8E,EAEhF,MAAM,EAAE;YACN,IAAI,EAAE,SAAS;SAChB,EACD,IAAI,EAAE,IAAI,aAEV,KAAC,YAAY,IACX,OAAO,EAAC,cAAc,EACtB,WAAW,EAAE,YAAY,CAAC,UAAU,sCAGvB,EAEf,KAAC,IAAI,cAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,WAAW,GAAQ,EAEvE,MAAC,IAAI,mEAC6C,MAAM,CAAC,IAAI,oHAGtD,EACP,yBACE,uBACE,MAAC,IAAI,eACH,oCAAgB,8EAEX,GACJ,EACL,uBACE,MAAC,IAAI,eACH,wCAAoB,wEAEf,GACJ,EAEL,uBACE,MAAC,IAAI,eACH,4CAAwB,uFAEnB,GACJ,EAEL,uBACE,MAAC,IAAI,eACH,sCAAkB,gGAEb,GACJ,EAEL,uBACE,MAAC,IAAI,eACH,uCAAmB,+FAEd,GACJ,EAEL,uBACE,MAAC,IAAI,eACH,8CAA0B,+EAErB,GACJ,IACF,EACL,KAAC,IAAI,4GAGE,EACP,MAAC,IAAI,gCAEH,cAAM,2BAED,IACQ,CAClB,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,KAAuC,EACvC,EAAE;IACF,OAAO,KAAC,2BAA2B,OAAK,KAAK,GAAI,CAAC;AACpD,CAAC,CAAC","sourcesContent":["import { Text } from '@react-email/text';\nimport { EmailContainer, EmailHeading } from '../components';\nimport { THEME_COLORS } from '../theme';\nimport type { EmailBaseProps } from '../types';\n\nexport type TenantDeletionEmailTemplateProps = {\n  tenant: EmailBaseProps['tenant'];\n  mode: EmailBaseProps['mode'];\n  user: EmailBaseProps['user'];\n};\n\nexport const TenantDeletionEmailTemplate = ({\n  tenant,\n  mode,\n  user,\n}: TenantDeletionEmailTemplateProps) => {\n  return (\n    <EmailContainer\n      title={'Team Account Deletion Notification'}\n      shortDescription={\n        \"We're reaching out to inform you that your VRPlatform team has been deleted.\"\n      }\n      tenant={{\n        logo: undefined,\n      }}\n      mode={mode}\n    >\n      <EmailHeading\n        eyebrow=\"Team deleted\"\n        themeColors={THEME_COLORS.vrplatform}\n      >\n        Your team was deleted\n      </EmailHeading>\n\n      <Text>{user.firstName ? `Dear ${user.firstName},` : 'Hi there,'}</Text>\n\n      <Text>\n        We wanted to inform you that the team account \"{tenant.name}\" has been\n        deleted. This action has resulted in the removal of the following data\n        associated with the team:\n      </Text>\n      <ul>\n        <li>\n          <Text>\n            <b>Payments:</b> All payment records linked to the team have been\n            permanently deleted.\n          </Text>\n        </li>\n        <li>\n          <Text>\n            <b>Reservations:</b> Any reservations made under this team account\n            have been erased.\n          </Text>\n        </li>\n\n        <li>\n          <Text>\n            <b>Owner Statements:</b> All statements generated for owners within\n            this team are no longer accessible.\n          </Text>\n        </li>\n\n        <li>\n          <Text>\n            <b>Owner Data:</b> Personal and transactional data of the owners\n            connected to this team have been removed.\n          </Text>\n        </li>\n\n        <li>\n          <Text>\n            <b>Connections:</b> Any established connections or integrations\n            related to this team have been terminated.\n          </Text>\n        </li>\n\n        <li>\n          <Text>\n            <b>Other Related Data:</b> All other data associated with this team\n            has been permanently deleted.\n          </Text>\n        </li>\n      </ul>\n      <Text>\n        If you have any questions or need further assistance, please don't\n        hesitate to reach out.\n      </Text>\n      <Text>\n        Best regards,\n        <br />\n        The VRPlatform Team\n      </Text>\n    </EmailContainer>\n  );\n};\n\nexport const TenantDeletionEmail = (\n  props: TenantDeletionEmailTemplateProps\n) => {\n  return <TenantDeletionEmailTemplate {...props} />;\n};\n"]}

package/build/module/templates/TenantSuspensionEmailTemplate.js

@@ -1,15 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Heading } from '@react-email/heading';
 import { Text } from '@react-email/text';
-import { EmailContainer } from '../components';
+import { EmailContainer, EmailHeading } from '../components';
+import { THEME_COLORS } from '../theme';
 export const TenantSuspensionEmailTemplate = ({ mode, user, tenant, }) => {
     return (_jsxs(EmailContainer, { title: 'Action Required: Your VRPlatform Account Access', shortDescription: "We're reaching out to inform you that access to your VRPlatform team has been temporarily suspended.", tenant: {
             logo: undefined,
-        }, mode: mode, children: [_jsx(Heading, { style: {
-                    fontSize: 28,
-                    fontWeight: 600,
-                    marginBottom: '50px',
-                }, children: user.firstName ? `Dear ${user.firstName},` : 'Hi there,' }), _jsxs(Text, { children: ["We're reaching out to inform you that as of today, access to your team", ' ', _jsx("b", { children: tenant.name }), " has been temporarily suspended. This includes access to features such as accounting automations, owner statements, management commissions and the owner portal (including portal access for all owners)."] }), _jsx(Text, { children: "At VRPlatform, we take the security and functionality of our platform seriously, ensuring that our partners have the best possible experience. This step, though necessary, is intended to be temporary and is part of our commitment to maintain the highest standards of service." }), _jsx(Text, { style: {
+        }, mode: mode, children: [_jsx(EmailHeading, { eyebrow: "Team suspended", themeColors: THEME_COLORS.vrplatform, children: "Your team access is suspended" }), _jsx(Text, { children: user.firstName ? `Dear ${user.firstName},` : 'Hi there,' }), _jsxs(Text, { children: ["We're reaching out to inform you that as of today, access to your team", ' ', _jsx("b", { children: tenant.name }), " has been temporarily suspended. This includes access to features such as accounting automations, owner statements, management commissions and the owner portal (including portal access for all owners)."] }), _jsx(Text, { children: "At VRPlatform, we take the security and functionality of our platform seriously, ensuring that our partners have the best possible experience. This step, though necessary, is intended to be temporary and is part of our commitment to maintain the highest standards of service." }), _jsx(Text, { style: {
                     fontWeight: 'bold',
                 }, children: "Next Steps to Regain Access:" }), _jsxs("ul", { children: [_jsx("li", { children: _jsxs(Text, { children: [_jsx("b", { children: "Immediate Action:" }), " To adress this and help you regain access to your account, please contact our support team at your earliest convenience. We're here to assist you with the necessary steps to restore your services."] }) }), _jsx("li", { children: _jsxs(Text, { children: [_jsx("b", { children: "Contact Information:" }), " You can reach us by emailing support@vrplatform.app. Our dedicated team is ready to support you in resolving this matter promptly."] }) })] }), _jsx(Text, { children: "Thank you for your prompt attention to this important matter. We value your partnership and are here to support you every step of the way." }), _jsxs(Text, { children: ["Best regards,", _jsx("br", {}), "The VRPlatform Team"] })] }));
 };

package/build/module/templates/TenantSuspensionEmailTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"TenantSuspensionEmailTemplate.js","sourceRoot":"src/","sources":["templates/TenantSuspensionEmailTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAS/C,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAC5C,IAAI,EACJ,IAAI,EACJ,MAAM,GAC6B,EAAE,EAAE;IACvC,OAAO,CACL,MAAC,cAAc,IACb,KAAK,EAAE,iDAAiD,EACxD,gBAAgB,EACd,sGAAsG,EAExG,MAAM,EAAE;YACN,IAAI,EAAE,SAAS;SAChB,EACD,IAAI,EAAE,IAAI,aAEV,KAAC,OAAO,IACN,KAAK,EAAE;oBACL,QAAQ,EAAE,EAAE;oBACZ,UAAU,EAAE,GAAG;oBACf,YAAY,EAAE,MAAM;iBACrB,YAEA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,WAAW,GACjD,EAEV,MAAC,IAAI,yFACoE,GAAG,EAC1E,sBAAI,MAAM,CAAC,IAAI,GAAK,iNAIf,EACP,KAAC,IAAI,sSAKE,EACP,KAAC,IAAI,IACH,KAAK,EAAE;oBACL,UAAU,EAAE,MAAM;iBACnB,6CAGI,EACP,yBACE,uBACE,MAAC,IAAI,eACH,4CAAwB,6MAInB,GACJ,EACL,uBACE,MAAC,IAAI,eACH,+CAA2B,2IAGtB,GACJ,IACF,EACL,KAAC,IAAI,6JAGE,EACP,MAAC,IAAI,gCAEH,cAAM,2BAED,IACQ,CAClB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Heading } from '@react-email/heading';\nimport { Text } from '@react-email/text';\nimport { EmailContainer } from '../components';\nimport type { EmailBaseProps } from '../types';\n\nexport type TenantSuspensionEmailTemplateProps = {\n  mode: EmailBaseProps['mode'];\n  user: EmailBaseProps['user'];\n  tenant: Omit<EmailBaseProps['tenant'], 'logo'>;\n};\n\nexport const TenantSuspensionEmailTemplate = ({\n  mode,\n  user,\n  tenant,\n}: TenantSuspensionEmailTemplateProps) => {\n  return (\n    <EmailContainer\n      title={'Action Required: Your VRPlatform Account Access'}\n      shortDescription={\n        \"We're reaching out to inform you that access to your VRPlatform team has been temporarily suspended.\"\n      }\n      tenant={{\n        logo: undefined,\n      }}\n      mode={mode}\n    >\n      <Heading\n        style={{\n          fontSize: 28,\n          fontWeight: 600,\n          marginBottom: '50px',\n        }}\n      >\n        {user.firstName ? `Dear ${user.firstName},` : 'Hi there,'}\n      </Heading>\n\n      <Text>\n        We're reaching out to inform you that as of today, access to your team{' '}\n        <b>{tenant.name}</b> has been temporarily suspended. This includes\n        access to features such as accounting automations, owner statements,\n        management commissions and the owner portal (including portal access for\n        all owners).\n      </Text>\n      <Text>\n        At VRPlatform, we take the security and functionality of our platform\n        seriously, ensuring that our partners have the best possible experience.\n        This step, though necessary, is intended to be temporary and is part of\n        our commitment to maintain the highest standards of service.\n      </Text>\n      <Text\n        style={{\n          fontWeight: 'bold',\n        }}\n      >\n        Next Steps to Regain Access:\n      </Text>\n      <ul>\n        <li>\n          <Text>\n            <b>Immediate Action:</b> To adress this and help you regain access\n            to your account, please contact our support team at your earliest\n            convenience. We're here to assist you with the necessary steps to\n            restore your services.\n          </Text>\n        </li>\n        <li>\n          <Text>\n            <b>Contact Information:</b> You can reach us by emailing\n            support@vrplatform.app. Our dedicated team is ready to support you\n            in resolving this matter promptly.\n          </Text>\n        </li>\n      </ul>\n      <Text>\n        Thank you for your prompt attention to this important matter. We value\n        your partnership and are here to support you every step of the way.\n      </Text>\n      <Text>\n        Best regards,\n        <br />\n        The VRPlatform Team\n      </Text>\n    </EmailContainer>\n  );\n};\n"]}
+{"version":3,"file":"TenantSuspensionEmailTemplate.js","sourceRoot":"src/","sources":["templates/TenantSuspensionEmailTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AASxC,MAAM,CAAC,MAAM,6BAA6B,GAAG,CAAC,EAC5C,IAAI,EACJ,IAAI,EACJ,MAAM,GAC6B,EAAE,EAAE;IACvC,OAAO,CACL,MAAC,cAAc,IACb,KAAK,EAAE,iDAAiD,EACxD,gBAAgB,EACd,sGAAsG,EAExG,MAAM,EAAE;YACN,IAAI,EAAE,SAAS;SAChB,EACD,IAAI,EAAE,IAAI,aAEV,KAAC,YAAY,IACX,OAAO,EAAC,gBAAgB,EACxB,WAAW,EAAE,YAAY,CAAC,UAAU,8CAGvB,EAEf,KAAC,IAAI,cAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,WAAW,GAAQ,EAEvE,MAAC,IAAI,yFACoE,GAAG,EAC1E,sBAAI,MAAM,CAAC,IAAI,GAAK,iNAIf,EACP,KAAC,IAAI,sSAKE,EACP,KAAC,IAAI,IACH,KAAK,EAAE;oBACL,UAAU,EAAE,MAAM;iBACnB,6CAGI,EACP,yBACE,uBACE,MAAC,IAAI,eACH,4CAAwB,6MAInB,GACJ,EACL,uBACE,MAAC,IAAI,eACH,+CAA2B,2IAGtB,GACJ,IACF,EACL,KAAC,IAAI,6JAGE,EACP,MAAC,IAAI,gCAEH,cAAM,2BAED,IACQ,CAClB,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Text } from '@react-email/text';\nimport { EmailContainer, EmailHeading } from '../components';\nimport { THEME_COLORS } from '../theme';\nimport type { EmailBaseProps } from '../types';\n\nexport type TenantSuspensionEmailTemplateProps = {\n  mode: EmailBaseProps['mode'];\n  user: EmailBaseProps['user'];\n  tenant: Omit<EmailBaseProps['tenant'], 'logo'>;\n};\n\nexport const TenantSuspensionEmailTemplate = ({\n  mode,\n  user,\n  tenant,\n}: TenantSuspensionEmailTemplateProps) => {\n  return (\n    <EmailContainer\n      title={'Action Required: Your VRPlatform Account Access'}\n      shortDescription={\n        \"We're reaching out to inform you that access to your VRPlatform team has been temporarily suspended.\"\n      }\n      tenant={{\n        logo: undefined,\n      }}\n      mode={mode}\n    >\n      <EmailHeading\n        eyebrow=\"Team suspended\"\n        themeColors={THEME_COLORS.vrplatform}\n      >\n        Your team access is suspended\n      </EmailHeading>\n\n      <Text>{user.firstName ? `Dear ${user.firstName},` : 'Hi there,'}</Text>\n\n      <Text>\n        We're reaching out to inform you that as of today, access to your team{' '}\n        <b>{tenant.name}</b> has been temporarily suspended. This includes\n        access to features such as accounting automations, owner statements,\n        management commissions and the owner portal (including portal access for\n        all owners).\n      </Text>\n      <Text>\n        At VRPlatform, we take the security and functionality of our platform\n        seriously, ensuring that our partners have the best possible experience.\n        This step, though necessary, is intended to be temporary and is part of\n        our commitment to maintain the highest standards of service.\n      </Text>\n      <Text\n        style={{\n          fontWeight: 'bold',\n        }}\n      >\n        Next Steps to Regain Access:\n      </Text>\n      <ul>\n        <li>\n          <Text>\n            <b>Immediate Action:</b> To adress this and help you regain access\n            to your account, please contact our support team at your earliest\n            convenience. We're here to assist you with the necessary steps to\n            restore your services.\n          </Text>\n        </li>\n        <li>\n          <Text>\n            <b>Contact Information:</b> You can reach us by emailing\n            support@vrplatform.app. Our dedicated team is ready to support you\n            in resolving this matter promptly.\n          </Text>\n        </li>\n      </ul>\n      <Text>\n        Thank you for your prompt attention to this important matter. We value\n        your partnership and are here to support you every step of the way.\n      </Text>\n      <Text>\n        Best regards,\n        <br />\n        The VRPlatform Team\n      </Text>\n    </EmailContainer>\n  );\n};\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vrplatform/email",
-  "version": "1.0.2-40176543866",
+  "version": "1.0.2-40299030944",
   "description": "VRTrust transactional email templates and Postmark transport",
   "license": "ISC",
   "main": "build/main/index.js",

package/src/components/ActionEmailTemplate.tsx

@@ -1,6 +1,6 @@
-import { Heading } from '@react-email/heading';
 import { Text } from '@react-email/text';
 import { EmailContainer } from './EmailContainer';
+import { EmailHeading } from './EmailHeading';
 import type { EmailBaseProps } from '../types';
 import { parseEmailHtml } from './utils';
 import { Button } from './Button';
@@ -22,6 +22,7 @@ export interface ActionEmailTemplateProps extends EmailBaseProps {
 
 export const ActionEmailTemplate = ({
   data,
+  eyebrow,
   tenant,
   themeColors,
   mode,
@@ -29,7 +30,7 @@ export const ActionEmailTemplate = ({
   listing,
   month,
   unsubscribeHref,
-}: ActionEmailTemplateProps) => {
+}: ActionEmailTemplateProps & { eyebrow: string }) => {
   return (
     <EmailContainer
       title={data.subject}
@@ -38,23 +39,19 @@ export const ActionEmailTemplate = ({
       mode={mode}
       unsubscribeHref={unsubscribeHref}
     >
-      <Heading
-        style={{
-          fontSize: 28,
-          fontWeight: 600,
-          marginBottom: '50px',
-        }}
-      >
+      <EmailHeading eyebrow={eyebrow} themeColors={themeColors}>
         {data.header?.trim() || `Welcome to ${tenant.name}!`}
-      </Heading>
+      </EmailHeading>
 
       {data.banner?.trim() && (
         <Text
           style={{
-            padding: '24px',
-            backgroundColor: '#f2f3f3',
+            padding: '16px 20px',
+            backgroundColor: '#f8f9fa',
+            borderLeft: `3px solid ${themeColors[8]}`,
             borderRadius: '4px',
-            marginBottom: '40px',
+            margin: '0 0 32px',
+            whiteSpace: 'pre-line',
           }}
         >
           {data.banner.trim()}
@@ -79,6 +76,7 @@ export const ActionEmailTemplate = ({
         data-testid="accept-invite-button"
         label={data.buttonText?.trim() || 'Accept Invitation'}
         themeColors={themeColors}
+        style={{ marginTop: '24px', marginBottom: '32px' }}
       />
 
       <div

package/src/components/EmailContainer.tsx

@@ -7,6 +7,7 @@ import { Img } from '@react-email/img';
 import { Preview } from '@react-email/preview';
 import { Text } from '@react-email/text';
 import { day } from '@vrplatform/utils';
+import { VRP_PLATFORM } from '../const';
 import type { EmailBaseProps } from '../types';
 
 type Props = {
@@ -96,7 +97,7 @@ const Content = ({
         <Text>{name}</Text>
       ) : mode === 'send' ? (
         <Img
-          src={'https://staging.portal.vrplatform.app/logo.png'}
+          src={`${VRP_PLATFORM.portal}/logo.png`}
           alt={'Logo'}
           width={70}
           style={{ marginBottom: '60px' }}

package/src/components/EmailHeading.tsx

@@ -0,0 +1,36 @@
+import { Heading } from '@react-email/heading';
+import { Text } from '@react-email/text';
+import type { EmailBaseProps } from '../types';
+
+type Props = {
+  eyebrow: string;
+  children: React.ReactNode;
+  themeColors: EmailBaseProps['themeColors'];
+};
+
+export const EmailHeading = ({ eyebrow, children, themeColors }: Props) => (
+  <>
+    <Text
+      style={{
+        color: themeColors[8],
+        fontSize: 12,
+        fontWeight: 600,
+        letterSpacing: '0.08em',
+        textTransform: 'uppercase',
+        margin: '0 0 8px',
+      }}
+    >
+      {eyebrow}
+    </Text>
+    <Heading
+      style={{
+        fontSize: 26,
+        fontWeight: 600,
+        lineHeight: '34px',
+        margin: '0 0 32px',
+      }}
+    >
+      {children}
+    </Heading>
+  </>
+);

package/src/components/index.ts

@@ -1,2 +1,3 @@
 export * from './EmailContainer';
 export * from './ActionEmailTemplate';
+export * from './EmailHeading';

package/src/index.ts

@@ -5,4 +5,4 @@ export * from './extensions';
 export { VRP_PLATFORM } from './const';
 export type { ActionEmailData } from './components';
 
-export { render } from '@react-email/render';
+export * from './render';

package/src/render.ts

@@ -0,0 +1,24 @@
+import { plainTextSelectors, render as renderEmail } from '@react-email/render';
+
+// html-to-text uppercases headings by default, so the plain-text part of an
+// email opened "HI THERE," (PRO-19711). Headings keep their case.
+export const render: typeof renderEmail = (component, options) =>
+  renderEmail(
+    component,
+    options?.plainText
+      ? {
+          ...options,
+          htmlToTextOptions: {
+            ...options.htmlToTextOptions,
+            selectors: [
+              ...plainTextSelectors,
+              ...['h1', 'h2', 'h3', 'h4', 'h5', 'h6'].map((selector) => ({
+                selector,
+                options: { uppercase: false },
+              })),
+              ...(options.htmlToTextOptions?.selectors ?? []),
+            ],
+          },
+        }
+      : options
+  );

package/src/templates/BankAccountChangedEmailTemplate.tsx

@@ -7,7 +7,8 @@ export type BankAccountChangedEmailTemplateProps = {
   mode: EmailBaseProps['mode'];
   user: EmailBaseProps['user'];
   tenant: EmailBaseProps['tenant'];
-  bankAccount: { last4: string; changedOn: string };
+  // Added: the payee had no bank account before.
+  bankAccount: { last4: string; changedOn: string; added: boolean };
 };
 
 export const BankAccountChangedEmailTemplate = ({
@@ -17,7 +18,11 @@ export const BankAccountChangedEmailTemplate = ({
   bankAccount,
 }: BankAccountChangedEmailTemplateProps) => (
   <EmailContainer
-    title="Your bank account was changed"
+    title={
+      bankAccount.added
+        ? 'Your bank account was added'
+        : 'Your bank account was changed'
+    }
     shortDescription={`${tenant.name} now pays you to the account ending in ${bankAccount.last4}.`}
     tenant={tenant}
     mode={mode}
@@ -25,14 +30,23 @@ export const BankAccountChangedEmailTemplate = ({
     <Heading style={{ fontSize: 28, fontWeight: 600, marginBottom: '50px' }}>
       {user.firstName ? `Hi ${user.firstName},` : 'Hi there,'}
     </Heading>
+    {bankAccount.added ? (
+      <Text>
+        A bank account for payments from <b>{tenant.name}</b> was added on{' '}
+        {bankAccount.changedOn}. Future payments go to the account ending in{' '}
+        <b>{bankAccount.last4}</b>.
+      </Text>
+    ) : (
+      <Text>
+        The bank account <b>{tenant.name}</b> pays you to was changed on{' '}
+        {bankAccount.changedOn}. Future payments go to the account ending in{' '}
+        <b>{bankAccount.last4}</b>. A payment already on its way still goes to
+        the previous account.
+      </Text>
+    )}
     <Text>
-      The bank account <b>{tenant.name}</b> pays you to was changed on{' '}
-      {bankAccount.changedOn}. Future payments go to the account ending in{' '}
-      <b>{bankAccount.last4}</b>. A payment already on its way still goes to the
-      previous account.
-    </Text>
-    <Text>
-      If you did not make or request this change, contact {tenant.name} right
+      If you did not make or request this{' '}
+      {bankAccount.added ? 'addition' : 'change'}, contact {tenant.name} right
       away.
     </Text>
   </EmailContainer>

package/src/templates/BankAccountChangedTeamAdminEmailTemplate.tsx

@@ -9,7 +9,13 @@ export type BankAccountChangedTeamAdminEmailTemplateProps = {
   mode: EmailBaseProps['mode'];
   tenant: EmailBaseProps['tenant'];
   contact: { name: string; type: 'owner' | 'vendor' };
-  bankAccount: { last4: string; changedOn: string; changedBy: string | null };
+  // Added: the contact had no bank account before.
+  bankAccount: {
+    last4: string;
+    changedOn: string;
+    changedBy: string | null;
+    added: boolean;
+  };
   href: string;
 };
 
@@ -21,17 +27,17 @@ export const BankAccountChangedTeamAdminEmailTemplate = ({
   href,
 }: BankAccountChangedTeamAdminEmailTemplateProps) => (
   <EmailContainer
-    title={`Bank details changed for ${contact.name}`}
+    title={`Bank details ${bankAccount.added ? 'added' : 'changed'} for ${contact.name}`}
     shortDescription={`Future payments to ${contact.name} go to the account ending in ${bankAccount.last4}.`}
     tenant={tenant}
     mode={mode}
   >
     <Heading style={{ fontSize: 28, fontWeight: 600, marginBottom: '50px' }}>
-      Bank details changed
+      Bank details {bankAccount.added ? 'added' : 'changed'}
     </Heading>
     <Text>
-      The bank account of {contact.type} <b>{contact.name}</b> was changed on{' '}
-      {bankAccount.changedOn}
+      The bank account of {contact.type} <b>{contact.name}</b> was{' '}
+      {bankAccount.added ? 'added' : 'changed'} on {bankAccount.changedOn}
       {bankAccount.changedBy ? ` by ${bankAccount.changedBy}` : ''}. Future
       payments go to the account ending in <b>{bankAccount.last4}</b>.
     </Text>

package/src/templates/BankDetailsRequestEmailTemplate.tsx

@@ -8,6 +8,9 @@ export type BankDetailsRequestEmailTemplateProps = {
   mode: EmailBaseProps['mode'];
   user: EmailBaseProps['user'];
   tenant: EmailBaseProps['tenant'];
+  // The owner or vendor asked, so requests to different payees do not thread
+  // together.
+  payeeName: string;
   themeColors: EmailBaseProps['themeColors'];
   href: string;
   // Owners enter their details in the owner portal; vendors in a one-time
@@ -21,12 +24,13 @@ export const BankDetailsRequestEmailTemplate = ({
   mode,
   user,
   tenant,
+  payeeName,
   themeColors,
   href,
   form,
 }: BankDetailsRequestEmailTemplateProps) => (
   <EmailContainer
-    title={`${tenant.name} needs your payout details`}
+    title={`${tenant.name} needs payout details for ${payeeName}`}
     shortDescription={`Add the bank account ${tenant.name} pays you to.`}
     tenant={tenant}
     mode={mode}

package/src/templates/InviteOwnerEmailTemplate.tsx

@@ -35,6 +35,7 @@ export const InviteOwnerEmailTemplate = ({
   return (
     <ActionEmailTemplate
       {...props}
+      eyebrow="Owner Portal invitation"
       data={{
         ...props.data,
         // Add guidance at render time so saved custom templates receive it too.

package/src/templates/InvitePmEmailTemplate.tsx

@@ -33,6 +33,7 @@ export const InvitePmEmailTemplate = (props: ActionEmailTemplateProps) => {
   return (
     <ActionEmailTemplate
       {...props}
+      eyebrow="Team invitation"
       data={{
         ...props.data,
         // Add guidance at render time so saved custom templates receive it too.