@vrplatform/email 1.0.2-38643417826 → 1.0.2-39248566836

package/build/main/templates/BankDetailsRequestEmailTemplate.d.ts

@@ -0,0 +1,16 @@
+import type { EmailBaseProps } from '../types';
+export type BankDetailsRequestEmailTemplateProps = {
+    mode: EmailBaseProps['mode'];
+    user: EmailBaseProps['user'];
+    tenant: EmailBaseProps['tenant'];
+    themeColors: EmailBaseProps['themeColors'];
+    href: string;
+    form: {
+        type: 'ownerPortal';
+        setsUpLogin: boolean;
+    } | {
+        type: 'oneTime';
+        expiresOn: string;
+    };
+};
+export declare const BankDetailsRequestEmailTemplate: ({ mode, user, tenant, themeColors, href, form, }: BankDetailsRequestEmailTemplateProps) => import("react").JSX.Element;

package/build/main/templates/BankDetailsRequestEmailTemplate.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BankDetailsRequestEmailTemplate = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const heading_1 = require("@react-email/heading");
+const text_1 = require("@react-email/text");
+const Button_1 = require("../components/Button");
+const EmailContainer_1 = require("../components/EmailContainer");
+const BankDetailsRequestEmailTemplate = ({ mode, user, tenant, themeColors, href, form, }) => ((0, jsx_runtime_1.jsxs)(EmailContainer_1.EmailContainer, { title: `${tenant.name} needs your payout details`, shortDescription: `Add the bank account ${tenant.name} pays you to.`, tenant: tenant, mode: mode, children: [(0, jsx_runtime_1.jsx)(heading_1.Heading, { style: { fontSize: 28, fontWeight: 600, marginBottom: '50px' }, children: user.firstName ? `Hi ${user.firstName},` : 'Hi there,' }), (0, jsx_runtime_1.jsxs)(text_1.Text, { children: [(0, jsx_runtime_1.jsx)("b", { children: tenant.name }), " needs the bank account to send your payments to. Use the button below to add it. Never send bank details by email."] }), (0, jsx_runtime_1.jsx)(text_1.Text, { children: form.type === 'oneTime'
+                ? `The link works once and expires on ${form.expiresOn}.`
+                : form.setsUpLogin
+                    ? 'You will set up your owner portal login first, then add your bank details.'
+                    : 'Sign in to your owner portal to add your bank details.' }), (0, jsx_runtime_1.jsx)(Button_1.Button, { href: href, mode: mode, label: "Add bank details", themeColors: themeColors }), (0, jsx_runtime_1.jsxs)(text_1.Text, { children: ["If you did not expect this request, contact ", tenant.name, " before you enter any details."] })] }));
+exports.BankDetailsRequestEmailTemplate = BankDetailsRequestEmailTemplate;
+//# sourceMappingURL=BankDetailsRequestEmailTemplate.js.map

