@trustware/sdk-staging 1.0.16-staging.13 → 1.0.17-staging.15

package/dist/widget.d.cts

@@ -0,0 +1,66 @@
+import React from 'react';
+import { N as NavigationStep } from './types-BrVfNxND.cjs';
+
+type Theme = "light" | "dark" | "system";
+
+/**
+ * Ref methods exposed by TrustwareWidgetV2
+ */
+interface TrustwareWidgetV2Ref {
+    /** Open the widget */
+    open: () => void;
+    /** Close the widget (shows confirmation if transaction active) */
+    close: () => void;
+    /** Check if widget is currently open */
+    isOpen: () => boolean;
+}
+interface TrustwareWidgetV2Props {
+    /** Widget theme - light, dark, or system preference (used as initial theme) */
+    theme?: Theme;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Initial navigation step (defaults to 'home') */
+    initialStep?: NavigationStep;
+    /** Whether the widget is initially open (defaults to true for inline usage) */
+    defaultOpen?: boolean;
+    /** Callback when the widget is closed */
+    onClose?: () => void;
+    /** Callback when the widget is opened */
+    onOpen?: () => void;
+    /** Whether to show the theme toggle button (defaults to true) */
+    showThemeToggle?: boolean;
+}
+/**
+ * TrustwareWidgetV2 - Main widget component for deposit flow.
+ *
+ * Provides a complete deposit experience with:
+ * - Page navigation based on state machine
+ * - Animated transitions between pages
+ * - Theme support (light/dark/system)
+ * - Context-based state management
+ * - Programmatic open/close API via ref
+ * - State persistence in sessionStorage
+ *
+ * @example
+ * ```tsx
+ * // Basic inline usage
+ * <TrustwareWidgetV2 theme="dark" />
+ *
+ * // With ref for programmatic control
+ * const widgetRef = useRef<TrustwareWidgetV2Ref>(null);
+ *
+ * <TrustwareWidgetV2
+ *   ref={widgetRef}
+ *   defaultOpen={false}
+ *   onClose={() => console.log('Widget closed')}
+ *   onOpen={() => console.log('Widget opened')}
+ * />
+ *
+ * // Open/close programmatically
+ * widgetRef.current?.open();
+ * widgetRef.current?.close();
+ * ```
+ */
+declare const TrustwareWidgetV2: React.ForwardRefExoticComponent<TrustwareWidgetV2Props & React.RefAttributes<TrustwareWidgetV2Ref>>;
+
+export { TrustwareWidgetV2 as TrustwareWidget, type TrustwareWidgetV2Props as TrustwareWidgetProps, type TrustwareWidgetV2Ref as TrustwareWidgetRef, TrustwareWidgetV2, type TrustwareWidgetV2Props, type TrustwareWidgetV2Ref };

package/dist/widget.d.ts

@@ -0,0 +1,66 @@
+import React from 'react';
+import { N as NavigationStep } from './types-BrVfNxND.js';
+
+type Theme = "light" | "dark" | "system";
+
+/**
+ * Ref methods exposed by TrustwareWidgetV2
+ */
+interface TrustwareWidgetV2Ref {
+    /** Open the widget */
+    open: () => void;
+    /** Close the widget (shows confirmation if transaction active) */
+    close: () => void;
+    /** Check if widget is currently open */
+    isOpen: () => boolean;
+}
+interface TrustwareWidgetV2Props {
+    /** Widget theme - light, dark, or system preference (used as initial theme) */
+    theme?: Theme;
+    /** Additional inline styles */
+    style?: React.CSSProperties;
+    /** Initial navigation step (defaults to 'home') */
+    initialStep?: NavigationStep;
+    /** Whether the widget is initially open (defaults to true for inline usage) */
+    defaultOpen?: boolean;
+    /** Callback when the widget is closed */
+    onClose?: () => void;
+    /** Callback when the widget is opened */
+    onOpen?: () => void;
+    /** Whether to show the theme toggle button (defaults to true) */
+    showThemeToggle?: boolean;
+}
+/**
+ * TrustwareWidgetV2 - Main widget component for deposit flow.
+ *
+ * Provides a complete deposit experience with:
+ * - Page navigation based on state machine
+ * - Animated transitions between pages
+ * - Theme support (light/dark/system)
+ * - Context-based state management
+ * - Programmatic open/close API via ref
+ * - State persistence in sessionStorage
+ *
+ * @example
+ * ```tsx
+ * // Basic inline usage
+ * <TrustwareWidgetV2 theme="dark" />
+ *
+ * // With ref for programmatic control
+ * const widgetRef = useRef<TrustwareWidgetV2Ref>(null);
+ *
+ * <TrustwareWidgetV2
+ *   ref={widgetRef}
+ *   defaultOpen={false}
+ *   onClose={() => console.log('Widget closed')}
+ *   onOpen={() => console.log('Widget opened')}
+ * />
+ *
+ * // Open/close programmatically
+ * widgetRef.current?.open();
+ * widgetRef.current?.close();
+ * ```
+ */
+declare const TrustwareWidgetV2: React.ForwardRefExoticComponent<TrustwareWidgetV2Props & React.RefAttributes<TrustwareWidgetV2Ref>>;
+
+export { TrustwareWidgetV2 as TrustwareWidget, type TrustwareWidgetV2Props as TrustwareWidgetProps, type TrustwareWidgetV2Ref as TrustwareWidgetRef, TrustwareWidgetV2, type TrustwareWidgetV2Props, type TrustwareWidgetV2Ref };