keynesol-shared 1.0.2 → 1.0.3

package/dist/components/Common/ErrorBoundary.js

@@ -1,47 +1,15 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorBoundary = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 /**
  * ErrorBoundary Component
  * Requirements: 11.1 - Global error handling with React error boundaries
  */
-const react_1 = __importStar(require("react"));
+const react_1 = require("react");
 const styled_components_1 = __importDefault(require("styled-components"));
 const ErrorMessage_1 = require("./ErrorMessage");
 const Container = styled_components_1.default.div `
@@ -124,14 +92,7 @@ class ErrorBoundary extends react_1.Component {
                 return this.props.fallback;
             }
             const isDevelopment = typeof process !== 'undefined' && ((_a = process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) === 'development';
-            return (react_1.default.createElement(Container, null,
-                react_1.default.createElement(ErrorTitle, null, "Something went wrong"),
-                react_1.default.createElement(ErrorMessage_1.ErrorMessage, { message: ((_b = this.state.error) === null || _b === void 0 ? void 0 : _b.message) || 'An unexpected error occurred', onRetry: this.handleReset }),
-                isDevelopment && this.state.errorInfo && (react_1.default.createElement(ErrorDetails, null,
-                    react_1.default.createElement(ErrorSummary, null, "Error Details (Development Only)"),
-                    react_1.default.createElement(ErrorCode, null, (_c = this.state.error) === null || _c === void 0 ? void 0 :
-                        _c.toString(),
-                        this.state.errorInfo.componentStack)))));
+            return ((0, jsx_runtime_1.jsxs)(Container, { children: [(0, jsx_runtime_1.jsx)(ErrorTitle, { children: "Something went wrong" }), (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { message: ((_b = this.state.error) === null || _b === void 0 ? void 0 : _b.message) || 'An unexpected error occurred', onRetry: this.handleReset }), isDevelopment && this.state.errorInfo && ((0, jsx_runtime_1.jsxs)(ErrorDetails, { children: [(0, jsx_runtime_1.jsx)(ErrorSummary, { children: "Error Details (Development Only)" }), (0, jsx_runtime_1.jsxs)(ErrorCode, { children: [(_c = this.state.error) === null || _c === void 0 ? void 0 : _c.toString(), this.state.errorInfo.componentStack] })] }))] }));
         }
         return this.props.children;
     }

package/dist/components/Common/ErrorMessage.js

@@ -4,13 +4,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ErrorMessage = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
 const ErrorMessage = ({ message, onRetry }) => {
-    return (react_1.default.createElement(Container, null,
-        react_1.default.createElement(Icon, null, "\u26A0\uFE0F"),
-        react_1.default.createElement(Message, null, message),
-        onRetry && react_1.default.createElement(RetryButton, { onClick: onRetry }, "Try Again")));
+    return ((0, jsx_runtime_1.jsxs)(Container, { children: [(0, jsx_runtime_1.jsx)(Icon, { children: "\u26A0\uFE0F" }), (0, jsx_runtime_1.jsx)(Message, { children: message }), onRetry && (0, jsx_runtime_1.jsx)(RetryButton, { onClick: onRetry, children: "Try Again" })] }));
 };
 exports.ErrorMessage = ErrorMessage;
 const Container = styled_components_1.default.div `

package/dist/components/Common/Loading.js

@@ -32,17 +32,12 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Loading = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importStar(require("styled-components"));
 const Loading = ({ size = 'medium', text }) => {
-    return (react_1.default.createElement(Container, null,
-        react_1.default.createElement(Spinner, { size: size }),
-        text && react_1.default.createElement(LoadingText, null, text)));
+    return ((0, jsx_runtime_1.jsxs)(Container, { children: [(0, jsx_runtime_1.jsx)(Spinner, { size: size }), text && (0, jsx_runtime_1.jsx)(LoadingText, { children: text })] }));
 };
 exports.Loading = Loading;
 const spin = (0, styled_components_1.keyframes) `

package/dist/components/Common/LoadingIndicator.js

@@ -32,17 +32,9 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoadingIndicator = void 0;
-/**
- * Loading Indicator Component
- * Displays loading feedback appropriate to context
- * Requirements: 5.2, 5.5
- */
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importStar(require("styled-components"));
 const spin = (0, styled_components_1.keyframes) `
   to { transform: rotate(360deg); }
