@beyondcorp/beyond-ui 1.3.12 → 1.4.0

package/dist/components/Email/templates/security/ApiKeyCreated.js

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { EmailButton } from '../../components/EmailButton.js';
+import { EmailDivider } from '../../components/EmailDivider.js';
+import { EmailLayout } from '../../components/EmailLayout.js';
+import 'react';
+import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
+import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+
+const ApiKeyCreated = ({ userName = 'User', keyName = 'Production Server Key', creationTime = 'May 8, 2026, 14:00 UTC', settingsLink = 'https://example.com/dashboard/developers/api-keys' }) => {
+    return (jsxs(EmailLayout, { previewText: "A new API key was generated for your account", title: "Security Alert: API Key Created", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "New API Key Created" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", a new API key (", jsx("strong", { children: keyName }), ") was successfully generated for your workspace on ", creationTime, "."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: settingsLink, children: "Manage API Keys" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-red-600 dark:text-red-400 text-sm font-semibold", children: "If you did not request this key, please revoke it immediately and reset your password to secure your account." })] }));
+};
+
+export { ApiKeyCreated, ApiKeyCreated as default };
+//# sourceMappingURL=ApiKeyCreated.js.map

package/dist/components/Email/templates/security/ApiKeyCreated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiKeyCreated.js","sources":["../../../../../src/components/Email/templates/security/ApiKeyCreated.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface ApiKeyCreatedProps {\n  userName?: string;\n  keyName?: string;\n  creationTime?: string;\n  settingsLink?: string;\n}\n\nexport const ApiKeyCreated: React.FC<ApiKeyCreatedProps> = ({\n  userName = 'User',\n  keyName = 'Production Server Key',\n  creationTime = 'May 8, 2026, 14:00 UTC',\n  settingsLink = 'https://example.com/dashboard/developers/api-keys'\n}) => {\n  return (\n    <EmailLayout previewText=\"A new API key was generated for your account\" title=\"Security Alert: API Key Created\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">New API Key Created</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, a new API key (<strong>{keyName}</strong>) was successfully generated for your workspace on {creationTime}.\n      </Text>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={settingsLink}>Manage API Keys</EmailButton>\n      </Section>\n      <EmailDivider />\n      <Text className=\"text-red-600 dark:text-red-400 text-sm font-semibold\">\n        If you did not request this key, please revoke it immediately and reset your password to secure your account.\n      </Text>\n    </EmailLayout>\n  );\n};\n\nexport default ApiKeyCreated;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;MAWa,aAAa,GAAiC,CAAC,EAC1D,QAAQ,GAAG,MAAM,EACjB,OAAO,GAAG,uBAAuB,EACjC,YAAY,GAAG,wBAAwB,EACvC,YAAY,GAAG,mDAAmD,EACnE,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,8CAA8C,EAAC,KAAK,EAAC,iCAAiC,EAAA,QAAA,EAAA,CAC7GC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,qBAAA,EAAA,CAA2B,EAClGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,mBAAA,EAAkBC,0BAAS,OAAO,EAAA,CAAU,EAAA,qDAAA,EAAoD,YAAY,EAAA,GAAA,CAAA,EAAA,CACnH,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,YAAY,EAAA,QAAA,EAAA,iBAAA,EAAA,CAA+B,EAAA,CACtD,EACVA,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,EAChBA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,+GAAA,EAAA,CAE/D,CAAA,EAAA,CACK;AAElB;;;;"}

package/dist/components/Email/templates/security/DataExportReady.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface DataExportReadyProps {
+    userName?: string;
+    downloadLink?: string;
+    expiryDays?: number;
+}
+export declare const DataExportReady: React.FC<DataExportReadyProps>;
+export default DataExportReady;

package/dist/components/Email/templates/security/DataExportReady.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { EmailButton } from '../../components/EmailButton.js';
+import { EmailLayout } from '../../components/EmailLayout.js';
+import 'react';
+import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
+import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+
+const DataExportReady = ({ userName = 'User', downloadLink = 'https://example.com/account/export/download?token=123', expiryDays = 7 }) => {
+    return (jsxs(EmailLayout, { previewText: "Your account data export is ready", title: "Data Export Ready", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Your data export is ready" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", the account data you recently requested is now available for download."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: downloadLink, children: "Download Data Archive" }) }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["For security reasons, this link will expire in ", expiryDays, " days. If you need a new export after that time, you can request another one from your account settings."] })] }));
+};
+
+export { DataExportReady, DataExportReady as default };
+//# sourceMappingURL=DataExportReady.js.map

package/dist/components/Email/templates/security/DataExportReady.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataExportReady.js","sources":["../../../../../src/components/Email/templates/security/DataExportReady.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface DataExportReadyProps {\n  userName?: string;\n  downloadLink?: string;\n  expiryDays?: number;\n}\n\nexport const DataExportReady: React.FC<DataExportReadyProps> = ({\n  userName = 'User',\n  downloadLink = 'https://example.com/account/export/download?token=123',\n  expiryDays = 7\n}) => {\n  return (\n    <EmailLayout previewText=\"Your account data export is ready\" title=\"Data Export Ready\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Your data export is ready</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, the account data you recently requested is now available for download.\n      </Text>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={downloadLink}>Download Data Archive</EmailButton>\n      </Section>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        For security reasons, this link will expire in {expiryDays} days. If you need a new export after that time, you can request another one from your account settings.\n      </Text>\n    </EmailLayout>\n  );\n};\n\nexport default DataExportReady;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAUO,MAAM,eAAe,GAAmC,CAAC,EAC9D,QAAQ,GAAG,MAAM,EACjB,YAAY,GAAG,uDAAuD,EACtE,UAAU,GAAG,CAAC,EACf,KAAI;IACH,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,mCAAmC,EAAC,KAAK,EAAC,mBAAmB,EAAA,QAAA,EAAA,CACpFC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,2BAAA,EAAA,CAAiC,EACxGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,gFACP,EACPC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,YAAY,EAAA,QAAA,EAAA,uBAAA,EAAA,CAAqC,EAAA,CAC5D,EACVD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,iDAAA,EAC/B,UAAU,EAAA,0GAAA,CAAA,EAAA,CACrD,CAAA,EAAA,CACK;AAElB;;;;"}

package/dist/components/Email/templates/security/NewLoginAlert.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface NewLoginAlertProps {
+    userName?: string;
+    deviceInfo?: string;
+    location?: string;
+    time?: string;
+    isThisYouLink?: string;
+}
+export declare const NewLoginAlert: React.FC<NewLoginAlertProps>;
+export default NewLoginAlert;

package/dist/components/Email/templates/security/NewLoginAlert.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { EmailButton } from '../../components/EmailButton.js';
+import { EmailLayout } from '../../components/EmailLayout.js';
+import 'react';
+import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
+import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+
+const NewLoginAlert = ({ userName = 'User', deviceInfo = 'Chrome on MacOS', location = 'San Francisco, CA', time = 'May 8, 2026, 2:00 PM UTC', isThisYouLink = 'https://example.com/security' }) => {
+    return (jsxs(EmailLayout, { previewText: "New login to your account", title: "New Login Alert", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "New login detected" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4", children: ["Hi ", userName, ", we noticed a new login to your account from an unrecognized device."] }), jsxs(Section, { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600", children: [jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 mb-2", children: [jsx("strong", { children: "Device:" }), " ", deviceInfo] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 mb-2", children: [jsx("strong", { children: "Location:" }), " ", location] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0", children: [jsx("strong", { children: "Time:" }), " ", time] })] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "If this was you, you can safely ignore this email. If you don't recognize this activity, please secure your account immediately." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: isThisYouLink, children: "Secure My Account" }) })] }));
+};
+
+export { NewLoginAlert, NewLoginAlert as default };
+//# sourceMappingURL=NewLoginAlert.js.map

package/dist/components/Email/templates/security/NewLoginAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NewLoginAlert.js","sources":["../../../../../src/components/Email/templates/security/NewLoginAlert.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface NewLoginAlertProps {\n  userName?: string;\n  deviceInfo?: string;\n  location?: string;\n  time?: string;\n  isThisYouLink?: string;\n}\n\nexport const NewLoginAlert: React.FC<NewLoginAlertProps> = ({\n  userName = 'User',\n  deviceInfo = 'Chrome on MacOS',\n  location = 'San Francisco, CA',\n  time = 'May 8, 2026, 2:00 PM UTC',\n  isThisYouLink = 'https://example.com/security'\n}) => {\n  return (\n    <EmailLayout previewText=\"New login to your account\" title=\"New Login Alert\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">New login detected</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4\">\n        Hi {userName}, we noticed a new login to your account from an unrecognized device.\n      </Text>\n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600\">\n        <Text className=\"text-gray-700 dark:text-gray-300 m-0 mb-2\"><strong>Device:</strong> {deviceInfo}</Text>\n        <Text className=\"text-gray-700 dark:text-gray-300 m-0 mb-2\"><strong>Location:</strong> {location}</Text>\n        <Text className=\"text-gray-700 dark:text-gray-300 m-0\"><strong>Time:</strong> {time}</Text>\n      </Section>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        If this was you, you can safely ignore this email. If you don't recognize this activity, please secure your account immediately.\n      </Text>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={isThisYouLink}>\n          Secure My Account\n        </EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default NewLoginAlert;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAYO,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,GAAG,MAAM,EACjB,UAAU,GAAG,iBAAiB,EAC9B,QAAQ,GAAG,mBAAmB,EAC9B,IAAI,GAAG,0BAA0B,EACjC,aAAa,GAAG,8BAA8B,EAC/C,KAAI;IACH,QACEA,KAAC,WAAW,EAAA,EAAC,WAAW,EAAC,2BAA2B,EAAC,KAAK,EAAC,iBAAiB,EAAA,QAAA,EAAA,CAC1EC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,oBAAA,EAAA,CAA0B,EACjGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,oBAC3E,QAAQ,EAAA,uEAAA,CAAA,EAAA,CACP,EACPA,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,aAC9GA,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAA,CAACC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,SAAA,EAAA,CAAwB,EAAA,GAAA,EAAE,UAAU,CAAA,EAAA,CAAQ,EACxGD,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2CAA2C,aAACC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,WAAA,EAAA,CAA0B,EAAA,GAAA,EAAE,QAAQ,CAAA,EAAA,CAAQ,EACxGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAA,CAACC,oCAAsB,EAAA,GAAA,EAAE,IAAI,CAAA,EAAA,CAAQ,CAAA,EAAA,CACnF,EACVA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,kIAAA,EAAA,CAE1E,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,YACnCA,GAAA,CAAC,WAAW,IAAC,IAAI,EAAE,aAAa,EAAA,QAAA,EAAA,mBAAA,EAAA,CAElB,EAAA,CACN,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/security/PolicyUpdateEmail.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface PolicyUpdateEmailProps {
+    userName?: string;
+    effectiveDate?: string;
+    whatChanged?: string;
+    policyLink?: string;
+}
+export declare const PolicyUpdateEmail: React.FC<PolicyUpdateEmailProps>;
+export default PolicyUpdateEmail;

package/dist/components/Email/templates/security/PolicyUpdateEmail.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { EmailButton } from '../../components/EmailButton.js';
+import { EmailLayout } from '../../components/EmailLayout.js';
+import 'react';
+import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
+import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+
+const PolicyUpdateEmail = ({ userName = 'User', effectiveDate = 'June 1, 2026', whatChanged = 'We have updated our data retention guidelines and added new provisions for third-party integrations to comply with recent regulations.', policyLink = 'https://example.com/legal/privacy-policy' }) => {
+    return (jsxs(EmailLayout, { previewText: "Updates to our Privacy Policy", title: "Policy Update Notice", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Updates to our Privacy Policy" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4", children: ["Hi ", userName, ","] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["We are writing to let you know that we have published an updated Privacy Policy, which will take effect on ", jsx("strong", { children: effectiveDate }), "."] }), jsxs(Section, { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600", children: [jsx(Text, { className: "font-semibold text-gray-900 dark:text-white m-0 mb-2", children: "What changed?" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 m-0", children: whatChanged })] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["By continuing to use our services on or after ", effectiveDate, ", you agree to the updated policy."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: policyLink, children: "Read the Full Policy" }) })] }));
+};
+
+export { PolicyUpdateEmail, PolicyUpdateEmail as default };
+//# sourceMappingURL=PolicyUpdateEmail.js.map

package/dist/components/Email/templates/security/PolicyUpdateEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PolicyUpdateEmail.js","sources":["../../../../../src/components/Email/templates/security/PolicyUpdateEmail.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface PolicyUpdateEmailProps {\n  userName?: string;\n  effectiveDate?: string;\n  whatChanged?: string;\n  policyLink?: string;\n}\n\nexport const PolicyUpdateEmail: React.FC<PolicyUpdateEmailProps> = ({\n  userName = 'User',\n  effectiveDate = 'June 1, 2026',\n  whatChanged = 'We have updated our data retention guidelines and added new provisions for third-party integrations to comply with recent regulations.',\n  policyLink = 'https://example.com/legal/privacy-policy'\n}) => {\n  return (\n    <EmailLayout previewText=\"Updates to our Privacy Policy\" title=\"Policy Update Notice\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Updates to our Privacy Policy</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4\">Hi {userName},</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        We are writing to let you know that we have published an updated Privacy Policy, which will take effect on <strong>{effectiveDate}</strong>.\n      </Text>\n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600\">\n        <Text className=\"font-semibold text-gray-900 dark:text-white m-0 mb-2\">What changed?</Text>\n        <Text className=\"text-gray-700 dark:text-gray-300 m-0\">{whatChanged}</Text>\n      </Section>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">By continuing to use our services on or after {effectiveDate}, you agree to the updated policy.</Text>\n      <Section className=\"text-center mb-6\"><EmailButton href={policyLink}>Read the Full Policy</EmailButton></Section>\n    </EmailLayout>\n  );\n};\n\nexport default PolicyUpdateEmail;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;MAWa,iBAAiB,GAAqC,CAAC,EAClE,QAAQ,GAAG,MAAM,EACjB,aAAa,GAAG,cAAc,EAC9B,WAAW,GAAG,wIAAwI,EACtJ,UAAU,GAAG,0CAA0C,EACxD,KAAI;IACH,QACEA,KAAC,WAAW,EAAA,EAAC,WAAW,EAAC,+BAA+B,EAAC,KAAK,EAAC,sBAAsB,EAAA,QAAA,EAAA,CACnFC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,+BAAA,EAAA,CAAqC,EAC5GD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAAK,QAAQ,SAAS,EACvGA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,6GAAA,EAC4BC,0BAAS,aAAa,EAAA,CAAU,SACtI,EACPD,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAAA,CAC9GC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,eAAA,EAAA,CAAqB,EAC3FA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAE,WAAW,GAAQ,CAAA,EAAA,CACnE,EACVD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,gDAAA,EAAgD,aAAa,EAAA,oCAAA,CAAA,EAAA,CAA0C,EACxLC,IAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,YAACA,GAAA,CAAC,WAAW,IAAC,IAAI,EAAE,UAAU,EAAA,QAAA,EAAA,sBAAA,EAAA,CAAoC,EAAA,CAAU,CAAA,EAAA,CACrG;AAElB;;;;"}

package/dist/components/Email/templates/security/TwoFactorCode.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface TwoFactorCodeProps {
+    userName?: string;
+    authCode?: string;
+    expiryMinutes?: number;
+}
+export declare const TwoFactorCode: React.FC<TwoFactorCodeProps>;
+export default TwoFactorCode;

package/dist/components/Email/templates/security/TwoFactorCode.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { EmailDivider } from '../../components/EmailDivider.js';
+import { EmailLayout } from '../../components/EmailLayout.js';
+import 'react';
+import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
+import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+
+const TwoFactorCode = ({ userName = 'User', authCode = '592 481', expiryMinutes = 10 }) => {
+    return (jsxs(EmailLayout, { previewText: `Your authentication code is ${authCode}`, title: "Authentication Code", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Authentication Code" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", please use the verification code below to complete your sign in."] }), jsx(Section, { className: "bg-gray-50 dark:bg-gray-700 border border-gray-200 dark:border-gray-600 rounded-lg p-6 mb-6 text-center", children: jsx(Text, { className: "text-4xl font-mono font-bold tracking-[0.25em] text-gray-900 dark:text-white m-0", children: authCode }) }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["This code will expire in ", expiryMinutes, " minutes."] }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "If you didn't request this code, please reset your password immediately." })] }));
+};
+
+export { TwoFactorCode, TwoFactorCode as default };
+//# sourceMappingURL=TwoFactorCode.js.map

package/dist/components/Email/templates/security/TwoFactorCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwoFactorCode.js","sources":["../../../../../src/components/Email/templates/security/TwoFactorCode.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailDivider } from '../../components';\n\nexport interface TwoFactorCodeProps {\n  userName?: string;\n  authCode?: string;\n  expiryMinutes?: number;\n}\n\nexport const TwoFactorCode: React.FC<TwoFactorCodeProps> = ({\n  userName = 'User',\n  authCode = '592 481',\n  expiryMinutes = 10\n}) => {\n  return (\n    <EmailLayout previewText={`Your authentication code is ${authCode}`} title=\"Authentication Code\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Authentication Code</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, please use the verification code below to complete your sign in.\n      </Text>\n      <Section className=\"bg-gray-50 dark:bg-gray-700 border border-gray-200 dark:border-gray-600 rounded-lg p-6 mb-6 text-center\">\n        <Text className=\"text-4xl font-mono font-bold tracking-[0.25em] text-gray-900 dark:text-white m-0\">\n          {authCode}\n        </Text>\n      </Section>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">This code will expire in {expiryMinutes} minutes.</Text>\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm\">If you didn't request this code, please reset your password immediately.</Text>\n    </EmailLayout>\n  );\n};\n\nexport default TwoFactorCode;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAUO,MAAM,aAAa,GAAiC,CAAC,EAC1D,QAAQ,GAAG,MAAM,EACjB,QAAQ,GAAG,SAAS,EACpB,aAAa,GAAG,EAAE,EACnB,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,4BAAA,EAA+B,QAAQ,CAAA,CAAE,EAAE,KAAK,EAAC,qBAAqB,EAAA,QAAA,EAAA,CAC9FC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,qBAAA,EAAA,CAA2B,EAClGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,oBAC3E,QAAQ,EAAA,oEAAA,CAAA,EAAA,CACP,EACPC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,yGAAyG,EAAA,QAAA,EAC1HA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,kFAAkF,EAAA,QAAA,EAC/F,QAAQ,GACJ,EAAA,CACC,EACVD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,2BAAA,EAA2B,aAAa,EAAA,WAAA,CAAA,EAAA,CAAiB,EAC1IC,GAAA,CAAC,YAAY,KAAG,EAChBA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0CAA0C,EAAA,QAAA,EAAA,0EAAA,EAAA,CAAgF,CAAA,EAAA,CAC9H;AAElB;;;;"}

package/dist/components/Email/templates/security/index.d.ts

@@ -0,0 +1,6 @@
+export * from './NewLoginAlert';
+export * from './TwoFactorCode';
+export * from './DataExportReady';
+export * from './PolicyUpdateEmail';
+export * from './AccountDeletedConfirmation';
+export * from './ApiKeyCreated';

package/dist/components/Email/templates/support/SupportFeedbackRequest.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface SupportFeedbackRequestProps {
+    userName?: string;
+    ticketId?: string;
+    goodFeedbackLink?: string;
+    badFeedbackLink?: string;
+}
+export declare const SupportFeedbackRequest: React.FC<SupportFeedbackRequestProps>;
+export default SupportFeedbackRequest;

package/dist/components/Email/templates/support/SupportFeedbackRequest.js

@@ -0,0 +1,15 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { EmailButton } from '../../components/EmailButton.js';
+import { EmailLayout } from '../../components/EmailLayout.js';
+import 'react';
+import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
+import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+import { Row } from '../../../../node_modules/@react-email/row/dist/index.js';
+import { Column } from '../../../../node_modules/@react-email/column/dist/index.js';
+
+const SupportFeedbackRequest = ({ userName = 'User', ticketId = '#12345', goodFeedbackLink = 'https://example.com/support/feedback?rating=good', badFeedbackLink = 'https://example.com/support/feedback?rating=bad' }) => {
+    return (jsxs(EmailLayout, { previewText: `How was your support experience for ${ticketId}?`, title: "How did we do?", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "How did we do?" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", your support request (", ticketId, ") has been closed. We'd love to know how your experience was to help us improve our support."] }), jsx(Section, { className: "mb-6", children: jsxs(Row, { children: [jsx(Column, { className: "pr-2", children: jsx(EmailButton, { href: goodFeedbackLink, children: "\uD83D\uDC4D Great" }) }), jsx(Column, { className: "pl-2", children: jsx(EmailButton, { href: badFeedbackLink, children: "\uD83D\uDC4E Needs Work" }) })] }) })] }));
+};
+
+export { SupportFeedbackRequest, SupportFeedbackRequest as default };
+//# sourceMappingURL=SupportFeedbackRequest.js.map

package/dist/components/Email/templates/support/SupportFeedbackRequest.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportFeedbackRequest.js","sources":["../../../../../src/components/Email/templates/support/SupportFeedbackRequest.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface SupportFeedbackRequestProps {\n  userName?: string;\n  ticketId?: string;\n  goodFeedbackLink?: string;\n  badFeedbackLink?: string;\n}\n\nexport const SupportFeedbackRequest: React.FC<SupportFeedbackRequestProps> = ({\n  userName = 'User',\n  ticketId = '#12345',\n  goodFeedbackLink = 'https://example.com/support/feedback?rating=good',\n  badFeedbackLink = 'https://example.com/support/feedback?rating=bad'\n}) => {\n  return (\n    <EmailLayout previewText={`How was your support experience for ${ticketId}?`} title=\"How did we do?\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">How did we do?</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, your support request ({ticketId}) has been closed. We'd love to know how your experience was to help us improve our support.\n      </Text>\n      <Section className=\"mb-6\">\n        <Row>\n          <Column className=\"pr-2\">\n            <EmailButton href={goodFeedbackLink}>👍 Great</EmailButton>\n          </Column>\n          <Column className=\"pl-2\">\n            <EmailButton href={badFeedbackLink}>👎 Needs Work</EmailButton>\n          </Column>\n        </Row>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default SupportFeedbackRequest;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;MAWa,sBAAsB,GAA0C,CAAC,EAC5E,QAAQ,GAAG,MAAM,EACjB,QAAQ,GAAG,QAAQ,EACnB,gBAAgB,GAAG,kDAAkD,EACrE,eAAe,GAAG,iDAAiD,EACpE,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,oCAAA,EAAuC,QAAQ,CAAA,CAAA,CAAG,EAAE,KAAK,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAClGC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,+BAAsB,EAC7FD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,8BAA0B,QAAQ,EAAA,8FAAA,CAAA,EAAA,CACzC,EACPC,GAAA,CAAC,OAAO,IAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACvBD,KAAC,GAAG,EAAA,EAAA,QAAA,EAAA,CACFC,GAAA,CAAC,MAAM,IAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACtBA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,gBAAgB,mCAAwB,EAAA,CACpD,EACTA,GAAA,CAAC,MAAM,IAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EACtBA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,eAAe,EAAA,QAAA,EAAA,yBAAA,EAAA,CAA6B,EAAA,CACxD,IACL,EAAA,CACE,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/support/TicketCreatedEmail.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface TicketCreatedEmailProps {
+    userName?: string;
+    ticketId?: string;
+    subject?: string;
+    portalLink?: string;
+}
+export declare const TicketCreatedEmail: React.FC<TicketCreatedEmailProps>;
+export default TicketCreatedEmail;

package/dist/components/Email/templates/support/TicketCreatedEmail.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { EmailButton } from '../../components/EmailButton.js';
+import { EmailLayout } from '../../components/EmailLayout.js';
+import 'react';
+import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
+import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+
+const TicketCreatedEmail = ({ userName = 'User', ticketId = '#12345', subject = 'Issue with login', portalLink = 'https://example.com/support/12345' }) => {
+    return (jsxs(EmailLayout, { previewText: `Ticket Received: ${ticketId}`, title: "Ticket Created", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "We've received your request" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", thanks for reaching out. We have created a support ticket for your request (", ticketId, "). Our team will get back to you as soon as possible."] }), jsxs(Section, { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600", children: [jsx(Text, { className: "font-semibold text-gray-900 dark:text-white m-0", children: "Subject:" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 m-0 mt-1", children: subject })] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: portalLink, children: "View Ticket Status" }) })] }));
+};
+
+export { TicketCreatedEmail, TicketCreatedEmail as default };
+//# sourceMappingURL=TicketCreatedEmail.js.map

