@varity-labs/ui-kit 2.0.0-alpha.1

package/dist/components/InAppWallet/index.d.ts

@@ -0,0 +1,15 @@
+/**
+ * In-App Wallet Components Export
+ *
+ * Thirdweb In-App Wallets for seamless Web2 user onboarding
+ * - Email OTP authentication
+ * - Social OAuth (Google, Apple, Facebook, Discord, Twitter)
+ * - Automatic custodial wallet creation
+ * - Complete onboarding flow
+ */
+export { InAppWalletProvider, useInAppWallet } from './InAppWalletProvider';
+export { EmailLoginButton } from './EmailLoginButton';
+export { SocialLoginButtons } from './SocialLoginButtons';
+export { OnboardingFlow } from './OnboardingFlow';
+export type { InAppWalletContextType } from './InAppWalletProvider';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/InAppWallet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/InAppWallet/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlD,YAAY,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/components/InAppWallet/index.js

@@ -0,0 +1,14 @@
+/**
+ * In-App Wallet Components Export
+ *
+ * Thirdweb In-App Wallets for seamless Web2 user onboarding
+ * - Email OTP authentication
+ * - Social OAuth (Google, Apple, Facebook, Discord, Twitter)
+ * - Automatic custodial wallet creation
+ * - Complete onboarding flow
+ */
+export { InAppWalletProvider, useInAppWallet } from './InAppWalletProvider';
+export { EmailLoginButton } from './EmailLoginButton';
+export { SocialLoginButtons } from './SocialLoginButtons';
+export { OnboardingFlow } from './OnboardingFlow';
+//# sourceMappingURL=index.js.map

package/dist/components/InAppWallet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/InAppWallet/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/Onramp/BuyUSDCButton.d.ts

@@ -0,0 +1,27 @@
+/**
+ * BuyUSDCButton - Simple button to buy USDC with fiat
+ *
+ * Opens Thirdweb Pay widget for credit card purchases
+ * Supports credit card, debit card, Apple Pay, Google Pay
+ *
+ * @example
+ * ```tsx
+ * <BuyUSDCButton
+ *   walletAddress="0x..."
+ *   amount={100}
+ *   onSuccess={(tx) => console.log('Purchase complete:', tx)}
+ * />
+ * ```
+ */
+import React from 'react';
+export interface BuyUSDCButtonProps {
+    walletAddress: string;
+    amount?: number;
+    onSuccess?: (transaction: any) => void;
+    onError?: (error: Error) => void;
+    buttonText?: string;
+    className?: string;
+    clientId: string;
+}
+export declare function BuyUSDCButton({ walletAddress, amount, onSuccess: _onSuccess, onError: _onError, buttonText, className, clientId }: BuyUSDCButtonProps): React.JSX.Element;
+//# sourceMappingURL=BuyUSDCButton.d.ts.map

package/dist/components/Onramp/BuyUSDCButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuyUSDCButton.d.ts","sourceRoot":"","sources":["../../../src/components/Onramp/BuyUSDCButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,CAAC,WAAW,EAAE,GAAG,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAC5B,aAAa,EACb,MAAY,EACZ,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,QAAQ,EACjB,UAAuB,EACvB,SAAS,EACT,QAAQ,EACT,EAAE,kBAAkB,qBAgFpB"}

package/dist/components/Onramp/BuyUSDCButton.js

@@ -0,0 +1,70 @@
+/**
+ * BuyUSDCButton - Simple button to buy USDC with fiat
+ *
+ * Opens Thirdweb Pay widget for credit card purchases
+ * Supports credit card, debit card, Apple Pay, Google Pay
+ *
+ * @example
+ * ```tsx
+ * <BuyUSDCButton
+ *   walletAddress="0x..."
+ *   amount={100}
+ *   onSuccess={(tx) => console.log('Purchase complete:', tx)}
+ * />
+ * ```
+ */
+import React, { useState } from 'react';
+import { PayEmbed } from 'thirdweb/react';
+import { createThirdwebClient } from 'thirdweb';
+import { varityL3Testnet, VARITY_USDC_ADDRESS } from '../../config/chains';
+export function BuyUSDCButton({ walletAddress, amount = 100, onSuccess: _onSuccess, onError: _onError, buttonText = 'Buy USDC', className, clientId }) {
+    const [showWidget, setShowWidget] = useState(false);
+    const client = React.useMemo(() => createThirdwebClient({ clientId }), [clientId]);
+    const defaultClassName = `
+    px-6 py-3
+    bg-gradient-to-r from-blue-600 to-indigo-600
+    hover:from-blue-700 hover:to-indigo-700
+    text-white font-semibold rounded-lg
+    transition-all duration-200
+    disabled:opacity-50 disabled:cursor-not-allowed
+    flex items-center justify-center gap-2
+    shadow-lg hover:shadow-xl
+  `;
+    const handleClick = () => {
+        setShowWidget(true);
+    };
+    if (showWidget) {
+        return (React.createElement("div", { className: "fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4" },
+            React.createElement("div", { className: "bg-white rounded-2xl p-6 max-w-md w-full relative" },
+                React.createElement("button", { onClick: () => setShowWidget(false), className: "absolute top-4 right-4 text-gray-400 hover:text-gray-600" },
+                    React.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                        React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))),
+                React.createElement("h3", { className: "text-xl font-bold mb-4" }, "Buy USDC"),
+                React.createElement(PayEmbed, { client: client, theme: "light", payOptions: {
+                        mode: 'fund_wallet',
+                        prefillBuy: {
+                            chain: varityL3Testnet,
+                            amount: amount.toString(),
+                            token: {
+                                // Use actual USDC contract address on Varity L3
+                                address: VARITY_USDC_ADDRESS,
+                                name: 'USDC',
+                                symbol: 'USDC',
+                            },
+                            allowEdits: {
+                                amount: true,
+                                token: false,
+                                chain: false,
+                            },
+                        },
+                        metadata: {
+                            name: 'Buy USDC on Varity L3',
+                        },
+                    } }))));
+    }
+    return (React.createElement("button", { onClick: handleClick, disabled: !walletAddress, className: className || defaultClassName },
+        React.createElement("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" })),
+        buttonText));
+}
+//# sourceMappingURL=BuyUSDCButton.js.map

