@tangle-network/sandbox-ui 0.23.0 → 0.23.2

package/dist/assets.d.ts

@@ -0,0 +1,276 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface BrandTokens {
+    primaryColor: string;
+    accentColor: string;
+    textColor: string;
+    fontFamily: string;
+    logoUrl?: string;
+    businessName: string;
+    voice: string;
+}
+type AssetFormat = "email" | "image:feed" | "image:story" | "image:carousel" | "video:reel" | "video:feed" | "copy:caption" | "copy:headline" | "copy:sms";
+type AssetStatus = "draft" | "pending_review" | "approved" | "rejected" | "scheduled" | "published";
+interface EmailHeroSection {
+    type: "hero";
+    headline: string;
+    subheadline?: string;
+    imageUrl?: string;
+    ctaLabel?: string;
+    ctaUrl?: string;
+}
+interface EmailBodySection {
+    type: "body";
+    text: string;
+}
+interface EmailFeatureSection {
+    type: "feature";
+    headline: string;
+    description: string;
+    imageUrl?: string;
+}
+interface EmailTestimonialSection {
+    type: "testimonial";
+    quote: string;
+    author: string;
+    role?: string;
+    avatarUrl?: string;
+}
+interface EmailCtaSection {
+    type: "cta";
+    label: string;
+    url: string;
+    subtext?: string;
+}
+interface EmailDividerSection {
+    type: "divider";
+}
+type EmailSection = EmailHeroSection | EmailBodySection | EmailFeatureSection | EmailTestimonialSection | EmailCtaSection | EmailDividerSection;
+interface EmailContent {
+    subject: string;
+    preheader?: string;
+    sections: EmailSection[];
+}
+interface ImageTextLayer {
+    type: "text";
+    text: string;
+    fontSize?: number;
+    fontWeight?: "normal" | "bold";
+    color?: string;
+    x: number;
+    y: number;
+    width?: number;
+    align?: "left" | "center" | "right";
+}
+interface ImageImageLayer {
+    type: "image";
+    url: string;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    opacity?: number;
+}
+interface ImageShapeLayer {
+    type: "shape";
+    shape: "rect" | "circle" | "rounded-rect";
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    fill?: string;
+    opacity?: number;
+}
+interface ImageLogoLayer {
+    type: "logo";
+    x: number;
+    y: number;
+    width?: number;
+}
+type ImageLayer = ImageTextLayer | ImageImageLayer | ImageShapeLayer | ImageLogoLayer;
+type ImageBackground = {
+    type: "color";
+    value: string;
+} | {
+    type: "gradient";
+    from: string;
+    to: string;
+    direction?: string;
+} | {
+    type: "image";
+    url: string;
+    overlay?: string;
+    overlayOpacity?: number;
+};
+interface ImageSlide {
+    background: ImageBackground;
+    layers: ImageLayer[];
+}
+interface ImageContent {
+    slides: ImageSlide[];
+}
+interface VideoTextAnimationScene {
+    type: "text-animation";
+    durationSeconds: number;
+    headline: string;
+    subtext?: string;
+    animation?: "fade" | "slide-up" | "typewriter";
+    background?: ImageBackground;
+}
+interface VideoImageRevealScene {
+    type: "image-reveal";
+    durationSeconds: number;
+    imageUrl: string;
+    caption?: string;
+}
+interface VideoSlideScene {
+    type: "slide";
+    durationSeconds: number;
+    slide: ImageSlide;
+}
+interface VideoCountdownScene {
+    type: "countdown";
+    durationSeconds: number;
+    from: number;
+    label?: string;
+}
+type VideoScene = VideoTextAnimationScene | VideoImageRevealScene | VideoSlideScene | VideoCountdownScene;
+interface VideoCaption {
+    startSeconds: number;
+    endSeconds: number;
+    text: string;
+}
+interface VideoContent {
+    durationSeconds: number;
+    scenes: VideoScene[];
+    audioUrl?: string;
+    captions?: VideoCaption[];
+    renderedUrl?: string;
+}
+type CopyPlatform = "instagram" | "tiktok" | "x" | "linkedin" | "sms" | "email-subject";
+interface CopyContent {
+    headline: string;
+    body: string;
+    hashtags?: string[];
+    platform: CopyPlatform;
+    characterCount?: number;
+}
+type AssetContentMap = {
+    email: EmailContent;
+    "image:feed": ImageContent;
+    "image:story": ImageContent;
+    "image:carousel": ImageContent;
+    "video:reel": VideoContent;
+    "video:feed": VideoContent;
+    "copy:caption": CopyContent;
+    "copy:headline": CopyContent;
+    "copy:sms": CopyContent;
+};
+interface AssetSpec<F extends AssetFormat = AssetFormat> {
+    id: string;
+    workspaceId: string;
+    campaignId?: string;
+    format: F;
+    brand: BrandTokens;
+    content: AssetContentMap[F];
+    status: AssetStatus;
+    scheduledAt?: string;
+    createdAt: string;
+    updatedAt: string;
+}
+interface ApprovalEvent {
+    assetId: string;
+    variantId?: string;
+    action: "approved" | "rejected" | "edited" | "scheduled";
+    editedFields?: string[];
+    userId: string;
+    timestamp: string;
+}
+interface AssetVariant {
+    id: string;
+    parentId: string;
+    label: string;
+    spec: AssetSpec;
+    approvedAt?: string;
+    rejectedAt?: string;
+    editLog: ApprovalEvent[];
+}
+
+interface ApprovalQueueProps {
+    assets: AssetSpec[];
+    variantCounts?: Record<string, number>;
+    onApprove?: (id: string, scheduledAt?: string) => void;
+    onReject?: (id: string) => void;
+    onEdit?: (id: string) => void;
+    onSave?: (spec: AssetSpec) => void;
+    onRevisionRequest?: (id: string, instruction: string) => void;
+    onRenderRequest?: (id: string) => void;
+    renderingIds?: Set<string>;
+    previewUrls?: Record<string, string>;
+    className?: string;
+}
+declare function ApprovalQueue({ assets, variantCounts, onApprove, onReject, onEdit, onSave, onRevisionRequest, onRenderRequest, renderingIds, previewUrls, className }: ApprovalQueueProps): react_jsx_runtime.JSX.Element;
+
+interface AssetCardProps {
+    spec: AssetSpec;
+    variantCount?: number;
+    onApprove?: (id: string) => void;
+    onReject?: (id: string) => void;
+    onEdit?: (id: string) => void;
+    className?: string;
+}
+declare function AssetCard({ spec, variantCount, onApprove, onReject, onEdit, className }: AssetCardProps): react_jsx_runtime.JSX.Element;
+
+interface AssetEditorProps {
+    spec: AssetSpec;
+    previewUrl?: string;
+    isRendering?: boolean;
+    onSave?: (spec: AssetSpec) => void;
+    onRenderRequest?: () => void;
+    onRevisionRequest?: (instruction: string) => void;
+    className?: string;
+}
+declare function AssetEditor({ spec, previewUrl, isRendering, onSave, onRenderRequest, onRevisionRequest, className }: AssetEditorProps): react_jsx_runtime.JSX.Element;
+
+interface CopyPreviewProps {
+    content: CopyContent;
+    className?: string;
+}
+declare function CopyPreview({ content, className }: CopyPreviewProps): react_jsx_runtime.JSX.Element;
+
+interface EmailPreviewProps {
+    content: EmailContent;
+    brand: BrandTokens;
+    previewUrl?: string;
+    className?: string;
+}
+declare function EmailPreview({ content, brand, previewUrl, className }: EmailPreviewProps): React.ReactElement<unknown, string | React.JSXElementConstructor<any>>;
+
+type ImageFormat = "feed" | "story" | "carousel";
+interface ImagePreviewProps {
+    content: ImageContent;
+    brand: BrandTokens;
+    format?: ImageFormat;
+    className?: string;
+}
+declare function ImagePreview({ content, brand, format, className }: ImagePreviewProps): react_jsx_runtime.JSX.Element;
+
+interface VariantCompareProps {
+    variants: AssetVariant[];
+    onPromote?: (variantId: string) => void;
+    onSave?: (variant: AssetVariant) => void;
+    className?: string;
+}
+declare function VariantCompare({ variants, onPromote, onSave, className }: VariantCompareProps): react_jsx_runtime.JSX.Element;
+
+interface VideoPreviewProps {
+    content: VideoContent;
+    brand: BrandTokens;
+    onRenderRequest?: () => void;
+    isRendering?: boolean;
+    className?: string;
+}
+declare function VideoPreview({ content, brand, onRenderRequest, isRendering, className }: VideoPreviewProps): react_jsx_runtime.JSX.Element;
+
+export { ApprovalQueue, type ApprovalQueueProps, AssetCard, type AssetCardProps, AssetEditor, type AssetEditorProps, CopyPreview, type CopyPreviewProps, EmailPreview, type EmailPreviewProps, type ImageFormat, ImagePreview, type ImagePreviewProps, VariantCompare, type VariantCompareProps, VideoPreview, type VideoPreviewProps };