@vrplatform/email 1.0.1 → 1.0.2-5

package/src/templates/DailyDigestEmailTemplate.tsx

@@ -1,186 +0,0 @@
-import { Heading } from '@react-email/heading';
-import { Link } from '@react-email/link';
-import { Text } from '@react-email/text';
-import { EmailContainer } from '../components';
-import { Button } from '../components/Button';
-import type { EmailBaseProps } from '../types';
-
-type NotificationKey = keyof Liveblocks['ActivitiesData'];
-
-export type DailyDigestEmailTemplateProps = {
-  mode: EmailBaseProps['mode'];
-  unreadNotifications: Record<NotificationKey, { id: string; name: string }[]>;
-};
-
-const THEME_VRP = [
-  // baseColor: #012F64
-  '#E6F1FF',
-  '#B8D9FE',
-  '#8BC0FE',
-  '#5DA8FD',
-  '#308FFD',
-  '#0377FC',
-  '#025FCA',
-  '#024797',
-  '#012F65',
-  '#011832',
-] as const;
-
-const THEME_NEUTRAL = [
-  '#fafafa',
-  '#f5f5f5',
-  '#e5e5e5',
-  '#d4d4d4',
-  '#a3a3a3',
-  '#737373',
-  '#525252',
-  '#404040',
-  '#262626',
-  '#171717',
-  // "#0a0a0a"
-];
-
-const NOTIFICATION_ORDER: Record<
-  NotificationKey,
-  {
-    title: string;
-    text: string;
-    order: number;
-  }
-> = {
-  $inviteOwnerAccepted: {
-    title: 'Owners invitations',
-    text: 'accepted invite',
-    order: 1,
-  },
-  $inviteTeamMemberAccepted: {
-    title: 'Team member invitations',
-    text: 'accepted invite',
-    order: 2,
-  },
-  $ownerStatementInReview: {
-    title: 'Owner statements ready for review',
-    text: 'is ready for review',
-    order: 3,
-  },
-  $ownerStatementPublished: {
-    title: 'Owner statements were published',
-    text: 'was published to owner portal',
-    order: 4,
-  },
-  $1099StatementPublished: {
-    title: '1099 tax statements were published',
-    text: 'was finalized and published',
-    order: 5,
-  },
-};
-
-export const DailyDigestEmailTemplate = ({
-  mode,
-
-  unreadNotifications,
-}: DailyDigestEmailTemplateProps) => {
-  const total = Object.values(unreadNotifications).reduce(
-    (acc, curr) => acc + curr.length,
-    0
-  );
-
-  const emailTitle = `You have ${total} unread notification${total > 1 ? 's' : ''}`;
-
-  const link = 'https://portal.vrplatform.app/dashboard/inbox';
-
-  return (
-    <EmailContainer
-      title={emailTitle}
-      shortDescription={
-        "Login to VRPlatform now to check your team's activity!"
-      }
-      tenant={{
-        logo: undefined,
-      }}
-      mode={mode}
-    >
-      <Heading
-        style={{
-          fontSize: 26,
-          fontWeight: 600,
-          marginBottom: '50px',
-        }}
-      >
-        {emailTitle}
-      </Heading>
-
-      {Object.entries(unreadNotifications)
-        .sort(([aKey], [bKey]) => {
-          const a = NOTIFICATION_ORDER[aKey as NotificationKey]?.order ?? 0;
-          const b = NOTIFICATION_ORDER[bKey as NotificationKey]?.order ?? 0;
-
-          return a - b;
-        })
-        .map(([key, notifications]) => {
-          const data = NOTIFICATION_ORDER[key as NotificationKey];
-
-          if (notifications.length === 0 || !data) return null;
-
-          return (
-            <div
-              key={key}
-              style={{
-                marginBottom: '42px',
-              }}
-            >
-              <Text
-                style={{
-                  color: THEME_NEUTRAL[5],
-                }}
-              >
-                {data.title}
-              </Text>
-              {notifications.map((not) => (
-                <Text key={not.id} style={{ color: THEME_NEUTRAL[5] }}>
-                  <span
-                    style={{
-                      fontWeight: 800,
-                      color: '#000',
-                    }}
-                  >
-                    {not.name}
-                  </span>{' '}
-                  {data.text}
-                </Text>
-              ))}
-            </div>
-          );
-        })}
-
-      <Button
-        href={link}
-        mode={mode}
-        data-testid="accept-invite-button"
-        label={'Go to VRPlatform'}
-        themeColors={THEME_VRP}
-        style={{
-          marginTop: '50px',
-          marginBottom: '50px',
-        }}
-      />
-
-      <Text>Best, VRPlatform</Text>
-
-      <Text>
-        If you have any trouble with the button, you can copy and paste the link
-        below into your browser:{' '}
-        <Link
-          href={link}
-          style={{
-            display: 'inline',
-            wordBreak: 'break-all',
-            color: THEME_VRP[7],
-          }}
-        >
-          {link}
-        </Link>
-      </Text>
-    </EmailContainer>
-  );
-};

package/src/templates/OwnerStatementSummaryEmailTemplate.tsx