@@ -126,22 +118,15 @@ const LoadingIndicator = ({ type, size = 'medium', message, progress, }) => {
     const renderIndicator = () => {
         switch (type) {
             case 'spinner':
-                return react_1.default.createElement(Spinner, { size: size });
+                return (0, jsx_runtime_1.jsx)(Spinner, { size: size });
             case 'progress':
-                return (react_1.default.createElement("div", { style: { width: '100%', maxWidth: '300px' } },
-                    react_1.default.createElement(ProgressBarContainer, null,
-                        react_1.default.createElement(ProgressBar, { progress: progress || 0 })),
-                    progress !== undefined && (react_1.default.createElement(ProgressText, null,
-                        Math.round(progress),
-                        "%"))));
+                return ((0, jsx_runtime_1.jsxs)("div", { style: { width: '100%', maxWidth: '300px' }, children: [(0, jsx_runtime_1.jsx)(ProgressBarContainer, { children: (0, jsx_runtime_1.jsx)(ProgressBar, { progress: progress || 0 }) }), progress !== undefined && ((0, jsx_runtime_1.jsxs)(ProgressText, { children: [Math.round(progress), "%"] }))] }));
             case 'dots':
-                return react_1.default.createElement(Dots, null);
+                return (0, jsx_runtime_1.jsx)(Dots, {});
             default:
                 return null;
         }
     };
-    return (react_1.default.createElement(Container, null,
-        renderIndicator(),
-        message && react_1.default.createElement(Message, null, message)));
+    return ((0, jsx_runtime_1.jsxs)(Container, { children: [renderIndicator(), message && (0, jsx_runtime_1.jsx)(Message, { children: message })] }));
 };
 exports.LoadingIndicator = LoadingIndicator;

package/dist/components/Common/ProgramStatus.js

@@ -37,6 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProgramStatus = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const useProgram_1 = require("../../hooks/useProgram");
@@ -57,8 +58,7 @@ const ProgramStatus = () => {
     if (!idlError) {
         return null;
     }
-    return (react_1.default.createElement(Container, null,
-        react_1.default.createElement(ErrorMessage_1.ErrorMessage, { message: `Failed to load program contract. Please refresh the page. Error: ${idlError}`, onRetry: () => window.location.reload() })));
+    return ((0, jsx_runtime_1.jsx)(Container, { children: (0, jsx_runtime_1.jsx)(ErrorMessage_1.ErrorMessage, { message: `Failed to load program contract. Please refresh the page. Error: ${idlError}`, onRetry: () => window.location.reload() }) }));
 };
 exports.ProgramStatus = ProgramStatus;
 const Container = styled_components_1.default.div `

package/dist/components/Common/Skeleton.js

@@ -32,16 +32,9 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ProfileSkeleton = exports.StatsSkeleton = exports.VaultCardSkeleton = exports.SkeletonAvatar = exports.SkeletonButton = exports.SkeletonTitle = exports.SkeletonText = exports.SkeletonCard = void 0;
-/**
- * Skeleton Screen Components
- * Requirements: 11.3 - Loading states with skeleton screens for better perceived performance
- */
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importStar(require("styled-components"));
 const shimmer = (0, styled_components_1.keyframes) `
   0% {
@@ -91,17 +84,9 @@ exports.SkeletonAvatar = (0, styled_components_1.default)(SkeletonBase) `
   height: 64px;
   border-radius: 50%;
 `;
-const VaultCardSkeleton = () => (react_1.default.createElement(exports.SkeletonCard, null));
+const VaultCardSkeleton = () => ((0, jsx_runtime_1.jsx)(exports.SkeletonCard, {}));
 exports.VaultCardSkeleton = VaultCardSkeleton;
-const StatsSkeleton = () => (react_1.default.createElement(react_1.default.Fragment, null,
-    react_1.default.createElement(exports.SkeletonTitle, null),
-    react_1.default.createElement(exports.SkeletonText, { width: "100%" }),
-    react_1.default.createElement(exports.SkeletonText, { width: "80%" }),
-    react_1.default.createElement(exports.SkeletonText, { width: "90%" })));
+const StatsSkeleton = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.SkeletonTitle, {}), (0, jsx_runtime_1.jsx)(exports.SkeletonText, { width: "100%" }), (0, jsx_runtime_1.jsx)(exports.SkeletonText, { width: "80%" }), (0, jsx_runtime_1.jsx)(exports.SkeletonText, { width: "90%" })] }));
 exports.StatsSkeleton = StatsSkeleton;
