@vrplatform/email 1.0.2-stage.39831449565 → 1.0.2-stage.39899710779
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/main/components/EmailContainer.js +2 -1
- package/build/main/components/EmailContainer.js.map +1 -1
- package/build/module/components/EmailContainer.js +2 -1
- package/build/module/components/EmailContainer.js.map +1 -1
- package/package.json +1 -1
- package/src/components/EmailContainer.tsx +2 -1
|
@@ -11,6 +11,7 @@ const img_1 = require("@react-email/img");
|
|
|
11
11
|
const preview_1 = require("@react-email/preview");
|
|
12
12
|
const text_1 = require("@react-email/text");
|
|
13
13
|
const utils_1 = require("@vrplatform/utils");
|
|
14
|
+
const const_1 = require("../const");
|
|
14
15
|
const EmailContainer = (props) => {
|
|
15
16
|
const { children, shortDescription, title } = props;
|
|
16
17
|
const contentWrapperStyle = {
|
|
@@ -41,7 +42,7 @@ const Content = ({ children, tenant: { logo: tenantLogo, name, showPlatformBrand
|
|
|
41
42
|
display: 'flex',
|
|
42
43
|
justifyContent: 'center',
|
|
43
44
|
alignItems: 'center',
|
|
44
|
-
}, children: (0, jsx_runtime_1.jsx)(img_1.Img, { src: tenantLogo, alt: 'Logo', width: 70 }) })) : !showPlatformBranding ? ((0, jsx_runtime_1.jsx)(text_1.Text, { children: name })) : mode === 'send' ? ((0, jsx_runtime_1.jsx)(img_1.Img, { src:
|
|
45
|
+
}, children: (0, jsx_runtime_1.jsx)(img_1.Img, { src: tenantLogo, alt: 'Logo', width: 70 }) })) : !showPlatformBranding ? ((0, jsx_runtime_1.jsx)(text_1.Text, { children: name })) : mode === 'send' ? ((0, jsx_runtime_1.jsx)(img_1.Img, { src: `${const_1.VRP_PLATFORM.portal}/logo.png`, alt: 'Logo', width: 70, style: { marginBottom: '60px' } })) : ((0, jsx_runtime_1.jsx)("div", { style: {
|
|
45
46
|
width: '60px',
|
|
46
47
|
}, children: (0, jsx_runtime_1.jsx)(VrpLogo, {}) })), children, showPlatformBranding ? (0, jsx_runtime_1.jsx)(Footer, {}) : (0, jsx_runtime_1.jsx)(text_1.Text, { children: name }), unsubscribeHref && ((0, jsx_runtime_1.jsx)(text_1.Text, { style: { color: '#737373' }, children: (0, jsx_runtime_1.jsx)("a", { href: unsubscribeHref, style: { color: '#737373' }, children: "Unsubscribe from owner statement emails" }) }))] }));
|
|
47
48
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmailContainer.js","sourceRoot":"src/","sources":["components/EmailContainer.tsx"],"names":[],"mappings":";;;;AAAA,4CAAyC;AACzC,4CAAyC;AACzC,4CAAyC;AACzC,wCAAqC;AACrC,4CAAyC;AACzC,0CAAuC;AACvC,kDAA+C;AAC/C,4CAAyC;AACzC,6CAAwC;AAYjC,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,EAAE;IAC7C,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEpD,MAAM,mBAAmB,GAAG;QAC1B,aAAa,EAAE,MAAM;QACrB,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,QAAQ;KACjB,CAAC;IAEF,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC1B,OAAO,CACL,gCAAK,KAAK,EAAE,mBAAmB,YAC7B,uBAAC,OAAO,OAAK,KAAK,YAAG,QAAQ,GAAW,GACpC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,wBAAC,WAAI,IAAC,IAAI,EAAC,IAAI,aACb,wBAAC,WAAI,eACH,4CAAQ,KAAK,GAAS,EACtB,uBAAC,WAAI,IACH,UAAU,EAAC,OAAO,EAClB,kBAAkB,EAAC,SAAS,EAC5B,OAAO,EAAE;4BACP,GAAG,EAAE,wFAAwF;4BAC7F,MAAM,EAAE,OAAO;yBAChB,EACD,UAAU,EAAE,GAAG,EACf,SAAS,EAAC,QAAQ,GAClB,EACF,uBAAC,WAAI,IACH,UAAU,EAAC,OAAO,EAClB,kBAAkB,EAAC,SAAS,EAC5B,OAAO,EAAE;4BACP,GAAG,EAAE,wFAAwF;4BAC7F,MAAM,EAAE,OAAO;yBAChB,EACD,UAAU,EAAE,GAAG,EACf,SAAS,EAAC,QAAQ,GAClB,IACG,EACN,gBAAgB,IAAI,uBAAC,iBAAO,cAAE,gBAAgB,GAAW,EAC1D,uBAAC,WAAI,IAAC,KAAK,EAAE,mBAAmB,YAC9B,uBAAC,OAAO,OAAK,KAAK,YAAG,QAAQ,GAAW,GACnC,IACF,CACR,CAAC;AACJ,CAAC,CAAC;AAjDW,QAAA,cAAc,kBAiDzB;AAEF,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,oBAAoB,GAAG,IAAI,EAAE,EAC/D,IAAI,EACJ,eAAe,GACT,EAAE,EAAE;IACV,OAAO,CACL,6DACG,UAAU,CAAC,CAAC,CAAC,CACZ,gCACE,KAAK,EAAE;oBACL,YAAY,EAAE,MAAM;oBACpB,OAAO,EAAE,KAAK;oBACd,wCAAwC;oBACxC,YAAY,EAAE,KAAK;oBACnB,KAAK,EAAE,MAAM;oBACb,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;iBACrB,YAED,uBAAC,SAAG,IAAC,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,GAAI,GAC5C,CACP,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAC1B,uBAAC,WAAI,cAAE,IAAI,GAAQ,CACpB,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACpB,uBAAC,SAAG,IACF,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"EmailContainer.js","sourceRoot":"src/","sources":["components/EmailContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Body } from '@react-email/body';\nimport { Font } from '@react-email/font';\nimport { Head } from '@react-email/head';\nimport { Hr } from '@react-email/hr';\nimport { Html } from '@react-email/html';\nimport { Img } from '@react-email/img';\nimport { Preview } from '@react-email/preview';\nimport { Text } from '@react-email/text';\nimport { day } from '@vrplatform/utils';\nimport { VRP_PLATFORM } from '../const';\nimport type { EmailBaseProps } from '../types';\n\ntype Props = {\n children: React.ReactNode;\n title: string;\n tenant: Omit<EmailBaseProps['tenant'], 'name'> & { name?: string };\n mode: EmailBaseProps['mode'];\n shortDescription?: string;\n unsubscribeHref?: string;\n};\n\nexport const EmailContainer = (props: Props) => {\n const { children, shortDescription, title } = props;\n\n const contentWrapperStyle = {\n paddingInline: '20px',\n paddingBlock: '10px',\n maxWidth: '500px',\n margin: '0 auto',\n };\n\n if (props.mode !== 'send') {\n return (\n <div style={contentWrapperStyle}>\n <Content {...props}>{children}</Content>\n </div>\n );\n }\n\n return (\n <Html lang=\"en\">\n <Head>\n <title>{title}</title>\n <Font\n fontFamily=\"Inter\"\n fallbackFontFamily=\"Verdana\"\n webFont={{\n url: 'https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2',\n format: 'woff2',\n }}\n fontWeight={400}\n fontStyle=\"normal\"\n />\n <Font\n fontFamily=\"Inter\"\n fallbackFontFamily=\"Verdana\"\n webFont={{\n url: 'https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2',\n format: 'woff2',\n }}\n fontWeight={600}\n fontStyle=\"normal\"\n />\n </Head>\n {shortDescription && <Preview>{shortDescription}</Preview>}\n <Body style={contentWrapperStyle}>\n <Content {...props}>{children}</Content>\n </Body>\n </Html>\n );\n};\n\nconst Content = ({\n children,\n tenant: { logo: tenantLogo, name, showPlatformBranding = true },\n mode,\n unsubscribeHref,\n}: Props) => {\n return (\n <>\n {tenantLogo ? (\n <div\n style={{\n marginBottom: '60px',\n padding: '5px',\n // border: '1px solid rgb(233,236,239)',\n borderRadius: '5px',\n width: '80px',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n <Img src={tenantLogo} alt={'Logo'} width={70} />\n </div>\n ) : !showPlatformBranding ? (\n <Text>{name}</Text>\n ) : mode === 'send' ? (\n <Img\n src={`${VRP_PLATFORM.portal}/logo.png`}\n alt={'Logo'}\n width={70}\n style={{ marginBottom: '60px' }}\n />\n ) : (\n <div\n style={{\n width: '60px',\n }}\n >\n <VrpLogo />\n </div>\n )}\n\n {children}\n\n {showPlatformBranding ? <Footer /> : <Text>{name}</Text>}\n {unsubscribeHref && (\n <Text style={{ color: '#737373' }}>\n <a href={unsubscribeHref} style={{ color: '#737373' }}>\n Unsubscribe from owner statement emails\n </a>\n </Text>\n )}\n </>\n );\n};\n\nconst Footer = () => (\n <>\n <Hr\n style={{\n marginTop: '30px',\n marginBottom: '50px',\n }}\n />\n\n <Text\n style={{\n color: '#737373',\n }}\n >\n © {day().year()} VR Technologies. All rights reserved.\n </Text>\n <Text\n style={{\n color: '#737373',\n }}\n >\n VR Technologies, LLC, a company incorporated and registered in the United\n States of America with company number 20201965158\n </Text>\n </>\n);\n\nconst VrpLogo = () => (\n <svg\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 28 29\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18.2549 8.25161C18.2549 5.89704 20.1636 3.98828 22.5182 3.98828C24.8728 3.98828 26.7815 5.89704 26.7815 8.25161C26.7815 10.6062 24.8728 12.5149 22.5182 12.5149C20.1636 12.5149 18.2549 10.6062 18.2549 8.25161Z\"\n fill=\"#172554\"\n />\n <path\n d=\"M7.02441 8.46593C7.02441 6.01867 9.20858 3.99805 11.6558 3.99805C14.1031 3.99805 15.0558 5.59785 16.5612 7.52728C17.1957 8.34054 20.7921 13.3413 20.7921 13.3413C20.7921 13.3413 21.566 14.6863 21.566 15.7894C21.566 18.5287 17.1993 22.8381 17.1993 22.8381L7.66841 10.6799C7.66841 10.6799 7.02441 10.0502 7.02441 8.46593Z\"\n fill=\"#172554\"\n fillOpacity=\"0.8\"\n />\n <path\n d=\"M1.24707 8.42687C1.24707 5.97961 3.43123 3.95898 5.8785 3.95898C8.32576 3.95898 9.27845 5.55879 10.7839 7.48824C11.4184 8.30147 14.6041 12.4888 16.8247 15.5727C18.3585 17.703 18.474 17.705 18.474 20.3439C18.474 22.9827 15.1592 24.1379 14.1483 24.1914C12.0203 24.304 10.5418 22.4681 10.5418 22.4681L1.89106 10.6408C1.89106 10.6408 1.24707 10.0111 1.24707 8.42687Z\"\n fill=\"#172554\"\n />\n </svg>\n);\n"]}
|
|
@@ -8,6 +8,7 @@ import { Img } from '@react-email/img';
|
|
|
8
8
|
import { Preview } from '@react-email/preview';
|
|
9
9
|
import { Text } from '@react-email/text';
|
|
10
10
|
import { day } from '@vrplatform/utils';
|
|
11
|
+
import { VRP_PLATFORM } from '../const';
|
|
11
12
|
export const EmailContainer = (props) => {
|
|
12
13
|
const { children, shortDescription, title } = props;
|
|
13
14
|
const contentWrapperStyle = {
|
|
@@ -37,7 +38,7 @@ const Content = ({ children, tenant: { logo: tenantLogo, name, showPlatformBrand
|
|
|
37
38
|
display: 'flex',
|
|
38
39
|
justifyContent: 'center',
|
|
39
40
|
alignItems: 'center',
|
|
40
|
-
}, children: _jsx(Img, { src: tenantLogo, alt: 'Logo', width: 70 }) })) : !showPlatformBranding ? (_jsx(Text, { children: name })) : mode === 'send' ? (_jsx(Img, { src:
|
|
41
|
+
}, children: _jsx(Img, { src: tenantLogo, alt: 'Logo', width: 70 }) })) : !showPlatformBranding ? (_jsx(Text, { children: name })) : mode === 'send' ? (_jsx(Img, { src: `${VRP_PLATFORM.portal}/logo.png`, alt: 'Logo', width: 70, style: { marginBottom: '60px' } })) : (_jsx("div", { style: {
|
|
41
42
|
width: '60px',
|
|
42
43
|
}, children: _jsx(VrpLogo, {}) })), children, showPlatformBranding ? _jsx(Footer, {}) : _jsx(Text, { children: name }), unsubscribeHref && (_jsx(Text, { style: { color: '#737373' }, children: _jsx("a", { href: unsubscribeHref, style: { color: '#737373' }, children: "Unsubscribe from owner statement emails" }) }))] }));
|
|
43
44
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmailContainer.js","sourceRoot":"src/","sources":["components/EmailContainer.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAYxC,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAAY,EAAE,EAAE;IAC7C,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAEpD,MAAM,mBAAmB,GAAG;QAC1B,aAAa,EAAE,MAAM;QACrB,YAAY,EAAE,MAAM;QACpB,QAAQ,EAAE,OAAO;QACjB,MAAM,EAAE,QAAQ;KACjB,CAAC;IAEF,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,EAAE,CAAC;QAC1B,OAAO,CACL,cAAK,KAAK,EAAE,mBAAmB,YAC7B,KAAC,OAAO,OAAK,KAAK,YAAG,QAAQ,GAAW,GACpC,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,MAAC,IAAI,IAAC,IAAI,EAAC,IAAI,aACb,MAAC,IAAI,eACH,0BAAQ,KAAK,GAAS,EACtB,KAAC,IAAI,IACH,UAAU,EAAC,OAAO,EAClB,kBAAkB,EAAC,SAAS,EAC5B,OAAO,EAAE;4BACP,GAAG,EAAE,wFAAwF;4BAC7F,MAAM,EAAE,OAAO;yBAChB,EACD,UAAU,EAAE,GAAG,EACf,SAAS,EAAC,QAAQ,GAClB,EACF,KAAC,IAAI,IACH,UAAU,EAAC,OAAO,EAClB,kBAAkB,EAAC,SAAS,EAC5B,OAAO,EAAE;4BACP,GAAG,EAAE,wFAAwF;4BAC7F,MAAM,EAAE,OAAO;yBAChB,EACD,UAAU,EAAE,GAAG,EACf,SAAS,EAAC,QAAQ,GAClB,IACG,EACN,gBAAgB,IAAI,KAAC,OAAO,cAAE,gBAAgB,GAAW,EAC1D,KAAC,IAAI,IAAC,KAAK,EAAE,mBAAmB,YAC9B,KAAC,OAAO,OAAK,KAAK,YAAG,QAAQ,GAAW,GACnC,IACF,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,MAAM,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,oBAAoB,GAAG,IAAI,EAAE,EAC/D,IAAI,EACJ,eAAe,GACT,EAAE,EAAE;IACV,OAAO,CACL,8BACG,UAAU,CAAC,CAAC,CAAC,CACZ,cACE,KAAK,EAAE;oBACL,YAAY,EAAE,MAAM;oBACpB,OAAO,EAAE,KAAK;oBACd,wCAAwC;oBACxC,YAAY,EAAE,KAAK;oBACnB,KAAK,EAAE,MAAM;oBACb,OAAO,EAAE,MAAM;oBACf,cAAc,EAAE,QAAQ;oBACxB,UAAU,EAAE,QAAQ;iBACrB,YAED,KAAC,GAAG,IAAC,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,GAAI,GAC5C,CACP,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,CAC1B,KAAC,IAAI,cAAE,IAAI,GAAQ,CACpB,CAAC,CAAC,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,CACpB,KAAC,GAAG,IACF,GAAG,EAAE,
|
|
1
|
+
{"version":3,"file":"EmailContainer.js","sourceRoot":"src/","sources":["components/EmailContainer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Body } from '@react-email/body';\nimport { Font } from '@react-email/font';\nimport { Head } from '@react-email/head';\nimport { Hr } from '@react-email/hr';\nimport { Html } from '@react-email/html';\nimport { Img } from '@react-email/img';\nimport { Preview } from '@react-email/preview';\nimport { Text } from '@react-email/text';\nimport { day } from '@vrplatform/utils';\nimport { VRP_PLATFORM } from '../const';\nimport type { EmailBaseProps } from '../types';\n\ntype Props = {\n children: React.ReactNode;\n title: string;\n tenant: Omit<EmailBaseProps['tenant'], 'name'> & { name?: string };\n mode: EmailBaseProps['mode'];\n shortDescription?: string;\n unsubscribeHref?: string;\n};\n\nexport const EmailContainer = (props: Props) => {\n const { children, shortDescription, title } = props;\n\n const contentWrapperStyle = {\n paddingInline: '20px',\n paddingBlock: '10px',\n maxWidth: '500px',\n margin: '0 auto',\n };\n\n if (props.mode !== 'send') {\n return (\n <div style={contentWrapperStyle}>\n <Content {...props}>{children}</Content>\n </div>\n );\n }\n\n return (\n <Html lang=\"en\">\n <Head>\n <title>{title}</title>\n <Font\n fontFamily=\"Inter\"\n fallbackFontFamily=\"Verdana\"\n webFont={{\n url: 'https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2',\n format: 'woff2',\n }}\n fontWeight={400}\n fontStyle=\"normal\"\n />\n <Font\n fontFamily=\"Inter\"\n fallbackFontFamily=\"Verdana\"\n webFont={{\n url: 'https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7W0Q5nw.woff2',\n format: 'woff2',\n }}\n fontWeight={600}\n fontStyle=\"normal\"\n />\n </Head>\n {shortDescription && <Preview>{shortDescription}</Preview>}\n <Body style={contentWrapperStyle}>\n <Content {...props}>{children}</Content>\n </Body>\n </Html>\n );\n};\n\nconst Content = ({\n children,\n tenant: { logo: tenantLogo, name, showPlatformBranding = true },\n mode,\n unsubscribeHref,\n}: Props) => {\n return (\n <>\n {tenantLogo ? (\n <div\n style={{\n marginBottom: '60px',\n padding: '5px',\n // border: '1px solid rgb(233,236,239)',\n borderRadius: '5px',\n width: '80px',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n }}\n >\n <Img src={tenantLogo} alt={'Logo'} width={70} />\n </div>\n ) : !showPlatformBranding ? (\n <Text>{name}</Text>\n ) : mode === 'send' ? (\n <Img\n src={`${VRP_PLATFORM.portal}/logo.png`}\n alt={'Logo'}\n width={70}\n style={{ marginBottom: '60px' }}\n />\n ) : (\n <div\n style={{\n width: '60px',\n }}\n >\n <VrpLogo />\n </div>\n )}\n\n {children}\n\n {showPlatformBranding ? <Footer /> : <Text>{name}</Text>}\n {unsubscribeHref && (\n <Text style={{ color: '#737373' }}>\n <a href={unsubscribeHref} style={{ color: '#737373' }}>\n Unsubscribe from owner statement emails\n </a>\n </Text>\n )}\n </>\n );\n};\n\nconst Footer = () => (\n <>\n <Hr\n style={{\n marginTop: '30px',\n marginBottom: '50px',\n }}\n />\n\n <Text\n style={{\n color: '#737373',\n }}\n >\n © {day().year()} VR Technologies. All rights reserved.\n </Text>\n <Text\n style={{\n color: '#737373',\n }}\n >\n VR Technologies, LLC, a company incorporated and registered in the United\n States of America with company number 20201965158\n </Text>\n </>\n);\n\nconst VrpLogo = () => (\n <svg\n width=\"100%\"\n height=\"100%\"\n viewBox=\"0 0 28 29\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M18.2549 8.25161C18.2549 5.89704 20.1636 3.98828 22.5182 3.98828C24.8728 3.98828 26.7815 5.89704 26.7815 8.25161C26.7815 10.6062 24.8728 12.5149 22.5182 12.5149C20.1636 12.5149 18.2549 10.6062 18.2549 8.25161Z\"\n fill=\"#172554\"\n />\n <path\n d=\"M7.02441 8.46593C7.02441 6.01867 9.20858 3.99805 11.6558 3.99805C14.1031 3.99805 15.0558 5.59785 16.5612 7.52728C17.1957 8.34054 20.7921 13.3413 20.7921 13.3413C20.7921 13.3413 21.566 14.6863 21.566 15.7894C21.566 18.5287 17.1993 22.8381 17.1993 22.8381L7.66841 10.6799C7.66841 10.6799 7.02441 10.0502 7.02441 8.46593Z\"\n fill=\"#172554\"\n fillOpacity=\"0.8\"\n />\n <path\n d=\"M1.24707 8.42687C1.24707 5.97961 3.43123 3.95898 5.8785 3.95898C8.32576 3.95898 9.27845 5.55879 10.7839 7.48824C11.4184 8.30147 14.6041 12.4888 16.8247 15.5727C18.3585 17.703 18.474 17.705 18.474 20.3439C18.474 22.9827 15.1592 24.1379 14.1483 24.1914C12.0203 24.304 10.5418 22.4681 10.5418 22.4681L1.89106 10.6408C1.89106 10.6408 1.24707 10.0111 1.24707 8.42687Z\"\n fill=\"#172554\"\n />\n </svg>\n);\n"]}
|
package/package.json
CHANGED
|
@@ -7,6 +7,7 @@ import { Img } from '@react-email/img';
|
|
|
7
7
|
import { Preview } from '@react-email/preview';
|
|
8
8
|
import { Text } from '@react-email/text';
|
|
9
9
|
import { day } from '@vrplatform/utils';
|
|
10
|
+
import { VRP_PLATFORM } from '../const';
|
|
10
11
|
import type { EmailBaseProps } from '../types';
|
|
11
12
|
|
|
12
13
|
type Props = {
|
|
@@ -96,7 +97,7 @@ const Content = ({
|
|
|
96
97
|
<Text>{name}</Text>
|
|
97
98
|
) : mode === 'send' ? (
|
|
98
99
|
<Img
|
|
99
|
-
src={
|
|
100
|
+
src={`${VRP_PLATFORM.portal}/logo.png`}
|
|
100
101
|
alt={'Logo'}
|
|
101
102
|
width={70}
|
|
102
103
|
style={{ marginBottom: '60px' }}
|