@@ -1,78 +0,0 @@
-import {
-  type ActionEmailData,
-  ActionEmailTemplate,
-  type ActionEmailTemplateProps,
-} from '../components';
-import {
-  EMAIL_ACTION_LINK_COMPONENT,
-  EMAIL_USER_NAME_COMPONENT,
-} from '../extensions';
-
-export const getDefaultOwnerStatementSummaryEmailData = (
-  mode: 'tag' | 'text',
-  args: {
-    appName: string;
-    ownerStatementHref: string;
-    userName: string;
-  }
-): ActionEmailData => {
-  const ownerStatementHref =
-    mode === 'tag' ? EMAIL_ACTION_LINK_COMPONENT : args.ownerStatementHref;
-
-  const userName = mode === 'tag' ? EMAIL_USER_NAME_COMPONENT : args.userName;
-
-  return {
-    subject: 'Summary statement is ready',
-    shortDescription: `An summary statement is ready for you. Log in to ${args.appName} to view it.`,
-    header: 'Summary is ready to view',
-    bodyOne: `<p>Hi ${userName},<p>A summary statement is ready for your review on ${args.appName}.</p><p>To access your statement, please click the button below:</p>`,
-    buttonText: 'View statement',
-    bodyTwo: `<p>If you have any trouble with the button, you can copy and paste the link below into your browser: ${ownerStatementHref}</p>`,
-    href: args.ownerStatementHref,
-  };
-};
-
-export const OwnerStatementSummaryEmailTemplate = (
-  props: ActionEmailTemplateProps
-) => {
-  return <ActionEmailTemplate {...props} />;
-};
-
-const Preview = () => {
-  const defaultName = 'John';
-
-  return (
-    <ActionEmailTemplate
-      mode="send"
-      tenant={{
-        name: 'Pineapple Mountain',
-        logo: 'https://imagedelivery.net/Ftdv9WftbW1DctaiLSVfFA/fbd8c31f-478f-4eb0-74ac-c8eeb47b5000/256x256',
-      }}
-      data={getDefaultOwnerStatementSummaryEmailData('text', {
-        appName: 'VRPlatform',
-        ownerStatementHref: 'https://example.com',
-        userName: defaultName,
-      })}
-      user={{
-        firstName: 'John',
-      }}
-      listing={undefined}
-      month={undefined}
-      themeColors={[
-        // portal.brown
-        '#9E9390',
-        '#8D7C78',
-        '#7C6964',
-        '#6E5954',
-        '#614B46',
-        '#573F39',
-        '#4E342E',
-        '#3F2D29',
-        '#332725',
-        '#2A2220',
-      ]}
-    />
-  );
-};
-
-export default Preview;

package/src/templates/OwnerTaxStatementEmailTemplate.tsx

@@ -1,80 +0,0 @@
-import {
-  EMAIL_ACTION_LINK_COMPONENT,
-  EMAIL_USER_NAME_COMPONENT,
-} from '../extensions';
-import {
-  type ActionEmailData,
-  ActionEmailTemplate,
-  type ActionEmailTemplateProps,
-} from '../components';
-
-export const getDefaultOwnerTaxStatementEmailData = (
-  mode: 'tag' | 'text',
-  args: {
-    appName: string;
-    href: string;
-    firstName: string | undefined | null;
-    year: number;
-  }
-): ActionEmailData => {
-  const href = mode === 'tag' ? EMAIL_ACTION_LINK_COMPONENT : args.href;
-
-  const firstName =
-    mode === 'tag' ? EMAIL_USER_NAME_COMPONENT : args.firstName || 'there';
-
-  return {
-    subject: 'Your 1099 Tax Statement is ready',
-    shortDescription: `Your 1099 Tax Statement is ready for you. Log in to ${args.appName} to view it.`,
-    header: '1099 Tax Statement is ready',
-    bodyOne: `<p>Hi ${firstName},<p>Your 1099 tax statement for ${args.year} is now available for you to review on ${args.appName}.</p><p>Click below to see your tax statement before we send it to the IRS.</p><p>To update your tax statement details, log into your ${args.appName} account and navigate to Settings>Statement Details.</p><p>To view your annual summary statement, navigate to the Summary page from within your ${args.appName} account.</p><p>Simply reply to this email if you have any questions.</p>`,
-    buttonText: 'View tax statement',
-    bodyTwo: `<p>If you have any trouble with the button, you can copy and paste the link below into your browser: ${href}</p>`,
-    href: args.href,
-  };
-};
-
-export const OwnerTaxStatementEmailTemplate = (
-  props: ActionEmailTemplateProps
-) => {
-  return <ActionEmailTemplate {...props} />;
-};
-
-const Preview = () => {
-  const defaultName = 'John';
-
-  return (
-    <ActionEmailTemplate
-      mode="send"
-      tenant={{
-        name: 'Pineapple Mountain',
-        logo: 'https://imagedelivery.net/Ftdv9WftbW1DctaiLSVfFA/fbd8c31f-478f-4eb0-74ac-c8eeb47b5000/256x256',
-      }}
-      data={getDefaultOwnerTaxStatementEmailData('text', {
-        appName: 'VRPlatform',
-        href: 'https://example.com',
-        firstName: defaultName,
-        year: new Date().getFullYear(),
-      })}
-      user={{
-        firstName: 'John',
-      }}
-      listing={undefined}
-      month={undefined}
-      themeColors={[
-        // portal.brown
-        '#9E9390',
-        '#8D7C78',
-        '#7C6964',
-        '#6E5954',
-        '#614B46',
-        '#573F39',
-        '#4E342E',
-        '#3F2D29',
-        '#332725',
-        '#2A2220',
-      ]}
-    />
-  );
-};
-
-export default Preview;