-const ProfileSkeleton = () => (react_1.default.createElement(react_1.default.Fragment, null,
-    react_1.default.createElement(exports.SkeletonAvatar, { width: "80px", height: "80px" }),
-    react_1.default.createElement(exports.SkeletonTitle, { width: "40%" }),
-    react_1.default.createElement(exports.SkeletonText, { width: "60%" }),
-    react_1.default.createElement(exports.SkeletonText, { width: "50%" })));
+const ProfileSkeleton = () => ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(exports.SkeletonAvatar, { width: "80px", height: "80px" }), (0, jsx_runtime_1.jsx)(exports.SkeletonTitle, { width: "40%" }), (0, jsx_runtime_1.jsx)(exports.SkeletonText, { width: "60%" }), (0, jsx_runtime_1.jsx)(exports.SkeletonText, { width: "50%" })] }));
 exports.ProfileSkeleton = ProfileSkeleton;

package/dist/components/Common/SkeletonScreen.js

@@ -32,17 +32,9 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SkeletonScreen = void 0;
-/**
- * Skeleton Screen Component
- * Loading placeholder that mimics content structure
- * Requirements: 5.1
- */
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importStar(require("styled-components"));
 const pulse = (0, styled_components_1.keyframes) `
   0%, 100% {
@@ -125,19 +117,19 @@ const SkeletonScreen = ({ variant, count = 1, height, width, animation = 'pulse'
     const renderSkeleton = () => {
         switch (variant) {
             case 'card':
-                return Array.from({ length: count }).map((_, i) => (react_1.default.createElement(CardSkeleton, { key: i, "$animation": animation, "$height": height, "$width": width })));
+                return Array.from({ length: count }).map((_, i) => ((0, jsx_runtime_1.jsx)(CardSkeleton, { "$animation": animation, "$height": height, "$width": width }, i)));
             case 'table':
-                return (react_1.default.createElement(TableSkeleton, null, Array.from({ length: count }).map((_, i) => (react_1.default.createElement(TableRowSkeleton, { key: i, "$animation": animation, "$height": height })))));
+                return ((0, jsx_runtime_1.jsx)(TableSkeleton, { children: Array.from({ length: count }).map((_, i) => ((0, jsx_runtime_1.jsx)(TableRowSkeleton, { "$animation": animation, "$height": height }, i))) }));
             case 'chart':
-                return (react_1.default.createElement(ChartSkeleton, { "$animation": animation, "$height": height, "$width": width }));
+                return ((0, jsx_runtime_1.jsx)(ChartSkeleton, { "$animation": animation, "$height": height, "$width": width }));
             case 'list':
-                return (react_1.default.createElement(ListSkeleton, null, Array.from({ length: count }).map((_, i) => (react_1.default.createElement(ListItemSkeleton, { key: i, "$animation": animation, "$height": height })))));
+                return ((0, jsx_runtime_1.jsx)(ListSkeleton, { children: Array.from({ length: count }).map((_, i) => ((0, jsx_runtime_1.jsx)(ListItemSkeleton, { "$animation": animation, "$height": height }, i))) }));
             case 'text':
-                return Array.from({ length: count }).map((_, i) => (react_1.default.createElement(TextSkeleton, { key: i, "$animation": animation, "$height": height, "$width": i === count - 1 ? '80%' : width })));
+                return Array.from({ length: count }).map((_, i) => ((0, jsx_runtime_1.jsx)(TextSkeleton, { "$animation": animation, "$height": height, "$width": i === count - 1 ? '80%' : width }, i)));
             default:
                 return null;
         }
     };
-    return react_1.default.createElement(react_1.default.Fragment, null, renderSkeleton());
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: renderSkeleton() });
 };
 exports.SkeletonScreen = SkeletonScreen;

package/dist/components/Wallet/TransactionStatus.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
 const StatusContainer = styled_components_1.default.div `
   display: flex;