package/build/main/templates/BankDetailsRequestEmailTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BankDetailsRequestEmailTemplate.js","sourceRoot":"src/","sources":["templates/BankDetailsRequestEmailTemplate.tsx"],"names":[],"mappings":";;;;AAAA,kDAA+C;AAC/C,4CAAyC;AACzC,iDAA8C;AAC9C,iEAA8D;AAgBvD,MAAM,+BAA+B,GAAG,CAAC,EAC9C,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,WAAW,EACX,IAAI,EACJ,IAAI,GACiC,EAAE,EAAE,CAAC,CAC1C,wBAAC,+BAAc,IACb,KAAK,EAAE,GAAG,MAAM,CAAC,IAAI,4BAA4B,EACjD,gBAAgB,EAAE,wBAAwB,MAAM,CAAC,IAAI,eAAe,EACpE,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,aAEV,uBAAC,iBAAO,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,YACpE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,WAAW,GAC/C,EACV,wBAAC,WAAI,eACH,wCAAI,MAAM,CAAC,IAAI,GAAK,2HAEf,EACP,uBAAC,WAAI,cACF,IAAI,CAAC,IAAI,KAAK,SAAS;gBACtB,CAAC,CAAC,sCAAsC,IAAI,CAAC,SAAS,GAAG;gBACzD,CAAC,CAAC,IAAI,CAAC,WAAW;oBAChB,CAAC,CAAC,4EAA4E;oBAC9E,CAAC,CAAC,wDAAwD,GACzD,EACP,uBAAC,eAAM,IACL,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,kBAAkB,EACxB,WAAW,EAAE,WAAW,GACxB,EACF,wBAAC,WAAI,+DAC0C,MAAM,CAAC,IAAI,sCAEnD,IACQ,CAClB,CAAC;AAvCW,QAAA,+BAA+B,mCAuC1C","sourcesContent":["import { Heading } from '@react-email/heading';\nimport { Text } from '@react-email/text';\nimport { Button } from '../components/Button';\nimport { EmailContainer } from '../components/EmailContainer';\nimport type { EmailBaseProps } from '../types';\n\nexport type BankDetailsRequestEmailTemplateProps = {\n  mode: EmailBaseProps['mode'];\n  user: EmailBaseProps['user'];\n  tenant: EmailBaseProps['tenant'];\n  themeColors: EmailBaseProps['themeColors'];\n  href: string;\n  // Owners enter their details in the owner portal; vendors in a one-time\n  // form that expires.\n  form:\n    | { type: 'ownerPortal'; setsUpLogin: boolean }\n    | { type: 'oneTime'; expiresOn: string };\n};\n\nexport const BankDetailsRequestEmailTemplate = ({\n  mode,\n  user,\n  tenant,\n  themeColors,\n  href,\n  form,\n}: BankDetailsRequestEmailTemplateProps) => (\n  <EmailContainer\n    title={`${tenant.name} needs your payout details`}\n    shortDescription={`Add the bank account ${tenant.name} pays you to.`}\n    tenant={tenant}\n    mode={mode}\n  >\n    <Heading style={{ fontSize: 28, fontWeight: 600, marginBottom: '50px' }}>\n      {user.firstName ? `Hi ${user.firstName},` : 'Hi there,'}\n    </Heading>\n    <Text>\n      <b>{tenant.name}</b> needs the bank account to send your payments to. Use\n      the button below to add it. Never send bank details by email.\n    </Text>\n    <Text>\n      {form.type === 'oneTime'\n        ? `The link works once and expires on ${form.expiresOn}.`\n        : form.setsUpLogin\n          ? 'You will set up your owner portal login first, then add your bank details.'\n          : 'Sign in to your owner portal to add your bank details.'}\n    </Text>\n    <Button\n      href={href}\n      mode={mode}\n      label=\"Add bank details\"\n      themeColors={themeColors}\n    />\n    <Text>\n      If you did not expect this request, contact {tenant.name} before you enter\n      any details.\n    </Text>\n  </EmailContainer>\n);\n"]}

package/build/main/templates/TeamRoleGrantedEmailTemplate.d.ts

@@ -0,0 +1,12 @@
+import type { EmailBaseProps } from '../types';
+export type TeamRoleGrantedEmailTemplateProps = {
+    mode: EmailBaseProps['mode'];
+    tenant: EmailBaseProps['tenant'];
+    member: string;
+    roles: string;
+    grantedAt: string;
+    grantedBy: string | null;
+    partnerName: string | null;
+    href: string;
+};
+export declare const TeamRoleGrantedEmailTemplate: ({ mode, tenant, member, roles, grantedAt, grantedBy, partnerName, href, }: TeamRoleGrantedEmailTemplateProps) => import("react").JSX.Element;

package/build/main/templates/TeamRoleGrantedEmailTemplate.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TeamRoleGrantedEmailTemplate = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const heading_1 = require("@react-email/heading");
+const text_1 = require("@react-email/text");
+const Button_1 = require("../components/Button");
+const EmailContainer_1 = require("../components/EmailContainer");
+const theme_1 = require("../theme");
+const TeamRoleGrantedEmailTemplate = ({ mode, tenant, member, roles, grantedAt, grantedBy, partnerName, href, }) => ((0, jsx_runtime_1.jsxs)(EmailContainer_1.EmailContainer, { title: `${member} received ${roles}`, shortDescription: `${member} received ${roles} on ${tenant.name}.`, tenant: tenant, mode: mode, children: [(0, jsx_runtime_1.jsxs)(heading_1.Heading, { style: { fontSize: 28, fontWeight: 600, marginBottom: '50px' }, children: ["New ", roles, " on your team"] }), (0, jsx_runtime_1.jsxs)(text_1.Text, { children: [(0, jsx_runtime_1.jsx)("b", { children: member }), " received ", (0, jsx_runtime_1.jsx)("b", { children: roles }), " on ", tenant.name, " on ", grantedAt, grantedBy ? ` from ${grantedBy}` : '', partnerName ? `, acting through your partner ${partnerName}` : '', "."] }), (0, jsx_runtime_1.jsx)(text_1.Text, { children: "If you did not expect this change, review the team members and remove the role." }), (0, jsx_runtime_1.jsx)(Button_1.Button, { href: href, mode: mode, label: "Review team members", themeColors: theme_1.THEME_COLORS.vrplatform })] }));
+exports.TeamRoleGrantedEmailTemplate = TeamRoleGrantedEmailTemplate;
+//# sourceMappingURL=TeamRoleGrantedEmailTemplate.js.map

package/build/main/templates/TeamRoleGrantedEmailTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamRoleGrantedEmailTemplate.js","sourceRoot":"src/","sources":["templates/TeamRoleGrantedEmailTemplate.tsx"],"names":[],"mappings":";;;;AAAA,kDAA+C;AAC/C,4CAAyC;AACzC,iDAA8C;AAC9C,iEAA8D;AAC9D,oCAAwC;AAcjC,MAAM,4BAA4B,GAAG,CAAC,EAC3C,IAAI,EACJ,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,SAAS,EACT,WAAW,EACX,IAAI,GAC8B,EAAE,EAAE,CAAC,CACvC,wBAAC,+BAAc,IACb,KAAK,EAAE,GAAG,MAAM,aAAa,KAAK,EAAE,EACpC,gBAAgB,EAAE,GAAG,MAAM,aAAa,KAAK,OAAO,MAAM,CAAC,IAAI,GAAG,EAClE,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,aAEV,wBAAC,iBAAO,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,qBAChE,KAAK,qBACF,EACV,wBAAC,WAAI,eACH,wCAAI,MAAM,GAAK,gBAAU,wCAAI,KAAK,GAAK,UAAK,MAAM,CAAC,IAAI,UAAM,SAAS,EACrE,SAAS,CAAC,CAAC,CAAC,SAAS,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EACrC,WAAW,CAAC,CAAC,CAAC,iCAAiC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,SAC7D,EACP,uBAAC,WAAI,kGAGE,EACP,uBAAC,eAAM,IACL,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,qBAAqB,EAC3B,WAAW,EAAE,oBAAY,CAAC,UAAW,GACrC,IACa,CAClB,CAAC;AAnCW,QAAA,4BAA4B,gCAmCvC","sourcesContent":["import { Heading } from '@react-email/heading';\nimport { Text } from '@react-email/text';\nimport { Button } from '../components/Button';\nimport { EmailContainer } from '../components/EmailContainer';\nimport { THEME_COLORS } from '../theme';\nimport type { EmailBaseProps } from '../types';\n\nexport type TeamRoleGrantedEmailTemplateProps = {\n  mode: EmailBaseProps['mode'];\n  tenant: EmailBaseProps['tenant'];\n  member: string;\n  roles: string;\n  grantedAt: string;\n  grantedBy: string | null;\n  partnerName: string | null;\n  href: string;\n};\n\nexport const TeamRoleGrantedEmailTemplate = ({\n  mode,\n  tenant,\n  member,\n  roles,\n  grantedAt,\n  grantedBy,\n  partnerName,\n  href,\n}: TeamRoleGrantedEmailTemplateProps) => (\n  <EmailContainer\n    title={`${member} received ${roles}`}\n    shortDescription={`${member} received ${roles} on ${tenant.name}.`}\n    tenant={tenant}\n    mode={mode}\n  >\n    <Heading style={{ fontSize: 28, fontWeight: 600, marginBottom: '50px' }}>\n      New {roles} on your team\n    </Heading>\n    <Text>\n      <b>{member}</b> received <b>{roles}</b> on {tenant.name} on {grantedAt}\n      {grantedBy ? ` from ${grantedBy}` : ''}\n      {partnerName ? `, acting through your partner ${partnerName}` : ''}.\n    </Text>\n    <Text>\n      If you did not expect this change, review the team members and remove the\n      role.\n    </Text>\n    <Button\n      href={href}\n      mode={mode}\n      label=\"Review team members\"\n      themeColors={THEME_COLORS.vrplatform!}\n    />\n  </EmailContainer>\n);\n"]}

