@beyondcorp/beyond-ui 1.3.10 → 1.4.0

package/dist/components/Email/templates/billing/CreditCardExpiring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CreditCardExpiring.js","sources":["../../../../../src/components/Email/templates/billing/CreditCardExpiring.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface CreditCardExpiringProps {\n  userName?: string;\n  cardLast4?: string;\n  expirationDate?: string;\n  updateLink?: string;\n}\n\nexport const CreditCardExpiring: React.FC<CreditCardExpiringProps> = ({\n  userName = 'User',\n  cardLast4 = '4242',\n  expirationDate = '10/26',\n  updateLink = 'https://example.com/billing/payment-methods'\n}) => {\n  return (\n    <EmailLayout previewText=\"Your payment method is expiring soon\" title=\"Update Payment Method\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Action Required</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, the credit card ending in <strong>{cardLast4}</strong> that we have on file for your subscription is scheduled to expire on <strong>{expirationDate}</strong>.\n      </Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        To avoid any interruption to your service, please update your payment information as soon as possible.\n      </Text>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={updateLink}>Update Payment Details</EmailButton>\n      </Section>\n      <EmailDivider />\n    </EmailLayout>\n  );\n};\n\nexport default CreditCardExpiring;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;MAWa,kBAAkB,GAAsC,CAAC,EACpE,QAAQ,GAAG,MAAM,EACjB,SAAS,GAAG,MAAM,EAClB,cAAc,GAAG,OAAO,EACxB,UAAU,GAAG,6CAA6C,EAC3D,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,sCAAsC,EAAC,KAAK,EAAC,uBAAuB,EAAA,QAAA,EAAA,CAC3FC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,iBAAA,EAAA,CAAuB,EAC9FD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,8BAAA,EAA6BC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,SAAS,EAAA,CAAU,EAAA,wEAAA,EAAsEA,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,cAAc,EAAA,CAAU,EAAA,GAAA,CAAA,EAAA,CACvK,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,wGAAA,EAAA,CAE1E,EACPA,GAAA,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,UAAU,EAAA,QAAA,EAAA,wBAAA,EAAA,CAAsC,EAAA,CAC3D,EACVA,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,CAAA,EAAA,CACJ;AAElB;;;;"}

package/dist/components/Email/templates/billing/InvoiceEmail.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface InvoiceEmailProps {
+    userName?: string;
+    amount?: string;
+    planName?: string;
+    billingPeriod?: string;
+    invoiceUrl?: string;
+}
+export declare const InvoiceEmail: React.FC<InvoiceEmailProps>;
+export default InvoiceEmail;

package/dist/components/Email/templates/billing/InvoiceEmail.js

@@ -0,0 +1,16 @@
+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 { Row } from '../../../../node_modules/@react-email/row/dist/index.js';
+import { Column } from '../../../../node_modules/@react-email/column/dist/index.js';
+import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
+import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+
+const InvoiceEmail = ({ userName = 'User', amount = '$29.00', planName = 'Pro Plan', billingPeriod = 'May 2026 - Jun 2026', invoiceUrl = 'https://example.com/invoice' }) => {
+    return (jsxs(EmailLayout, { previewText: "Your latest invoice is ready", title: "Invoice Available", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Your Receipt" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", thanks for your continued support! We've successfully processed your payment for the ", planName, "."] }), jsxs(Section, { className: "bg-gray-50 dark:bg-gray-700 p-6 rounded-lg mb-6", children: [jsxs(Row, { className: "mb-2", children: [jsx(Column, { children: jsx(Text, { className: "text-gray-500 dark:text-gray-400 m-0", children: "Plan" }) }), jsx(Column, { className: "text-right", children: jsx(Text, { className: "font-semibold text-gray-900 dark:text-white m-0", children: planName }) })] }), jsxs(Row, { className: "mb-2", children: [jsx(Column, { children: jsx(Text, { className: "text-gray-500 dark:text-gray-400 m-0", children: "Period" }) }), jsx(Column, { className: "text-right", children: jsx(Text, { className: "font-semibold text-gray-900 dark:text-white m-0", children: billingPeriod }) })] }), jsx(EmailDivider, {}), jsxs(Row, { children: [jsx(Column, { children: jsx(Text, { className: "text-gray-900 dark:text-white font-bold m-0", children: "Total" }) }), jsx(Column, { className: "text-right", children: jsx(Text, { className: "font-bold text-blue-600 dark:text-blue-400 m-0", children: amount }) })] })] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: invoiceUrl, children: "Download PDF" }) })] }));
+};
+
+export { InvoiceEmail, InvoiceEmail as default };
+//# sourceMappingURL=InvoiceEmail.js.map

package/dist/components/Email/templates/billing/InvoiceEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvoiceEmail.js","sources":["../../../../../src/components/Email/templates/billing/InvoiceEmail.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface InvoiceEmailProps {\n  userName?: string;\n  amount?: string;\n  planName?: string;\n  billingPeriod?: string;\n  invoiceUrl?: string;\n}\n\nexport const InvoiceEmail: React.FC<InvoiceEmailProps> = ({\n  userName = 'User',\n  amount = '$29.00',\n  planName = 'Pro Plan',\n  billingPeriod = 'May 2026 - Jun 2026',\n  invoiceUrl = 'https://example.com/invoice'\n}) => {\n  return (\n    <EmailLayout previewText=\"Your latest invoice is ready\" title=\"Invoice Available\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Your Receipt</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, thanks for your continued support! We've successfully processed your payment for the {planName}.\n      </Text>\n      \n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-6 rounded-lg mb-6\">\n        <Row className=\"mb-2\">\n          <Column><Text className=\"text-gray-500 dark:text-gray-400 m-0\">Plan</Text></Column>\n          <Column className=\"text-right\"><Text className=\"font-semibold text-gray-900 dark:text-white m-0\">{planName}</Text></Column>\n        </Row>\n        <Row className=\"mb-2\">\n          <Column><Text className=\"text-gray-500 dark:text-gray-400 m-0\">Period</Text></Column>\n          <Column className=\"text-right\"><Text className=\"font-semibold text-gray-900 dark:text-white m-0\">{billingPeriod}</Text></Column>\n        </Row>\n        <EmailDivider />\n        <Row>\n          <Column><Text className=\"text-gray-900 dark:text-white font-bold m-0\">Total</Text></Column>\n          <Column className=\"text-right\"><Text className=\"font-bold text-blue-600 dark:text-blue-400 m-0\">{amount}</Text></Column>\n        </Row>\n      </Section>\n\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={invoiceUrl}>\n          Download PDF\n        </EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default InvoiceEmail;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;AAYO,MAAM,YAAY,GAAgC,CAAC,EACxD,QAAQ,GAAG,MAAM,EACjB,MAAM,GAAG,QAAQ,EACjB,QAAQ,GAAG,UAAU,EACrB,aAAa,GAAG,qBAAqB,EACrC,UAAU,GAAG,6BAA6B,EAC3C,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,8BAA8B,EAAC,KAAK,EAAC,mBAAmB,EAAA,QAAA,EAAA,CAC/EC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,cAAA,EAAA,CAAoB,EAC3FD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,yFAAA,EAAyF,QAAQ,EAAA,GAAA,CAAA,EAAA,CACxG,EAEPA,KAAC,OAAO,EAAA,EAAC,SAAS,EAAC,iDAAiD,aAClEA,IAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CACnBC,IAAC,MAAM,EAAA,EAAA,QAAA,EAACA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAA,MAAA,EAAA,CAAY,EAAA,CAAS,EACnFA,GAAA,CAAC,MAAM,IAAC,SAAS,EAAC,YAAY,EAAA,QAAA,EAACA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iDAAiD,YAAE,QAAQ,EAAA,CAAQ,EAAA,CAAS,CAAA,EAAA,CACvH,EACND,IAAA,CAAC,GAAG,IAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CACnBC,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAACA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sCAAsC,uBAAc,EAAA,CAAS,EACrFA,GAAA,CAAC,MAAM,IAAC,SAAS,EAAC,YAAY,EAAA,QAAA,EAACA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iDAAiD,YAAE,aAAa,EAAA,CAAQ,GAAS,CAAA,EAAA,CAC5H,EACNA,IAAC,YAAY,EAAA,EAAA,CAAG,EAChBD,IAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAA,CACFC,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAACA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,6CAA6C,sBAAa,EAAA,CAAS,EAC3FA,IAAC,MAAM,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA,QAAA,EAACA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAAE,MAAM,EAAA,CAAQ,EAAA,CAAS,CAAA,EAAA,CACpH,CAAA,EAAA,CACE,EAEVA,GAAA,CAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,UAAU,6BAEf,EAAA,CACN,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/billing/OverduePaymentNotice.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface OverduePaymentNoticeProps {
+    userName?: string;
+    amountDue?: string;
+    suspensionDate?: string;
+    paymentLink?: string;
+}
+export declare const OverduePaymentNotice: React.FC<OverduePaymentNoticeProps>;
+export default OverduePaymentNotice;

package/dist/components/Email/templates/billing/OverduePaymentNotice.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 OverduePaymentNotice = ({ userName = 'User', amountDue = '$29.00', suspensionDate = 'May 15, 2026', paymentLink = 'https://example.com/billing/pay' }) => {
+    return (jsxs(EmailLayout, { previewText: "Final Notice: Payment Overdue", title: "Overdue Payment", children: [jsx(Text, { className: "text-2xl font-bold text-red-600 dark:text-red-400 mb-4", children: "Payment Overdue" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", your recent payment of ", jsx("strong", { children: amountDue }), " is currently overdue."] }), jsx(Section, { className: "bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-800 p-4 rounded-lg mb-6", children: jsxs(Text, { className: "text-red-800 dark:text-red-200 m-0", children: ["To avoid account suspension and keep access to your workspace, please process your payment by ", jsx("strong", { children: suspensionDate }), "."] }) }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: paymentLink, children: "Pay Balance Now" }) })] }));
+};
+
+export { OverduePaymentNotice, OverduePaymentNotice as default };
+//# sourceMappingURL=OverduePaymentNotice.js.map

package/dist/components/Email/templates/billing/OverduePaymentNotice.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverduePaymentNotice.js","sources":["../../../../../src/components/Email/templates/billing/OverduePaymentNotice.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface OverduePaymentNoticeProps {\n  userName?: string;\n  amountDue?: string;\n  suspensionDate?: string;\n  paymentLink?: string;\n}\n\nexport const OverduePaymentNotice: React.FC<OverduePaymentNoticeProps> = ({\n  userName = 'User',\n  amountDue = '$29.00',\n  suspensionDate = 'May 15, 2026',\n  paymentLink = 'https://example.com/billing/pay'\n}) => {\n  return (\n    <EmailLayout previewText=\"Final Notice: Payment Overdue\" title=\"Overdue Payment\">\n      <Text className=\"text-2xl font-bold text-red-600 dark:text-red-400 mb-4\">Payment Overdue</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, your recent payment of <strong>{amountDue}</strong> is currently overdue.\n      </Text>\n      <Section className=\"bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-800 p-4 rounded-lg mb-6\">\n        <Text className=\"text-red-800 dark:text-red-200 m-0\">\n          To avoid account suspension and keep access to your workspace, please process your payment by <strong>{suspensionDate}</strong>.\n        </Text>\n      </Section>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={paymentLink}>Pay Balance Now</EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default OverduePaymentNotice;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;MAWa,oBAAoB,GAAwC,CAAC,EACxE,QAAQ,GAAG,MAAM,EACjB,SAAS,GAAG,QAAQ,EACpB,cAAc,GAAG,cAAc,EAC/B,WAAW,GAAG,iCAAiC,EAChD,KAAI;AACH,IAAA,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,wDAAwD,EAAA,QAAA,EAAA,iBAAA,EAAA,CAAuB,EAC/FD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,2BAAA,EAA0BC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,SAAS,EAAA,CAAU,8BAC7D,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,4FAA4F,EAAA,QAAA,EAC7GD,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,oCAAoC,EAAA,QAAA,EAAA,CAAA,gGAAA,EAC4CC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,cAAc,EAAA,CAAU,SAC1H,EAAA,CACC,EACVA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,YACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,WAAW,EAAA,QAAA,EAAA,iBAAA,EAAA,CAA+B,EAAA,CACrD,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/billing/PaymentFailedEmail.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface PaymentFailedEmailProps {
+    userName?: string;
+    amount?: string;
+    updatePaymentLink?: string;
+}
+export declare const PaymentFailedEmail: React.FC<PaymentFailedEmailProps>;
+export default PaymentFailedEmail;

package/dist/components/Email/templates/billing/PaymentFailedEmail.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 PaymentFailedEmail = ({ userName = 'User', amount = '$29.00', updatePaymentLink = 'https://example.com/billing' }) => {
+    return (jsxs(EmailLayout, { previewText: "Action Required: Payment Failed", title: "Payment Failed", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Payment Failed" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", we were unable to process your recent payment of ", amount, ". To keep your subscription active, please update your payment information."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: updatePaymentLink, children: "Update Payment Details" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "If you have already updated your payment information, please ignore this email." })] }));
+};
+
+export { PaymentFailedEmail, PaymentFailedEmail as default };
+//# sourceMappingURL=PaymentFailedEmail.js.map

package/dist/components/Email/templates/billing/PaymentFailedEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentFailedEmail.js","sources":["../../../../../src/components/Email/templates/billing/PaymentFailedEmail.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface PaymentFailedEmailProps {\n  userName?: string;\n  amount?: string;\n  updatePaymentLink?: string;\n}\n\nexport const PaymentFailedEmail: React.FC<PaymentFailedEmailProps> = ({\n  userName = 'User',\n  amount = '$29.00',\n  updatePaymentLink = 'https://example.com/billing'\n}) => {\n  return (\n    <EmailLayout previewText=\"Action Required: Payment Failed\" title=\"Payment Failed\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Payment Failed</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, we were unable to process your recent payment of {amount}. To keep your subscription active, please update your payment information.\n      </Text>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={updatePaymentLink}>\n          Update Payment Details\n        </EmailButton>\n      </Section>\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm\">\n        If you have already updated your payment information, please ignore this email.\n      </Text>\n    </EmailLayout>\n  );\n};\n\nexport default PaymentFailedEmail;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAUO,MAAM,kBAAkB,GAAsC,CAAC,EACpE,QAAQ,GAAG,MAAM,EACjB,MAAM,GAAG,QAAQ,EACjB,iBAAiB,GAAG,6BAA6B,EAClD,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,iCAAiC,EAAC,KAAK,EAAC,gBAAgB,EAAA,QAAA,EAAA,CAC/EC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,gBAAA,EAAA,CAAsB,EAC7FD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,qDAAA,EAAqD,MAAM,EAAA,6EAAA,CAAA,EAAA,CAClE,EACPC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,iBAAiB,EAAA,QAAA,EAAA,wBAAA,EAAA,CAEtB,EAAA,CACN,EACVA,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,EAChBA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0CAA0C,EAAA,QAAA,EAAA,iFAAA,EAAA,CAEnD,CAAA,EAAA,CACK;AAElB;;;;"}

package/dist/components/Email/templates/billing/PaymentReceipt.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface PaymentReceiptProps {
+    userName?: string;
+    amount?: string;
+    date?: string;
+    receiptId?: string;
+    receiptUrl?: string;
+}
+export declare const PaymentReceipt: React.FC<PaymentReceiptProps>;
+export default PaymentReceipt;

package/dist/components/Email/templates/billing/PaymentReceipt.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 PaymentReceipt = ({ userName = 'User', amount = '$49.00', date = 'May 8, 2026', receiptId = 'RCPT-98765', receiptUrl = 'https://example.com/billing/receipts/98765' }) => {
+    return (jsxs(EmailLayout, { previewText: `Payment receipt for ${amount}`, title: "Payment Receipt", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Thank you for your payment!" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", we've successfully received your payment."] }), 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: [jsx(Text, { className: "text-gray-500 dark:text-gray-400 m-0 mb-1 text-sm", children: "Amount Paid" }), jsx(Text, { className: "text-3xl font-bold text-gray-900 dark:text-white m-0 mb-4", children: amount }), jsxs(Row, { className: "mb-2", children: [jsx(Column, { children: jsx(Text, { className: "text-gray-500 dark:text-gray-400 m-0 text-sm", children: "Date" }) }), jsx(Column, { className: "text-right", children: jsx(Text, { className: "text-gray-900 dark:text-white font-medium m-0 text-sm", children: date }) })] }), jsxs(Row, { children: [jsx(Column, { children: jsx(Text, { className: "text-gray-500 dark:text-gray-400 m-0 text-sm", children: "Receipt ID" }) }), jsx(Column, { className: "text-right", children: jsx(Text, { className: "text-gray-900 dark:text-white font-medium m-0 text-sm", children: receiptId }) })] })] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: receiptUrl, children: "View Full Receipt" }) })] }));
+};
+
+export { PaymentReceipt, PaymentReceipt as default };
+//# sourceMappingURL=PaymentReceipt.js.map

package/dist/components/Email/templates/billing/PaymentReceipt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentReceipt.js","sources":["../../../../../src/components/Email/templates/billing/PaymentReceipt.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface PaymentReceiptProps {\n  userName?: string;\n  amount?: string;\n  date?: string;\n  receiptId?: string;\n  receiptUrl?: string;\n}\n\nexport const PaymentReceipt: React.FC<PaymentReceiptProps> = ({\n  userName = 'User',\n  amount = '$49.00',\n  date = 'May 8, 2026',\n  receiptId = 'RCPT-98765',\n  receiptUrl = 'https://example.com/billing/receipts/98765'\n}) => {\n  return (\n    <EmailLayout previewText={`Payment receipt for ${amount}`} title=\"Payment Receipt\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Thank you for your payment!</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">Hi {userName}, we've successfully received your payment.</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-500 dark:text-gray-400 m-0 mb-1 text-sm\">Amount Paid</Text>\n        <Text className=\"text-3xl font-bold text-gray-900 dark:text-white m-0 mb-4\">{amount}</Text>\n        <Row className=\"mb-2\"><Column><Text className=\"text-gray-500 dark:text-gray-400 m-0 text-sm\">Date</Text></Column><Column className=\"text-right\"><Text className=\"text-gray-900 dark:text-white font-medium m-0 text-sm\">{date}</Text></Column></Row>\n        <Row><Column><Text className=\"text-gray-500 dark:text-gray-400 m-0 text-sm\">Receipt ID</Text></Column><Column className=\"text-right\"><Text className=\"text-gray-900 dark:text-white font-medium m-0 text-sm\">{receiptId}</Text></Column></Row>\n      </Section>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={receiptUrl}>View Full Receipt</EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default PaymentReceipt;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAYO,MAAM,cAAc,GAAkC,CAAC,EAC5D,QAAQ,GAAG,MAAM,EACjB,MAAM,GAAG,QAAQ,EACjB,IAAI,GAAG,aAAa,EACpB,SAAS,GAAG,YAAY,EACxB,UAAU,GAAG,4CAA4C,EAC1D,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,oBAAA,EAAuB,MAAM,CAAA,CAAE,EAAE,KAAK,EAAC,iBAAiB,aAChFC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,6BAAA,EAAA,CAAmC,EAC1GD,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAAK,QAAQ,EAAA,6CAAA,CAAA,EAAA,CAAmD,EACjJA,KAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAAA,CAC9GC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,mDAAmD,EAAA,QAAA,EAAA,aAAA,EAAA,CAAmB,EACtFA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2DAA2D,EAAA,QAAA,EAAE,MAAM,EAAA,CAAQ,EAC3FD,IAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CAACC,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAACA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,8CAA8C,EAAA,QAAA,EAAA,MAAA,EAAA,CAAY,EAAA,CAAS,EAAAA,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA,QAAA,EAACA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,YAAE,IAAI,EAAA,CAAQ,EAAA,CAAS,CAAA,EAAA,CAAM,EACpPD,IAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAA,CAACC,IAAC,MAAM,EAAA,EAAA,QAAA,EAACA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,8CAA8C,EAAA,QAAA,EAAA,YAAA,EAAA,CAAkB,GAAS,EAAAA,GAAA,CAAC,MAAM,EAAA,EAAC,SAAS,EAAC,YAAY,EAAA,QAAA,EAACA,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAE,SAAS,EAAA,CAAQ,EAAA,CAAS,IAAM,CAAA,EAAA,CACtO,EACVA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,YACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,UAAU,EAAA,QAAA,EAAA,mBAAA,EAAA,CAAiC,EAAA,CACtD,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/billing/SubscriptionCancelled.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface SubscriptionCancelledProps {
+    userName?: string;
+    planName?: string;
+    cancellationDate?: string;
+    reactivationLink?: string;
+}
+export declare const SubscriptionCancelled: React.FC<SubscriptionCancelledProps>;
+export default SubscriptionCancelled;

package/dist/components/Email/templates/billing/SubscriptionCancelled.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 SubscriptionCancelled = ({ userName = 'User', planName = 'Pro Plan', cancellationDate = 'June 8, 2026', reactivationLink = 'https://example.com/billing/reactivate' }) => {
+    return (jsxs(EmailLayout, { previewText: "Your subscription has been cancelled", title: "Subscription Cancelled", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Subscription Cancelled" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", your ", planName, " subscription has been successfully cancelled. You will continue to have access to your premium features until the end of your current billing cycle on ", jsx("strong", { children: cancellationDate }), "."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: reactivationLink, children: "Reactivate Subscription" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "We're sorry to see you go. If you have a moment, we'd love to hear your feedback on how we can improve." })] }));
+};
+
+export { SubscriptionCancelled, SubscriptionCancelled as default };
+//# sourceMappingURL=SubscriptionCancelled.js.map

package/dist/components/Email/templates/billing/SubscriptionCancelled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionCancelled.js","sources":["../../../../../src/components/Email/templates/billing/SubscriptionCancelled.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Link } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface SubscriptionCancelledProps {\n  userName?: string;\n  planName?: string;\n  cancellationDate?: string;\n  reactivationLink?: string;\n}\n\nexport const SubscriptionCancelled: React.FC<SubscriptionCancelledProps> = ({\n  userName = 'User',\n  planName = 'Pro Plan',\n  cancellationDate = 'June 8, 2026',\n  reactivationLink = 'https://example.com/billing/reactivate'\n}) => {\n  return (\n    <EmailLayout previewText=\"Your subscription has been cancelled\" title=\"Subscription Cancelled\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Subscription Cancelled</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, your {planName} subscription has been successfully cancelled. You will continue to have access to your premium features until the end of your current billing cycle on <strong>{cancellationDate}</strong>.\n      </Text>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={reactivationLink}>Reactivate Subscription</EmailButton>\n      </Section>\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm\">We're sorry to see you go. If you have a moment, we'd love to hear your feedback on how we can improve.</Text>\n    </EmailLayout>\n  );\n};\n\nexport default SubscriptionCancelled;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;MAWa,qBAAqB,GAAyC,CAAC,EAC1E,QAAQ,GAAG,MAAM,EACjB,QAAQ,GAAG,UAAU,EACrB,gBAAgB,GAAG,cAAc,EACjC,gBAAgB,GAAG,wCAAwC,EAC5D,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAC,sCAAsC,EAAC,KAAK,EAAC,wBAAwB,EAAA,QAAA,EAAA,CAC5FC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,wBAAA,EAAA,CAA8B,EACrGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,SAAA,EAAS,QAAQ,EAAA,0JAAA,EAAyJC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,gBAAgB,EAAA,CAAU,EAAA,GAAA,CAAA,EAAA,CACpN,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,gBAAgB,EAAA,QAAA,EAAA,yBAAA,EAAA,CAAuC,EAAA,CAClE,EACVA,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,EAChBA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0CAA0C,EAAA,QAAA,EAAA,yGAAA,EAAA,CAA+G,CAAA,EAAA,CAC7J;AAElB;;;;"}

package/dist/components/Email/templates/billing/SubscriptionConfirmation.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface SubscriptionConfirmationProps {
+    userName?: string;
+    planName?: string;
+    price?: string;
+    billingCycle?: string;
+    dashboardLink?: string;
+}
+export declare const SubscriptionConfirmation: React.FC<SubscriptionConfirmationProps>;
+export default SubscriptionConfirmation;

package/dist/components/Email/templates/billing/SubscriptionConfirmation.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 SubscriptionConfirmation = ({ userName = 'User', planName = 'Pro Plan', price = '$29.00', billingCycle = 'per month', dashboardLink = 'https://example.com/dashboard/billing' }) => {
+    return (jsxs(EmailLayout, { previewText: `Your ${planName} subscription is active`, title: "Subscription Confirmed", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "Subscription Confirmed" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", your account has been successfully upgraded. You now have full access to all the features included in the ", planName, "."] }), jsxs(Section, { className: "bg-gray-50 dark:bg-gray-700 p-6 rounded-lg mb-6 text-center border border-gray-100 dark:border-gray-600", children: [jsx(Text, { className: "text-gray-500 dark:text-gray-400 m-0 mb-2 uppercase tracking-wide text-xs font-bold", children: "Current Plan" }), jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white m-0 mb-1", children: planName }), jsxs(Text, { className: "text-gray-600 dark:text-gray-300 m-0", children: [price, " ", billingCycle] })] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: dashboardLink, children: "Go to Dashboard" }) }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4", children: "Thank you for choosing us!" })] }));
+};
+
+export { SubscriptionConfirmation, SubscriptionConfirmation as default };
+//# sourceMappingURL=SubscriptionConfirmation.js.map

package/dist/components/Email/templates/billing/SubscriptionConfirmation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionConfirmation.js","sources":["../../../../../src/components/Email/templates/billing/SubscriptionConfirmation.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Row, Column } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface SubscriptionConfirmationProps {\n  userName?: string;\n  planName?: string;\n  price?: string;\n  billingCycle?: string;\n  dashboardLink?: string;\n}\n\nexport const SubscriptionConfirmation: React.FC<SubscriptionConfirmationProps> = ({\n  userName = 'User',\n  planName = 'Pro Plan',\n  price = '$29.00',\n  billingCycle = 'per month',\n  dashboardLink = 'https://example.com/dashboard/billing'\n}) => {\n  return (\n    <EmailLayout previewText={`Your ${planName} subscription is active`} title=\"Subscription Confirmed\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Subscription Confirmed</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, your account has been successfully upgraded. You now have full access to all the features included in the {planName}.\n      </Text>\n      <Section className=\"bg-gray-50 dark:bg-gray-700 p-6 rounded-lg mb-6 text-center border border-gray-100 dark:border-gray-600\">\n        <Text className=\"text-gray-500 dark:text-gray-400 m-0 mb-2 uppercase tracking-wide text-xs font-bold\">Current Plan</Text>\n        <Text className=\"text-2xl font-bold text-gray-900 dark:text-white m-0 mb-1\">{planName}</Text>\n        <Text className=\"text-gray-600 dark:text-gray-300 m-0\">{price} {billingCycle}</Text>\n      </Section>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={dashboardLink}>Go to Dashboard</EmailButton>\n      </Section>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-4\">Thank you for choosing us!</Text>\n    </EmailLayout>\n  );\n};\n\nexport default SubscriptionConfirmation;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAYO,MAAM,wBAAwB,GAA4C,CAAC,EAChF,QAAQ,GAAG,MAAM,EACjB,QAAQ,GAAG,UAAU,EACrB,KAAK,GAAG,QAAQ,EAChB,YAAY,GAAG,WAAW,EAC1B,aAAa,GAAG,uCAAuC,EACxD,KAAI;IACH,QACEA,KAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,KAAA,EAAQ,QAAQ,CAAA,uBAAA,CAAyB,EAAE,KAAK,EAAC,wBAAwB,aACjGC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,wBAAA,EAAA,CAA8B,EACrGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,8GAAA,EAA8G,QAAQ,SAC7H,EACPA,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,yGAAyG,EAAA,QAAA,EAAA,CAC1HC,IAAC,IAAI,EAAA,EAAC,SAAS,EAAC,qFAAqF,EAAA,QAAA,EAAA,cAAA,EAAA,CAAoB,EACzHA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,2DAA2D,EAAA,QAAA,EAAE,QAAQ,GAAQ,EAC7FD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAA,CAAE,KAAK,EAAA,GAAA,EAAG,YAAY,CAAA,EAAA,CAAQ,CAAA,EAAA,CAC5E,EACVC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,EAAA,QAAA,EAAA,iBAAA,EAAA,CAA+B,GACvD,EACVA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAkC,CAAA,EAAA,CACvG;AAElB;;;;"}

package/dist/components/Email/templates/billing/TrialEndingEmail.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface TrialEndingEmailProps {
+    userName?: string;
+    trialEndDate?: string;
+    upgradeLink?: string;
+}
+export declare const TrialEndingEmail: React.FC<TrialEndingEmailProps>;
+export default TrialEndingEmail;

package/dist/components/Email/templates/billing/TrialEndingEmail.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 TrialEndingEmail = ({ userName = 'User', trialEndDate = 'in 3 days', upgradeLink = 'https://example.com/upgrade' }) => {
+    return (jsxs(EmailLayout, { previewText: "Your trial is ending soon", title: "Trial Ending Soon", children: [jsxs(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: ["Your trial ends ", trialEndDate] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", we hope you're enjoying the platform. Your free trial is coming to an end soon. Upgrade your plan today to keep access to all premium features!"] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: upgradeLink, children: "Upgrade Plan" }) })] }));
+};
+
+export { TrialEndingEmail, TrialEndingEmail as default };
+//# sourceMappingURL=TrialEndingEmail.js.map

package/dist/components/Email/templates/billing/TrialEndingEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TrialEndingEmail.js","sources":["../../../../../src/components/Email/templates/billing/TrialEndingEmail.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface TrialEndingEmailProps {\n  userName?: string;\n  trialEndDate?: string;\n  upgradeLink?: string;\n}\n\nexport const TrialEndingEmail: React.FC<TrialEndingEmailProps> = ({\n  userName = 'User',\n  trialEndDate = 'in 3 days',\n  upgradeLink = 'https://example.com/upgrade'\n}) => {\n  return (\n    <EmailLayout previewText=\"Your trial is ending soon\" title=\"Trial Ending Soon\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Your trial ends {trialEndDate}</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, we hope you're enjoying the platform. Your free trial is coming to an end soon. Upgrade your plan today to keep access to all premium features!\n      </Text>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={upgradeLink}>\n          Upgrade Plan\n        </EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default TrialEndingEmail;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAUO,MAAM,gBAAgB,GAAoC,CAAC,EAChE,QAAQ,GAAG,MAAM,EACjB,YAAY,GAAG,WAAW,EAC1B,WAAW,GAAG,6BAA6B,EAC5C,KAAI;IACH,QACEA,KAAC,WAAW,EAAA,EAAC,WAAW,EAAC,2BAA2B,EAAC,KAAK,EAAC,mBAAmB,aAC5EA,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,CAAA,kBAAA,EAAkB,YAAY,CAAA,EAAA,CAAQ,EAC7GA,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,yJACP,EACPC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,WAAW,EAAA,QAAA,EAAA,cAAA,EAAA,CAEhB,EAAA,CACN,CAAA,EAAA,CACE;AAElB;;;;"}

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

@@ -0,0 +1,8 @@
+export * from './PaymentFailedEmail';
+export * from './InvoiceEmail';
+export * from './TrialEndingEmail';
+export * from './SubscriptionCancelled';
+export * from './SubscriptionConfirmation';
+export * from './CreditCardExpiring';
+export * from './PaymentReceipt';
+export * from './OverduePaymentNotice';

package/dist/components/Email/templates/engagement/FeatureAnnouncement.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export interface FeatureAnnouncementProps {
+    userName?: string;
+    featureName?: string;
+    description?: string;
+    ctaLink?: string;
+    imageUrl?: string;
+}
+export declare const FeatureAnnouncement: React.FC<FeatureAnnouncementProps>;
+export default FeatureAnnouncement;

package/dist/components/Email/templates/engagement/FeatureAnnouncement.js

@@ -0,0 +1,15 @@
+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 { Img } from '../../../../node_modules/@react-email/img/dist/index.js';
+import { Text } from '../../../../node_modules/@react-email/text/dist/index.js';
+import { Section } from '../../../../node_modules/@react-email/section/dist/index.js';
+
+const FeatureAnnouncement = ({ userName = 'User', featureName = 'Dark Mode', description = 'You asked, we listened! Dark mode is finally here. You can now toggle dark mode from your account settings to reduce eye strain and save battery life.', ctaLink = 'https://example.com/dashboard/settings', imageUrl = 'https://via.placeholder.com/600x300' }) => {
+    return (jsxs(EmailLayout, { previewText: `Introducing ${featureName}!`, title: "New Feature Announcement", children: [jsx(Img, { src: imageUrl, width: "100%", height: "auto", alt: featureName, className: "rounded-lg mb-6" }), jsxs(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: ["Introducing ", featureName, " \uD83C\uDF89"] }), 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: description }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: ctaLink, children: "Try it now" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "We're constantly working to improve our platform. Let us know what you think!" })] }));
+};
+
+export { FeatureAnnouncement, FeatureAnnouncement as default };
+//# sourceMappingURL=FeatureAnnouncement.js.map

package/dist/components/Email/templates/engagement/FeatureAnnouncement.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeatureAnnouncement.js","sources":["../../../../../src/components/Email/templates/engagement/FeatureAnnouncement.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section, Img } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface FeatureAnnouncementProps {\n  userName?: string;\n  featureName?: string;\n  description?: string;\n  ctaLink?: string;\n  imageUrl?: string;\n}\n\nexport const FeatureAnnouncement: React.FC<FeatureAnnouncementProps> = ({\n  userName = 'User',\n  featureName = 'Dark Mode',\n  description = 'You asked, we listened! Dark mode is finally here. You can now toggle dark mode from your account settings to reduce eye strain and save battery life.',\n  ctaLink = 'https://example.com/dashboard/settings',\n  imageUrl = 'https://via.placeholder.com/600x300'\n}) => {\n  return (\n    <EmailLayout previewText={`Introducing ${featureName}!`} title=\"New Feature Announcement\">\n      <Img src={imageUrl} width=\"100%\" height=\"auto\" alt={featureName} className=\"rounded-lg mb-6\" />\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Introducing {featureName} 🎉</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName},\n      </Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        {description}\n      </Text>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={ctaLink}>\n          Try it now\n        </EmailButton>\n      </Section>\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm\">\n        We're constantly working to improve our platform. Let us know what you think!\n      </Text>\n    </EmailLayout>\n  );\n};\n\nexport default FeatureAnnouncement;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;AAYO,MAAM,mBAAmB,GAAuC,CAAC,EACtE,QAAQ,GAAG,MAAM,EACjB,WAAW,GAAG,WAAW,EACzB,WAAW,GAAG,wJAAwJ,EACtK,OAAO,GAAG,wCAAwC,EAClD,QAAQ,GAAG,qCAAqC,EACjD,KAAI;IACH,QACEA,KAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,YAAA,EAAe,WAAW,CAAA,CAAA,CAAG,EAAE,KAAK,EAAC,0BAA0B,aACvFC,GAAA,CAAC,GAAG,IAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,GAAG,EAAE,WAAW,EAAE,SAAS,EAAC,iBAAiB,EAAA,CAAG,EAC/FD,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,CAAA,cAAA,EAAc,WAAW,EAAA,eAAA,CAAA,EAAA,CAAW,EAC3GA,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,oBAC3E,QAAQ,EAAA,GAAA,CAAA,EAAA,CACP,EACPC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAC9E,WAAW,GACP,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,OAAO,EAAA,QAAA,EAAA,YAAA,EAAA,CAEZ,EAAA,CACN,EACVA,GAAA,CAAC,YAAY,KAAG,EAChBA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0CAA0C,EAAA,QAAA,EAAA,+EAAA,EAAA,CAEnD,CAAA,EAAA,CACK;AAElB;;;;"}

package/dist/components/Email/templates/engagement/FeedbackRequestEmail.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface FeedbackRequestEmailProps {
+    userName?: string;
+    productName?: string;
+    surveyLink?: string;
+}
+export declare const FeedbackRequestEmail: React.FC<FeedbackRequestEmailProps>;
+export default FeedbackRequestEmail;

package/dist/components/Email/templates/engagement/FeedbackRequestEmail.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 FeedbackRequestEmail = ({ userName = 'User', productName = 'Beyond Corp', surveyLink = 'https://example.com/survey/123' }) => {
+    return (jsxs(EmailLayout, { previewText: `How is your experience with ${productName}?`, title: "We value your feedback", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "We'd love your feedback!" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", thanks for using ", productName, ". We're always trying to improve, and your feedback is incredibly valuable to us."] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "Do you have 2 minutes to answer a quick question about your experience so far?" }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: surveyLink, children: "Take the quick survey" }) })] }));
+};
+
+export { FeedbackRequestEmail, FeedbackRequestEmail as default };
+//# sourceMappingURL=FeedbackRequestEmail.js.map