@@ -97,11 +97,6 @@ const TransactionStatus = ({ status, message, signature, explorerUrl = 'https://
     const networkParam = network ||
         (typeof process !== 'undefined' && ((_a = process.env) === null || _a === void 0 ? void 0 : _a.NEXT_PUBLIC_SOLANA_NETWORK)) ||
         'devnet';
-    return (react_1.default.createElement(StatusContainer, { status: status },
-        react_1.default.createElement(StatusIcon, { status: status }, getIcon()),
-        react_1.default.createElement(StatusContent, null,
-            react_1.default.createElement(StatusTitle, null, getTitle()),
-            react_1.default.createElement(StatusMessage, null, message),
-            signature && status === 'confirmed' && (react_1.default.createElement(SignatureLink, { href: `${explorerUrl}/${signature}?cluster=${networkParam}`, target: "_blank", rel: "noopener noreferrer" }, "View on Explorer \u2192")))));
+    return ((0, jsx_runtime_1.jsxs)(StatusContainer, { status: status, children: [(0, jsx_runtime_1.jsx)(StatusIcon, { status: status, children: getIcon() }), (0, jsx_runtime_1.jsxs)(StatusContent, { children: [(0, jsx_runtime_1.jsx)(StatusTitle, { children: getTitle() }), (0, jsx_runtime_1.jsx)(StatusMessage, { children: message }), signature && status === 'confirmed' && ((0, jsx_runtime_1.jsx)(SignatureLink, { href: `${explorerUrl}/${signature}?cluster=${networkParam}`, target: "_blank", rel: "noopener noreferrer", children: "View on Explorer \u2192" }))] })] }));
 };
 exports.default = TransactionStatus;

package/dist/components/Wallet/WalletBalance.js

@@ -1,37 +1,4 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -45,7 +12,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styled_components_1 = __importDefault(require("styled-components"));
 const wallet_adapter_react_1 = require("@solana/wallet-adapter-react");
 const web3_js_1 = require("@solana/web3.js");
@@ -114,8 +82,6 @@ const WalletBalance = () => {
     if (!connected) {
         return null;
     }
-    return (react_1.default.createElement(BalanceContainer, null,
-        react_1.default.createElement(BalanceLabel, null, "Wallet Balance"),
-        loading ? (react_1.default.createElement(LoadingSpinner, null)) : (react_1.default.createElement(BalanceValue, null, balance !== null ? `${balance.toFixed(4)} SOL` : '—'))));
+    return ((0, jsx_runtime_1.jsxs)(BalanceContainer, { children: [(0, jsx_runtime_1.jsx)(BalanceLabel, { children: "Wallet Balance" }), loading ? ((0, jsx_runtime_1.jsx)(LoadingSpinner, {})) : ((0, jsx_runtime_1.jsx)(BalanceValue, { children: balance !== null ? `${balance.toFixed(4)} SOL` : '—' }))] }));
 };
 exports.default = WalletBalance;

package/dist/components/Wallet/WalletButton.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WalletButton = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const wallet_adapter_react_1 = require("@solana/wallet-adapter-react");
 const wallet_adapter_react_ui_1 = require("@solana/wallet-adapter-react-ui");
 const styled_components_1 = __importDefault(require("styled-components"));
@@ -22,7 +22,7 @@ const WalletButton = () => {
     const formatAddress = (address) => {
         return `${address.slice(0, 4)}...${address.slice(-4)}`;
     };
-    return (react_1.default.createElement(Button, { onClick: handleClick, connected: connected }, connected && publicKey ? formatAddress(publicKey.toBase58()) : 'Connect Wallet'));
+    return ((0, jsx_runtime_1.jsx)(Button, { onClick: handleClick, connected: connected, children: connected && publicKey ? formatAddress(publicKey.toBase58()) : 'Connect Wallet' }));
 };
 exports.WalletButton = WalletButton;
 const Button = styled_components_1.default.button `

package/dist/components/Wallet/WalletConnectionModal.js

@@ -12,7 +12,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
 const wallet_adapter_react_1 = require("@solana/wallet-adapter-react");
 const ModalOverlay = styled_components_1.default.div `
@@ -150,14 +150,6 @@ const WalletConnectionModal = ({ isOpen, onClose }) => {
             onClose();
         }
     };