package/dist/components/Email/templates/support/TicketCreatedEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketCreatedEmail.js","sources":["../../../../../src/components/Email/templates/support/TicketCreatedEmail.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface TicketCreatedEmailProps {\n  userName?: string;\n  ticketId?: string;\n  subject?: string;\n  portalLink?: string;\n}\n\nexport const TicketCreatedEmail: React.FC<TicketCreatedEmailProps> = ({\n  userName = 'User',\n  ticketId = '#12345',\n  subject = 'Issue with login',\n  portalLink = 'https://example.com/support/12345'\n}) => {\n  return (\n    <EmailLayout previewText={`Ticket Received: ${ticketId}`} title=\"Ticket Created\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">We've received your request</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, thanks for reaching out. We have created a support ticket for your request ({ticketId}). Our team will get back to you as soon as possible.\n      </Text>\n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600\">\n        <Text className=\"font-semibold text-gray-900 dark:text-white m-0\">Subject:</Text>\n        <Text className=\"text-gray-700 dark:text-gray-300 m-0 mt-1\">{subject}</Text>\n      </Section>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={portalLink}>\n          View Ticket Status\n        </EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default TicketCreatedEmail;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;MAWa,kBAAkB,GAAsC,CAAC,EACpE,QAAQ,GAAG,MAAM,EACjB,QAAQ,GAAG,QAAQ,EACnB,OAAO,GAAG,kBAAkB,EAC5B,UAAU,GAAG,mCAAmC,EACjD,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,iBAAA,EAAoB,QAAQ,CAAA,CAAE,EAAE,KAAK,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAC9EC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,4CAAmC,EAC1GD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,oFAAgF,QAAQ,EAAA,uDAAA,CAAA,EAAA,CAC/F,EACPA,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,aAC9GC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iDAAiD,EAAA,QAAA,EAAA,UAAA,EAAA,CAAgB,EACjFA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2CAA2C,YAAE,OAAO,EAAA,CAAQ,CAAA,EAAA,CACpE,EACVA,IAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,UAAU,mCAEf,EAAA,CACN,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/support/TicketReplyEmail.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface TicketReplyEmailProps {
+    userName?: string;
+    ticketId?: string;
+    replyPreview?: string;
+    portalLink?: string;
+}
+export declare const TicketReplyEmail: React.FC<TicketReplyEmailProps>;
+export default TicketReplyEmail;

package/dist/components/Email/templates/support/TicketReplyEmail.js

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { EmailButton } from '../../components/EmailButton.js';
+import { EmailDivider } from '../../components/EmailDivider.js';
+import { EmailLayout } from '../../components/EmailLayout.js';
+import 'react';
+import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
+import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+
+const TicketReplyEmail = ({ userName = 'User', ticketId = '#12345', replyPreview = "Hello! I've taken a look at your account and I believe I found the issue. We've applied a fix on our end...", portalLink = 'https://example.com/support/12345' }) => {
+    return (jsxs(EmailLayout, { previewText: `New reply on ticket ${ticketId}`, title: "New Ticket Reply", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Update on your request" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", a support agent has replied to your ticket (", jsx("strong", { children: ticketId }), ")."] }), jsx(Section, { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border-l-4 border-blue-500 dark:border-blue-400", children: jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 italic", children: ["\"", replyPreview, "\""] }) }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: portalLink, children: "View Full Reply" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "You can also reply directly to this email to update your ticket." })] }));
+};
+
+export { TicketReplyEmail, TicketReplyEmail as default };
+//# sourceMappingURL=TicketReplyEmail.js.map

