@varity-labs/ui-kit 2.0.0-beta.8 → 2.0.0-beta.9

package/dist/components/InAppWallet/OnboardingFlow.js

@@ -0,0 +1,159 @@
+/**
+ * OnboardingFlow - Complete User Onboarding Wizard
+ *
+ * Multi-step wizard for onboarding users to Varity L3
+ * Steps: Welcome -> Auth -> Wallet Created -> Buy USDC (optional) -> Dashboard
+ *
+ * @example
+ * ```tsx
+ * <OnboardingFlow
+ *   onComplete={(user) => router.push('/dashboard')}
+ *   skipBuyUSDC={false}
+ * />
+ * ```
+ */
+import React, { useState } from 'react';
+import { useInAppWallet } from './InAppWalletProvider';
+import { EmailLoginButton } from './EmailLoginButton';
+import { SocialLoginButtons } from './SocialLoginButtons';
+export function OnboardingFlow({ onComplete, onSkip, skipBuyUSDC = false, companyName = 'Varity', companyLogo }) {
+    const { user, isAuthenticated } = useInAppWallet();
+    const [currentStep, setCurrentStep] = useState('welcome');
+    const showBuyUSDC = !skipBuyUSDC;
+    const handleComplete = React.useCallback(() => {
+        setCurrentStep('complete');
+        onComplete?.(user);
+    }, [user, onComplete]);
+    // Auto-advance to wallet-created when authenticated
+    React.useEffect(() => {
+        if (isAuthenticated && user && currentStep === 'auth') {
+            setCurrentStep('wallet-created');
+            setTimeout(() => {
+                if (showBuyUSDC) {
+                    setCurrentStep('buy-usdc');
+                }
+                else {
+                    handleComplete();
+                }
+            }, 3000); // Show success for 3 seconds
+        }
+    }, [isAuthenticated, user, currentStep, showBuyUSDC, handleComplete]);
+    const handleSkipOnboarding = () => {
+        onSkip?.();
+    };
+    const renderStep = () => {
+        switch (currentStep) {
+            case 'welcome':
+                return (React.createElement("div", { className: "text-center space-y-6" },
+                    companyLogo && (React.createElement("img", { src: companyLogo, alt: companyName, className: "h-16 mx-auto" })),
+                    React.createElement("div", { className: "space-y-2" },
+                        React.createElement("h1", { className: "text-3xl font-bold text-gray-900" },
+                            "Welcome to ",
+                            companyName),
+                        React.createElement("p", { className: "text-lg text-gray-600" }, "Get started in 2 minutes - No crypto knowledge required")),
+                    React.createElement("div", { className: "bg-gradient-to-br from-indigo-50 to-purple-50 rounded-xl p-6 space-y-4" },
+                        React.createElement("h3", { className: "font-semibold text-gray-900" }, "What you'll get:"),
+                        React.createElement("ul", { className: "text-left space-y-3" },
+                            React.createElement("li", { className: "flex items-start gap-3" },
+                                React.createElement("svg", { className: "w-6 h-6 text-green-500 flex-shrink-0", 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-gray-700" },
+                                    React.createElement("strong", null, "Your own wallet"),
+                                    " - Automatically created with email/social login")),
+                            React.createElement("li", { className: "flex items-start gap-3" },
+                                React.createElement("svg", { className: "w-6 h-6 text-green-500 flex-shrink-0", 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-gray-700" },
+                                    React.createElement("strong", null, "Free transactions"),
+                                    " - USDC as gas token means low fees")),
+                            React.createElement("li", { className: "flex items-start gap-3" },
+                                React.createElement("svg", { className: "w-6 h-6 text-green-500 flex-shrink-0", 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-gray-700" },
+                                    React.createElement("strong", null, "Buy crypto with card"),
+                                    " - Use credit card, Apple Pay, or Google Pay")))),
+                    React.createElement("button", { onClick: () => setCurrentStep('auth'), className: "w-full bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-700 hover:to-purple-700 text-white font-semibold py-4 px-6 rounded-xl transition-all shadow-lg hover:shadow-xl" }, "Get Started"),
+                    React.createElement("button", { onClick: handleSkipOnboarding, className: "text-sm text-gray-500 hover:text-gray-700" }, "Skip for now")));
+            case 'auth':
+                return (React.createElement("div", { className: "space-y-6" },
+                    React.createElement("div", { className: "text-center space-y-2" },
+                        React.createElement("h2", { className: "text-2xl font-bold text-gray-900" }, "Create Your Wallet"),
+                        React.createElement("p", { className: "text-gray-600" }, "Choose how you'd like to sign in - your wallet will be created automatically")),
+                    React.createElement("div", { className: "space-y-4" },
+                        React.createElement(SocialLoginButtons, { providers: ['google', 'apple', 'facebook'], layout: "vertical", showDivider: false }),
+                        React.createElement("div", { className: "relative my-6" },
+                            React.createElement("div", { className: "absolute inset-0 flex items-center" },
+                                React.createElement("div", { className: "w-full border-t border-gray-300" })),
+                            React.createElement("div", { className: "relative flex justify-center text-sm" },
+                                React.createElement("span", { className: "bg-white px-4 text-gray-500" }, "or use email"))),
+                        React.createElement(EmailLoginButton, null)),
+                    React.createElement("button", { onClick: () => setCurrentStep('welcome'), className: "w-full text-gray-600 hover:text-gray-900 font-medium" }, "\u2190 Back")));
+            case 'wallet-created':
+                return (React.createElement("div", { className: "text-center space-y-6" },
+                    React.createElement("div", { className: "flex justify-center" },
+                        React.createElement("div", { className: "relative" },
+                            React.createElement("div", { className: "w-24 h-24 bg-gradient-to-br from-green-400 to-green-600 rounded-full flex items-center justify-center animate-pulse" },
+                                React.createElement("svg", { className: "w-12 h-12 text-white", 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("div", { className: "absolute -top-2 -right-2 w-8 h-8 bg-yellow-400 rounded-full flex items-center justify-center animate-bounce" },
+                                React.createElement("span", { className: "text-xl" }, "\uD83C\uDF89")))),
+                    React.createElement("div", { className: "space-y-2" },
+                        React.createElement("h2", { className: "text-2xl font-bold text-gray-900" }, "Wallet Created Successfully!"),
+                        React.createElement("p", { className: "text-gray-600" }, "Your wallet is ready to use")),
+                    React.createElement("div", { className: "bg-gray-50 rounded-xl p-4 space-y-2" },
+                        React.createElement("div", { className: "flex justify-between items-center" },
+                            React.createElement("span", { className: "text-sm text-gray-600" }, "Wallet Address:"),
+                            React.createElement("code", { className: "text-xs font-mono bg-white px-2 py-1 rounded" },
+                                user?.walletAddress?.slice(0, 6),
+                                "...",
+                                user?.walletAddress?.slice(-4))),
+                        user?.email && (React.createElement("div", { className: "flex justify-between items-center" },
+                            React.createElement("span", { className: "text-sm text-gray-600" }, "Email:"),
+                            React.createElement("span", { className: "text-sm font-medium" }, user.email)))),
+                    React.createElement("div", { className: "text-sm text-gray-500" }, "Redirecting to next step...")));
+            case 'buy-usdc':
+                return (React.createElement("div", { className: "space-y-6" },
+                    React.createElement("div", { className: "text-center space-y-2" },
+                        React.createElement("h2", { className: "text-2xl font-bold text-gray-900" }, "Add Funds to Your Wallet"),
+                        React.createElement("p", { className: "text-gray-600" }, "Buy USDC with your credit card to start using the platform")),
+                    React.createElement("div", { className: "bg-gradient-to-br from-blue-50 to-indigo-50 rounded-xl p-6 space-y-4" },
+                        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("h3", { className: "font-semibold text-gray-900" }, "Payment Methods"),
+                                React.createElement("p", { className: "text-sm text-gray-600" }, "Credit card, Apple Pay, Google Pay")))),
+                    React.createElement("div", { className: "flex gap-3" },
+                        React.createElement("button", { onClick: handleComplete, className: "flex-1 border-2 border-gray-300 text-gray-700 font-medium py-3 px-6 rounded-xl hover:bg-gray-50 transition-all" }, "Skip for now"),
+                        React.createElement("button", { onClick: () => {
+                                // This will be replaced with actual Onramp widget
+                                console.log('Opening Onramp...');
+                                handleComplete();
+                            }, className: "flex-1 bg-gradient-to-r from-indigo-600 to-purple-600 hover:from-indigo-700 hover:to-purple-700 text-white font-semibold py-3 px-6 rounded-xl transition-all shadow-lg hover:shadow-xl" }, "Buy USDC"))));
+            case 'complete':
+                return (React.createElement("div", { className: "text-center space-y-6" },
+                    React.createElement("div", { className: "flex justify-center" },
+                        React.createElement("div", { className: "w-24 h-24 bg-gradient-to-br from-purple-400 to-indigo-600 rounded-full flex items-center justify-center" },
+                            React.createElement("svg", { className: "w-12 h-12 text-white", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24" },
+                                React.createElement("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M14 10h4.764a2 2 0 011.789 2.894l-3.5 7A2 2 0 0115.263 21h-4.017c-.163 0-.326-.02-.485-.06L7 20m7-10V5a2 2 0 00-2-2h-.095c-.5 0-.905.405-.905.905 0 .714-.211 1.412-.608 2.006L7 11v9m7-10h-2M7 20H5a2 2 0 01-2-2v-6a2 2 0 012-2h2.5" })))),
+                    React.createElement("div", { className: "space-y-2" },
+                        React.createElement("h2", { className: "text-2xl font-bold text-gray-900" }, "You're All Set!"),
+                        React.createElement("p", { className: "text-gray-600" },
+                            "Welcome to ",
+                            companyName,
+                            ". Let's get started!"))));
+            default:
+                return null;
+        }
+    };
+    return (React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-indigo-50 via-white to-purple-50 flex items-center justify-center p-4" },
+        React.createElement("div", { className: "w-full max-w-md" },
+            React.createElement("div", { className: "bg-white rounded-2xl shadow-2xl p-8" },
+                React.createElement("div", { className: "mb-8" },
+                    React.createElement("div", { className: "flex justify-between mb-2" }, ['welcome', 'auth', 'wallet-created', ...(showBuyUSDC ? ['buy-usdc'] : []), 'complete'].map((step, index) => (React.createElement("div", { key: step, className: `h-2 flex-1 mx-1 rounded-full transition-all ${['welcome', 'auth', 'wallet-created', ...(showBuyUSDC ? ['buy-usdc'] : []), 'complete'].indexOf(currentStep) >= index
+                            ? 'bg-gradient-to-r from-indigo-600 to-purple-600'
+                            : 'bg-gray-200'}` }))))),
+                renderStep()),
+            React.createElement("p", { className: "text-center text-xs text-gray-500 mt-6" }, "Powered by Varity \u2022 Secure \u2022 Decentralized"))));
+}
+//# sourceMappingURL=OnboardingFlow.js.map

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

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

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

@@ -0,0 +1,28 @@
+/**
+ * SocialLoginButtons - Social OAuth Authentication Buttons
+ *
+ * Provides one-click social login via Google, Apple, Facebook
+ * Automatically creates custodial wallets for users
+ *
+ * @example
+ * ```tsx
+ * <SocialLoginButtons
+ *   providers={['google', 'apple', 'facebook']}
+ *   onSuccess={(user) => console.log('Logged in:', user)}
+ * />
+ * ```
+ */
+import React from 'react';
+type SocialProvider = 'google' | 'apple' | 'facebook' | 'discord' | 'twitter';
+interface SocialLoginButtonsProps {
+    providers?: SocialProvider[];
+    onSuccess?: (provider: SocialProvider) => void;
+    onError?: (error: Error) => void;
+    layout?: 'horizontal' | 'vertical' | 'grid';
+    showDivider?: boolean;
+    dividerText?: string;
+    size?: 'sm' | 'md' | 'lg';
+}
+export declare function SocialLoginButtons({ providers, onSuccess, onError, layout, showDivider, dividerText, size, }: SocialLoginButtonsProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=SocialLoginButtons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SocialLoginButtons.d.ts","sourceRoot":"","sources":["../../../src/components/InAppWallet/SocialLoginButtons.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;GAaG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,KAAK,cAAc,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,CAAC;AAE9E,UAAU,uBAAuB;IAC/B,SAAS,CAAC,EAAE,cAAc,EAAE,CAAC;IAC7B,SAAS,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,IAAI,CAAC;IAC/C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,MAAM,CAAC,EAAE,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;IAC5C,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC3B;AA2ED,wBAAgB,kBAAkB,CAAC,EACjC,SAA2C,EAC3C,SAAS,EACT,OAAO,EACP,MAAmB,EACnB,WAAkB,EAClB,WAAgC,EAChC,IAAW,GACZ,EAAE,uBAAuB,qBAwGzB"}

package/dist/components/InAppWallet/SocialLoginButtons.js

@@ -0,0 +1,128 @@
+/**
+ * SocialLoginButtons - Social OAuth Authentication Buttons
+ *
+ * Provides one-click social login via Google, Apple, Facebook
+ * Automatically creates custodial wallets for users
+ *
+ * @example
+ * ```tsx
+ * <SocialLoginButtons
+ *   providers={['google', 'apple', 'facebook']}
+ *   onSuccess={(user) => console.log('Logged in:', user)}
+ * />
+ * ```
+ */
+import React from 'react';
+import { useInAppWallet } from './InAppWalletProvider';
+import { getErrorMessage } from '@varity-labs/types';
+const providerConfig = {
+    google: {
+        name: 'Google',
+        icon: (React.createElement("svg", { className: "w-5 h-5", viewBox: "0 0 24 24" },
+            React.createElement("path", { fill: "currentColor", d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" }),
+            React.createElement("path", { fill: "currentColor", d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" }),
+            React.createElement("path", { fill: "currentColor", d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" }),
+            React.createElement("path", { fill: "currentColor", d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" }))),
+        bgColor: 'bg-white hover:bg-gray-50',
+        textColor: 'text-gray-700',
+        borderColor: 'border-gray-300',
+    },
+    apple: {
+        name: 'Apple',
+        icon: (React.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24" },
+            React.createElement("path", { d: "M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" }))),
+        bgColor: 'bg-black hover:bg-gray-900',
+        textColor: 'text-white',
+        borderColor: 'border-black',
+    },
+    facebook: {
+        name: 'Facebook',
+        icon: (React.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24" },
+            React.createElement("path", { d: "M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z" }))),
+        bgColor: 'bg-[#1877F2] hover:bg-[#166FE5]',
+        textColor: 'text-white',
+        borderColor: 'border-[#1877F2]',
+    },
+    discord: {
+        name: 'Discord',
+        icon: (React.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24" },
+            React.createElement("path", { d: "M20.317 4.492c-1.53-.69-3.17-1.2-4.885-1.49a.075.075 0 0 0-.079.036c-.21.369-.444.85-.608 1.23a18.566 18.566 0 0 0-5.487 0 12.36 12.36 0 0 0-.617-1.23A.077.077 0 0 0 8.562 3c-1.714.29-3.354.8-4.885 1.491a.07.07 0 0 0-.032.027C.533 9.093-.32 13.555.099 17.961a.08.08 0 0 0 .031.055 20.03 20.03 0 0 0 5.993 2.98.078.078 0 0 0 .084-.026 13.83 13.83 0 0 0 1.226-1.963.074.074 0 0 0-.041-.104 13.201 13.201 0 0 1-1.872-.878.075.075 0 0 1-.008-.125c.126-.093.252-.19.372-.287a.075.075 0 0 1 .078-.01c3.927 1.764 8.18 1.764 12.061 0a.075.075 0 0 1 .079.009c.12.098.245.195.372.288a.075.075 0 0 1-.006.125c-.598.344-1.22.635-1.873.877a.075.075 0 0 0-.041.105c.36.687.772 1.341 1.225 1.962a.077.077 0 0 0 .084.028 19.963 19.963 0 0 0 6.002-2.981.076.076 0 0 0 .032-.054c.5-5.094-.838-9.52-3.549-13.442a.06.06 0 0 0-.031-.028zM8.02 15.278c-1.182 0-2.157-1.069-2.157-2.38 0-1.312.956-2.38 2.157-2.38 1.21 0 2.176 1.077 2.157 2.38 0 1.312-.956 2.38-2.157 2.38zm7.975 0c-1.183 0-2.157-1.069-2.157-2.38 0-1.312.955-2.38 2.157-2.38 1.21 0 2.176 1.077 2.157 2.38 0 1.312-.946 2.38-2.157 2.38z" }))),
+        bgColor: 'bg-[#5865F2] hover:bg-[#4752C4]',
+        textColor: 'text-white',
+        borderColor: 'border-[#5865F2]',
+    },
+    twitter: {
+        name: 'Twitter',
+        icon: (React.createElement("svg", { className: "w-5 h-5", fill: "currentColor", viewBox: "0 0 24 24" },
+            React.createElement("path", { d: "M23.953 4.57a10 10 0 01-2.825.775 4.958 4.958 0 002.163-2.723c-.951.555-2.005.959-3.127 1.184a4.92 4.92 0 00-8.384 4.482C7.69 8.095 4.067 6.13 1.64 3.162a4.822 4.822 0 00-.666 2.475c0 1.71.87 3.213 2.188 4.096a4.904 4.904 0 01-2.228-.616v.06a4.923 4.923 0 003.946 4.827 4.996 4.996 0 01-2.212.085 4.936 4.936 0 004.604 3.417 9.867 9.867 0 01-6.102 2.105c-.39 0-.779-.023-1.17-.067a13.995 13.995 0 007.557 2.209c9.053 0 13.998-7.496 13.998-13.985 0-.21 0-.42-.015-.63A9.935 9.935 0 0024 4.59z" }))),
+        bgColor: 'bg-[#1DA1F2] hover:bg-[#1A8CD8]',
+        textColor: 'text-white',
+        borderColor: 'border-[#1DA1F2]',
+    },
+};
+export function SocialLoginButtons({ providers = ['google', 'apple', 'facebook'], onSuccess, onError, layout = 'vertical', showDivider = true, dividerText = 'or continue with', size = 'md', }) {
+    const { loginWithGoogle, loginWithApple, loginWithFacebook, isLoading } = useInAppWallet();
+    const handleLogin = async (provider) => {
+        try {
+            switch (provider) {
+                case 'google':
+                    await loginWithGoogle();
+                    break;
+                case 'apple':
+                    await loginWithApple();
+                    break;
+                case 'facebook':
+                    await loginWithFacebook();
+                    break;
+                default:
+                    throw new Error(`Provider ${provider} not implemented`);
+            }
+            onSuccess?.(provider);
+        }
+        catch (error) {
+            const errorMessage = getErrorMessage(error);
+            console.error(`${provider} login error:`, errorMessage);
+            const errorObj = error instanceof Error ? error : new Error(errorMessage);
+            onError?.(errorObj);
+        }
+    };
+    const sizeClasses = {
+        sm: 'px-4 py-2 text-sm',
+        md: 'px-6 py-3 text-base',
+        lg: 'px-8 py-4 text-lg',
+    };
+    const layoutClasses = {
+        horizontal: 'flex flex-row gap-3',
+        vertical: 'flex flex-col gap-3',
+        grid: 'grid grid-cols-2 gap-3',
+    };
+    return (React.createElement("div", { className: "w-full" },
+        showDivider && (React.createElement("div", { className: "relative my-6" },
+            React.createElement("div", { className: "absolute inset-0 flex items-center" },
+                React.createElement("div", { className: "w-full border-t border-gray-300" })),
+            React.createElement("div", { className: "relative flex justify-center text-sm" },
+                React.createElement("span", { className: "bg-white px-4 text-gray-500" }, dividerText)))),
+        React.createElement("div", { className: layoutClasses[layout] }, providers.map((provider) => {
+            const config = providerConfig[provider];
+            if (!config)
+                return null;
+            return (React.createElement("button", { key: provider, onClick: () => handleLogin(provider), disabled: isLoading, className: `
+                ${config.bgColor}
+                ${config.textColor}
+                ${sizeClasses[size]}
+                border ${config.borderColor}
+                rounded-lg font-medium
+                flex items-center justify-center gap-2
+                transition-all duration-200
+                disabled:opacity-50 disabled:cursor-not-allowed
+                shadow-sm hover:shadow-md
+              ` },
+                isLoading ? (React.createElement("svg", { className: "animate-spin h-5 w-5", 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" }))) : (config.icon),
+                React.createElement("span", null,
+                    "Continue with ",
+                    config.name)));
+        }))));
+}
+//# sourceMappingURL=SocialLoginButtons.js.map

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

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

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/PaymentWidget/PaymentWidget.d.ts

@@ -1,9 +1,21 @@
 /**
  * PaymentWidget Component
  *
- * Payments are coming soon. This component currently passes children through
- * unchanged. Full payment processing (credit card checkout, 90/10 revenue
- * split) will be enabled in a future release.
+ * REQUIRED in every Varity app that charges users.
+ * All payments go through the VarityPayments contract with 90/10 revenue split:
+ * - 90% to developer
+ * - 10% to Varity treasury
+ *
+ * Zero-crypto checkout: Users pay with credit card via thirdweb Pay.
+ * No wallets, no tokens, no blockchain terminology visible.
+ * The experience is identical to Stripe checkout.
+ *
+ * Flow:
+ * 1. User clicks purchase button
+ * 2. Credit card form appears (thirdweb Pay modal)
+ * 3. thirdweb converts USD → USDC on Arbitrum One
+ * 4. USDC approve + purchaseApp() execute automatically
+ * 5. User sees "Purchase complete" — never sees crypto
  *
  * @example
  * ```tsx
@@ -17,11 +29,11 @@
 import React from 'react';
 import { PaymentWidgetProps } from './types';
 /**
- * PaymentWidget - Coming soon
+ * PaymentWidget - Required component for app monetization
  *
- * Renders children as-is until payment processing is enabled in a future
- * release. Wrap your purchase button with this component so you can enable
- * payments without any code changes when they launch.
+ * Wraps a trigger element and handles the full purchase flow.
+ * Automatically checks USDC allowance — skips authorize step if sufficient.
+ * Credit card payments handled seamlessly via thirdweb Pay.
  */
 export declare const PaymentWidget: React.FC<PaymentWidgetProps>;
 export default PaymentWidget;

package/dist/components/PaymentWidget/PaymentWidget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentWidget.d.ts","sourceRoot":"","sources":["../../../src/components/PaymentWidget/PaymentWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAKtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"PaymentWidget.d.ts","sourceRoot":"","sources":["../../../src/components/PaymentWidget/PaymentWidget.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AAEH,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AA6C7C;;;;;;GAMG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA4KtD,CAAC;AAEF,eAAe,aAAa,CAAC"}