@designbasekorea/figma-ui 0.6.6 → 0.6.9

package/dist/index.d.ts

@@ -9,6 +9,7 @@ type I18nText = string | {
     values?: Record<string, any>;
 };
 type TFunctionLite = (key: string, values?: Record<string, any>) => string;
+declare function interpolateText(template: string, values?: Record<string, unknown>): string;
 declare function resolveText(t: TFunctionLite | undefined, input: I18nText | undefined, fallback?: string): string | undefined;
 
 interface DonationBadgeProps {
@@ -141,7 +142,11 @@ interface LogoDropdownProps {
     links?: LogoDropdownLink[];
     position?: 'bottom-left' | 'bottom-right' | 'top-left' | 'top-right';
     className?: string;
-    t?: (key: string) => string;
+    t?: TFunctionLite;
+    showLanguageSelector?: boolean;
+    languages?: Language[];
+    currentLanguage?: string;
+    onLanguageChange?: (languageCode: string) => void;
 }
 declare const LogoDropdown: React.FC<LogoDropdownProps>;
 
@@ -241,7 +246,22 @@ interface InteractionFeedbackProps {
 }
 declare const InteractionFeedback: React.FC<InteractionFeedbackProps>;
 
+interface LanguageSettingsModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    languages?: Language[];
+    currentLanguage?: string;
+    onLanguageChange?: (languageCode: string) => void;
+    title?: string;
+    description?: string;
+    className?: string;
+    t?: TFunctionLite;
+}
+declare const LanguageSettingsModal: React.FC<LanguageSettingsModalProps>;
+
 interface LicenseOfferProps {
+    joinUrl?: string;
+    guideUrl?: string;
     membershipUrl?: string;
     t?: TFunctionLite;
     className?: string;
@@ -305,6 +325,8 @@ interface LicensePageState {
     usageReason?: 'USAGE_LIMIT_REACHED' | 'FEATURE_NOT_ALLOWED';
     lastMessage?: string;
     lastErrorCode?: string;
+    deactivateMessage?: string;
+    deactivateErrorCode?: string;
     licenseStatus?: string;
     licenseSource?: string;
     accessScope?: string;
@@ -368,6 +390,7 @@ interface PaymentBadgeProps {
 }
 declare const PaymentBadge: React.FC<PaymentBadgeProps>;
 
+type PaymentActionFeedbackVariant = 'success' | 'error' | 'info' | 'warning';
 interface PaymentStatusSectionProps {
     status: 'PAID' | 'FREE' | 'UNPAID';
     usageCount?: number;
@@ -377,9 +400,13 @@ interface PaymentStatusSectionProps {
     onDeactivate: () => void;
     isDeactivating?: boolean;
     showDetails?: boolean;
+    actionMessage?: I18nText;
+    actionMessageVariant?: PaymentActionFeedbackVariant;
+    errorCode?: string;
     className?: string;
     t?: TFunctionLite;
 }
+declare function resolvePaymentFeedbackVariant(errorCode?: string, explicitVariant?: PaymentActionFeedbackVariant): PaymentActionFeedbackVariant;
 declare const PaymentStatusSection: React.FC<PaymentStatusSectionProps>;
 
 interface ProgressModalProgress {
@@ -474,5 +501,19 @@ interface UpgradeBannerProps {
 }
 declare const UpgradeBanner: React.FC<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 };
+type UsagePaymentStatus = 'PAID' | 'FREE' | 'TRIAL' | 'BETA';
+interface UsageStatusPopoverProps {
+    paymentStatus: UsagePaymentStatus;
+    usageCount?: number;
+    maxDailyUsage?: number;
+    showUsage?: boolean;
+    showPlan?: boolean;
+    isLoading?: boolean;
+    onLicensePageClick?: () => void;
+    t?: TFunctionLite;
+    className?: string;
+}
+declare const UsageStatusPopover: React.FC<UsageStatusPopoverProps>;
+
+export { DEFAULT_LICENSE_MESSAGE_TYPES, DonationBadge, FigmaContainer, FigmaFooter, FigmaHeader, FigmaPageHead, FigmaSection, FigmaSidebar, FigmaToast, FigmaToastProvider, FormWithSubmit, InteractionFeedback, LanguageSelector, LanguageSettingsModal, LicenseOffer, LicenseStatusCard, LogoDropdown, PageLicense, PaymentBadge, PaymentStatusSection, PricingComparison, ProgressModal, ResizablePlugin, START_DESIGNBASE_AUTH_MESSAGE, SettingsModal, TitleDescription, UpgradeBanner, UsageStatusPopover, getActiveSection, interpolateText, resolvePaymentFeedbackVariant, resolveText, scrollToSection, useFigmaLicenseBridge, useFigmaToast, useToast };
+export type { DonationBadgeProps, FeedbackStatus, FigmaContainerProps, FigmaContainerSize, FigmaFooterProps, FigmaHeaderAction, FigmaHeaderProps, FigmaPageHeadAction, FigmaPageHeadProps, FigmaSectionProps, FigmaSidebarProps, FormWithSubmitProps, I18nText, InteractionFeedbackProps, Language, LanguageSelectorProps, LanguageSettingsModalProps, LicenseOfferProps, LicensePageState, LicenseStatusCardProps, LogoDropdownLink, LogoDropdownProps, PageLicenseProps, PaymentActionFeedbackVariant, PaymentBadgeProps, PaymentStatusSectionProps, PlanPricing, PricingComparisonProps, PricingFeature, ProgressModalProgress, ProgressModalProps, ResizablePluginProps, SettingsCategory, SettingsCategoryGroup, SettingsModalProps, TFunctionLite, TitleDescriptionProps, UpgradeBannerProps, UsagePaymentStatus, UsageStatusPopoverProps, WordPressLinks };