package/dist/components/Email/templates/support/TicketReplyEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketReplyEmail.js","sources":["../../../../../src/components/Email/templates/support/TicketReplyEmail.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface TicketReplyEmailProps {\n  userName?: string;\n  ticketId?: string;\n  replyPreview?: string;\n  portalLink?: string;\n}\n\nexport const TicketReplyEmail: React.FC<TicketReplyEmailProps> = ({\n  userName = 'User',\n  ticketId = '#12345',\n  replyPreview = \"Hello! I've taken a look at your account and I believe I found the issue. We've applied a fix on our end...\",\n  portalLink = 'https://example.com/support/12345'\n}) => {\n  return (\n    <EmailLayout previewText={`New reply on ticket ${ticketId}`} title=\"New Ticket Reply\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Update on your request</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, a support agent has replied to your ticket (<strong>{ticketId}</strong>).\n      </Text>\n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border-l-4 border-blue-500 dark:border-blue-400\">\n        <Text className=\"text-gray-700 dark:text-gray-300 m-0 italic\">\"{replyPreview}\"</Text>\n      </Section>\n      <Section className=\"text-center mb-6\"><EmailButton href={portalLink}>View Full Reply</EmailButton></Section>\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm\">You can also reply directly to this email to update your ticket.</Text>\n    </EmailLayout>\n  );\n};\n\nexport default TicketReplyEmail;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;MAWa,gBAAgB,GAAoC,CAAC,EAChE,QAAQ,GAAG,MAAM,EACjB,QAAQ,GAAG,QAAQ,EACnB,YAAY,GAAG,6GAA6G,EAC5H,UAAU,GAAG,mCAAmC,EACjD,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,oBAAA,EAAuB,QAAQ,CAAA,CAAE,EAAE,KAAK,EAAC,kBAAkB,aACnFC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,wBAAA,EAAA,CAA8B,EACrGD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,gDAAA,EAA+CC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,QAAQ,EAAA,CAAU,EAAA,IAAA,CAAA,EAAA,CACjF,EACPA,GAAA,CAAC,OAAO,IAAC,SAAS,EAAC,iGAAiG,EAAA,QAAA,EAClHD,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,6CAA6C,mBAAG,YAAY,EAAA,IAAA,CAAA,EAAA,CAAS,EAAA,CAC7E,EACVC,IAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,YAACA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,UAAU,EAAA,QAAA,EAAA,iBAAA,EAAA,CAA+B,GAAU,EAC5GA,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,EAChBA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,0CAA0C,EAAA,QAAA,EAAA,kEAAA,EAAA,CAAwE,CAAA,EAAA,CACtH;AAElB;;;;"}

package/dist/components/Email/templates/support/TicketResolvedEmail.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface TicketResolvedEmailProps {
+    userName?: string;
+    ticketId?: string;
+    resolutionSummary?: string;
+    feedbackLink?: string;
+}
+export declare const TicketResolvedEmail: React.FC<TicketResolvedEmailProps>;
+export default TicketResolvedEmail;

package/dist/components/Email/templates/support/TicketResolvedEmail.js

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { EmailButton } from '../../components/EmailButton.js';
+import { EmailDivider } from '../../components/EmailDivider.js';
+import { EmailLayout } from '../../components/EmailLayout.js';
+import 'react';
+import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
+import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+
+const TicketResolvedEmail = ({ userName = 'User', ticketId = '#12345', resolutionSummary = 'We have successfully fixed the login issue on your account. You should now be able to access the dashboard normally.', feedbackLink = 'https://example.com/support/feedback/12345' }) => {
+    return (jsxs(EmailLayout, { previewText: `Ticket ${ticketId} has been resolved`, title: "Ticket Resolved", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Your ticket has been resolved" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", your support request (", ticketId, ") has been marked as resolved by our team."] }), jsxs(Section, { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600", children: [jsx(Text, { className: "font-semibold text-gray-900 dark:text-white m-0 mb-2", children: "Resolution Note:" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 italic", children: ["\"", resolutionSummary, "\""] })] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "How did we do? We'd love to hear your feedback on how we handled your request." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: feedbackLink, children: "Leave Feedback" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "If your issue is still not resolved, you can reply directly to this email to reopen the ticket." })] }));
+};
+
+export { TicketResolvedEmail, TicketResolvedEmail as default };
+//# sourceMappingURL=TicketResolvedEmail.js.map

