@sudobility/email-components 1.0.7

package/README.md

@@ -0,0 +1,48 @@
+# @sudobility/email-components
+
+Email marketing and management UI components for React applications.
+
+## Installation
+
+```bash
+npm install @sudobility/email-components @sudobility/components @sudobility/design
+```
+
+## Components
+
+- **EmailAccountsList** - Email account management list
+- **EmailInputGroup** - Email input with validation
+- **EmailTemplate** - Email template builder
+- **EmailCampaign** - Campaign creation and management
+- **EmailAnalytics** - Email campaign analytics dashboard
+- **ABTestEmail** - A/B testing for email campaigns
+- **SubscriberList** - Subscriber management interface
+- **ContactCard** - Contact information card
+- **FreeEmailBanner** - Banner for free email providers
+
+## Usage
+
+```tsx
+import { EmailAccountsList, EmailCampaign, EmailAnalytics } from '@sudobility/email-components';
+
+function App() {
+  return (
+    <>
+      <EmailAccountsList accounts={accounts} />
+      <EmailCampaign onSave={handleSave} />
+      <EmailAnalytics campaignId="123" />
+    </>
+  );
+}
+```
+
+## Dependencies
+
+This package requires:
+- `@sudobility/components` - Core component library
+- `@sudobility/design` - Design system tokens
+- `react` ^18.0.0 or ^19.0.0
+
+## License
+
+MIT

package/dist/ab-test-email.d.ts

@@ -0,0 +1,19 @@
+/**
+ * AbTestEmail Component
+ *
+ * Email marketing component with full dark mode support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <AbTestEmail className="custom-class" />
+ * ```
+ */
+export interface AbTestEmailProps {
+    className?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+}
+export declare const AbTestEmail: ({ className, children, disabled, }: AbTestEmailProps) => import("react/jsx-runtime").JSX.Element;
+export default AbTestEmail;
+//# sourceMappingURL=ab-test-email.d.ts.map