-    return (react_1.default.createElement(ModalOverlay, { isOpen: isOpen, onClick: handleOverlayClick },
-        react_1.default.createElement(ModalContent, null,
-            react_1.default.createElement(ModalHeader, null,
-                react_1.default.createElement(ModalTitle, null, "Connect Wallet"),
-                react_1.default.createElement(CloseButton, { onClick: onClose }, "\u00D7")),
-            react_1.default.createElement(Description, null, "Select a wallet to connect to the Web3 Prediction Platform and start staking."),
-            react_1.default.createElement(WalletList, null, wallets.map((wallet) => (react_1.default.createElement(WalletButton, { key: wallet.adapter.name, onClick: () => handleWalletSelect(wallet.adapter.name), disabled: connecting },
-                react_1.default.createElement(WalletIcon, null, wallet.adapter.icon ? (react_1.default.createElement("img", { src: wallet.adapter.icon, alt: wallet.adapter.name, width: 32, height: 32 })) : ('👛')),
-                react_1.default.createElement(WalletName, null, wallet.adapter.name))))))));
+    return ((0, jsx_runtime_1.jsx)(ModalOverlay, { isOpen: isOpen, onClick: handleOverlayClick, children: (0, jsx_runtime_1.jsxs)(ModalContent, { children: [(0, jsx_runtime_1.jsxs)(ModalHeader, { children: [(0, jsx_runtime_1.jsx)(ModalTitle, { children: "Connect Wallet" }), (0, jsx_runtime_1.jsx)(CloseButton, { onClick: onClose, children: "\u00D7" })] }), (0, jsx_runtime_1.jsx)(Description, { children: "Select a wallet to connect to the Web3 Prediction Platform and start staking." }), (0, jsx_runtime_1.jsx)(WalletList, { children: wallets.map((wallet) => ((0, jsx_runtime_1.jsxs)(WalletButton, { onClick: () => handleWalletSelect(wallet.adapter.name), disabled: connecting, children: [(0, jsx_runtime_1.jsx)(WalletIcon, { children: wallet.adapter.icon ? ((0, jsx_runtime_1.jsx)("img", { src: wallet.adapter.icon, alt: wallet.adapter.name, width: 32, height: 32 })) : ('👛') }), (0, jsx_runtime_1.jsx)(WalletName, { children: wallet.adapter.name })] }, wallet.adapter.name))) })] }) }));
 };
 exports.default = WalletConnectionModal;

package/dist/components/Wallet/WalletProvider.d.ts