package/dist/components/Email/templates/support/TicketResolvedEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TicketResolvedEmail.js","sources":["../../../../../src/components/Email/templates/support/TicketResolvedEmail.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface TicketResolvedEmailProps {\n  userName?: string;\n  ticketId?: string;\n  resolutionSummary?: string;\n  feedbackLink?: string;\n}\n\nexport const TicketResolvedEmail: React.FC<TicketResolvedEmailProps> = ({\n  userName = 'User',\n  ticketId = '#12345',\n  resolutionSummary = 'We have successfully fixed the login issue on your account. You should now be able to access the dashboard normally.',\n  feedbackLink = 'https://example.com/support/feedback/12345'\n}) => {\n  return (\n    <EmailLayout previewText={`Ticket ${ticketId} has been resolved`} title=\"Ticket Resolved\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Your ticket has been resolved</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, your support request ({ticketId}) has been marked as resolved by our team.\n      </Text>\n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600\">\n        <Text className=\"font-semibold text-gray-900 dark:text-white m-0 mb-2\">Resolution Note:</Text>\n        <Text className=\"text-gray-700 dark:text-gray-300 m-0 italic\">\"{resolutionSummary}\"</Text>\n      </Section>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        How did we do? We'd love to hear your feedback on how we handled your request.\n      </Text>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={feedbackLink}>Leave Feedback</EmailButton>\n      </Section>\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm\">If your issue is still not resolved, you can reply directly to this email to reopen the ticket.</Text>\n    </EmailLayout>\n  );\n};\n\nexport default TicketResolvedEmail;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;MAWa,mBAAmB,GAAuC,CAAC,EACtE,QAAQ,GAAG,MAAM,EACjB,QAAQ,GAAG,QAAQ,EACnB,iBAAiB,GAAG,sHAAsH,EAC1I,YAAY,GAAG,4CAA4C,EAC5D,KAAI;IACH,QACEA,KAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,OAAA,EAAU,QAAQ,CAAA,kBAAA,CAAoB,EAAE,KAAK,EAAC,iBAAiB,aACvFC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,+BAAA,EAAA,CAAqC,EAC5GD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,0BAAA,EAA0B,QAAQ,kDACzC,EACPA,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAAA,CAC9GC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAwB,EAC9FD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,6CAA6C,EAAA,QAAA,EAAA,CAAA,IAAA,EAAG,iBAAiB,UAAS,CAAA,EAAA,CAClF,EACVC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,+FAE1E,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,YAAY,EAAA,QAAA,EAAA,gBAAA,EAAA,CAA8B,EAAA,CACrD,EACVA,GAAA,CAAC,YAAY,KAAG,EAChBA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0CAA0C,EAAA,QAAA,EAAA,iGAAA,EAAA,CAAuG,CAAA,EAAA,CACrJ;AAElB;;;;"}

package/dist/components/Email/templates/support/index.d.ts

@@ -0,0 +1,4 @@
+export * from './TicketCreatedEmail';
+export * from './TicketResolvedEmail';
+export * from './TicketReplyEmail';
+export * from './SupportFeedbackRequest';

package/dist/components/Email/templates/system/IncidentReport.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface IncidentReportProps {
+    incidentSummary?: string;
+    duration?: string;
+    rootCause?: string;
+    fixApplied?: string;
+    statusPageLink?: string;
+}
+export declare const IncidentReport: React.FC<IncidentReportProps>;
+export default IncidentReport;

package/dist/components/Email/templates/system/IncidentReport.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { EmailButton } from '../../components/EmailButton.js';
+import { EmailLayout } from '../../components/EmailLayout.js';
+import 'react';
+import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
+import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+
+const IncidentReport = ({ incidentSummary = 'Database connectivity issues causing intermittent downtime.', duration = '45 minutes (14:00 UTC - 14:45 UTC)', rootCause = 'A misconfigured network route caused a spike in latency between our application layer and the primary database cluster.', fixApplied = 'We have reverted the network routing change and implemented new automated tests to prevent this specific configuration error from being deployed again.', statusPageLink = 'https://status.example.com/incidents/123' }) => {
+    return (jsxs(EmailLayout, { previewText: "Incident Report & Post-Mortem", title: "Incident Report", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Post-Incident Report" }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "We recently experienced a service disruption. We know you rely on our platform, and we sincerely apologize for the inconvenience. Here is a summary of what happened and how we fixed it." }), jsxs(Section, { className: "bg-gray-50 dark:bg-gray-700 p-6 rounded-lg mb-6 border border-gray-100 dark:border-gray-600", children: [jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 mb-4", children: [jsx("strong", { children: "Incident:" }), jsx("br", {}), incidentSummary] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 mb-4", children: [jsx("strong", { children: "Duration:" }), jsx("br", {}), duration] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 mb-4", children: [jsx("strong", { children: "Root Cause:" }), jsx("br", {}), rootCause] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0", children: [jsx("strong", { children: "Resolution & Prevention:" }), jsx("br", {}), fixApplied] })] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: statusPageLink, children: "View Full Status Report" }) }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed", children: "Thank you for your patience and understanding while we resolved this issue." })] }));
+};
+
+export { IncidentReport, IncidentReport as default };
+//# sourceMappingURL=IncidentReport.js.map