package/dist/ab-test-email.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ab-test-email.d.ts","sourceRoot":"","sources":["../src/ab-test-email.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,GAAI,oCAIzB,gBAAgB,4CAiBlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/chain-badge.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+type ChainType = 'evm' | 'solana' | 'bitcoin' | 'other';
+interface ChainBadgeProps {
+    chainType: ChainType;
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare const ChainBadge: React.FC<ChainBadgeProps>;
+export {};
+//# sourceMappingURL=chain-badge.d.ts.map

package/dist/chain-badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chain-badge.d.ts","sourceRoot":"","sources":["../src/chain-badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,KAAK,SAAS,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AAExD,UAAU,eAAe;IACvB,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AAiBD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAehD,CAAC"}

package/dist/contact-card.d.ts

@@ -0,0 +1,19 @@
+/**
+ * ContactCard Component
+ *
+ * CRM component with full dark mode support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <ContactCard className="custom-class" />
+ * ```
+ */
+export interface ContactCardProps {
+    className?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+}
+export declare const ContactCard: ({ className, children, disabled, }: ContactCardProps) => import("react/jsx-runtime").JSX.Element;
+export default ContactCard;
+//# sourceMappingURL=contact-card.d.ts.map

package/dist/contact-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contact-card.d.ts","sourceRoot":"","sources":["../src/contact-card.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,WAAW,GAAI,oCAIzB,gBAAgB,4CAiBlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/dist/email-accounts-list.d.ts

@@ -0,0 +1,27 @@
+import { default as React } from 'react';
+interface EmailAccount {
+    address: string;
+    name: string;
+    type: 'primary' | 'ens' | 'sns';
+    walletAddress: string;
+    addressType: 'evm' | 'solana';
+}
+interface WalletEmailGroup {
+    walletAddress: string;
+    addressType: 'evm' | 'solana';
+    primaryEmail: EmailAccount;
+    domainEmails: EmailAccount[];
+    customColor?: string;
+}
+interface EmailAccountsListProps {
+    walletGroups: WalletEmailGroup[];
+    selectedAccount?: string;
+    expandedWallets: string[];
+    onAccountSelect: (address: string) => void;
+    onToggleWallet: (walletAddress: string) => void;
+    onAccountSettings?: (address: string) => void;
+    className?: string;
+}
+declare const EmailAccountsList: React.FC<EmailAccountsListProps>;
+export { EmailAccountsList, type EmailAccount, type WalletEmailGroup };
+//# sourceMappingURL=email-accounts-list.d.ts.map

package/dist/email-accounts-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-accounts-list.d.ts","sourceRoot":"","sources":["../src/email-accounts-list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAM3D,UAAU,YAAY;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,SAAS,GAAG,KAAK,GAAG,KAAK,CAAC;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,KAAK,GAAG,QAAQ,CAAC;CAC/B;AAED,UAAU,gBAAgB;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,KAAK,GAAG,QAAQ,CAAC;IAC9B,YAAY,EAAE,YAAY,CAAC;IAC3B,YAAY,EAAE,YAAY,EAAE,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,sBAAsB;IAC9B,YAAY,EAAE,gBAAgB,EAAE,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,eAAe,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3C,cAAc,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,iBAAiB,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmGD,QAAA,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAgFvD,CAAC;AAEF,OAAO,EAAE,iBAAiB,EAAE,KAAK,YAAY,EAAE,KAAK,gBAAgB,EAAE,CAAC"}

package/dist/email-analytics.d.ts

@@ -0,0 +1,19 @@
+/**
+ * EmailAnalytics Component
+ *
+ * Email marketing component with full dark mode support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <EmailAnalytics className="custom-class" />
+ * ```
+ */
+export interface EmailAnalyticsProps {
+    className?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+}
+export declare const EmailAnalytics: ({ className, children, disabled, }: EmailAnalyticsProps) => import("react/jsx-runtime").JSX.Element;
+export default EmailAnalytics;
+//# sourceMappingURL=email-analytics.d.ts.map

package/dist/email-analytics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-analytics.d.ts","sourceRoot":"","sources":["../src/email-analytics.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,GAAI,oCAI5B,mBAAmB,4CAiBrB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/email-campaign.d.ts

@@ -0,0 +1,19 @@
+/**
+ * EmailCampaign Component
+ *
+ * Email marketing component with full dark mode support.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <EmailCampaign className="custom-class" />
+ * ```
+ */
+export interface EmailCampaignProps {
+    className?: string;
+    children?: React.ReactNode;
+    disabled?: boolean;
+}
+export declare const EmailCampaign: ({ className, children, disabled, }: EmailCampaignProps) => import("react/jsx-runtime").JSX.Element;
+export default EmailCampaign;
+//# sourceMappingURL=email-campaign.d.ts.map

package/dist/email-campaign.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-campaign.d.ts","sourceRoot":"","sources":["../src/email-campaign.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;GAUG;AACH,MAAM,WAAW,kBAAkB;IACjC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,GAAI,oCAI3B,kBAAkB,4CAiBpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/email-input-group.d.ts

@@ -0,0 +1,53 @@
+import { default as React } from 'react';
+interface EmailInputFieldProps {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+    required?: boolean;
+    error?: string;
+    className?: string;
+}
+export declare const EmailInputField: React.FC<EmailInputFieldProps>;
+interface CollapsibleEmailFieldProps extends EmailInputFieldProps {
+    isVisible: boolean;
+    onToggle: () => void;
+    showLabel?: string;
+    hideLabel?: string;
+}
+export declare const CollapsibleEmailField: React.FC<CollapsibleEmailFieldProps>;
+interface EmailInputGroupProps {
+    to: string;
+    onToChange: (value: string) => void;
+    cc?: string;
+    onCcChange?: (value: string) => void;
+    bcc?: string;
+    onBccChange?: (value: string) => void;
+    showCc?: boolean;
+    showBcc?: boolean;
+    onToggleCc?: () => void;
+    onToggleBcc?: () => void;
+    errors?: {
+        to?: string;
+        cc?: string;
+        bcc?: string;
+    };
+    className?: string;
+    labels?: {
+        to?: string;
+        cc?: string;
+        bcc?: string;
+        addCc?: string;
+        removeCc?: string;
+        addBcc?: string;
+        removeBcc?: string;
+    };
+    placeholders?: {
+        to?: string;
+        cc?: string;
+        bcc?: string;
+    };
+}
+export declare const EmailInputGroup: React.FC<EmailInputGroupProps>;
+export default EmailInputGroup;
+//# sourceMappingURL=email-input-group.d.ts.map

package/dist/email-input-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-input-group.d.ts","sourceRoot":"","sources":["../src/email-input-group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,UAAU,oBAAoB;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAuC1D,CAAC;AAEF,UAAU,0BAA2B,SAAQ,oBAAoB;IAC/D,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC,0BAA0B,CA2BtE,CAAC;AAEF,UAAU,oBAAoB;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,MAAM,CAAC,EAAE;QACP,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE;QACP,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC;KACpB,CAAC;IACF,YAAY,CAAC,EAAE;QACb,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,EAAE,CAAC,EAAE,MAAM,CAAC;QACZ,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA6E1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/email-template.d.ts

@@ -0,0 +1,34 @@
+/**
+ * UemailUtemplate Component
+ *
+ * A reusable UemailUtemplate component with full dark mode support.
+ * Optimized for accessibility and AI-assisted development.
+ *
+ * @component
+ * @example
+ * ```tsx
+ * <UemailUtemplate className="custom-class" />
+ * ```
+ *
+ * @remarks
+ * This component supports:
+ * - Light and dark themes automatically
+ * - Responsive design
+ * - Accessibility features
+ * - TypeScript type safety
+ *
+ * @see {@link https://docs.example.com/components/email-template}
+ */
+export interface UemailUtemplateProps {
+    /** Additional CSS classes */
+    className?: string;
+    /** Component children */
+    children?: React.ReactNode;
+    /** Disabled state */
+    disabled?: boolean;
+    /** Callback when component is interacted with */
+    onClick?: () => void;
+}
+export declare const UemailUtemplate: ({ className, children, disabled, onClick, }: UemailUtemplateProps) => import("react/jsx-runtime").JSX.Element;
+export default UemailUtemplate;
+//# sourceMappingURL=email-template.d.ts.map

package/dist/email-template.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"email-template.d.ts","sourceRoot":"","sources":["../src/email-template.tsx"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;;;;;;;GAoBG;AAEH,MAAM,WAAW,oBAAoB;IACnC,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yBAAyB;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,eAAe,GAAI,6CAK7B,oBAAoB,4CAmBtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/free-email-banner.d.ts

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { VariantProps } from 'class-variance-authority';
+declare const bannerVariants: (props?: ({
+    variant?: "default" | "compact" | "minimal" | "vibrant" | null | undefined;
+    size?: "default" | "compact" | "large" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+interface FreeEmailBannerProps extends VariantProps<typeof bannerVariants> {
+    className?: string;
+    message?: string;
+    ctaText?: string;
+    ctaLink?: string;
+    showBadge?: boolean;
+    badgeText?: string;
+    onDismiss?: () => void;
+    isDismissible?: boolean;
+    dismissAriaLabel?: string;
+}
+export declare const FreeEmailBanner: React.FC<FreeEmailBannerProps>;
+export default FreeEmailBanner;
+//# sourceMappingURL=free-email-banner.d.ts.map

package/dist/free-email-banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"free-email-banner.d.ts","sourceRoot":"","sources":["../src/free-email-banner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,QAAA,MAAM,cAAc;;;8EAqBlB,CAAC;AAoCH,UAAU,oBAAqB,SAAQ,YAAY,CAAC,OAAO,cAAc,CAAC;IACxE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA8D1D,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Email Components
+ *
+ * Specialized components for email domain
+ */
+export * from './ab-test-email';
+export * from './chain-badge';
+export * from './contact-card';
+export * from './email-accounts-list';
+export * from './email-analytics';
+export * from './email-campaign';
+export * from './email-input-group';
+export * from './email-template';
+export * from './free-email-banner';
+export * from './label';
+export * from './subscriber-list';
+export * from './subscription-plan';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC"}