package/dist/components/Onramp/BuyUSDCButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BuyUSDCButton.js","sourceRoot":"","sources":["../../../src/components/Onramp/BuyUSDCButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAY3E,MAAM,UAAU,aAAa,CAAC,EAC5B,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,QAAQ,EACjB,UAAU,GAAG,UAAU,EACvB,SAAS,EACT,QAAQ,EACW;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAC1B,GAAG,EAAE,CAAC,oBAAoB,CAAC,EAAE,QAAQ,EAAE,CAAC,EACxC,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,gBAAgB,GAAG;;;;;;;;;GASxB,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,aAAa,CAAC,IAAI,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,CACL,6BAAK,SAAS,EAAC,qEAAqE;YAClF,6BAAK,SAAS,EAAC,mDAAmD;gBAChE,gCACE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,EACnC,SAAS,EAAC,0DAA0D;oBAEpE,6BAAK,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW;wBAC5E,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,sBAAsB,GAAG,CAC1F,CACC;gBAET,4BAAI,SAAS,EAAC,wBAAwB,eAAc;gBAEpD,oBAAC,QAAQ,IACP,MAAM,EAAE,MAAM,EACd,KAAK,EAAC,OAAO,EACb,UAAU,EAAE;wBACV,IAAI,EAAE,aAAa;wBACnB,UAAU,EAAE;4BACV,KAAK,EAAE,eAAe;4BACtB,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE;4BACzB,KAAK,EAAE;gCACL,gDAAgD;gCAChD,OAAO,EAAE,mBAAmB;gCAC5B,IAAI,EAAE,MAAM;gCACZ,MAAM,EAAE,MAAM;6BACf;4BACD,UAAU,EAAE;gCACV,MAAM,EAAE,IAAI;gCACZ,KAAK,EAAE,KAAK;gCACZ,KAAK,EAAE,KAAK;6BACb;yBACF;wBACD,QAAQ,EAAE;4BACR,IAAI,EAAE,uBAAuB;yBAC9B;qBACF,GACD,CACE,CACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,gCACE,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,CAAC,aAAa,EACxB,SAAS,EAAE,SAAS,IAAI,gBAAgB;QAExC,6BAAK,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW;YAC5E,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,wFAAwF,GAAG,CAC5J;QACL,UAAU,CACJ,CACV,CAAC;AACJ,CAAC"}

package/dist/components/Onramp/OnrampWidget.d.ts

@@ -0,0 +1,38 @@
+/**
+ * OnrampWidget - Full embedded Thirdweb Pay widget
+ *
+ * Complete payment widget with KYC, payment processing, and status tracking
+ * Automatically handles payment providers, KYC verification, and transaction receipts
+ *
+ * @example
+ * ```tsx
+ * <OnrampWidget
+ *   walletAddress="0x..."
+ *   clientId="your-client-id"
+ *   defaultAmount={100}
+ *   onComplete={(status) => console.log('Purchase:', status)}
+ * />
+ * ```
+ */
+import React from 'react';
+export interface Purchase {
+    id: string;
+    amount: number;
+    currency: string;
+    status: 'pending' | 'processing' | 'completed' | 'failed';
+    timestamp: Date;
+    txHash?: string;
+}
+export interface OnrampWidgetProps {
+    walletAddress: string;
+    clientId: string;
+    defaultAmount?: number;
+    minAmount?: number;
+    maxAmount?: number;
+    onComplete?: (purchase: Purchase) => void;
+    onError?: (error: Error) => void;
+    showHistory?: boolean;
+    theme?: 'light' | 'dark';
+}
+export declare function OnrampWidget({ walletAddress: _walletAddress, clientId, defaultAmount, minAmount, maxAmount, onComplete, onError, showHistory, theme }: OnrampWidgetProps): React.JSX.Element;
+//# sourceMappingURL=OnrampWidget.d.ts.map

package/dist/components/Onramp/OnrampWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnrampWidget.d.ts","sourceRoot":"","sources":["../../../src/components/Onramp/OnrampWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,MAAM,WAAW,QAAQ;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,QAAQ,CAAC;IAC1D,SAAS,EAAE,IAAI,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAED,wBAAgB,YAAY,CAAC,EAC3B,aAAa,EAAE,cAAc,EAC7B,QAAQ,EACR,aAAmB,EACnB,SAAc,EACd,SAAiB,EACjB,UAAU,EACV,OAAO,EACP,WAAkB,EAClB,KAAe,EAChB,EAAE,iBAAiB,qBA4JnB"}

package/dist/components/Onramp/OnrampWidget.js