package/dist/components/Email/templates/system/IncidentReport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IncidentReport.js","sources":["../../../../../src/components/Email/templates/system/IncidentReport.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface IncidentReportProps {\n  incidentSummary?: string;\n  duration?: string;\n  rootCause?: string;\n  fixApplied?: string;\n  statusPageLink?: string;\n}\n\nexport const IncidentReport: React.FC<IncidentReportProps> = ({\n  incidentSummary = 'Database connectivity issues causing intermittent downtime.',\n  duration = '45 minutes (14:00 UTC - 14:45 UTC)',\n  rootCause = 'A misconfigured network route caused a spike in latency between our application layer and the primary database cluster.',\n  fixApplied = 'We have reverted the network routing change and implemented new automated tests to prevent this specific configuration error from being deployed again.',\n  statusPageLink = 'https://status.example.com/incidents/123'\n}) => {\n  return (\n    <EmailLayout previewText=\"Incident Report & Post-Mortem\" title=\"Incident Report\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Post-Incident Report</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        We recently experienced a service disruption. We know you rely on our platform, and we sincerely apologize for the inconvenience. Here is a summary of what happened and how we fixed it.\n      </Text>\n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-6 rounded-lg mb-6 border border-gray-100 dark:border-gray-600\">\n        <Text className=\"text-gray-700 dark:text-gray-300 m-0 mb-4\"><strong>Incident:</strong><br/>{incidentSummary}</Text>\n        <Text className=\"text-gray-700 dark:text-gray-300 m-0 mb-4\"><strong>Duration:</strong><br/>{duration}</Text>\n        <Text className=\"text-gray-700 dark:text-gray-300 m-0 mb-4\"><strong>Root Cause:</strong><br/>{rootCause}</Text>\n        <Text className=\"text-gray-700 dark:text-gray-300 m-0\"><strong>Resolution & Prevention:</strong><br/>{fixApplied}</Text>\n      </Section>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={statusPageLink}>View Full Status Report</EmailButton>\n      </Section>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed\">Thank you for your patience and understanding while we resolved this issue.</Text>\n    </EmailLayout>\n  );\n};\n\nexport default IncidentReport;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAYO,MAAM,cAAc,GAAkC,CAAC,EAC5D,eAAe,GAAG,6DAA6D,EAC/E,QAAQ,GAAG,oCAAoC,EAC/C,SAAS,GAAG,yHAAyH,EACrI,UAAU,GAAG,yJAAyJ,EACtK,cAAc,GAAG,0CAA0C,EAC5D,KAAI;IACH,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,+BAA+B,EAAC,KAAK,EAAC,iBAAiB,EAAA,QAAA,EAAA,CAC9EC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,sBAAA,EAAA,CAA4B,EACnGA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,2LAAA,EAAA,CAE1E,EACPD,KAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAAA,CAC9GA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAA,CAACC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,WAAA,EAAA,CAA0B,EAAAA,GAAA,CAAA,IAAA,EAAA,EAAA,CAAK,EAAC,eAAe,CAAA,EAAA,CAAQ,EACnHD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAA,CAACC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,WAAA,EAAA,CAA0B,EAAAA,aAAK,EAAC,QAAQ,CAAA,EAAA,CAAQ,EAC5GD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAA,CAACC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,aAAA,EAAA,CAA4B,EAAAA,GAAA,CAAA,IAAA,EAAA,EAAA,CAAK,EAAC,SAAS,CAAA,EAAA,CAAQ,EAC/GD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAA,CAACC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,CAAyC,EAAAA,GAAA,CAAA,IAAA,EAAA,EAAA,CAAK,EAAC,UAAU,CAAA,EAAA,CAAQ,CAAA,EAAA,CAChH,EACVA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,cAAc,EAAA,QAAA,EAAA,yBAAA,EAAA,CAAuC,EAAA,CAChE,EACVA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,4DAA4D,EAAA,QAAA,EAAA,6EAAA,EAAA,CAAmF,CAAA,EAAA,CACnJ;AAElB;;;;"}

package/dist/components/Email/templates/system/MaintenanceNotice.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface MaintenanceNoticeProps {
+    userName?: string;
+    maintenanceStart?: string;
+    maintenanceEnd?: string;
+    statusPageLink?: string;
+}
+export declare const MaintenanceNotice: React.FC<MaintenanceNoticeProps>;
+export default MaintenanceNotice;

package/dist/components/Email/templates/system/MaintenanceNotice.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { EmailButton } from '../../components/EmailButton.js';
+import { EmailLayout } from '../../components/EmailLayout.js';
+import 'react';
+import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
+import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+
+const MaintenanceNotice = ({ userName = 'User', maintenanceStart = 'Saturday, May 16, 02:00 AM UTC', maintenanceEnd = 'Saturday, May 16, 04:00 AM UTC', statusPageLink = 'https://status.example.com' }) => {
+    return (jsxs(EmailLayout, { previewText: "Scheduled Maintenance Notice", title: "Scheduled Maintenance", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Scheduled Maintenance Notice" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", we will be performing scheduled maintenance to upgrade our infrastructure and improve performance."] }), jsxs(Section, { className: "bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600", children: [jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 mb-2", children: [jsx("strong", { children: "Start Time:" }), " ", maintenanceStart] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0", children: [jsx("strong", { children: "End Time:" }), " ", maintenanceEnd] })] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "During this window, the platform may be temporarily unavailable. We apologize for any inconvenience." }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: statusPageLink, children: "Check Status Page" }) })] }));
+};
+
+export { MaintenanceNotice, MaintenanceNotice as default };
+//# sourceMappingURL=MaintenanceNotice.js.map

package/dist/components/Email/templates/system/MaintenanceNotice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MaintenanceNotice.js","sources":["../../../../../src/components/Email/templates/system/MaintenanceNotice.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface MaintenanceNoticeProps {\n  userName?: string;\n  maintenanceStart?: string;\n  maintenanceEnd?: string;\n  statusPageLink?: string;\n}\n\nexport const MaintenanceNotice: React.FC<MaintenanceNoticeProps> = ({\n  userName = 'User',\n  maintenanceStart = 'Saturday, May 16, 02:00 AM UTC',\n  maintenanceEnd = 'Saturday, May 16, 04:00 AM UTC',\n  statusPageLink = 'https://status.example.com'\n}) => {\n  return (\n    <EmailLayout previewText=\"Scheduled Maintenance Notice\" title=\"Scheduled Maintenance\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Scheduled Maintenance Notice</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, we will be performing scheduled maintenance to upgrade our infrastructure and improve performance.\n      </Text>\n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-4 rounded-lg mb-6 border border-gray-100 dark:border-gray-600\">\n        <Text className=\"text-gray-700 dark:text-gray-300 m-0 mb-2\"><strong>Start Time:</strong> {maintenanceStart}</Text>\n        <Text className=\"text-gray-700 dark:text-gray-300 m-0\"><strong>End Time:</strong> {maintenanceEnd}</Text>\n      </Section>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        During this window, the platform may be temporarily unavailable. We apologize for any inconvenience.\n      </Text>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={statusPageLink}>\n          Check Status Page\n        </EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default MaintenanceNotice;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;MAWa,iBAAiB,GAAqC,CAAC,EAClE,QAAQ,GAAG,MAAM,EACjB,gBAAgB,GAAG,gCAAgC,EACnD,cAAc,GAAG,gCAAgC,EACjD,cAAc,GAAG,4BAA4B,EAC9C,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,IAAC,WAAW,EAAC,8BAA8B,EAAC,KAAK,EAAC,uBAAuB,aACnFC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,8BAAA,EAAA,CAAoC,EAC3GD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,4GACP,EACPA,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAAA,CAC9GA,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2CAA2C,EAAA,QAAA,EAAA,CAACC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,aAAA,EAAA,CAA4B,OAAE,gBAAgB,CAAA,EAAA,CAAQ,EAClHD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAA,CAACC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,WAAA,EAAA,CAA0B,OAAE,cAAc,CAAA,EAAA,CAAQ,IACjG,EACVA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,qHAE1E,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,cAAc,kCAEnB,EAAA,CACN,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/system/NotificationEmail.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface NotificationEmailProps {
+    userName?: string;
+    title?: string;
+    message?: string;
+    ctaText?: string;
+    ctaLink?: string;
+}
+export declare const NotificationEmail: React.FC<NotificationEmailProps>;
+export default NotificationEmail;

package/dist/components/Email/templates/system/NotificationEmail.js

@@ -0,0 +1,14 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { EmailButton } from '../../components/EmailButton.js';
+import { EmailDivider } from '../../components/EmailDivider.js';
+import { EmailLayout } from '../../components/EmailLayout.js';
+import 'react';
+import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
+import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+
+const NotificationEmail = ({ userName = 'User', title = 'Important Update', message = 'We have an important update regarding your account. Please review the details by logging into your dashboard.', ctaText = 'View Update', ctaLink = 'https://example.com/dashboard' }) => {
+    return (jsxs(EmailLayout, { previewText: title, title: title, children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: title }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ","] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: message }), ctaLink && ctaText && (jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: ctaLink, children: ctaText }) })), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "This is an automated notification from the system." })] }));
+};
+
+export { NotificationEmail, NotificationEmail as default };
+//# sourceMappingURL=NotificationEmail.js.map

