@designbasekorea/figma-ui 0.6.3 → 0.6.6

package/dist/index.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
-import { ToastItem, GradientScheme, GradientTone } from '@designbasekorea/ui';
-export * from '@designbasekorea/ui';
+import { PaymentStatus, UsageResetPeriod, LicenseManagerMessageTypes } from '@designbasekorea/figma-license-core';
+import { GradientScheme, GradientTone } from '@designbasekorea/ui-wc/react';
+export * from '@designbasekorea/ui-wc/react';
+export { Accordion, ActivityHeatmap, AdBanner, AiChat, AiChatList, Alert, AnimationBackground, AnimationText, AppBadge, AudioPlayer, Avatar, Backdrop, Badge, Banner, BottomNavigation, BottomSheet, Breadcrumbs, Button, Calendar, Card, Carousel, ChatComposer, ChatList, ChatMessage, ChatOrb, ChatRoom, ChatSuggestions, ChatTyping, ChatWelcome, ChatWidget, Checkbox, Chip, CodeBlock, ColorPicker, ColorSwatch, Confirm, Container, ContextMenu, CookieBanner, Countdown, CursorFollower, DatePicker, Divider, DownloadProgress, Drawer, Dropdown, Dropzone, EmailVerify, EmptyState, FileUploader, FloatingActionButton, Footer, Form, Gantt, Gradient, Grid, GridBackground, GridItem, Image, ImageList, ImagePlaceholder, Indicator, Input, Kanban, Label, Lightbox, List, Logo, MarkdownEditor, Marquee, Masonry, MenuItem, Modal, ModalBody, ModalFooter, ModalHeader, Navbar, OnboardingModal, OtpInput, PageHeader, Pagination, PhoneVerify, Popover, Progress, ProgressStep, Progressbar, Radio, RandomGradient, RangeSlider, Rating, Reorder, ResizablePanels, ScrollArea, SearchBar, Section, SectionAppDownload, SectionContact, SectionCta, SectionFaq, SectionFeature, SectionFeatureGrid, SectionHero, SectionLogoCloud, SectionPricing, SectionStats, SectionTestimonials, SegmentControl, Select, Share, Sidebar, Signature, Skeleton, Spinner, SplitView, Stack, Stat, Stepper, Table, Tabs, Testimonial, Textarea, TimePicker, Timeline, Toast, Toggle, Toolbar, Tooltip, TopBanner, Tutorial, TwoFactor, VideoPlayer, YouTubePlayer, useContextMenu } from '@designbasekorea/ui-wc/react';
 
 type I18nText = string | {
     key: string;
@@ -16,6 +18,7 @@ interface DonationBadgeProps {
     size?: 's' | 'm' | 'l';
     variant?: 'primary' | 'secondary' | 'tertiary' | 'danger' | 'ghost';
     fullWidth?: boolean;
+    iconOnly?: boolean;
     disabled?: boolean;
     showPrompt?: boolean;
     promptText?: I18nText;
@@ -43,9 +46,14 @@ interface FigmaContainerProps {
 }
 declare const FigmaContainer: React.FC<FigmaContainerProps>;
 
+interface FigmaHeaderAction {
+    startIcon: string;
+    ariaLabel: string;
+    onPress?: () => void;
+}
 interface FigmaHeaderProps {
     children?: React.ReactNode;
-    actions?: React.ReactNode[];
+    actions?: FigmaHeaderAction[];
     searchBar?: React.ReactNode;
     sticky?: boolean;
     className?: string;
@@ -142,6 +150,7 @@ interface FigmaFooterProps {
     paymentStatus?: 'PAID' | 'FREE' | 'TRIAL' | 'BETA';
     usageCount?: number;
     isLoading?: boolean;
+    showPaymentStatus?: boolean;
     showUsageInfo?: boolean;
     maxDailyUsage?: number;
     showPaymentBadge?: boolean;
@@ -165,6 +174,18 @@ interface FigmaFooterProps {
 }
 declare const FigmaFooter: React.FC<FigmaFooterProps>;
 
+type ToastStatus = 'info' | 'success' | 'warning' | 'error';
+interface ToastItem {
+    id: string;
+    createdAt: number;
+    title?: string;
+    description?: string;
+    status?: ToastStatus;
+    duration?: number;
+    showProgress?: boolean;
+    showCloseButton?: boolean;
+}
+type ToastPosition = 'top-right' | 'top-center' | 'bottom-center' | 'bottom-right';
 interface ToastContextType {
     addToast: (toast: Omit<ToastItem, 'id' | 'createdAt'>) => void;
     removeToast: (id: string) => void;
@@ -173,7 +194,7 @@ interface ToastContextType {
 declare const useToast: () => ToastContextType;
 interface FigmaToastProviderProps {
     children: React.ReactNode;
-    position?: 'top-right' | 'top-center' | 'bottom-center' | 'bottom-right';
+    position?: ToastPosition;
     maxToasts?: number;
 }
 declare const FigmaToastProvider: React.FC<FigmaToastProviderProps>;
@@ -181,13 +202,13 @@ interface FigmaToastProps {
     message: string;
     isVisible: boolean;
     onClose: () => void;
-    type?: 'success' | 'error' | 'warning' | 'info';
+    type?: ToastStatus;
     duration?: number;
     className?: string;
 }
 declare const FigmaToast: React.FC<FigmaToastProps>;
 declare const useFigmaToast: () => {
-    showToast: (message: string, type?: "success" | "error" | "warning" | "info") => void;
+    showToast: (message: string, _type?: ToastStatus) => void;
     toastComponent: React.JSX.Element | null;
 };
 
@@ -220,6 +241,28 @@ interface InteractionFeedbackProps {
 }
 declare const InteractionFeedback: React.FC<InteractionFeedbackProps>;
 
+interface LicenseOfferProps {
+    membershipUrl?: string;
+    t?: TFunctionLite;
+    className?: string;
+}
+declare const LicenseOffer: React.FC<LicenseOfferProps>;
+
+interface LicenseStatusCardProps {
+    status: PaymentStatus;
+    licenseKey?: string;
+    licenseStatus?: string;
+    licenseSource?: string;
+    accessScope?: string;
+    expiresAt?: string;
+    lastVerifiedAt?: string;
+    validationMessage?: string;
+    allowRevealKey?: boolean;
+    t?: TFunctionLite;
+    className?: string;
+}
+declare const LicenseStatusCard: React.FC<LicenseStatusCardProps>;
+
 interface PricingFeature {
     name: string;
     free: string | boolean;
@@ -239,19 +282,77 @@ interface PricingComparisonProps {
 }
 declare const PricingComparison: React.FC<PricingComparisonProps>;
 
+interface WordPressLinks {
+    membershipUrl?: string;
+    purchaseUrl?: string;
+    accountUrl?: string;
+    helpUrl?: string;
+}
+interface LicensePageState {
+    paymentStatus: PaymentStatus;
+    licenseKey: string;
+    planTier: string;
+    hasLicenseKey: boolean;
+    isLicenseRegistered: boolean;
+    activationLimit: number;
+    activationUsage: number;
+    usageCount: number;
+    remainingUsage: number;
+    usageUsed: number;
+    usageLimit: number | 'unlimited';
+    usageReset: UsageResetPeriod;
+    canUseFeature: boolean;
+    usageReason?: 'USAGE_LIMIT_REACHED' | 'FEATURE_NOT_ALLOWED';
+    lastMessage?: string;
+    lastErrorCode?: string;
+    licenseStatus?: string;
+    licenseSource?: string;
+    accessScope?: string;
+    expiresAt?: string;
+    lastVerifiedAt?: string;
+    validationMessage?: string;
+}
+declare const DEFAULT_LICENSE_MESSAGE_TYPES: LicenseManagerMessageTypes;
+declare const START_DESIGNBASE_AUTH_MESSAGE = "start-designbase-auth";
+
+interface UseFigmaLicenseBridgeOptions {
+    messageTypes?: Partial<LicenseManagerMessageTypes>;
+    initialState?: Partial<LicensePageState>;
+    onStateChange?: (state: LicensePageState) => void;
+    onPaymentStatusChange?: (status: PaymentStatus) => void;
+    onUsageCountChange?: (count: number) => void;
+}
+declare function useFigmaLicenseBridge(options?: UseFigmaLicenseBridgeOptions): {
+    state: LicensePageState;
+    isVerifying: boolean;
+    isDeactivating: boolean;
+    isStartingAuth: boolean;
+    verifyLicense: (licenseKey: string) => void;
+    deactivateLicense: () => void;
+    startDesignbaseAuth: () => void;
+    setLicenseKeyInput: (licenseKey: string) => void;
+};
+
 interface PageLicenseProps {
-    status: 'PAID' | 'FREE' | 'UNPAID';
+    status: PaymentStatus;
     onClose: () => void;
-    usageCount?: number;
-    onLicenseSubmit: (licenseKey: string) => Promise<void> | void;
     licenseKey?: string;
-    setPaymentStatus: (status: 'PAID' | 'FREE' | 'UNPAID') => void;
-    setUsageCount: (count: number) => void;
-    setShowLicensePage: (show: boolean) => void;
+    wordpressLinks?: WordPressLinks;
     paymentPageUrl?: string;
+    mode?: 'pricing' | 'youtube-membership';
+    membershipUrl?: string;
+    enableAccountAuth?: boolean;
+    showLicenseKeyInput?: boolean;
     pricingFeatures?: PricingFeature[];
     pricing?: PlanPricing;
     paymentType?: 'subscription' | 'lifetime';
+    messageTypes?: Partial<LicenseManagerMessageTypes>;
+    onStateChange?: (state: LicensePageState) => void;
+    setPaymentStatus?: (status: PaymentStatus) => void;
+    setUsageCount?: (count: number) => void;
+    setShowLicensePage?: (show: boolean) => void;
+    onLicenseSubmit?: (licenseKey: string) => Promise<void> | void;
+    usageCount?: number;
     t?: TFunctionLite;
     className?: string;
 }
@@ -373,5 +474,5 @@ interface UpgradeBannerProps {
 }
 declare const UpgradeBanner: React.FC<UpgradeBannerProps>;
 
-export { DonationBadge, FigmaContainer, FigmaFooter, FigmaHeader, FigmaPageHead, FigmaSection, FigmaSidebar, FigmaToast, FigmaToastProvider, FormWithSubmit, InteractionFeedback, LanguageSelector, LogoDropdown, PageLicense, PaymentBadge, PaymentStatusSection, PricingComparison, ProgressModal, ResizablePlugin, SettingsModal, TitleDescription, UpgradeBanner, getActiveSection, resolveText, scrollToSection, useFigmaToast, useToast };
-export type { DonationBadgeProps, FeedbackStatus, FigmaContainerProps, FigmaContainerSize, FigmaFooterProps, FigmaHeaderProps, FigmaPageHeadAction, FigmaPageHeadProps, FigmaSectionProps, FigmaSidebarProps, FormWithSubmitProps, I18nText, InteractionFeedbackProps, Language, LanguageSelectorProps, LogoDropdownLink, LogoDropdownProps, PageLicenseProps, PaymentBadgeProps, PaymentStatusSectionProps, PlanPricing, PricingComparisonProps, PricingFeature, ProgressModalProgress, ProgressModalProps, ResizablePluginProps, SettingsCategory, SettingsCategoryGroup, SettingsModalProps, TFunctionLite, TitleDescriptionProps, UpgradeBannerProps };
+export { DEFAULT_LICENSE_MESSAGE_TYPES, DonationBadge, FigmaContainer, FigmaFooter, FigmaHeader, FigmaPageHead, FigmaSection, FigmaSidebar, FigmaToast, FigmaToastProvider, FormWithSubmit, InteractionFeedback, LanguageSelector, LicenseOffer, LicenseStatusCard, LogoDropdown, PageLicense, PaymentBadge, PaymentStatusSection, PricingComparison, ProgressModal, ResizablePlugin, START_DESIGNBASE_AUTH_MESSAGE, SettingsModal, TitleDescription, UpgradeBanner, getActiveSection, resolveText, scrollToSection, useFigmaLicenseBridge, useFigmaToast, useToast };
+export type { DonationBadgeProps, FeedbackStatus, FigmaContainerProps, FigmaContainerSize, FigmaFooterProps, FigmaHeaderAction, FigmaHeaderProps, FigmaPageHeadAction, FigmaPageHeadProps, FigmaSectionProps, FigmaSidebarProps, FormWithSubmitProps, I18nText, InteractionFeedbackProps, Language, LanguageSelectorProps, LicenseOfferProps, LicensePageState, LicenseStatusCardProps, LogoDropdownLink, LogoDropdownProps, PageLicenseProps, PaymentBadgeProps, PaymentStatusSectionProps, PlanPricing, PricingComparisonProps, PricingFeature, ProgressModalProgress, ProgressModalProps, ResizablePluginProps, SettingsCategory, SettingsCategoryGroup, SettingsModalProps, TFunctionLite, TitleDescriptionProps, UpgradeBannerProps, WordPressLinks };