@@ -1,9 +1,9 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 interface WalletProviderProps {
     children: ReactNode;
     network?: 'devnet' | 'mainnet-beta' | 'testnet';
     rpcEndpoint?: string;
 }
-export declare const WalletProvider: ({ children, network: networkProp, rpcEndpoint: rpcEndpointProp }: WalletProviderProps) => React.JSX.Element;
+export declare const WalletProvider: ({ children, network: networkProp, rpcEndpoint: rpcEndpointProp }: WalletProviderProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=WalletProvider.d.ts.map

package/dist/components/Wallet/WalletProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WalletProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Wallet/WalletProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAW,SAAS,EAAE,MAAM,OAAO,CAAC;AASlD,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,cAAc,GAAG,SAAS,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,kEAI5B,mBAAmB,sBAoFrB,CAAC"}
+{"version":3,"file":"WalletProvider.d.ts","sourceRoot":"","sources":["../../../src/components/Wallet/WalletProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAW,SAAS,EAAE,MAAM,OAAO,CAAC;AASlD,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,QAAQ,GAAG,cAAc,GAAG,SAAS,CAAC;IAChD,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,cAAc,GAAI,kEAI5B,mBAAmB,4CAoFrB,CAAC"}

package/dist/components/Wallet/WalletProvider.js

@@ -1,40 +1,8 @@
 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WalletProvider = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const wallet_adapter_react_1 = require("@solana/wallet-adapter-react");
 const wallet_adapter_base_1 = require("@solana/wallet-adapter-base");
 const wallet_adapter_wallets_1 = require("@solana/wallet-adapter-wallets");
@@ -101,8 +69,6 @@ const WalletProvider = ({ children, network: networkProp, rpcEndpoint: rpcEndpoi
     // Type assertion to fix React 18/19 compatibility
     const ConnectionProviderComponent = wallet_adapter_react_1.ConnectionProvider;
     // Type assertion to fix React 18/19 compatibility
-    return (react_1.default.createElement(ConnectionProviderComponent, { endpoint: endpoint, config: connectionConfig },
-        react_1.default.createElement(wallet_adapter_react_1.WalletProvider, { wallets: wallets, autoConnect: true },
-            react_1.default.createElement(wallet_adapter_react_ui_1.WalletModalProvider, null, children))));
+    return ((0, jsx_runtime_1.jsx)(ConnectionProviderComponent, { endpoint: endpoint, config: connectionConfig, children: (0, jsx_runtime_1.jsx)(wallet_adapter_react_1.WalletProvider, { wallets: wallets, autoConnect: true, children: (0, jsx_runtime_1.jsx)(wallet_adapter_react_ui_1.WalletModalProvider, { children: children }) }) }));
 };
 exports.WalletProvider = WalletProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "keynesol-shared",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "Shared code package for Keynesol Web3 Prediction Platform",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/components/Common/ErrorBoundary.jsx

@@ -1,103 +0,0 @@
-/**
- * ErrorBoundary Component
- * Requirements: 11.1 - Global error handling with React error boundaries
- */
-import React, { Component } from 'react';
-import styled from 'styled-components';
-import { ErrorMessage } from './ErrorMessage';
-const Container = styled.div `
-  padding: var(--spacing-xl, 1.5rem);
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  min-height: 400px;
-`;
-const ErrorTitle = styled.h2 `
-  font-size: 1.5rem;
-  font-weight: 700;
-  color: var(--color-error, #dc3545);
-  margin-bottom: var(--spacing-md, 1rem);
-`;
-const ErrorDetails = styled.details `
-  margin-top: var(--spacing-lg, 1.5rem);
-  width: 100%;
-  max-width: 800px;
-`;
-const ErrorSummary = styled.summary `
-  cursor: pointer;
-  color: var(--color-text-secondary, #6b7280);
-  font-size: 0.875rem;
-  margin-bottom: var(--spacing-md, 1rem);
-  
-  &:hover {
-    color: var(--color-text, #1a1a1a);
-  }
-`;
-const ErrorCode = styled.pre `
-  background: var(--color-background, #ffffff);
-  border: 1px solid var(--color-border, #e5e7eb);
-  border-radius: var(--border-radius-md, 0.375rem);
-  padding: var(--spacing-md, 1rem);
-  overflow-x: auto;
-  font-size: 0.75rem;
-  color: var(--color-text-secondary, #6b7280);
-  max-height: 300px;
-  overflow-y: auto;
-`;
-export class ErrorBoundary extends Component {
-    constructor(props) {
-        super(props);
-        this.handleReset = () => {
-            this.setState({
-                hasError: false,
-                error: null,
-                errorInfo: null,
-            });
-        };
-        this.state = {
-            hasError: false,
-            error: null,
-            errorInfo: null,
-        };
-    }
-    static getDerivedStateFromError(error) {
-        return {
-            hasError: true,
-            error,
-            errorInfo: null,
-        };
-    }
-    componentDidCatch(error, errorInfo) {
-        // Log error to console and monitoring service
-        console.error('ErrorBoundary caught an error:', error, errorInfo);
-        // TODO: Send to error monitoring service (e.g., Sentry)
-        // logErrorToService(error, errorInfo);
-        this.setState({
-            error,
-            errorInfo,
-        });
-    }
-    render() {
-        var _a, _b, _c;
-        if (this.state.hasError) {
-            if (this.props.fallback) {
-                return this.props.fallback;
-            }
-            const isDevelopment = typeof process !== 'undefined' && ((_a = process.env) === null || _a === void 0 ? void 0 : _a.NODE_ENV) === 'development';
-            return (<Container>
-          <ErrorTitle>Something went wrong</ErrorTitle>
-          <ErrorMessage message={((_b = this.state.error) === null || _b === void 0 ? void 0 : _b.message) || 'An unexpected error occurred'} onRetry={this.handleReset}/>
-          
-          {isDevelopment && this.state.errorInfo && (<ErrorDetails>
-              <ErrorSummary>Error Details (Development Only)</ErrorSummary>
-              <ErrorCode>
-                {(_c = this.state.error) === null || _c === void 0 ? void 0 : _c.toString()}
-                {this.state.errorInfo.componentStack}
-              </ErrorCode>
-            </ErrorDetails>)}
-        </Container>);
-        }
-        return this.props.children;
-    }
-}

package/dist/components/Common/ErrorMessage.jsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-export const ErrorMessage = ({ message, onRetry }) => {
-    return (<Container>
-      <Icon>⚠️</Icon>
-      <Message>{message}</Message>
-      {onRetry && <RetryButton onClick={onRetry}>Try Again</RetryButton>}
-    </Container>);
-};
-const Container = styled.div `
-  background-color: rgba(239, 68, 68, 0.1);
-  border: 1px solid var(--color-error, #dc3545);
-  border-radius: var(--border-radius-lg, 0.5rem);
-  padding: var(--spacing-xl, 1.5rem);
-  text-align: center;
-`;
-const Icon = styled.div `
-  font-size: 3rem;
-  margin-bottom: var(--spacing-md, 1rem);
-`;
-const Message = styled.p `
-  color: var(--color-error, #dc3545);
-  font-size: 1rem;
-  margin-bottom: var(--spacing-md, 1rem);
-`;
-const RetryButton = styled.button `
-  background-color: var(--color-error, #dc3545);
-  color: white;
-  padding: var(--spacing-sm, 0.5rem) var(--spacing-lg, 1.5rem);
-  border-radius: var(--border-radius-md, 0.375rem);
-  font-weight: 600;
-  transition: all 0.3s ease;
-  border: none;
-  cursor: pointer;
-
-  &:hover {
-    transform: translateY(-2px);
-    box-shadow: 0 4px 12px rgba(239, 68, 68, 0.3);
-  }
-`;