package/dist/components/Email/templates/engagement/FeedbackRequestEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FeedbackRequestEmail.js","sources":["../../../../../src/components/Email/templates/engagement/FeedbackRequestEmail.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface FeedbackRequestEmailProps {\n  userName?: string;\n  productName?: string;\n  surveyLink?: string;\n}\n\nexport const FeedbackRequestEmail: React.FC<FeedbackRequestEmailProps> = ({\n  userName = 'User',\n  productName = 'Beyond Corp',\n  surveyLink = 'https://example.com/survey/123'\n}) => {\n  return (\n    <EmailLayout previewText={`How is your experience with ${productName}?`} title=\"We value your feedback\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">We'd love your feedback!</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, thanks for using {productName}. We're always trying to improve, and your feedback is incredibly valuable to us.\n      </Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Do you have 2 minutes to answer a quick question about your experience so far?\n      </Text>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={surveyLink}>\n          Take the quick survey\n        </EmailButton>\n      </Section>\n    </EmailLayout>\n  );\n};\n\nexport default FeedbackRequestEmail;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAUO,MAAM,oBAAoB,GAAwC,CAAC,EACxE,QAAQ,GAAG,MAAM,EACjB,WAAW,GAAG,aAAa,EAC3B,UAAU,GAAG,gCAAgC,EAC9C,KAAI;IACH,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,4BAAA,EAA+B,WAAW,CAAA,CAAA,CAAG,EAAE,KAAK,EAAC,wBAAwB,EAAA,QAAA,EAAA,CACrGC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,0BAAA,EAAA,CAAgC,EACvGD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,qBAAA,EAAqB,WAAW,EAAA,mFAAA,CAAA,EAAA,CACvC,EACPC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,gFAAA,EAAA,CAE1E,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,UAAU,EAAA,QAAA,EAAA,uBAAA,EAAA,CAEf,EAAA,CACN,CAAA,EAAA,CACE;AAElB;;;;"}