@@ -0,0 +1,105 @@
+/**
+ * OnrampWidget - Full embedded Thirdweb Pay widget
+ *
+ * Complete payment widget with KYC, payment processing, and status tracking
+ * Automatically handles payment providers, KYC verification, and transaction receipts
+ *
+ * @example
+ * ```tsx
+ * <OnrampWidget
+ *   walletAddress="0x..."
+ *   clientId="your-client-id"
+ *   defaultAmount={100}
+ *   onComplete={(status) => console.log('Purchase:', status)}
+ * />
+ * ```
+ */
+import React, { useState } from 'react';
+import { PayEmbed } from 'thirdweb/react';
+import { createThirdwebClient } from 'thirdweb';
+import { varityL3Testnet, VARITY_USDC_ADDRESS } from '../../config/chains';
+export function OnrampWidget({ walletAddress: _walletAddress, clientId, defaultAmount = 100, minAmount = 10, maxAmount = 10000, onComplete, onError, showHistory = true, theme = 'light' }) {
+    const [purchases, setPurchases] = useState([]);
+    const [currentPurchase, setCurrentPurchase] = useState(null);
+    const client = React.useMemo(() => createThirdwebClient({ clientId }), [clientId]);
+    const formatDate = (date) => {
+        return new Intl.DateTimeFormat('en-US', {
+            month: 'short',
+            day: 'numeric',
+            hour: '2-digit',
+            minute: '2-digit',
+        }).format(date);
+    };
+    const getStatusColor = (status) => {
+        switch (status) {
+            case 'completed':
+                return 'text-green-600 bg-green-100';
+            case 'processing':
+                return 'text-blue-600 bg-blue-100';
+            case 'pending':
+                return 'text-yellow-600 bg-yellow-100';
+            case 'failed':
+                return 'text-red-600 bg-red-100';
+            default:
+                return 'text-gray-600 bg-gray-100';
+        }
+    };
+    return (React.createElement("div", { className: "space-y-6" },
+        React.createElement("div", { className: `rounded-2xl overflow-hidden ${theme === 'dark' ? 'bg-gray-900' : 'bg-white'}` },
+            React.createElement("div", { className: "p-6 space-y-4" },
+                React.createElement("div", { className: "flex items-center justify-between" },
+                    React.createElement("h3", { className: `text-xl font-bold ${theme === 'dark' ? 'text-white' : 'text-gray-900'}` }, "Buy USDC"),
+                    React.createElement("div", { className: `px-3 py-1 rounded-full text-xs font-medium ${theme === 'dark' ? 'bg-gray-800 text-gray-300' : 'bg-gray-100 text-gray-600'}` }, "Varity L3")),
+                React.createElement("div", { className: `p-4 rounded-xl ${theme === 'dark' ? 'bg-gray-800' : 'bg-gradient-to-br from-blue-50 to-indigo-50'}` },
+                    React.createElement("div", { className: "flex items-center gap-3" },
+                        React.createElement("svg", { className: "w-8 h-8 text-blue-600", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M3 10h18M7 15h1m4 0h1m-7 4h12a3 3 0 003-3V8a3 3 0 00-3-3H6a3 3 0 00-3 3v8a3 3 0 003 3z" })),
+                        React.createElement("div", null,
+                            React.createElement("p", { className: `font-semibold ${theme === 'dark' ? 'text-white' : 'text-gray-900'}` }, "Supported Payment Methods"),
+                            React.createElement("p", { className: `text-sm ${theme === 'dark' ? 'text-gray-400' : 'text-gray-600'}` }, "Credit/Debit Card \u2022 Apple Pay \u2022 Google Pay")))),
+                React.createElement(PayEmbed, { client: client, theme: theme, payOptions: {
+                        mode: 'fund_wallet',
+                        prefillBuy: {
+                            chain: varityL3Testnet,
+                            amount: defaultAmount.toString(),
+                            token: {
+                                // Use actual USDC contract address on Varity L3
+                                address: VARITY_USDC_ADDRESS,
+                                name: 'USDC',
+                                symbol: 'USDC',
+                            },
+                            allowEdits: {
+                                amount: true,
+                                token: false,
+                                chain: false,
+                            },
+                        },
+                        metadata: {
+                            name: 'Buy USDC on Varity L3',
+                        },
+                    } }))),
+        showHistory && purchases.length > 0 && (React.createElement("div", { className: `rounded-2xl p-6 ${theme === 'dark' ? 'bg-gray-900' : 'bg-white'}` },
+            React.createElement("h4", { className: `font-semibold mb-4 ${theme === 'dark' ? 'text-white' : 'text-gray-900'}` }, "Recent Purchases"),
+            React.createElement("div", { className: "space-y-3" }, purchases.map((purchase) => (React.createElement("div", { key: purchase.id, className: `p-4 rounded-xl border ${theme === 'dark' ? 'border-gray-800 bg-gray-800/50' : 'border-gray-200 bg-gray-50'}` },
+                React.createElement("div", { className: "flex items-center justify-between" },
+                    React.createElement("div", { className: "flex-1" },
+                        React.createElement("div", { className: "flex items-center gap-2" },
+                            React.createElement("p", { className: `font-medium ${theme === 'dark' ? 'text-white' : 'text-gray-900'}` },
+                                "$",
+                                purchase.amount,
+                                " ",
+                                purchase.currency),
+                            React.createElement("span", { className: `px-2 py-0.5 rounded-full text-xs font-medium ${getStatusColor(purchase.status)}` }, purchase.status)),
+                        React.createElement("p", { className: `text-sm ${theme === 'dark' ? 'text-gray-400' : 'text-gray-500'}` }, formatDate(purchase.timestamp))),
+                    purchase.txHash && (React.createElement("a", { href: `https://explorer.varity.io/tx/${purchase.txHash}`, target: "_blank", rel: "noopener noreferrer", className: "text-blue-600 hover:text-blue-700" },
+                        React.createElement("svg", { className: "w-5 h-5", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14" }))))))))))),
+        React.createElement("div", { className: `p-4 rounded-xl ${theme === 'dark' ? 'bg-gray-800' : 'bg-blue-50'}` },
+            React.createElement("div", { className: "flex items-start gap-3" },
+                React.createElement("svg", { className: `w-5 h-5 mt-0.5 flex-shrink-0 ${theme === 'dark' ? 'text-blue-400' : 'text-blue-600'}`, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                    React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" })),
+                React.createElement("div", null,
+                    React.createElement("p", { className: `text-sm font-medium ${theme === 'dark' ? 'text-gray-200' : 'text-gray-900'}` }, "Secure & Regulated"),
+                    React.createElement("p", { className: `text-xs ${theme === 'dark' ? 'text-gray-400' : 'text-gray-600'}` }, "Payments are processed by licensed providers. KYC may be required for larger amounts."))))));
+}
+//# sourceMappingURL=OnrampWidget.js.map

package/dist/components/Onramp/OnrampWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnrampWidget.js","sourceRoot":"","sources":["../../../src/components/Onramp/OnrampWidget.tsx"],"names":[],"mappings":"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"}

package/dist/components/Onramp/index.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Onramp Components Export
+ *
+ * Thirdweb Pay for buying crypto with fiat currency
+ * - Credit/Debit card payments
+ * - Apple Pay & Google Pay
+ * - KYC verification handling
+ * - Transaction status tracking
+ */
+export { BuyUSDCButton } from './BuyUSDCButton';
+export { OnrampWidget } from './OnrampWidget';
+export type { BuyUSDCButtonProps } from './BuyUSDCButton';
+export type { OnrampWidgetProps, Purchase } from './OnrampWidget';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Onramp/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Onramp/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAG9C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAC1D,YAAY,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Onramp/index.js

@@ -0,0 +1,12 @@
+/**
+ * Onramp Components Export
+ *
+ * Thirdweb Pay for buying crypto with fiat currency
+ * - Credit/Debit card payments
+ * - Apple Pay & Google Pay
+ * - KYC verification handling
+ * - Transaction status tracking
+ */
+export { BuyUSDCButton } from './BuyUSDCButton';
+export { OnrampWidget } from './OnrampWidget';
+//# sourceMappingURL=index.js.map

package/dist/components/Onramp/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Onramp/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/Payments/CheckoutModal.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { SubscriptionPlan } from './types';
+/**
+ * Checkout Modal Component
+ * Handles USDC payment processing for subscriptions
+ */
+interface CheckoutModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    plan: SubscriptionPlan;
+    clientId: string;
+    paymentRecipient: string;
+    onSuccess?: (txHash: string) => void;
+    onError?: (error: Error) => void;
+    theme?: 'light' | 'dark';
+}
+export declare const CheckoutModal: React.FC<CheckoutModalProps>;
+export default CheckoutModal;
+//# sourceMappingURL=CheckoutModal.d.ts.map

package/dist/components/Payments/CheckoutModal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutModal.d.ts","sourceRoot":"","sources":["../../../src/components/Payments/CheckoutModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAK3C;;;GAGG;AAEH,UAAU,kBAAkB;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,EAAE,gBAAgB,CAAC;IACvB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CAC1B;AAWD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA6KtD,CAAC;AA0NF,eAAe,aAAa,CAAC"}

package/dist/components/Payments/CheckoutModal.js

@@ -0,0 +1,183 @@
+import React, { useState, useEffect } from 'react';
+import { useActiveAccount, useSendTransaction } from 'thirdweb/react';
+import { prepareContractCall } from 'thirdweb';
+import { getContract } from 'thirdweb';
+import { createThirdwebClient } from 'thirdweb';
+import { formatUSDC, USDC_CONTRACT_ADDRESS } from './constants';
+import { useSIWE } from '../SIWE/SIWEProvider';
+import { varityL3Testnet } from '../../config/chains';
+var CheckoutStep;
+(function (CheckoutStep) {
+    CheckoutStep["REVIEW"] = "review";
+    CheckoutStep["APPROVE"] = "approve";
+    CheckoutStep["PAYMENT"] = "payment";
+    CheckoutStep["CONFIRMING"] = "confirming";
+    CheckoutStep["SUCCESS"] = "success";
+    CheckoutStep["ERROR"] = "error";
+})(CheckoutStep || (CheckoutStep = {}));
+export const CheckoutModal = ({ isOpen, onClose, plan, clientId, paymentRecipient, onSuccess, onError, theme = 'dark', }) => {
+    const [currentStep, setCurrentStep] = useState(CheckoutStep.REVIEW);
+    const [error, setError] = useState(null);
+    const [txHash, setTxHash] = useState(null);
+    const { isAuthenticated } = useSIWE();
+    const account = useActiveAccount();
+    const { mutate: sendTransaction, isPending } = useSendTransaction();
+    const client = createThirdwebClient({ clientId });
+    // Reset state when modal opens
+    useEffect(() => {
+        if (isOpen) {
+            setCurrentStep(CheckoutStep.REVIEW);
+            setError(null);
+            setTxHash(null);
+        }
+    }, [isOpen]);
+    if (!isOpen)
+        return null;
+    const bgColor = theme === 'dark' ? 'bg-gray-900' : 'bg-white';
+    const textColor = theme === 'dark' ? 'text-white' : 'text-gray-900';
+    const mutedTextColor = theme === 'dark' ? 'text-gray-400' : 'text-gray-600';
+    const borderColor = theme === 'dark' ? 'border-gray-700' : 'border-gray-200';
+    const handlePayment = async () => {
+        if (!account || !isAuthenticated) {
+            setError('Please connect wallet and authenticate first');
+            setCurrentStep(CheckoutStep.ERROR);
+            return;
+        }
+        try {
+            setCurrentStep(CheckoutStep.PAYMENT);
+            setError(null);
+            // Get USDC contract
+            const usdcContract = getContract({
+                client,
+                chain: varityL3Testnet,
+                address: USDC_CONTRACT_ADDRESS,
+            });
+            // Prepare USDC transfer transaction
+            const transaction = prepareContractCall({
+                contract: usdcContract,
+                method: 'function transfer(address to, uint256 amount) returns (bool)',
+                params: [paymentRecipient, BigInt(plan.price)],
+            });
+            // Send transaction
+            sendTransaction(transaction, {
+                onSuccess: (result) => {
+                    setTxHash(result.transactionHash);
+                    setCurrentStep(CheckoutStep.CONFIRMING);
+                    // Wait for confirmation
+                    setTimeout(() => {
+                        setCurrentStep(CheckoutStep.SUCCESS);
+                        onSuccess?.(result.transactionHash);
+                    }, 3000);
+                },
+                onError: (err) => {
+                    const errorMessage = err.message || 'Payment failed';
+                    setError(errorMessage);
+                    setCurrentStep(CheckoutStep.ERROR);
+                    onError?.(err);
+                },
+            });
+        }
+        catch (err) {
+            const errorMessage = err.message || 'Payment failed';
+            setError(errorMessage);
+            setCurrentStep(CheckoutStep.ERROR);
+            onError?.(err);
+        }
+    };
+    const handleClose = () => {
+        if (currentStep !== CheckoutStep.PAYMENT && currentStep !== CheckoutStep.CONFIRMING) {
+            onClose();
+        }
+    };
+    return (React.createElement("div", { className: "fixed inset-0 z-50 flex items-center justify-center" },
+        React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-50", onClick: handleClose }),
+        React.createElement("div", { className: `relative w-full max-w-2xl mx-4 rounded-2xl shadow-2xl ${bgColor} ${textColor} border ${borderColor}` },
+            currentStep !== CheckoutStep.PAYMENT && currentStep !== CheckoutStep.CONFIRMING && (React.createElement("button", { onClick: handleClose, className: "absolute top-4 right-4 text-gray-400 hover:text-gray-600 transition-colors" },
+                React.createElement("svg", { className: "w-6 h-6", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                    React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" })))),
+            React.createElement("div", { className: "p-8" },
+                React.createElement("h2", { className: "text-3xl font-bold mb-6" }, "Complete Your Subscription"),
+                currentStep === CheckoutStep.REVIEW && (React.createElement(ReviewStep, { plan: plan, onProceed: handlePayment, theme: theme, textColor: textColor, mutedTextColor: mutedTextColor, borderColor: borderColor, isPending: isPending })),
+                currentStep === CheckoutStep.PAYMENT && (React.createElement(ProcessingStep, { message: "Processing payment...", theme: theme, textColor: textColor })),
+                currentStep === CheckoutStep.CONFIRMING && (React.createElement(ProcessingStep, { message: "Confirming transaction...", txHash: txHash, theme: theme, textColor: textColor, mutedTextColor: mutedTextColor })),
+                currentStep === CheckoutStep.SUCCESS && (React.createElement(SuccessStep, { plan: plan, txHash: txHash, onClose: onClose, theme: theme, textColor: textColor, mutedTextColor: mutedTextColor })),
+                currentStep === CheckoutStep.ERROR && (React.createElement(ErrorStep, { error: error, onRetry: handlePayment, onClose: onClose, theme: theme, textColor: textColor }))))));
+};
+const ReviewStep = ({ plan, onProceed, theme, textColor, mutedTextColor, borderColor, isPending, }) => (React.createElement(React.Fragment, null,
+    React.createElement("div", { className: `border ${borderColor} rounded-lg p-6 mb-6` },
+        React.createElement("div", { className: "flex justify-between items-start mb-4" },
+            React.createElement("div", null,
+                React.createElement("h3", { className: `text-xl font-bold ${textColor}` },
+                    plan.name,
+                    " Plan"),
+                React.createElement("p", { className: mutedTextColor }, plan.description)),
+            React.createElement("div", { className: "text-right" },
+                React.createElement("p", { className: `text-2xl font-bold ${textColor}` }, formatUSDC(plan.price)),
+                React.createElement("p", { className: `text-sm ${mutedTextColor}` }, "per month"))),
+        React.createElement("div", { className: "space-y-2" },
+            React.createElement("p", { className: `font-semibold ${textColor} mb-2` }, "Included features:"),
+            plan.features.slice(0, 5).map((feature, index) => (React.createElement("div", { key: index, className: "flex items-center gap-2" },
+                React.createElement("svg", { className: "w-4 h-4 text-green-500", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                    React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" })),
+                React.createElement("span", { className: `text-sm ${mutedTextColor}` }, feature)))))),
+    React.createElement("div", { className: `bg-${theme === 'dark' ? 'gray-800' : 'gray-50'} rounded-lg p-6 mb-6` },
+        React.createElement("h4", { className: `font-semibold mb-4 ${textColor}` }, "Payment Details"),
+        React.createElement("div", { className: "space-y-2" },
+            React.createElement("div", { className: "flex justify-between" },
+                React.createElement("span", { className: mutedTextColor }, "Subtotal"),
+                React.createElement("span", { className: textColor }, formatUSDC(plan.price))),
+            React.createElement("div", { className: "flex justify-between" },
+                React.createElement("span", { className: mutedTextColor }, "Currency"),
+                React.createElement("span", { className: textColor }, "USDC (Varity L3)")),
+            React.createElement("div", { className: `border-t ${borderColor} pt-2 mt-2` }),
+            React.createElement("div", { className: "flex justify-between font-bold" },
+                React.createElement("span", { className: textColor }, "Total Due Today"),
+                React.createElement("span", { className: `text-xl ${textColor}` }, formatUSDC(plan.price))))),
+    React.createElement("button", { onClick: onProceed, disabled: isPending, className: "w-full py-4 bg-blue-600 hover:bg-blue-700 text-white font-bold rounded-lg transition-colors disabled:opacity-50 disabled:cursor-not-allowed flex items-center justify-center gap-2" }, isPending ? (React.createElement(React.Fragment, null,
+        React.createElement(LoadingSpinner, null),
+        "Processing...")) : (React.createElement(React.Fragment, null,
+        "Pay ",
+        formatUSDC(plan.price),
+        " USDC"))),
+    React.createElement("p", { className: `text-xs text-center mt-4 ${mutedTextColor}` }, "Your payment is secure and encrypted. Powered by Thirdweb on Varity L3.")));
+const ProcessingStep = ({ message, txHash, theme, textColor, mutedTextColor }) => (React.createElement("div", { className: "text-center py-12" },
+    React.createElement("div", { className: "inline-flex items-center justify-center w-20 h-20 rounded-full bg-blue-500 text-white mb-6 animate-pulse" },
+        React.createElement(LoadingSpinner, null)),
+    React.createElement("h3", { className: `text-2xl font-bold mb-2 ${textColor}` }, message),
+    React.createElement("p", { className: mutedTextColor }, "Please wait while we process your transaction"),
+    txHash && (React.createElement("div", { className: "mt-6" },
+        React.createElement("p", { className: `text-sm ${mutedTextColor} mb-2` }, "Transaction Hash:"),
+        React.createElement("code", { className: `text-xs ${theme === 'dark' ? 'bg-gray-800 text-gray-300' : 'bg-gray-100 text-gray-700'} px-3 py-1 rounded` },
+            txHash.substring(0, 10),
+            "...",
+            txHash.substring(txHash.length - 10))))));
+const SuccessStep = ({ plan, txHash, onClose, theme, textColor, mutedTextColor }) => (React.createElement("div", { className: "text-center py-12" },
+    React.createElement("div", { className: "inline-flex items-center justify-center w-20 h-20 rounded-full bg-green-500 text-white mb-6" },
+        React.createElement("svg", { className: "w-12 h-12", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }))),
+    React.createElement("h3", { className: `text-2xl font-bold mb-2 ${textColor}` }, "Payment Successful!"),
+    React.createElement("p", { className: mutedTextColor },
+        "You're now subscribed to the ",
+        plan.name,
+        " plan"),
+    txHash && (React.createElement("div", { className: "mt-6" },
+        React.createElement("p", { className: `text-sm ${mutedTextColor} mb-2` }, "Transaction Hash:"),
+        React.createElement("code", { className: `text-xs ${theme === 'dark' ? 'bg-gray-800 text-gray-300' : 'bg-gray-100 text-gray-700'} px-3 py-1 rounded` }, txHash))),
+    React.createElement("button", { onClick: onClose, className: "mt-8 px-8 py-3 bg-blue-600 hover:bg-blue-700 text-white font-semibold rounded-lg transition-colors" }, "Go to Dashboard")));
+const ErrorStep = ({ error, onRetry, onClose, theme, textColor }) => (React.createElement("div", { className: "text-center py-12" },
+    React.createElement("div", { className: "inline-flex items-center justify-center w-20 h-20 rounded-full bg-red-500 text-white mb-6" },
+        React.createElement("svg", { className: "w-12 h-12", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+            React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }))),
+    React.createElement("h3", { className: `text-2xl font-bold mb-2 ${textColor}` }, "Payment Failed"),
+    React.createElement("p", { className: "text-red-500 mb-8" }, error || 'An error occurred during payment'),
+    React.createElement("div", { className: "flex gap-4 justify-center" },
+        React.createElement("button", { onClick: onRetry, className: "px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white font-semibold rounded-lg transition-colors" }, "Try Again"),
+        React.createElement("button", { onClick: onClose, className: `px-6 py-3 ${theme === 'dark' ? 'bg-gray-700 hover:bg-gray-600' : 'bg-gray-200 hover:bg-gray-300'} ${textColor} font-semibold rounded-lg transition-colors` }, "Cancel"))));
+/**
+ * Loading Spinner Component
+ */
+const LoadingSpinner = () => (React.createElement("svg", { className: "animate-spin h-6 w-6", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24" },
+    React.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+    React.createElement("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })));
+export default CheckoutModal;
+//# sourceMappingURL=CheckoutModal.js.map

package/dist/components/Payments/CheckoutModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckoutModal.js","sourceRoot":"","sources":["../../../src/components/Payments/CheckoutModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AACvC,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,UAAU,EAAE,qBAAqB,EAAsB,MAAM,aAAa,CAAC;AACpF,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAkBtD,IAAK,YAOJ;AAPD,WAAK,YAAY;IACf,iCAAiB,CAAA;IACjB,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;IACnB,yCAAyB,CAAA;IACzB,mCAAmB,CAAA;IACnB,+BAAe,CAAA;AACjB,CAAC,EAPI,YAAY,KAAZ,YAAY,QAOhB;AAED,MAAM,CAAC,MAAM,aAAa,GAAiC,CAAC,EAC1D,MAAM,EACN,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,gBAAgB,EAChB,SAAS,EACT,OAAO,EACP,KAAK,GAAG,MAAM,GACf,EAAE,EAAE;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAe,YAAY,CAAC,MAAM,CAAC,CAAC;IAClF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAE1D,MAAM,EAAE,eAAe,EAAE,GAAG,OAAO,EAAE,CAAC;IACtC,MAAM,OAAO,GAAG,gBAAgB,EAAE,CAAC;IACnC,MAAM,EAAE,MAAM,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,kBAAkB,EAAE,CAAC;IAEpE,MAAM,MAAM,GAAG,oBAAoB,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAElD,+BAA+B;IAC/B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE,CAAC;YACX,cAAc,CAAC,YAAY,CAAC,MAAM,CAAC,CAAC;YACpC,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,SAAS,CAAC,IAAI,CAAC,CAAC;QAClB,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,CAAC;IAC9D,MAAM,SAAS,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,eAAe,CAAC;IACpE,MAAM,cAAc,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,eAAe,CAAC;IAC5E,MAAM,WAAW,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,iBAAiB,CAAC;IAE7E,MAAM,aAAa,GAAG,KAAK,IAAI,EAAE;QAC/B,IAAI,CAAC,OAAO,IAAI,CAAC,eAAe,EAAE,CAAC;YACjC,QAAQ,CAAC,8CAA8C,CAAC,CAAC;YACzD,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACnC,OAAO;QACT,CAAC;QAED,IAAI,CAAC;YACH,cAAc,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;YACrC,QAAQ,CAAC,IAAI,CAAC,CAAC;YAEf,oBAAoB;YACpB,MAAM,YAAY,GAAG,WAAW,CAAC;gBAC/B,MAAM;gBACN,KAAK,EAAE,eAAe;gBACtB,OAAO,EAAE,qBAAqB;aAC/B,CAAC,CAAC;YAEH,oCAAoC;YACpC,MAAM,WAAW,GAAG,mBAAmB,CAAC;gBACtC,QAAQ,EAAE,YAAY;gBACtB,MAAM,EAAE,8DAA8D;gBACtE,MAAM,EAAE,CAAC,gBAAgB,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC/C,CAAC,CAAC;YAEH,mBAAmB;YACnB,eAAe,CAAC,WAAW,EAAE;gBAC3B,SAAS,EAAE,CAAC,MAAM,EAAE,EAAE;oBACpB,SAAS,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;oBAClC,cAAc,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC;oBAExC,wBAAwB;oBACxB,UAAU,CAAC,GAAG,EAAE;wBACd,cAAc,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;wBACrC,SAAS,EAAE,CAAC,MAAM,CAAC,eAAe,CAAC,CAAC;oBACtC,CAAC,EAAE,IAAI,CAAC,CAAC;gBACX,CAAC;gBACD,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE;oBACf,MAAM,YAAY,GAAG,GAAG,CAAC,OAAO,IAAI,gBAAgB,CAAC;oBACrD,QAAQ,CAAC,YAAY,CAAC,CAAC;oBACvB,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;oBACnC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC;gBACjB,CAAC;aACF,CAAC,CAAC;QACL,CAAC;QAAC,OAAO,GAAQ,EAAE,CAAC;YAClB,MAAM,YAAY,GAAG,GAAG,CAAC,OAAO,IAAI,gBAAgB,CAAC;YACrD,QAAQ,CAAC,YAAY,CAAC,CAAC;YACvB,cAAc,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC;YACnC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC;QACjB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,WAAW,KAAK,YAAY,CAAC,OAAO,IAAI,WAAW,KAAK,YAAY,CAAC,UAAU,EAAE,CAAC;YACpF,OAAO,EAAE,CAAC;QACZ,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACL,6BAAK,SAAS,EAAC,qDAAqD;QAElE,6BAAK,SAAS,EAAC,yCAAyC,EAAC,OAAO,EAAE,WAAW,GAAI;QAGjF,6BAAK,SAAS,EAAE,yDAAyD,OAAO,IAAI,SAAS,WAAW,WAAW,EAAE;YAElH,WAAW,KAAK,YAAY,CAAC,OAAO,IAAI,WAAW,KAAK,YAAY,CAAC,UAAU,IAAI,CAClF,gCACE,OAAO,EAAE,WAAW,EACpB,SAAS,EAAC,4EAA4E;gBAEtF,6BAAK,SAAS,EAAC,SAAS,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW;oBAC5E,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,sBAAsB,GAAG,CAC1F,CACC,CACV;YAGD,6BAAK,SAAS,EAAC,KAAK;gBAElB,4BAAI,SAAS,EAAC,yBAAyB,iCAAgC;gBAGtE,WAAW,KAAK,YAAY,CAAC,MAAM,IAAI,CACtC,oBAAC,UAAU,IACT,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACpB,CACH;gBAEA,WAAW,KAAK,YAAY,CAAC,OAAO,IAAI,CACvC,oBAAC,cAAc,IACb,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH;gBAEA,WAAW,KAAK,YAAY,CAAC,UAAU,IAAI,CAC1C,oBAAC,cAAc,IACb,OAAO,EAAC,2BAA2B,EACnC,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,GAC9B,CACH;gBAEA,WAAW,KAAK,YAAY,CAAC,OAAO,IAAI,CACvC,oBAAC,WAAW,IACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,GAC9B,CACH;gBAEA,WAAW,KAAK,YAAY,CAAC,KAAK,IAAI,CACrC,oBAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,aAAa,EACtB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CACG,CACF,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAeF,MAAM,UAAU,GAA8B,CAAC,EAC7C,IAAI,EACJ,SAAS,EACT,KAAK,EACL,SAAS,EACT,cAAc,EACd,WAAW,EACX,SAAS,GACV,EAAE,EAAE,CAAC,CACJ;IAEE,6BAAK,SAAS,EAAE,UAAU,WAAW,sBAAsB;QACzD,6BAAK,SAAS,EAAC,uCAAuC;YACpD;gBACE,4BAAI,SAAS,EAAE,qBAAqB,SAAS,EAAE;oBAAG,IAAI,CAAC,IAAI;4BAAW;gBACtE,2BAAG,SAAS,EAAE,cAAc,IAAG,IAAI,CAAC,WAAW,CAAK,CAChD;YACN,6BAAK,SAAS,EAAC,YAAY;gBACzB,2BAAG,SAAS,EAAE,sBAAsB,SAAS,EAAE,IAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAK;gBAC7E,2BAAG,SAAS,EAAE,WAAW,cAAc,EAAE,gBAAe,CACpD,CACF;QAGN,6BAAK,SAAS,EAAC,WAAW;YACxB,2BAAG,SAAS,EAAE,iBAAiB,SAAS,OAAO,yBAAwB;YACtE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE,CAAC,CACjD,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,yBAAyB;gBAClD,6BAAK,SAAS,EAAC,wBAAwB,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW;oBAC3F,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,gBAAgB,GAAG,CACpF;gBACN,8BAAM,SAAS,EAAE,WAAW,cAAc,EAAE,IAAG,OAAO,CAAQ,CAC1D,CACP,CAAC,CACE,CACF;IAGN,6BAAK,SAAS,EAAE,MAAM,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,sBAAsB;QACnF,4BAAI,SAAS,EAAE,sBAAsB,SAAS,EAAE,sBAAsB;QACtE,6BAAK,SAAS,EAAC,WAAW;YACxB,6BAAK,SAAS,EAAC,sBAAsB;gBACnC,8BAAM,SAAS,EAAE,cAAc,eAAiB;gBAChD,8BAAM,SAAS,EAAE,SAAS,IAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAQ,CACvD;YACN,6BAAK,SAAS,EAAC,sBAAsB;gBACnC,8BAAM,SAAS,EAAE,cAAc,eAAiB;gBAChD,8BAAM,SAAS,EAAE,SAAS,uBAAyB,CAC/C;YACN,6BAAK,SAAS,EAAE,YAAY,WAAW,YAAY,GAAI;YACvD,6BAAK,SAAS,EAAC,gCAAgC;gBAC7C,8BAAM,SAAS,EAAE,SAAS,sBAAwB;gBAClD,8BAAM,SAAS,EAAE,WAAW,SAAS,EAAE,IAAG,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,CAAQ,CACpE,CACF,CACF;IAGN,gCACE,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,oLAAoL,IAE7L,SAAS,CAAC,CAAC,CAAC,CACX;QACE,oBAAC,cAAc,OAAG;wBAEjB,CACJ,CAAC,CAAC,CAAC,CACF;;QACO,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;gBAC1B,CACJ,CACM;IAGT,2BAAG,SAAS,EAAE,4BAA4B,cAAc,EAAE,8EAEtD,CACH,CACJ,CAAC;AAaF,MAAM,cAAc,GAAkC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAC/G,6BAAK,SAAS,EAAC,mBAAmB;IAChC,6BAAK,SAAS,EAAC,0GAA0G;QACvH,oBAAC,cAAc,OAAG,CACd;IACN,4BAAI,SAAS,EAAE,2BAA2B,SAAS,EAAE,IAAG,OAAO,CAAM;IACrE,2BAAG,SAAS,EAAE,cAAc,oDAAmD;IAC9E,MAAM,IAAI,CACT,6BAAK,SAAS,EAAC,MAAM;QACnB,2BAAG,SAAS,EAAE,WAAW,cAAc,OAAO,wBAAuB;QACrE,8BAAM,SAAS,EAAE,WAAW,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,2BAA2B,oBAAoB;YACzH,MAAM,CAAC,SAAS,CAAC,CAAC,EAAE,EAAE,CAAC;;YAAK,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC,CAC5D,CACH,CACP,CACG,CACP,CAAC;AAcF,MAAM,WAAW,GAA+B,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,EAAE,EAAE,CAAC,CAC/G,6BAAK,SAAS,EAAC,mBAAmB;IAChC,6BAAK,SAAS,EAAC,6FAA6F;QAC1G,6BAAK,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW;YAC9E,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,gBAAgB,GAAG,CACpF,CACF;IACN,4BAAI,SAAS,EAAE,2BAA2B,SAAS,EAAE,0BAA0B;IAC/E,2BAAG,SAAS,EAAE,cAAc;;QAAqC,IAAI,CAAC,IAAI;gBAAU;IAEnF,MAAM,IAAI,CACT,6BAAK,SAAS,EAAC,MAAM;QACnB,2BAAG,SAAS,EAAE,WAAW,cAAc,OAAO,wBAAuB;QACrE,8BAAM,SAAS,EAAE,WAAW,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC,CAAC,2BAA2B,oBAAoB,IACzH,MAAM,CACF,CACH,CACP;IAED,gCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,oGAAoG,sBAGvG,CACL,CACP,CAAC;AAaF,MAAM,SAAS,GAA6B,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAC7F,6BAAK,SAAS,EAAC,mBAAmB;IAChC,6BAAK,SAAS,EAAC,2FAA2F;QACxG,6BAAK,SAAS,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW;YAC9E,8BAAM,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,EAAE,CAAC,EAAE,CAAC,EAAC,sBAAsB,GAAG,CAC1F,CACF;IACN,4BAAI,SAAS,EAAE,2BAA2B,SAAS,EAAE,qBAAqB;IAC1E,2BAAG,SAAS,EAAC,mBAAmB,IAAE,KAAK,IAAI,kCAAkC,CAAK;IAElF,6BAAK,SAAS,EAAC,2BAA2B;QACxC,gCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,+FAA+F,gBAGlG;QACT,gCACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,aAAa,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,+BAA+B,IAAI,SAAS,6CAA6C,aAG/J,CACL,CACF,CACP,CAAC;AAEF;;GAEG;AACH,MAAM,cAAc,GAAa,GAAG,EAAE,CAAC,CACrC,6BAAK,SAAS,EAAC,sBAAsB,EAAC,KAAK,EAAC,4BAA4B,EAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAC,WAAW;IACtG,gCAAQ,SAAS,EAAC,YAAY,EAAC,EAAE,EAAC,IAAI,EAAC,EAAE,EAAC,IAAI,EAAC,CAAC,EAAC,IAAI,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,GAAG;IAC9F,8BACE,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,iHAAiH,GACnH,CACE,CACP,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Payments/SubscriptionWidget.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { SubscriptionTier } from './types';
+/**
+ * Subscription Widget Component
+ * Displays subscription plans with feature comparison
+ */
+interface SubscriptionWidgetProps {
+    currentPlan?: SubscriptionTier;
+    onSelectPlan: (planId: string) => void;
+    theme?: 'light' | 'dark';
+    showAnnualToggle?: boolean;
+    className?: string;
+    isLoading?: boolean;
+}
+export declare const SubscriptionWidget: React.FC<SubscriptionWidgetProps>;
+export default SubscriptionWidget;
+//# sourceMappingURL=SubscriptionWidget.d.ts.map

package/dist/components/Payments/SubscriptionWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionWidget.d.ts","sourceRoot":"","sources":["../../../src/components/Payments/SubscriptionWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AACxC,OAAO,EAAoB,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAG7D;;;GAGG;AAEH,UAAU,uBAAuB;IAC/B,WAAW,CAAC,EAAE,gBAAgB,CAAC;IAC/B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,uBAAuB,CA6FhE,CAAC;AA6KF,eAAe,kBAAkB,CAAC"}