arkada-widgets 1.0.3 → 1.0.5

package/dist/widgets/wallet-verification/model/types.d.ts

@@ -0,0 +1,42 @@
+export declare const WalletBadges: {
+    readonly UNVERIFIED: 0;
+    readonly IDENTIFIED: 1;
+    readonly BASIC: 2;
+    readonly VERIFIED: 3;
+    readonly TRUSTED: 4;
+    readonly ELITE: 5;
+    readonly LEGENDARY: 6;
+};
+export type WalletBadges = (typeof WalletBadges)[keyof typeof WalletBadges];
+export interface BadgeConfig {
+    label: string;
+    gradient: string;
+    textGradient: string;
+    textGradientEntry: string;
+    glowColor: string;
+    icon: string;
+    outlineGradient: string;
+    mainGradient: string;
+}
+export interface WalletEntry {
+    id: string;
+    network: {
+        name: string;
+        icon: string;
+    };
+    status: WalletBadges;
+    isOutdated?: boolean;
+    statusLabel: string;
+}
+export interface WalletVerificationData {
+    title: string;
+    subtitle: string;
+    currentBadge: WalletBadges;
+    nextBadge: WalletBadges;
+    verifiedCount: number;
+    totalCount: number;
+    outdatedCount: number;
+    progress: number;
+    entries: WalletEntry[];
+}
+export type FilterTab = "all" | "verified" | "not-verified";

package/dist/widgets/wallet-verification-button/components/WalletVerificationButton.d.ts

@@ -0,0 +1,16 @@
+import type { WidgetTheme } from "@/shared/config";
+import { type VerifyWalletVariant } from "@/widgets/verify-wallet-button";
+export interface WalletVerificationButtonProps {
+    walletAddress: string;
+    referralCode?: string;
+    someVerified?: boolean;
+    theme?: WidgetTheme;
+    variant?: VerifyWalletVariant;
+}
+/**
+ * Smart wallet verification button.
+ *
+ * Fetches verification status for the given address on mount,
+ * then delegates all visual rendering to VerifyWalletButton.
+ */
+export declare function WalletVerificationButton({ walletAddress, referralCode, someVerified, theme, variant, }: WalletVerificationButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/widgets/wallet-verification-button/components/__stories__/WalletVerificationButton.stories.d.ts

@@ -0,0 +1,43 @@
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import { WalletVerificationButton } from "../WalletVerificationButton";
+declare const meta: Meta<typeof WalletVerificationButton>;
+export default meta;
+type Story = StoryObj<typeof WalletVerificationButton>;
+/** Smart button that fetches real verification status for the wallet address. */
+export declare const ReactCompactDark: Story;
+/** Banner layout on a light background. */
+export declare const ReactBannerLight: Story;
+/**
+ * The same smart button rendered as a native Web Component (`<arkada-wvbs-widget>`).
+ * Styles live in an isolated Shadow DOM — no leakage to or from the host page.
+ */
+export declare const WebComponentCompactDark: Story;
+/**
+ * Web Component with `pill-wide` variant, light theme, and a referral code.
+ * The `ref` query parameter is appended to the verification URL automatically.
+ */
+export declare const WebComponentPillWideLight: Story;
+/**
+ * Custom brand gradient: orange → violet.
+ * Override --wvb-gradient-start / --wvb-gradient-end on the host element.
+ */
+export declare const WebComponentCustomGradient: Story;
+/**
+ * Custom brand theme: --arkada-bg, --arkada-border, gradient overridden.
+ * Shows full control over both shared and widget-specific variables.
+ */
+export declare const WebComponentCustomTheme: Story;
+/**
+ * Fully customized Web Component example.
+ * Demonstrates overriding both shared and button-specific variables together.
+ */
+export declare const WebComponentFullyCustomized: Story;
+/**
+ * React component with inline CSS variables — same customization API works
+ * in plain React context via the wrapping element's style prop.
+ */
+export declare const ReactCustomGradient: Story;
+/**
+ * Fully customized React example with an extended token set.
+ */
+export declare const ReactFullyCustomized: Story;

package/dist/widgets/wallet-verification-button/hooks/useWalletVerification.d.ts

@@ -0,0 +1,16 @@
+interface WalletVerificationState {
+    isVerified: boolean;
+    isLoading: boolean;
+    error: Error | null;
+}
+/**
+ * Fetches wallet verification status once on mount (re-fetches if address changes).
+ *
+ * someVerified === true:
+ * some network in response has rank > 0
+ *
+ * someVerified === false:
+ * global.rank > 0
+ */
+export declare function useWalletVerification(walletAddress: string, someVerified?: boolean): WalletVerificationState;
+export {};

package/dist/widgets/wallet-verification-button/index.d.ts

@@ -0,0 +1,2 @@
+export { WalletVerificationButton } from "./components/WalletVerificationButton";
+export type { WalletVerificationButtonProps } from "./components/WalletVerificationButton";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "arkada-widgets",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "type": "module",
   "main": "dist/index.cjs",
   "module": "dist/index.js",