package/dist/components/Email/templates/engagement/InactivityWarning.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface InactivityWarningProps {
+    userName?: string;
+    daysInactive?: number;
+    ctaLink?: string;
+    featureHighlights?: string;
+}
+export declare const InactivityWarning: React.FC<InactivityWarningProps>;
+export default InactivityWarning;

package/dist/components/Email/templates/engagement/InactivityWarning.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 InactivityWarning = ({ userName = 'User', daysInactive = 14, ctaLink = 'https://example.com/dashboard', featureHighlights = 'Did you know we recently launched Dark Mode? Log in to check it out!' }) => {
+    return (jsxs(EmailLayout, { previewText: `We miss you, ${userName}!`, title: "We Miss You", children: [jsx(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: "It's been a while!" }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi ", userName, ", we noticed you haven't been active in ", daysInactive, " days. We'd love to see you back on the platform."] }), jsx(Section, { className: "bg-blue-50 dark:bg-blue-900 border border-blue-100 dark:border-blue-800 p-4 rounded-lg mb-6", children: jsxs(Text, { className: "text-blue-800 dark:text-blue-200 m-0", children: [jsx("strong", { children: "What's new:" }), " ", featureHighlights] }) }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: ctaLink, children: "Log In Now" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "If you're having trouble getting started or need help, just reply to this email!" })] }));
+};
+
+export { InactivityWarning, InactivityWarning as default };
+//# sourceMappingURL=InactivityWarning.js.map

package/dist/components/Email/templates/engagement/InactivityWarning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InactivityWarning.js","sources":["../../../../../src/components/Email/templates/engagement/InactivityWarning.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface InactivityWarningProps {\n  userName?: string;\n  daysInactive?: number;\n  ctaLink?: string;\n  featureHighlights?: string;\n}\n\nexport const InactivityWarning: React.FC<InactivityWarningProps> = ({\n  userName = 'User',\n  daysInactive = 14,\n  ctaLink = 'https://example.com/dashboard',\n  featureHighlights = 'Did you know we recently launched Dark Mode? Log in to check it out!'\n}) => {\n  return (\n    <EmailLayout previewText={`We miss you, ${userName}!`} title=\"We Miss You\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">It's been a while!</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi {userName}, we noticed you haven't been active in {daysInactive} days. We'd love to see you back on the platform.\n      </Text>\n      <Section className=\"bg-blue-50 dark:bg-blue-900 border border-blue-100 dark:border-blue-800 p-4 rounded-lg mb-6\">\n        <Text className=\"text-blue-800 dark:text-blue-200 m-0\"><strong>What's new:</strong> {featureHighlights}</Text>\n      </Section>\n      <Section className=\"text-center mb-6\"><EmailButton href={ctaLink}>Log In Now</EmailButton></Section>\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm\">If you're having trouble getting started or need help, just reply to this email!</Text>\n    </EmailLayout>\n  );\n};\n\nexport default InactivityWarning;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;MAWa,iBAAiB,GAAqC,CAAC,EAClE,QAAQ,GAAG,MAAM,EACjB,YAAY,GAAG,EAAE,EACjB,OAAO,GAAG,+BAA+B,EACzC,iBAAiB,GAAG,sEAAsE,EAC3F,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,aAAA,EAAgB,QAAQ,CAAA,CAAA,CAAG,EAAE,KAAK,EAAC,aAAa,aACxEC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,oBAAA,EAAA,CAA0B,EACjGD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,KAAA,EAC3E,QAAQ,EAAA,0CAAA,EAA0C,YAAY,yDAC7D,EACPC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,6FAA6F,EAAA,QAAA,EAC9GD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,sCAAsC,EAAA,QAAA,EAAA,CAACC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA,aAAA,EAAA,CAA4B,OAAE,iBAAiB,CAAA,EAAA,CAAQ,EAAA,CACtG,EACVA,IAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,YAACA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,OAAO,EAAA,QAAA,EAAA,YAAA,EAAA,CAA0B,GAAU,EACpGA,GAAA,CAAC,YAAY,EAAA,EAAA,CAAG,EAChBA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,0CAA0C,EAAA,QAAA,EAAA,kFAAA,EAAA,CAAwF,CAAA,EAAA,CACtI;AAElB;;;;"}

package/dist/components/Email/templates/engagement/MilestoneEmail.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface MilestoneEmailProps {
+    userName?: string;
+    milestoneName?: string;
+    achievementValue?: string;
+    shareLink?: string;
+}
+export declare const MilestoneEmail: React.FC<MilestoneEmailProps>;
+export default MilestoneEmail;

package/dist/components/Email/templates/engagement/MilestoneEmail.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 MilestoneEmail = ({ userName = 'User', milestoneName = 'Tasks Completed', achievementValue = '100', shareLink = 'https://example.com/share/milestone/123' }) => {
+    return (jsxs(EmailLayout, { previewText: "You just hit a new milestone! \uD83C\uDF89", title: "Milestone Unlocked", children: [jsx(Text, { className: "text-3xl text-center mb-2", children: "\uD83C\uDFC6" }), jsxs(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4 text-center", children: ["Incredible work, ", userName, "!"] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6 text-center", children: "You just hit a major milestone on our platform. We are thrilled to celebrate this achievement with you." }), jsxs(Section, { className: "bg-yellow-50 dark:bg-yellow-900 border border-yellow-100 dark:border-yellow-800 p-6 rounded-lg mb-6 text-center", children: [jsx(Text, { className: "text-gray-500 dark:text-gray-400 font-semibold uppercase tracking-wider text-xs m-0 mb-2", children: milestoneName }), jsx(Text, { className: "text-4xl font-bold text-yellow-600 dark:text-yellow-500 m-0", children: achievementValue })] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: shareLink, children: "Share Your Achievement" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm text-center", children: "Keep up the great work! We can't wait to see what you do next." })] }));
+};
+
+export { MilestoneEmail, MilestoneEmail as default };
+//# sourceMappingURL=MilestoneEmail.js.map

package/dist/components/Email/templates/engagement/MilestoneEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MilestoneEmail.js","sources":["../../../../../src/components/Email/templates/engagement/MilestoneEmail.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface MilestoneEmailProps {\n  userName?: string;\n  milestoneName?: string;\n  achievementValue?: string;\n  shareLink?: string;\n}\n\nexport const MilestoneEmail: React.FC<MilestoneEmailProps> = ({\n  userName = 'User',\n  milestoneName = 'Tasks Completed',\n  achievementValue = '100',\n  shareLink = 'https://example.com/share/milestone/123'\n}) => {\n  return (\n    <EmailLayout previewText=\"You just hit a new milestone! 🎉\" title=\"Milestone Unlocked\">\n      <Text className=\"text-3xl text-center mb-2\">🏆</Text>\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4 text-center\">Incredible work, {userName}!</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6 text-center\">\n        You just hit a major milestone on our platform. We are thrilled to celebrate this achievement with you.\n      </Text>\n      <Section className=\"bg-yellow-50 dark:bg-yellow-900 border border-yellow-100 dark:border-yellow-800 p-6 rounded-lg mb-6 text-center\">\n        <Text className=\"text-gray-500 dark:text-gray-400 font-semibold uppercase tracking-wider text-xs m-0 mb-2\">{milestoneName}</Text>\n        <Text className=\"text-4xl font-bold text-yellow-600 dark:text-yellow-500 m-0\">{achievementValue}</Text>\n      </Section>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={shareLink}>\n          Share Your Achievement\n        </EmailButton>\n      </Section>\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm text-center\">Keep up the great work! We can't wait to see what you do next.</Text>\n    </EmailLayout>\n  );\n};\n\nexport default MilestoneEmail;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;MAWa,cAAc,GAAkC,CAAC,EAC5D,QAAQ,GAAG,MAAM,EACjB,aAAa,GAAG,iBAAiB,EACjC,gBAAgB,GAAG,KAAK,EACxB,SAAS,GAAG,yCAAyC,EACtD,KAAI;IACH,QACEA,KAAC,WAAW,EAAA,EAAC,WAAW,EAAC,4CAAkC,EAAC,KAAK,EAAC,oBAAoB,EAAA,QAAA,EAAA,CACpFC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAA,cAAA,EAAA,CAAU,EACrDD,IAAA,CAAC,IAAI,IAAC,SAAS,EAAC,mEAAmE,EAAA,QAAA,EAAA,CAAA,mBAAA,EAAmB,QAAQ,SAAS,EACvHC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,6EAA6E,EAAA,QAAA,EAAA,yGAAA,EAAA,CAEtF,EACPD,IAAA,CAAC,OAAO,IAAC,SAAS,EAAC,iHAAiH,EAAA,QAAA,EAAA,CAClIC,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,0FAA0F,EAAA,QAAA,EAAE,aAAa,GAAQ,EACjIA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,6DAA6D,EAAA,QAAA,EAAE,gBAAgB,EAAA,CAAQ,CAAA,EAAA,CAC/F,EACVA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,YACnCA,GAAA,CAAC,WAAW,IAAC,IAAI,EAAE,SAAS,EAAA,QAAA,EAAA,wBAAA,EAAA,CAEd,EAAA,CACN,EACVA,GAAA,CAAC,YAAY,KAAG,EAChBA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,sDAAsD,EAAA,QAAA,EAAA,gEAAA,EAAA,CAAsE,CAAA,EAAA,CAChI;AAElB;;;;"}

package/dist/components/Email/templates/engagement/ProductChangelog.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface ProductChangelogProps {
+    version?: string;
+    updates?: string[];
+    fixes?: string[];
+    releaseLink?: string;
+}
+export declare const ProductChangelog: React.FC<ProductChangelogProps>;
+export default ProductChangelog;

package/dist/components/Email/templates/engagement/ProductChangelog.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 ProductChangelog = ({ version = 'v2.4.0', updates = ['Added multi-user collaborative editing', 'New integration with Slack for real-time notifications', 'Redesigned the dashboard settings panel'], fixes = ['Fixed an issue where exports would occasionally timeout', 'Resolved timezone display bugs in the calendar view'], releaseLink = 'https://example.com/changelog' }) => {
+    return (jsxs(EmailLayout, { previewText: `See what's new in ${version}`, title: "Product Changelog", children: [jsxs(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: ["Latest Updates: ", version] }), jsx(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: "We've been hard at work making the platform better for you. Here is a quick summary of what's new." }), jsxs(Section, { className: "mb-6", children: [jsx(Text, { className: "text-lg font-bold text-blue-600 dark:text-blue-400 mb-2 m-0", children: "\uD83D\uDE80 New Features & Improvements" }), updates.map((item, idx) => (jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 mb-2 flex", children: ["\u2022 ", item] }, idx)))] }), jsxs(Section, { className: "mb-6", children: [jsx(Text, { className: "text-lg font-bold text-green-600 dark:text-green-400 mb-2 m-0", children: "\uD83D\uDEE0 Bug Fixes" }), fixes.map((item, idx) => (jsxs(Text, { className: "text-gray-700 dark:text-gray-300 m-0 mb-2 flex", children: ["\u2022 ", item] }, idx)))] }), jsx(Section, { className: "text-center", children: jsx(EmailButton, { href: releaseLink, children: "Read the full notes" }) })] }));
+};
+
+export { ProductChangelog, ProductChangelog as default };
+//# sourceMappingURL=ProductChangelog.js.map

package/dist/components/Email/templates/engagement/ProductChangelog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductChangelog.js","sources":["../../../../../src/components/Email/templates/engagement/ProductChangelog.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface ProductChangelogProps {\n  version?: string;\n  updates?: string[];\n  fixes?: string[];\n  releaseLink?: string;\n}\n\nexport const ProductChangelog: React.FC<ProductChangelogProps> = ({\n  version = 'v2.4.0',\n  updates = ['Added multi-user collaborative editing', 'New integration with Slack for real-time notifications', 'Redesigned the dashboard settings panel'],\n  fixes = ['Fixed an issue where exports would occasionally timeout', 'Resolved timezone display bugs in the calendar view'],\n  releaseLink = 'https://example.com/changelog'\n}) => {\n  return (\n    <EmailLayout previewText={`See what's new in ${version}`} title=\"Product Changelog\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Latest Updates: {version}</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">We've been hard at work making the platform better for you. Here is a quick summary of what's new.</Text>\n      \n      <Section className=\"mb-6\">\n        <Text className=\"text-lg font-bold text-blue-600 dark:text-blue-400 mb-2 m-0\">🚀 New Features & Improvements</Text>\n        {updates.map((item, idx) => (\n          <Text key={idx} className=\"text-gray-700 dark:text-gray-300 m-0 mb-2 flex\">• {item}</Text>\n        ))}\n      </Section>\n      \n      <Section className=\"mb-6\">\n        <Text className=\"text-lg font-bold text-green-600 dark:text-green-400 mb-2 m-0\">🛠 Bug Fixes</Text>\n        {fixes.map((item, idx) => (\n          <Text key={idx} className=\"text-gray-700 dark:text-gray-300 m-0 mb-2 flex\">• {item}</Text>\n        ))}\n      </Section>\n      <Section className=\"text-center\"><EmailButton href={releaseLink}>Read the full notes</EmailButton></Section>\n    </EmailLayout>\n  );\n};\n\nexport default ProductChangelog;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAWO,MAAM,gBAAgB,GAAoC,CAAC,EAChE,OAAO,GAAG,QAAQ,EAClB,OAAO,GAAG,CAAC,wCAAwC,EAAE,wDAAwD,EAAE,yCAAyC,CAAC,EACzJ,KAAK,GAAG,CAAC,yDAAyD,EAAE,qDAAqD,CAAC,EAC1H,WAAW,GAAG,+BAA+B,EAC9C,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,kBAAA,EAAqB,OAAO,CAAA,CAAE,EAAE,KAAK,EAAC,mBAAmB,EAAA,QAAA,EAAA,CACjFA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,CAAA,kBAAA,EAAkB,OAAO,CAAA,EAAA,CAAQ,EACxGC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,oGAAA,EAAA,CAA0G,EAE3LD,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,EAAA,QAAA,EAAA,CACvBC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,6DAA6D,EAAA,QAAA,EAAA,0CAAA,EAAA,CAAsC,EAClH,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,MACrBD,IAAA,CAAC,IAAI,EAAA,EAAW,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAAA,CAAA,SAAA,EAAI,IAAI,CAAA,EAAA,EAAvE,GAAG,CAA4E,CAC3F,CAAC,CAAA,EAAA,CACM,EAEVA,IAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,MAAM,aACvBC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,+DAA+D,EAAA,QAAA,EAAA,wBAAA,EAAA,CAAoB,EAClG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,MACnBD,IAAA,CAAC,IAAI,EAAA,EAAW,SAAS,EAAC,gDAAgD,EAAA,QAAA,EAAA,CAAA,SAAA,EAAI,IAAI,CAAA,EAAA,EAAvE,GAAG,CAA4E,CAC3F,CAAC,IACM,EACVC,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,aAAa,EAAA,QAAA,EAACA,IAAC,WAAW,EAAA,EAAC,IAAI,EAAE,WAAW,EAAA,QAAA,EAAA,qBAAA,EAAA,CAAmC,EAAA,CAAU,CAAA,EAAA,CAChG;AAElB;;;;"}

package/dist/components/Email/templates/engagement/TeamInviteEmail.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface TeamInviteEmailProps {
+    inviterName?: string;
+    teamName?: string;
+    role?: string;
+    inviteLink?: string;
+}
+export declare const TeamInviteEmail: React.FC<TeamInviteEmailProps>;
+export default TeamInviteEmail;

package/dist/components/Email/templates/engagement/TeamInviteEmail.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 TeamInviteEmail = ({ inviterName = 'Alex', teamName = 'Acme Corp', role = 'Editor', inviteLink = 'https://example.com/team/invite/123' }) => {
+    return (jsxs(EmailLayout, { previewText: `You've been invited to join ${teamName}`, title: "Team Invitation", children: [jsxs(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: ["Join ", teamName] }), jsxs(Text, { className: "text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6", children: ["Hi there, ", jsx("strong", { children: inviterName }), " has invited you to join the ", jsx("strong", { children: teamName }), " team as an ", jsx("strong", { children: role }), "."] }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: inviteLink, children: "Accept Invitation" }) }), jsx(EmailDivider, {}), jsx(Text, { className: "text-gray-500 dark:text-gray-400 text-sm", children: "If you don't recognize this invitation, you can safely ignore this email." })] }));
+};
+
+export { TeamInviteEmail, TeamInviteEmail as default };
+//# sourceMappingURL=TeamInviteEmail.js.map

package/dist/components/Email/templates/engagement/TeamInviteEmail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TeamInviteEmail.js","sources":["../../../../../src/components/Email/templates/engagement/TeamInviteEmail.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton, EmailDivider } from '../../components';\n\nexport interface TeamInviteEmailProps {\n  inviterName?: string;\n  teamName?: string;\n  role?: string;\n  inviteLink?: string;\n}\n\nexport const TeamInviteEmail: React.FC<TeamInviteEmailProps> = ({\n  inviterName = 'Alex',\n  teamName = 'Acme Corp',\n  role = 'Editor',\n  inviteLink = 'https://example.com/team/invite/123'\n}) => {\n  return (\n    <EmailLayout previewText={`You've been invited to join ${teamName}`} title=\"Team Invitation\">\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">Join {teamName}</Text>\n      <Text className=\"text-gray-700 dark:text-gray-300 text-base leading-relaxed mb-6\">\n        Hi there, <strong>{inviterName}</strong> has invited you to join the <strong>{teamName}</strong> team as an <strong>{role}</strong>.\n      </Text>\n      <Section className=\"text-center mb-6\">\n        <EmailButton href={inviteLink}>\n          Accept Invitation\n        </EmailButton>\n      </Section>\n      <EmailDivider />\n      <Text className=\"text-gray-500 dark:text-gray-400 text-sm\">\n        If you don't recognize this invitation, you can safely ignore this email.\n      </Text>\n    </EmailLayout>\n  );\n};\n\nexport default TeamInviteEmail;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;MAWa,eAAe,GAAmC,CAAC,EAC9D,WAAW,GAAG,MAAM,EACpB,QAAQ,GAAG,WAAW,EACtB,IAAI,GAAG,QAAQ,EACf,UAAU,GAAG,qCAAqC,EACnD,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,4BAAA,EAA+B,QAAQ,CAAA,CAAE,EAAE,KAAK,EAAC,iBAAiB,EAAA,QAAA,EAAA,CAC1FA,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,CAAA,OAAA,EAAO,QAAQ,CAAA,EAAA,CAAQ,EAC9FA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iEAAiE,EAAA,QAAA,EAAA,CAAA,YAAA,EACrEC,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,WAAW,GAAU,EAAA,+BAAA,EAA6BA,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,QAAQ,EAAA,CAAU,EAAA,cAAA,EAAYA,GAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAS,IAAI,EAAA,CAAU,SAC9H,EACPA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,EAAA,QAAA,EACnCA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,UAAU,kCAEf,EAAA,CACN,EACVA,GAAA,CAAC,YAAY,KAAG,EAChBA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0CAA0C,EAAA,QAAA,EAAA,2EAAA,EAAA,CAEnD,CAAA,EAAA,CACK;AAElB;;;;"}

package/dist/components/Email/templates/engagement/TipOfWeek.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface TipOfWeekProps {
+    userName?: string;
+    tipTitle?: string;
+    tipContent?: string;
+    learnMoreLink?: string;
+}
+export declare const TipOfWeek: React.FC<TipOfWeekProps>;
+export default TipOfWeek;

package/dist/components/Email/templates/engagement/TipOfWeek.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 TipOfWeek = ({ userName = 'User', tipTitle = 'Keyboard Shortcuts', tipContent = 'Save time by using keyboard shortcuts! Press Cmd+K (or Ctrl+K on Windows) to open the quick search menu from anywhere in the app.', learnMoreLink = 'https://example.com/help/shortcuts' }) => {
+    return (jsxs(EmailLayout, { previewText: `Tip of the Week: ${tipTitle}`, title: "Tip of the Week", children: [jsx(Text, { className: "text-gray-500 dark:text-gray-400 font-bold tracking-widest text-xs uppercase mb-2", children: "Tip of the Week" }), jsxs(Text, { className: "text-2xl font-bold text-gray-900 dark:text-white mb-4", children: [tipTitle, " \uD83D\uDCA1"] }), 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: tipContent }), jsx(Section, { className: "text-center mb-6", children: jsx(EmailButton, { href: learnMoreLink, children: "Read Full Guide" }) })] }));
+};
+
+export { TipOfWeek, TipOfWeek as default };
+//# sourceMappingURL=TipOfWeek.js.map

package/dist/components/Email/templates/engagement/TipOfWeek.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TipOfWeek.js","sources":["../../../../../src/components/Email/templates/engagement/TipOfWeek.tsx"],"sourcesContent":["import React from 'react';\nimport { Text, Section } from '@react-email/components';\nimport { EmailLayout, EmailButton } from '../../components';\n\nexport interface TipOfWeekProps {\n  userName?: string;\n  tipTitle?: string;\n  tipContent?: string;\n  learnMoreLink?: string;\n}\n\nexport const TipOfWeek: React.FC<TipOfWeekProps> = ({\n  userName = 'User',\n  tipTitle = 'Keyboard Shortcuts',\n  tipContent = 'Save time by using keyboard shortcuts! Press Cmd+K (or Ctrl+K on Windows) to open the quick search menu from anywhere in the app.',\n  learnMoreLink = 'https://example.com/help/shortcuts'\n}) => {\n  return (\n    <EmailLayout previewText={`Tip of the Week: ${tipTitle}`} title=\"Tip of the Week\">\n      <Text className=\"text-gray-500 dark:text-gray-400 font-bold tracking-widest text-xs uppercase mb-2\">Tip of the Week</Text>\n      <Text className=\"text-2xl font-bold text-gray-900 dark:text-white mb-4\">{tipTitle} 💡</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\">{tipContent}</Text>\n      <Section className=\"text-center mb-6\"><EmailButton href={learnMoreLink}>Read Full Guide</EmailButton></Section>\n    </EmailLayout>\n  );\n};\n\nexport default TipOfWeek;"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;MAWa,SAAS,GAA6B,CAAC,EAClD,QAAQ,GAAG,MAAM,EACjB,QAAQ,GAAG,oBAAoB,EAC/B,UAAU,GAAG,mIAAmI,EAChJ,aAAa,GAAG,oCAAoC,EACrD,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,CAAA,iBAAA,EAAoB,QAAQ,CAAA,CAAE,EAAE,KAAK,EAAC,iBAAiB,aAC/EC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,mFAAmF,EAAA,QAAA,EAAA,iBAAA,EAAA,CAAuB,EAC1HD,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uDAAuD,EAAA,QAAA,EAAA,CAAE,QAAQ,EAAA,eAAA,CAAA,EAAA,CAAW,EAC5FA,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,UAAU,EAAA,CAAQ,EACrGA,GAAA,CAAC,OAAO,EAAA,EAAC,SAAS,EAAC,kBAAkB,YAACA,GAAA,CAAC,WAAW,EAAA,EAAC,IAAI,EAAE,aAAa,EAAA,QAAA,EAAA,iBAAA,EAAA,CAA+B,EAAA,CAAU,CAAA,EAAA,CACnG;AAElB;;;;"}

package/dist/components/Email/templates/engagement/WeeklyDigest.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface WeeklyDigestProps {
+    userName?: string;
+    stats?: Array<{
+        label: string;
+        value: string | number;
+    }>;
+    dashboardLink?: string;
+}
+export declare const WeeklyDigest: React.FC<WeeklyDigestProps>;
+export default WeeklyDigest;