package/dist/components/Email/templates/system/NotificationEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationEmail.js","sources":["../../../../../src/components/Email/templates/system/NotificationEmail.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface NotificationEmailProps {\n  userName?: string;\n  title?: string;\n  message?: string;\n  ctaText?: string;\n  ctaLink?: string;\n}\n\nexport const NotificationEmail: React.FC<NotificationEmailProps> = ({\n  userName = 'User',\n  title = 'Important Update',\n  message = 'We have an important update regarding your account. Please review the details by logging into your dashboard.',\n  ctaText = 'View Update',\n  ctaLink = 'https://example.com/dashboard'\n}) => {\n  return (\n    <EmailLayout previewText={title} title={title}>\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">{title}</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">Hi {userName},</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">{message}</Text>\n      {ctaLink && ctaText && (\n        <Section className=\"text-center mb-6\">\n          <EmailButton href={ctaLink}>{ctaText}</EmailButton>\n        </Section>\n      )}\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm\">This is an automated notification from the system.</Text>\n    </EmailLayout>\n  );\n};\n\nexport default NotificationEmail;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAYO,MAAM,iBAAiB,GAAqC,CAAC,EAClE,QAAQ,GAAG,MAAM,EACjB,KAAK,GAAG,kBAAkB,EAC1B,OAAO,GAAG,+GAA+G,EACzH,OAAO,GAAG,aAAa,EACvB,OAAO,GAAG,+BAA+B,EAC1C,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAA,QAAA,EAAA,CAC3CC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAE,KAAK,GAAQ,EACtFD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAAK,QAAQ,SAAS,EACvGC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAE,OAAO,EAAA,CAAQ,EACjG,OAAO,IAAI,OAAO,KACjBA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,OAAO,EAAA,QAAA,EAAG,OAAO,GAAe,EAAA,CAC3C,CACX,EACDA,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,EAChBA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,0CAA0C,EAAA,QAAA,EAAA,oDAAA,EAAA,CAA0D,CAAA,EAAA,CACxG;AAElB;;;;"}

package/dist/components/Email/templates/system/StatusPageUpdate.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface StatusPageUpdateProps {
+    incidentName?: string;
+    currentStatus?: string;
+    updateMessage?: string;
+    timestamp?: string;
+    statusPageLink?: string;
+}
+export declare const StatusPageUpdate: React.FC<StatusPageUpdateProps>;
+export default StatusPageUpdate;

package/dist/components/Email/templates/system/StatusPageUpdate.js

@@ -0,0 +1,13 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { EmailButton } from '../../components/EmailButton.js';
+import { EmailLayout } from '../../components/EmailLayout.js';
+import 'react';
+import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
+import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+
+const StatusPageUpdate = ({ incidentName = 'API Latency Issues', currentStatus = 'Investigating', updateMessage = 'We are currently experiencing elevated latency across our primary API endpoints. Our engineering team is actively investigating the root cause.', timestamp = 'May 8, 2026 - 15:30 UTC', statusPageLink = 'https://status.example.com' }) => {
+    return (jsxs(EmailLayout, { previewText: `Incident Update: ${incidentName}`, title: "Status Update", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Status Update" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["There has been an update regarding the incident: ", jsx("strong", { children: incidentName }), "."] }), jsxs(Section, { className: "bg-gray-50 dark:bg-gray-700 p-6 rounded-lg mb-6 border border-gray-100 dark:border-gray-600", children: [jsxs(Text, { className: "text-sm font-semibold text-gray-500 dark:text-gray-400 mb-1 m-0", children: ["Status: ", jsx("span", { className: "text-gray-900 dark:text-white", children: currentStatus })] }), jsx(Text, { className: "text-xs text-gray-400 dark:text-gray-500 mb-4 m-0", children: timestamp }), jsx(Text, { className: "text-gray-800 dark:text-gray-200 leading-relaxed m-0", children: updateMessage })] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: statusPageLink, children: "View Status Page" }) })] }));
+};
+
+export { StatusPageUpdate, StatusPageUpdate as default };
+//# sourceMappingURL=StatusPageUpdate.js.map

package/dist/components/Email/templates/system/StatusPageUpdate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusPageUpdate.js","sources":["../../../../../src/components/Email/templates/system/StatusPageUpdate.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface StatusPageUpdateProps {\n  incidentName?: string;\n  currentStatus?: string;\n  updateMessage?: string;\n  timestamp?: string;\n  statusPageLink?: string;\n}\n\nexport const StatusPageUpdate: React.FC<StatusPageUpdateProps> = ({\n  incidentName = 'API Latency Issues',\n  currentStatus = 'Investigating',\n  updateMessage = 'We are currently experiencing elevated latency across our primary API endpoints. Our engineering team is actively investigating the root cause.',\n  timestamp = 'May 8, 2026 - 15:30 UTC',\n  statusPageLink = 'https://status.example.com'\n}) => {\n  return (\n    <EmailLayout previewText={`Incident Update: ${incidentName}`} title=\"Status Update\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Status Update</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        There has been an update regarding the incident: <strong>{incidentName}</strong>.\n      </Text>\n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-6 rounded-lg mb-6 border border-gray-100 dark:border-gray-600\">\n        <Text className=\"text-sm font-semibold text-gray-500 dark:text-gray-400 mb-1 m-0\">Status: <span className=\"text-gray-900 dark:text-white\">{currentStatus}</span></Text>\n        <Text className=\"text-xs text-gray-400 dark:text-gray-500 mb-4 m-0\">{timestamp}</Text>\n        <Text className=\"text-gray-800 dark:text-gray-200 leading-relaxed m-0\">{updateMessage}</Text>\n      </Section>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={statusPageLink}>View Status Page</EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default StatusPageUpdate;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAYO,MAAM,gBAAgB,GAAoC,CAAC,EAChE,YAAY,GAAG,oBAAoB,EACnC,aAAa,GAAG,eAAe,EAC/B,aAAa,GAAG,iJAAiJ,EACjK,SAAS,GAAG,yBAAyB,EACrC,cAAc,GAAG,4BAA4B,EAC9C,KAAI;IACH,QACEA,KAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,iBAAA,EAAoB,YAAY,CAAA,CAAE,EAAE,KAAK,EAAC,eAAe,aACjFC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,eAAA,EAAA,CAAqB,EAC5FD,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,kEAC9BC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,YAAY,GAAU,EAAA,GAAA,CAAA,EAAA,CAC3E,EACPD,KAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,aAC9GA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,yBAASC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAS,EAAC,+BAA+B,EAAA,QAAA,EAAE,aAAa,EAAA,CAAQ,CAAA,EAAA,CAAO,EACvKA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,mDAAmD,EAAA,QAAA,EAAE,SAAS,GAAQ,EACtFA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAE,aAAa,GAAQ,CAAA,EAAA,CACrF,EACVA,IAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,YACnCA,GAAA,CAAC,WAAW,IAAC,IAAI,EAAE,cAAc,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAgC,EAAA,CACzD,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/system/index.d.ts

@@ -0,0 +1,4 @@
+export * from './MaintenanceNotice';
+export * from './IncidentReport';
+export * from './NotificationEmail';
+export * from './StatusPageUpdate';

package/dist/index.d.ts

@@ -32,6 +32,7 @@ export * from './components/Blog';
 export * from './components/CodeHighlight';
 export * from "./components/Image";
 export * from "./components/ChatWidget";
+export * from "./components/Email";
 export * from './hooks/useDarkMode';
 export * from './hooks/useDebounce';
 export * from './hooks/useLocalStorage';