package/build/main/templates/index.d.ts

@@ -1,7 +1,9 @@
+export * from './TeamRoleGrantedEmailTemplate';
 export * from './TenantSuspensionEmailTemplate';
 export * from './TenantDeletionEmailTemplate';
 export * from './OwnerStatementEmailTemplate';
 export * from './BankAccountChangedEmailTemplate';
 export * from './BankAccountChangedTeamAdminEmailTemplate';
+export * from './BankDetailsRequestEmailTemplate';
 export * from './InviteOwnerEmailTemplate';
 export * from './InvitePmEmailTemplate';

package/build/main/templates/index.js

@@ -15,6 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 // Teams
+__exportStar(require("./TeamRoleGrantedEmailTemplate"), exports);
 __exportStar(require("./TenantSuspensionEmailTemplate"), exports);
 __exportStar(require("./TenantDeletionEmailTemplate"), exports);
 // Owner Statements
@@ -22,6 +23,7 @@ __exportStar(require("./OwnerStatementEmailTemplate"), exports);
 // Payment setup
 __exportStar(require("./BankAccountChangedEmailTemplate"), exports);
 __exportStar(require("./BankAccountChangedTeamAdminEmailTemplate"), exports);
+__exportStar(require("./BankDetailsRequestEmailTemplate"), exports);
 // Invitations
 __exportStar(require("./InviteOwnerEmailTemplate"), exports);
 __exportStar(require("./InvitePmEmailTemplate"), exports);

