@appcorp/app-corp-vista 0.0.1 → 0.0.2
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/molecules/vista-avatar-v1.js +11 -11
- package/molecules/vista-drawer-v1.js +1 -0
- package/package.json +1 -10
- package/type/vista-avatar-type.d.ts +3 -3
- package/type/vista-avatar-type.js +9 -9
- package/type/vista-stacked-avatar-type.d.ts +2 -2
- package/emails/app-appointment.d.ts +0 -18
- package/emails/app-appointment.js +0 -100
- package/emails/app-contact.d.ts +0 -19
- package/emails/app-contact.js +0 -99
- package/emails/app-newsletter.d.ts +0 -2
- package/emails/app-newsletter.js +0 -28
|
@@ -9,18 +9,18 @@ var react_1 = __importDefault(require("react"));
|
|
|
9
9
|
var image_1 = __importDefault(require("next/image"));
|
|
10
10
|
var vista_avatar_type_1 = require("../type/vista-avatar-type");
|
|
11
11
|
exports.sizeMap = (_a = {},
|
|
12
|
-
_a[vista_avatar_type_1.
|
|
13
|
-
_a[vista_avatar_type_1.
|
|
14
|
-
_a[vista_avatar_type_1.
|
|
15
|
-
_a[vista_avatar_type_1.
|
|
16
|
-
_a[vista_avatar_type_1.
|
|
12
|
+
_a[vista_avatar_type_1.VISTA_AVATAR_SIZE.XS] = 'size-6',
|
|
13
|
+
_a[vista_avatar_type_1.VISTA_AVATAR_SIZE.SM] = 'size-8',
|
|
14
|
+
_a[vista_avatar_type_1.VISTA_AVATAR_SIZE.MD] = 'size-10',
|
|
15
|
+
_a[vista_avatar_type_1.VISTA_AVATAR_SIZE.LG] = 'size-12',
|
|
16
|
+
_a[vista_avatar_type_1.VISTA_AVATAR_SIZE.XL] = 'size-14',
|
|
17
17
|
_a);
|
|
18
18
|
exports.initialFontSizeMap = (_b = {},
|
|
19
|
-
_b[vista_avatar_type_1.
|
|
20
|
-
_b[vista_avatar_type_1.
|
|
21
|
-
_b[vista_avatar_type_1.
|
|
22
|
-
_b[vista_avatar_type_1.
|
|
23
|
-
_b[vista_avatar_type_1.
|
|
19
|
+
_b[vista_avatar_type_1.VISTA_AVATAR_SIZE.XS] = 'text-xs',
|
|
20
|
+
_b[vista_avatar_type_1.VISTA_AVATAR_SIZE.SM] = 'text-sm',
|
|
21
|
+
_b[vista_avatar_type_1.VISTA_AVATAR_SIZE.MD] = 'text-md',
|
|
22
|
+
_b[vista_avatar_type_1.VISTA_AVATAR_SIZE.LG] = 'text-lg',
|
|
23
|
+
_b[vista_avatar_type_1.VISTA_AVATAR_SIZE.XL] = 'text-xl',
|
|
24
24
|
_b);
|
|
25
25
|
exports.roundedMap = (_c = {},
|
|
26
26
|
_c[vista_avatar_type_1.VISTA_AVATAR_ROUNDED.FULL] = 'rounded-full',
|
|
@@ -38,7 +38,7 @@ exports.positionMap = (_e = {},
|
|
|
38
38
|
_e[vista_avatar_type_1.VISTA_STATUS_POSITION.TOP_LEFT] = 'top-1 left-1',
|
|
39
39
|
_e);
|
|
40
40
|
var VistaAvatarV1 = function (_a) {
|
|
41
|
-
var alt = _a.alt, className = _a.className, initial = _a.initial, _b = _a.rounded, rounded = _b === void 0 ? vista_avatar_type_1.VISTA_AVATAR_ROUNDED.FULL : _b, _c = _a.size, size = _c === void 0 ? vista_avatar_type_1.
|
|
41
|
+
var alt = _a.alt, className = _a.className, initial = _a.initial, _b = _a.rounded, rounded = _b === void 0 ? vista_avatar_type_1.VISTA_AVATAR_ROUNDED.FULL : _b, _c = _a.size, size = _c === void 0 ? vista_avatar_type_1.VISTA_AVATAR_SIZE.MD : _c, src = _a.src, status = _a.status, statusPosition = _a.statusPosition;
|
|
42
42
|
return (react_1.default.createElement("div", { className: "relative inline-block ".concat(exports.roundedMap[rounded], " ").concat(exports.sizeMap[size]) },
|
|
43
43
|
src && (react_1.default.createElement(image_1.default, { alt: alt, className: "inline-block ".concat(exports.roundedMap[rounded], " ").concat(exports.sizeMap[size], " ").concat(className), fill: true, height: 0, loading: 'lazy', sizes: '10vw', src: src, width: 0 })),
|
|
44
44
|
!src && !initial && (react_1.default.createElement("svg", { fill: "currentColor", viewBox: "0 0 24 24", className: "size-full text-gray-300 ".concat(exports.roundedMap[rounded]) },
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@appcorp/app-corp-vista",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.2",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
|
|
6
6
|
"build:next": "next build",
|
|
@@ -37,7 +37,6 @@
|
|
|
37
37
|
"@mdx-js/react": "^3.1.0",
|
|
38
38
|
"@mdxeditor/editor": "^3.20.0",
|
|
39
39
|
"@next/third-parties": "^15.1.2",
|
|
40
|
-
"@react-email/components": "^0.0.31",
|
|
41
40
|
"@react-jvectormap/core": "^1.0.4",
|
|
42
41
|
"@react-jvectormap/world": "^1.1.2",
|
|
43
42
|
"@react-pakistan/react-icon-collection": "^3.5.0",
|
|
@@ -53,12 +52,10 @@
|
|
|
53
52
|
"@storybook/test": "8.4.7",
|
|
54
53
|
"@storybook/types": "8.4.7",
|
|
55
54
|
"@tailwindcss/forms": "^0.5.9",
|
|
56
|
-
"@tremor/react": "^3.18.6",
|
|
57
55
|
"@types/node": "^22",
|
|
58
56
|
"@types/react": "^19",
|
|
59
57
|
"@types/react-day-picker": "^5.3.0",
|
|
60
58
|
"@types/react-dom": "^19",
|
|
61
|
-
"apexcharts": "^4.3.0",
|
|
62
59
|
"autoprefixer": "^10.4.20",
|
|
63
60
|
"clsx": "^2.1.1",
|
|
64
61
|
"concurrently": "^9.1.0",
|
|
@@ -72,13 +69,7 @@
|
|
|
72
69
|
"next-intl": "^3.26.3",
|
|
73
70
|
"postcss": "^8",
|
|
74
71
|
"react": "^19.0.0",
|
|
75
|
-
"react-apexcharts": "^1.7.0",
|
|
76
|
-
"react-before-after-slider-component": "^1.1.8",
|
|
77
|
-
"react-day-picker": "^8.10.1",
|
|
78
72
|
"react-dom": "^19.0.0",
|
|
79
|
-
"react-email": "^3.0.4",
|
|
80
|
-
"react-hook-form": "^7.54.2",
|
|
81
|
-
"react-select": "^5.9.0",
|
|
82
73
|
"storybook": "8.4.7",
|
|
83
74
|
"swr": "^2.2.5",
|
|
84
75
|
"tailwindcss": "^3.4.17",
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare enum
|
|
1
|
+
export declare enum VISTA_AVATAR_SIZE {
|
|
2
2
|
XS = "XS",
|
|
3
3
|
SM = "SM",
|
|
4
4
|
MD = "MD",
|
|
@@ -25,7 +25,7 @@ export interface VistaAvatarV1Props {
|
|
|
25
25
|
className?: string;
|
|
26
26
|
initial?: string;
|
|
27
27
|
rounded?: VISTA_AVATAR_ROUNDED;
|
|
28
|
-
size?:
|
|
28
|
+
size?: VISTA_AVATAR_SIZE;
|
|
29
29
|
src?: string;
|
|
30
30
|
status?: VISTA_AVATAR_STATUS;
|
|
31
31
|
statusPosition?: VISTA_STATUS_POSITION;
|
|
@@ -36,7 +36,7 @@ export interface VistaAvatarV2Props {
|
|
|
36
36
|
initial?: string;
|
|
37
37
|
name: string;
|
|
38
38
|
rounded: VISTA_AVATAR_ROUNDED;
|
|
39
|
-
size:
|
|
39
|
+
size: VISTA_AVATAR_SIZE;
|
|
40
40
|
src?: string;
|
|
41
41
|
status?: VISTA_AVATAR_STATUS;
|
|
42
42
|
statusPosition?: VISTA_STATUS_POSITION;
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.VISTA_STATUS_POSITION = exports.VISTA_AVATAR_STATUS = exports.VISTA_AVATAR_ROUNDED = exports.
|
|
4
|
-
var
|
|
5
|
-
(function (
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
})(
|
|
3
|
+
exports.VISTA_STATUS_POSITION = exports.VISTA_AVATAR_STATUS = exports.VISTA_AVATAR_ROUNDED = exports.VISTA_AVATAR_SIZE = void 0;
|
|
4
|
+
var VISTA_AVATAR_SIZE;
|
|
5
|
+
(function (VISTA_AVATAR_SIZE) {
|
|
6
|
+
VISTA_AVATAR_SIZE["XS"] = "XS";
|
|
7
|
+
VISTA_AVATAR_SIZE["SM"] = "SM";
|
|
8
|
+
VISTA_AVATAR_SIZE["MD"] = "MD";
|
|
9
|
+
VISTA_AVATAR_SIZE["LG"] = "LG";
|
|
10
|
+
VISTA_AVATAR_SIZE["XL"] = "XL";
|
|
11
|
+
})(VISTA_AVATAR_SIZE || (exports.VISTA_AVATAR_SIZE = VISTA_AVATAR_SIZE = {}));
|
|
12
12
|
var VISTA_AVATAR_ROUNDED;
|
|
13
13
|
(function (VISTA_AVATAR_ROUNDED) {
|
|
14
14
|
VISTA_AVATAR_ROUNDED["FULL"] = "rounded-full";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { VISTA_AVATAR_SIZE } from "./vista-avatar-type";
|
|
2
2
|
export interface VistaStackedAvatarItem {
|
|
3
3
|
alt: string;
|
|
4
4
|
enabled: boolean;
|
|
@@ -8,5 +8,5 @@ export interface VistaStackedAvatarItem {
|
|
|
8
8
|
}
|
|
9
9
|
export interface VistaStackedAvatarV1Props {
|
|
10
10
|
avatars: VistaStackedAvatarItem[];
|
|
11
|
-
size:
|
|
11
|
+
size: VISTA_AVATAR_SIZE;
|
|
12
12
|
}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
interface AppointmentEmailProps {
|
|
3
|
-
address?: string;
|
|
4
|
-
appLogo?: string;
|
|
5
|
-
appName?: string;
|
|
6
|
-
dashboardUrl?: string;
|
|
7
|
-
date?: string;
|
|
8
|
-
firstName?: string;
|
|
9
|
-
ipAddress?: string;
|
|
10
|
-
lastName?: string;
|
|
11
|
-
message?: string;
|
|
12
|
-
phone?: string;
|
|
13
|
-
}
|
|
14
|
-
export declare const AppointmentEmail: {
|
|
15
|
-
({ address, appLogo, appName, dashboardUrl, date, firstName, ipAddress, lastName, message, phone, }: AppointmentEmailProps): React.JSX.Element;
|
|
16
|
-
PreviewProps: AppointmentEmailProps;
|
|
17
|
-
};
|
|
18
|
-
export default AppointmentEmail;
|
|
@@ -1,100 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
-
var ownKeys = function(o) {
|
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
-
var ar = [];
|
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
-
return ar;
|
|
24
|
-
};
|
|
25
|
-
return ownKeys(o);
|
|
26
|
-
};
|
|
27
|
-
return function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
-
__setModuleDefault(result, mod);
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
35
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
exports.AppointmentEmail = void 0;
|
|
37
|
-
var components_1 = require("@react-email/components");
|
|
38
|
-
var React = __importStar(require("react"));
|
|
39
|
-
var AppointmentEmail = function (_a) {
|
|
40
|
-
var address = _a.address, appLogo = _a.appLogo, appName = _a.appName, dashboardUrl = _a.dashboardUrl, date = _a.date, firstName = _a.firstName, ipAddress = _a.ipAddress, lastName = _a.lastName, message = _a.message, phone = _a.phone;
|
|
41
|
-
var previewText = "".concat(firstName, " has sent reserved an appointment on ").concat(appName);
|
|
42
|
-
return (React.createElement(components_1.Html, null,
|
|
43
|
-
React.createElement(components_1.Head, null,
|
|
44
|
-
React.createElement(components_1.Font, { fontFamily: 'Raleway', fallbackFontFamily: 'Verdana', webFont: {
|
|
45
|
-
url: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/fonts/raleway.ttf',
|
|
46
|
-
format: 'woff2',
|
|
47
|
-
}, fontWeight: 400, fontStyle: 'normal' })),
|
|
48
|
-
React.createElement(components_1.Preview, null, previewText),
|
|
49
|
-
React.createElement(components_1.Tailwind, null,
|
|
50
|
-
React.createElement(components_1.Body, { className: 'bg-[#F6F9FC]' },
|
|
51
|
-
React.createElement(components_1.Container, { className: 'bg-[#FFFFFF] py-4' },
|
|
52
|
-
React.createElement(components_1.Section, { className: 'py-0 px-12' },
|
|
53
|
-
React.createElement(components_1.Img, { className: 'object-contain', src: appLogo, width: '156', height: '50', alt: appName }),
|
|
54
|
-
React.createElement(components_1.Hr, { className: 'border border-[#E6EBF1] my-5 mx-0' }),
|
|
55
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B] text-left' }, "You have received a new appointment reservation on ".concat(appName, " website.")),
|
|
56
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B] text-left' }, "You can view the details in dashboard."),
|
|
57
|
-
React.createElement(components_1.Button, { className: 'bg-[#ED7D31] rounded text-white text-base font-bold text-center p-4 w-full box-border', href: dashboardUrl }, "View your Dashboard"),
|
|
58
|
-
React.createElement(components_1.Hr, { className: 'border border-[#E6EBF1] my-5 mx-0' }),
|
|
59
|
-
React.createElement(components_1.Row, null,
|
|
60
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
|
|
61
|
-
"Name: ",
|
|
62
|
-
firstName,
|
|
63
|
-
" ",
|
|
64
|
-
lastName)),
|
|
65
|
-
React.createElement(components_1.Row, null,
|
|
66
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
|
|
67
|
-
"Phone: ",
|
|
68
|
-
phone)),
|
|
69
|
-
React.createElement(components_1.Row, null,
|
|
70
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
|
|
71
|
-
"Date: ",
|
|
72
|
-
date)),
|
|
73
|
-
React.createElement(components_1.Row, null,
|
|
74
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
|
|
75
|
-
"Message: ",
|
|
76
|
-
message)),
|
|
77
|
-
React.createElement(components_1.Row, null,
|
|
78
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
|
|
79
|
-
"IP: ",
|
|
80
|
-
ipAddress)),
|
|
81
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, "\u2014 The ".concat(appName, " team")),
|
|
82
|
-
React.createElement(components_1.Hr, null),
|
|
83
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, address)))))));
|
|
84
|
-
};
|
|
85
|
-
exports.AppointmentEmail = AppointmentEmail;
|
|
86
|
-
exports.AppointmentEmail.PreviewProps = {
|
|
87
|
-
address: 'App Corp, Plaza # G-83, Second Floor, DHA Phase 1, Lahore.',
|
|
88
|
-
appLogo: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/app-corp-logo.webp',
|
|
89
|
-
appName: 'App Corp',
|
|
90
|
-
dashboardUrl: 'https://www.appcorp.org/en/app/dashboard',
|
|
91
|
-
date: '12 Aug 2024',
|
|
92
|
-
firstName: 'John',
|
|
93
|
-
ipAddress: '192.168.0.1',
|
|
94
|
-
lastName: 'Doe',
|
|
95
|
-
message: 'dummy message',
|
|
96
|
-
optional1: 'Optional 1',
|
|
97
|
-
optional2: 'Optional 2',
|
|
98
|
-
phone: '+92 32X XXXXXXX',
|
|
99
|
-
};
|
|
100
|
-
exports.default = exports.AppointmentEmail;
|
package/emails/app-contact.d.ts
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
interface ContactEmailProps {
|
|
3
|
-
address?: string;
|
|
4
|
-
appLogo?: string;
|
|
5
|
-
appName?: string;
|
|
6
|
-
dashboardUrl?: string;
|
|
7
|
-
email?: string;
|
|
8
|
-
firstName?: string;
|
|
9
|
-
ipAddress?: string;
|
|
10
|
-
lastName?: string;
|
|
11
|
-
message?: string;
|
|
12
|
-
optional1?: string;
|
|
13
|
-
optional2?: string;
|
|
14
|
-
}
|
|
15
|
-
export declare const ContactEmail: {
|
|
16
|
-
({ address, appLogo, appName, dashboardUrl, email, firstName, ipAddress, lastName, message, optional1, optional2, }: ContactEmailProps): React.JSX.Element;
|
|
17
|
-
PreviewProps: ContactEmailProps;
|
|
18
|
-
};
|
|
19
|
-
export default ContactEmail;
|
package/emails/app-contact.js
DELETED
|
@@ -1,99 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
-
var ownKeys = function(o) {
|
|
20
|
-
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
-
var ar = [];
|
|
22
|
-
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
-
return ar;
|
|
24
|
-
};
|
|
25
|
-
return ownKeys(o);
|
|
26
|
-
};
|
|
27
|
-
return function (mod) {
|
|
28
|
-
if (mod && mod.__esModule) return mod;
|
|
29
|
-
var result = {};
|
|
30
|
-
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
-
__setModuleDefault(result, mod);
|
|
32
|
-
return result;
|
|
33
|
-
};
|
|
34
|
-
})();
|
|
35
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
exports.ContactEmail = void 0;
|
|
37
|
-
var components_1 = require("@react-email/components");
|
|
38
|
-
var React = __importStar(require("react"));
|
|
39
|
-
var ContactEmail = function (_a) {
|
|
40
|
-
var address = _a.address, appLogo = _a.appLogo, appName = _a.appName, dashboardUrl = _a.dashboardUrl, email = _a.email, firstName = _a.firstName, ipAddress = _a.ipAddress, lastName = _a.lastName, message = _a.message, optional1 = _a.optional1, optional2 = _a.optional2;
|
|
41
|
-
var previewText = "".concat(firstName, " has sent a contact message on ").concat(appName);
|
|
42
|
-
return (React.createElement(components_1.Html, null,
|
|
43
|
-
React.createElement(components_1.Head, null,
|
|
44
|
-
React.createElement(components_1.Font, { fontFamily: 'Raleway', fallbackFontFamily: 'Verdana', webFont: {
|
|
45
|
-
url: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/fonts/raleway.ttf',
|
|
46
|
-
format: 'woff2',
|
|
47
|
-
}, fontWeight: 400, fontStyle: 'normal' })),
|
|
48
|
-
React.createElement(components_1.Preview, null, previewText),
|
|
49
|
-
React.createElement(components_1.Tailwind, null,
|
|
50
|
-
React.createElement(components_1.Body, { className: 'bg-[#F6F9FC]' },
|
|
51
|
-
React.createElement(components_1.Container, { className: 'bg-[#FFFFFF] py-4' },
|
|
52
|
-
React.createElement(components_1.Section, { className: 'py-0 px-12' },
|
|
53
|
-
React.createElement(components_1.Img, { className: 'object-contain', src: appLogo, width: '156', height: '50', alt: appName }),
|
|
54
|
-
React.createElement(components_1.Hr, { className: 'border border-[#E6EBF1] my-5 mx-0' }),
|
|
55
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B] text-left' }, "You have received a new message on ".concat(appName, " website.")),
|
|
56
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B] text-left' }, "You can view the message in dashboard."),
|
|
57
|
-
React.createElement(components_1.Button, { className: 'bg-[#ED7D31] rounded text-white text-base font-bold text-center p-4 w-full box-border', href: dashboardUrl }, "View your Dashboard"),
|
|
58
|
-
React.createElement(components_1.Hr, { className: 'border border-[#E6EBF1] my-5 mx-0' }),
|
|
59
|
-
React.createElement(components_1.Row, null,
|
|
60
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
|
|
61
|
-
"Name: ",
|
|
62
|
-
firstName,
|
|
63
|
-
" ",
|
|
64
|
-
lastName)),
|
|
65
|
-
React.createElement(components_1.Row, null,
|
|
66
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
|
|
67
|
-
"Email: ",
|
|
68
|
-
email)),
|
|
69
|
-
React.createElement(components_1.Row, null,
|
|
70
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
|
|
71
|
-
"Message: ",
|
|
72
|
-
message)),
|
|
73
|
-
React.createElement(components_1.Row, null,
|
|
74
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' },
|
|
75
|
-
"IP: ",
|
|
76
|
-
ipAddress)),
|
|
77
|
-
optional1 && (React.createElement(components_1.Row, null,
|
|
78
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, optional1))),
|
|
79
|
-
optional2 && (React.createElement(components_1.Row, null,
|
|
80
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, optional2))),
|
|
81
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, "\u2014 The ".concat(appName, " team")),
|
|
82
|
-
React.createElement(components_1.Hr, null),
|
|
83
|
-
React.createElement(components_1.Text, { className: 'text-[#6C5F5B]' }, address)))))));
|
|
84
|
-
};
|
|
85
|
-
exports.ContactEmail = ContactEmail;
|
|
86
|
-
exports.ContactEmail.PreviewProps = {
|
|
87
|
-
address: 'App Corp, Plaza # G-83, Second Floor, DHA Phase 1, Lahore.',
|
|
88
|
-
appLogo: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/app-corp-logo.webp',
|
|
89
|
-
appName: 'App Corp',
|
|
90
|
-
dashboardUrl: 'https://www.appcorp.org/en/app/dashboard',
|
|
91
|
-
email: 'john.doe@gmail.com',
|
|
92
|
-
firstName: 'John',
|
|
93
|
-
ipAddress: '192.168.0.1',
|
|
94
|
-
lastName: 'Doe',
|
|
95
|
-
message: 'dummy message',
|
|
96
|
-
optional1: 'Optional 1',
|
|
97
|
-
optional2: 'Optional 2',
|
|
98
|
-
};
|
|
99
|
-
exports.default = exports.ContactEmail;
|
package/emails/app-newsletter.js
DELETED
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
var react_1 = __importDefault(require("react"));
|
|
7
|
-
var components_1 = require("@react-email/components");
|
|
8
|
-
var Email = function () {
|
|
9
|
-
return (react_1.default.createElement(components_1.Html, { lang: 'en', dir: 'ltr' },
|
|
10
|
-
react_1.default.createElement(components_1.Head, null,
|
|
11
|
-
react_1.default.createElement(components_1.Font, { fontFamily: 'Raleway', fallbackFontFamily: 'Verdana', webFont: {
|
|
12
|
-
url: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/fonts/raleway.ttf',
|
|
13
|
-
format: 'truetype',
|
|
14
|
-
}, fontWeight: 400, fontStyle: 'normal' })),
|
|
15
|
-
react_1.default.createElement(components_1.Tailwind, null,
|
|
16
|
-
react_1.default.createElement(components_1.Body, { className: 'bg-[#98dd8c]' },
|
|
17
|
-
react_1.default.createElement(components_1.Container, { className: 'bg-[#c9f8c1] max-w-[80%]' },
|
|
18
|
-
react_1.default.createElement(components_1.Img, { alt: 'app-corp-logo', className: 'mx-auto', height: 'auto', src: 'https://wgipzowaktxphuhhqjzj.supabase.co/storage/v1/object/public/appcorpblob/app-corp-logo.webp', width: '200' }),
|
|
19
|
-
react_1.default.createElement(components_1.Section, { className: 'flex flex-row justify-center' },
|
|
20
|
-
react_1.default.createElement("div", { className: 'max-w-[80%] mx-auto' },
|
|
21
|
-
react_1.default.createElement(components_1.Text, { className: 'text-3xl text-center' }, "Building Your Marketing Success"))),
|
|
22
|
-
react_1.default.createElement(components_1.Section, null,
|
|
23
|
-
react_1.default.createElement("div", { className: 'max-w-[60%] mx-auto' },
|
|
24
|
-
react_1.default.createElement(components_1.Text, { className: 'text-lg text-center' }, "Co-ordinate campaigns and product launches, with improved overall communication.")))),
|
|
25
|
-
react_1.default.createElement(components_1.Container, { className: 'bg-white max-w-[80%]' },
|
|
26
|
-
react_1.default.createElement(components_1.Text, { className: 'text-3xl text-center' }, "What do you get?"))))));
|
|
27
|
-
};
|
|
28
|
-
exports.default = Email;
|