package/build/main/templates/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"src/","sources":["templates/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,QAAQ;AACR,kEAAgD;AAChD,gEAA8C;AAE9C,mBAAmB;AACnB,gEAA8C;AAE9C,gBAAgB;AAChB,oEAAkD;AAClD,6EAA2D;AAE3D,cAAc;AACd,6DAA2C;AAC3C,0DAAwC","sourcesContent":["// Teams\nexport * from './TenantSuspensionEmailTemplate';\nexport * from './TenantDeletionEmailTemplate';\n\n// Owner Statements\nexport * from './OwnerStatementEmailTemplate';\n\n// Payment setup\nexport * from './BankAccountChangedEmailTemplate';\nexport * from './BankAccountChangedTeamAdminEmailTemplate';\n\n// Invitations\nexport * from './InviteOwnerEmailTemplate';\nexport * from './InvitePmEmailTemplate';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["templates/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,QAAQ;AACR,iEAA+C;AAC/C,kEAAgD;AAChD,gEAA8C;AAE9C,mBAAmB;AACnB,gEAA8C;AAE9C,gBAAgB;AAChB,oEAAkD;AAClD,6EAA2D;AAC3D,oEAAkD;AAElD,cAAc;AACd,6DAA2C;AAC3C,0DAAwC","sourcesContent":["// Teams\nexport * from './TeamRoleGrantedEmailTemplate';\nexport * from './TenantSuspensionEmailTemplate';\nexport * from './TenantDeletionEmailTemplate';\n\n// Owner Statements\nexport * from './OwnerStatementEmailTemplate';\n\n// Payment setup\nexport * from './BankAccountChangedEmailTemplate';\nexport * from './BankAccountChangedTeamAdminEmailTemplate';\nexport * from './BankDetailsRequestEmailTemplate';\n\n// Invitations\nexport * from './InviteOwnerEmailTemplate';\nexport * from './InvitePmEmailTemplate';\n"]}

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

@@ -0,0 +1,16 @@
+import type { EmailBaseProps } from '../types';
+export type BankDetailsRequestEmailTemplateProps = {
+    mode: EmailBaseProps['mode'];
+    user: EmailBaseProps['user'];
+    tenant: EmailBaseProps['tenant'];
+    themeColors: EmailBaseProps['themeColors'];
+    href: string;
+    form: {
+        type: 'ownerPortal';
+        setsUpLogin: boolean;
+    } | {
+        type: 'oneTime';
+        expiresOn: string;
+    };
+};
+export declare const BankDetailsRequestEmailTemplate: ({ mode, user, tenant, themeColors, href, form, }: BankDetailsRequestEmailTemplateProps) => import("react").JSX.Element;

package/build/module/templates/BankDetailsRequestEmailTemplate.js

@@ -0,0 +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 { Button } from '../components/Button';
+import { EmailContainer } from '../components/EmailContainer';
+export const BankDetailsRequestEmailTemplate = ({ mode, user, tenant, themeColors, href, form, }) => (_jsxs(EmailContainer, { title: `${tenant.name} needs your payout details`, shortDescription: `Add the bank account ${tenant.name} pays you to.`, tenant: tenant, mode: mode, children: [_jsx(Heading, { style: { fontSize: 28, fontWeight: 600, marginBottom: '50px' }, children: user.firstName ? `Hi ${user.firstName},` : 'Hi there,' }), _jsxs(Text, { children: [_jsx("b", { children: tenant.name }), " needs the bank account to send your payments to. Use the button below to add it. Never send bank details by email."] }), _jsx(Text, { children: form.type === 'oneTime'
+                ? `The link works once and expires on ${form.expiresOn}.`
+                : form.setsUpLogin
+                    ? 'You will set up your owner portal login first, then add your bank details.'
+                    : 'Sign in to your owner portal to add your bank details.' }), _jsx(Button, { href: href, mode: mode, label: "Add bank details", themeColors: themeColors }), _jsxs(Text, { children: ["If you did not expect this request, contact ", tenant.name, " before you enter any details."] })] }));
+//# sourceMappingURL=BankDetailsRequestEmailTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BankDetailsRequestEmailTemplate.js","sourceRoot":"src/","sources":["templates/BankDetailsRequestEmailTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAgB9D,MAAM,CAAC,MAAM,+BAA+B,GAAG,CAAC,EAC9C,IAAI,EACJ,IAAI,EACJ,MAAM,EACN,WAAW,EACX,IAAI,EACJ,IAAI,GACiC,EAAE,EAAE,CAAC,CAC1C,MAAC,cAAc,IACb,KAAK,EAAE,GAAG,MAAM,CAAC,IAAI,4BAA4B,EACjD,gBAAgB,EAAE,wBAAwB,MAAM,CAAC,IAAI,eAAe,EACpE,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,aAEV,KAAC,OAAO,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,YACpE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,SAAS,GAAG,CAAC,CAAC,CAAC,WAAW,GAC/C,EACV,MAAC,IAAI,eACH,sBAAI,MAAM,CAAC,IAAI,GAAK,2HAEf,EACP,KAAC,IAAI,cACF,IAAI,CAAC,IAAI,KAAK,SAAS;gBACtB,CAAC,CAAC,sCAAsC,IAAI,CAAC,SAAS,GAAG;gBACzD,CAAC,CAAC,IAAI,CAAC,WAAW;oBAChB,CAAC,CAAC,4EAA4E;oBAC9E,CAAC,CAAC,wDAAwD,GACzD,EACP,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,kBAAkB,EACxB,WAAW,EAAE,WAAW,GACxB,EACF,MAAC,IAAI,+DAC0C,MAAM,CAAC,IAAI,sCAEnD,IACQ,CAClB,CAAC","sourcesContent":["import { Heading } from '@react-email/heading';\nimport { Text } from '@react-email/text';\nimport { Button } from '../components/Button';\nimport { EmailContainer } from '../components/EmailContainer';\nimport type { EmailBaseProps } from '../types';\n\nexport type BankDetailsRequestEmailTemplateProps = {\n  mode: EmailBaseProps['mode'];\n  user: EmailBaseProps['user'];\n  tenant: EmailBaseProps['tenant'];\n  themeColors: EmailBaseProps['themeColors'];\n  href: string;\n  // Owners enter their details in the owner portal; vendors in a one-time\n  // form that expires.\n  form:\n    | { type: 'ownerPortal'; setsUpLogin: boolean }\n    | { type: 'oneTime'; expiresOn: string };\n};\n\nexport const BankDetailsRequestEmailTemplate = ({\n  mode,\n  user,\n  tenant,\n  themeColors,\n  href,\n  form,\n}: BankDetailsRequestEmailTemplateProps) => (\n  <EmailContainer\n    title={`${tenant.name} needs your payout details`}\n    shortDescription={`Add the bank account ${tenant.name} pays you to.`}\n    tenant={tenant}\n    mode={mode}\n  >\n    <Heading style={{ fontSize: 28, fontWeight: 600, marginBottom: '50px' }}>\n      {user.firstName ? `Hi ${user.firstName},` : 'Hi there,'}\n    </Heading>\n    <Text>\n      <b>{tenant.name}</b> needs the bank account to send your payments to. Use\n      the button below to add it. Never send bank details by email.\n    </Text>\n    <Text>\n      {form.type === 'oneTime'\n        ? `The link works once and expires on ${form.expiresOn}.`\n        : form.setsUpLogin\n          ? 'You will set up your owner portal login first, then add your bank details.'\n          : 'Sign in to your owner portal to add your bank details.'}\n    </Text>\n    <Button\n      href={href}\n      mode={mode}\n      label=\"Add bank details\"\n      themeColors={themeColors}\n    />\n    <Text>\n      If you did not expect this request, contact {tenant.name} before you enter\n      any details.\n    </Text>\n  </EmailContainer>\n);\n"]}

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

@@ -0,0 +1,12 @@
+import type { EmailBaseProps } from '../types';
+export type TeamRoleGrantedEmailTemplateProps = {
+    mode: EmailBaseProps['mode'];
+    tenant: EmailBaseProps['tenant'];
+    member: string;
+    roles: string;
+    grantedAt: string;
+    grantedBy: string | null;
+    partnerName: string | null;
+    href: string;
+};
+export declare const TeamRoleGrantedEmailTemplate: ({ mode, tenant, member, roles, grantedAt, grantedBy, partnerName, href, }: TeamRoleGrantedEmailTemplateProps) => import("react").JSX.Element;

package/build/module/templates/TeamRoleGrantedEmailTemplate.js

@@ -0,0 +1,8 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { Heading } from '@react-email/heading';
+import { Text } from '@react-email/text';
+import { Button } from '../components/Button';
+import { EmailContainer } from '../components/EmailContainer';
+import { THEME_COLORS } from '../theme';
+export const TeamRoleGrantedEmailTemplate = ({ mode, tenant, member, roles, grantedAt, grantedBy, partnerName, href, }) => (_jsxs(EmailContainer, { title: `${member} received ${roles}`, shortDescription: `${member} received ${roles} on ${tenant.name}.`, tenant: tenant, mode: mode, children: [_jsxs(Heading, { style: { fontSize: 28, fontWeight: 600, marginBottom: '50px' }, children: ["New ", roles, " on your team"] }), _jsxs(Text, { children: [_jsx("b", { children: member }), " received ", _jsx("b", { children: roles }), " on ", tenant.name, " on ", grantedAt, grantedBy ? ` from ${grantedBy}` : '', partnerName ? `, acting through your partner ${partnerName}` : '', "."] }), _jsx(Text, { children: "If you did not expect this change, review the team members and remove the role." }), _jsx(Button, { href: href, mode: mode, label: "Review team members", themeColors: THEME_COLORS.vrplatform })] }));
+//# sourceMappingURL=TeamRoleGrantedEmailTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TeamRoleGrantedEmailTemplate.js","sourceRoot":"src/","sources":["templates/TeamRoleGrantedEmailTemplate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAcxC,MAAM,CAAC,MAAM,4BAA4B,GAAG,CAAC,EAC3C,IAAI,EACJ,MAAM,EACN,MAAM,EACN,KAAK,EACL,SAAS,EACT,SAAS,EACT,WAAW,EACX,IAAI,GAC8B,EAAE,EAAE,CAAC,CACvC,MAAC,cAAc,IACb,KAAK,EAAE,GAAG,MAAM,aAAa,KAAK,EAAE,EACpC,gBAAgB,EAAE,GAAG,MAAM,aAAa,KAAK,OAAO,MAAM,CAAC,IAAI,GAAG,EAClE,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,aAEV,MAAC,OAAO,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,YAAY,EAAE,MAAM,EAAE,qBAChE,KAAK,qBACF,EACV,MAAC,IAAI,eACH,sBAAI,MAAM,GAAK,gBAAU,sBAAI,KAAK,GAAK,UAAK,MAAM,CAAC,IAAI,UAAM,SAAS,EACrE,SAAS,CAAC,CAAC,CAAC,SAAS,SAAS,EAAE,CAAC,CAAC,CAAC,EAAE,EACrC,WAAW,CAAC,CAAC,CAAC,iCAAiC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,SAC7D,EACP,KAAC,IAAI,kGAGE,EACP,KAAC,MAAM,IACL,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAC,qBAAqB,EAC3B,WAAW,EAAE,YAAY,CAAC,UAAW,GACrC,IACa,CAClB,CAAC","sourcesContent":["import { Heading } from '@react-email/heading';\nimport { Text } from '@react-email/text';\nimport { Button } from '../components/Button';\nimport { EmailContainer } from '../components/EmailContainer';\nimport { THEME_COLORS } from '../theme';\nimport type { EmailBaseProps } from '../types';\n\nexport type TeamRoleGrantedEmailTemplateProps = {\n  mode: EmailBaseProps['mode'];\n  tenant: EmailBaseProps['tenant'];\n  member: string;\n  roles: string;\n  grantedAt: string;\n  grantedBy: string | null;\n  partnerName: string | null;\n  href: string;\n};\n\nexport const TeamRoleGrantedEmailTemplate = ({\n  mode,\n  tenant,\n  member,\n  roles,\n  grantedAt,\n  grantedBy,\n  partnerName,\n  href,\n}: TeamRoleGrantedEmailTemplateProps) => (\n  <EmailContainer\n    title={`${member} received ${roles}`}\n    shortDescription={`${member} received ${roles} on ${tenant.name}.`}\n    tenant={tenant}\n    mode={mode}\n  >\n    <Heading style={{ fontSize: 28, fontWeight: 600, marginBottom: '50px' }}>\n      New {roles} on your team\n    </Heading>\n    <Text>\n      <b>{member}</b> received <b>{roles}</b> on {tenant.name} on {grantedAt}\n      {grantedBy ? ` from ${grantedBy}` : ''}\n      {partnerName ? `, acting through your partner ${partnerName}` : ''}.\n    </Text>\n    <Text>\n      If you did not expect this change, review the team members and remove the\n      role.\n    </Text>\n    <Button\n      href={href}\n      mode={mode}\n      label=\"Review team members\"\n      themeColors={THEME_COLORS.vrplatform!}\n    />\n  </EmailContainer>\n);\n"]}

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

@@ -1,7 +1,9 @@
+export * from './TeamRoleGrantedEmailTemplate';
 export * from './TenantSuspensionEmailTemplate';
 export * from './TenantDeletionEmailTemplate';
 export * from './OwnerStatementEmailTemplate';
 export * from './BankAccountChangedEmailTemplate';
 export * from './BankAccountChangedTeamAdminEmailTemplate';
+export * from './BankDetailsRequestEmailTemplate';
 export * from './InviteOwnerEmailTemplate';
 export * from './InvitePmEmailTemplate';

package/build/module/templates/index.js

@@ -1,4 +1,5 @@
 // Teams
+export * from './TeamRoleGrantedEmailTemplate';
 export * from './TenantSuspensionEmailTemplate';
 export * from './TenantDeletionEmailTemplate';
 // Owner Statements
@@ -6,6 +7,7 @@ export * from './OwnerStatementEmailTemplate';
 // Payment setup
 export * from './BankAccountChangedEmailTemplate';
 export * from './BankAccountChangedTeamAdminEmailTemplate';
+export * from './BankDetailsRequestEmailTemplate';
 // Invitations
 export * from './InviteOwnerEmailTemplate';
 export * from './InvitePmEmailTemplate';

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"src/","sources":["templates/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAE9C,mBAAmB;AACnB,cAAc,+BAA+B,CAAC;AAE9C,gBAAgB;AAChB,cAAc,mCAAmC,CAAC;AAClD,cAAc,4CAA4C,CAAC;AAE3D,cAAc;AACd,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC","sourcesContent":["// Teams\nexport * from './TenantSuspensionEmailTemplate';\nexport * from './TenantDeletionEmailTemplate';\n\n// Owner Statements\nexport * from './OwnerStatementEmailTemplate';\n\n// Payment setup\nexport * from './BankAccountChangedEmailTemplate';\nexport * from './BankAccountChangedTeamAdminEmailTemplate';\n\n// Invitations\nexport * from './InviteOwnerEmailTemplate';\nexport * from './InvitePmEmailTemplate';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"src/","sources":["templates/index.ts"],"names":[],"mappings":"AAAA,QAAQ;AACR,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iCAAiC,CAAC;AAChD,cAAc,+BAA+B,CAAC;AAE9C,mBAAmB;AACnB,cAAc,+BAA+B,CAAC;AAE9C,gBAAgB;AAChB,cAAc,mCAAmC,CAAC;AAClD,cAAc,4CAA4C,CAAC;AAC3D,cAAc,mCAAmC,CAAC;AAElD,cAAc;AACd,cAAc,4BAA4B,CAAC;AAC3C,cAAc,yBAAyB,CAAC","sourcesContent":["// Teams\nexport * from './TeamRoleGrantedEmailTemplate';\nexport * from './TenantSuspensionEmailTemplate';\nexport * from './TenantDeletionEmailTemplate';\n\n// Owner Statements\nexport * from './OwnerStatementEmailTemplate';\n\n// Payment setup\nexport * from './BankAccountChangedEmailTemplate';\nexport * from './BankAccountChangedTeamAdminEmailTemplate';\nexport * from './BankDetailsRequestEmailTemplate';\n\n// Invitations\nexport * from './InviteOwnerEmailTemplate';\nexport * from './InvitePmEmailTemplate';\n"]}

package/package.json

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

package/src/templates/BankDetailsRequestEmailTemplate.tsx

@@ -0,0 +1,59 @@
+import { Heading } from '@react-email/heading';
+import { Text } from '@react-email/text';
+import { Button } from '../components/Button';
+import { EmailContainer } from '../components/EmailContainer';
+import type { EmailBaseProps } from '../types';
+
+export type BankDetailsRequestEmailTemplateProps = {
+  mode: EmailBaseProps['mode'];
+  user: EmailBaseProps['user'];
+  tenant: EmailBaseProps['tenant'];
+  themeColors: EmailBaseProps['themeColors'];
+  href: string;
+  // Owners enter their details in the owner portal; vendors in a one-time
+  // form that expires.
+  form:
+    | { type: 'ownerPortal'; setsUpLogin: boolean }
+    | { type: 'oneTime'; expiresOn: string };
+};
+
+export const BankDetailsRequestEmailTemplate = ({
+  mode,
+  user,
+  tenant,
+  themeColors,
+  href,
+  form,
+}: BankDetailsRequestEmailTemplateProps) => (
+  <EmailContainer
+    title={`${tenant.name} needs your payout details`}
+    shortDescription={`Add the bank account ${tenant.name} pays you to.`}
+    tenant={tenant}
+    mode={mode}
+  >
+    <Heading style={{ fontSize: 28, fontWeight: 600, marginBottom: '50px' }}>
+      {user.firstName ? `Hi ${user.firstName},` : 'Hi there,'}
+    </Heading>
+    <Text>
+      <b>{tenant.name}</b> needs the bank account to send your payments to. Use
+      the button below to add it. Never send bank details by email.
+    </Text>
+    <Text>
+      {form.type === 'oneTime'
+        ? `The link works once and expires on ${form.expiresOn}.`
+        : form.setsUpLogin
+          ? 'You will set up your owner portal login first, then add your bank details.'
+          : 'Sign in to your owner portal to add your bank details.'}
+    </Text>
+    <Button
+      href={href}
+      mode={mode}
+      label="Add bank details"
+      themeColors={themeColors}
+    />
+    <Text>
+      If you did not expect this request, contact {tenant.name} before you enter
+      any details.
+    </Text>
+  </EmailContainer>
+);

package/src/templates/TeamRoleGrantedEmailTemplate.tsx

@@ -0,0 +1,54 @@
+import { Heading } from '@react-email/heading';
+import { Text } from '@react-email/text';
+import { Button } from '../components/Button';
+import { EmailContainer } from '../components/EmailContainer';
+import { THEME_COLORS } from '../theme';
+import type { EmailBaseProps } from '../types';
+
+export type TeamRoleGrantedEmailTemplateProps = {
+  mode: EmailBaseProps['mode'];
+  tenant: EmailBaseProps['tenant'];
+  member: string;
+  roles: string;
+  grantedAt: string;
+  grantedBy: string | null;
+  partnerName: string | null;
+  href: string;
+};
+
+export const TeamRoleGrantedEmailTemplate = ({
+  mode,
+  tenant,
+  member,
+  roles,
+  grantedAt,
+  grantedBy,
+  partnerName,
+  href,
+}: TeamRoleGrantedEmailTemplateProps) => (
+  <EmailContainer
+    title={`${member} received ${roles}`}
+    shortDescription={`${member} received ${roles} on ${tenant.name}.`}
+    tenant={tenant}
+    mode={mode}
+  >
+    <Heading style={{ fontSize: 28, fontWeight: 600, marginBottom: '50px' }}>
+      New {roles} on your team
+    </Heading>
+    <Text>
+      <b>{member}</b> received <b>{roles}</b> on {tenant.name} on {grantedAt}
+      {grantedBy ? ` from ${grantedBy}` : ''}
+      {partnerName ? `, acting through your partner ${partnerName}` : ''}.
+    </Text>
+    <Text>
+      If you did not expect this change, review the team members and remove the
+      role.
+    </Text>
+    <Button
+      href={href}
+      mode={mode}
+      label="Review team members"
+      themeColors={THEME_COLORS.vrplatform!}
+    />
+  </EmailContainer>
+);

package/src/templates/index.ts

@@ -1,4 +1,5 @@
 // Teams
+export * from './TeamRoleGrantedEmailTemplate';
 export * from './TenantSuspensionEmailTemplate';
 export * from './TenantDeletionEmailTemplate';
 
@@ -8,6 +9,7 @@ export * from './OwnerStatementEmailTemplate';
 // Payment setup
 export * from './BankAccountChangedEmailTemplate';
 export * from './BankAccountChangedTeamAdminEmailTemplate';
+export * from './BankDetailsRequestEmailTemplate';
 
 // Invitations
 export * from './InviteOwnerEmailTemplate';