@ab-org/predicate-market-sdk 0.0.1

package/dist/ui/components/Toast.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { colors, radii } from "../theme.js";
+const variantStyles = {
+    success: { bg: "rgba(41, 255, 155, 0.82)", border: "rgba(41, 255, 155, 0.53)" },
+    error: { bg: "rgba(255, 107, 107, 0.82)", border: "rgba(255, 107, 107, 0.53)" },
+    info: { bg: "rgba(126, 135, 162, 0.82)", border: "rgba(126, 135, 162, 0.55)" },
+};
+export const Toast = ({ message, variant = "info", duration, onClose }) => {
+    const style = variantStyles[variant];
+    useEffect(() => {
+        if (duration != null && duration > 0 && onClose) {
+            const timer = setTimeout(onClose, duration);
+            return () => clearTimeout(timer);
+        }
+    }, [duration, onClose]);
+    return (_jsx("div", { style: {
+            position: "fixed",
+            top: 0,
+            left: 0,
+            right: 0,
+            display: "flex",
+            justifyContent: "center",
+            paddingTop: 16,
+            zIndex: 10000,
+            pointerEvents: "none",
+        }, children: _jsxs("div", { role: "alert", style: {
+                pointerEvents: "auto",
+                display: "flex",
+                alignItems: "center",
+                gap: 10,
+                padding: "12px 16px",
+                borderRadius: radii.card,
+                background: style.bg,
+                border: `1px solid ${style.border}`,
+                color: colors.textPrimary,
+                fontSize: 14,
+                lineHeight: 1.4,
+                maxWidth: 360,
+                boxSizing: "border-box",
+            }, children: [_jsx("span", { style: { flex: 1 }, children: message }), onClose ? (_jsx("button", { type: "button", "aria-label": "Dismiss", onClick: onClose, style: {
+                        padding: 4,
+                        margin: -4,
+                        border: "none",
+                        background: "transparent",
+                        color: colors.textSecondary,
+                        cursor: "pointer",
+                        borderRadius: 4,
+                        lineHeight: 1,
+                    }, children: _jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: _jsx("path", { d: "M3.5 3.5L10.5 10.5M10.5 3.5L3.5 10.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }) }) })) : null] }) }));
+};

package/dist/ui/hooks/useSession.d.ts

@@ -0,0 +1,2 @@
+import { type WalletSession } from "@ab-org/sdk-core";
+export declare function useSession(): WalletSession | null;

package/dist/ui/hooks/useSession.js

@@ -0,0 +1,10 @@
+import { useEffect, useState } from "react";
+import { sessionStore } from "@ab-org/sdk-core";
+export function useSession() {
+    const [session, setSession] = useState(() => sessionStore.getState().session);
+    useEffect(() => {
+        const unsub = sessionStore.on("session:changed", setSession);
+        return () => { unsub(); };
+    }, []);
+    return session;
+}

package/dist/ui/signInTypes.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from "react";
+import type { SessionCapabilityPolicy } from "@ab-org/sdk-core";
+export interface WalletItem {
+    id: string;
+    name: string;
+    icon?: ReactNode;
+    installed?: boolean;
+    installUrl?: string;
+}
+export interface SocialProvider {
+    id: string;
+    label: string;
+    icon?: ReactNode;
+}
+export interface SignInUiConfig {
+    socialProviders?: SocialProvider[];
+    wallets?: WalletItem[];
+    initialVisibleCount?: number;
+    sessionConfirmation?: {
+        enabled?: boolean;
+        title?: string;
+        message?: string;
+    };
+    sessionPolicy?: Partial<SessionCapabilityPolicy>;
+}

package/dist/ui/signInTypes.js

@@ -0,0 +1 @@
+export {};

package/dist/ui/theme.d.ts

@@ -0,0 +1,31 @@
+export declare const colors: {
+    background: string;
+    card: string;
+    cardRaised: string;
+    border: string;
+    borderStrong: string;
+    borderFocused: string;
+    textPrimary: string;
+    textSecondary: string;
+    accent: string;
+    accentStrong: string;
+    warning: string;
+    danger: string;
+    stepActive: string;
+    stepInactive: string;
+    buttonDisabledBg: string;
+    buttonDisabledBorder: string;
+};
+export declare const radii: {
+    xl: string;
+    lg: string;
+    md: string;
+    sm: string;
+    pill: string;
+    full: string;
+    card: string;
+    input: string;
+};
+export declare const fonts: {
+    family: string;
+};

package/dist/ui/theme.js

@@ -0,0 +1,31 @@
+export const colors = {
+    background: "#050608",
+    card: "#121214",
+    cardRaised: "#151821",
+    border: "rgba(126,135,162,0.2)",
+    borderStrong: "rgba(255,255,255,0.16)",
+    borderFocused: "#FFFFFF",
+    textPrimary: "#FFFFFF",
+    textSecondary: "#737477",
+    accent: "#29FF9B",
+    accentStrong: "#4AD481",
+    warning: "#FFB547",
+    danger: "#FF6B6B",
+    stepActive: "#FFFFFF",
+    stepInactive: "#36383D",
+    buttonDisabledBg: "rgba(255,255,255,0.14)",
+    buttonDisabledBorder: "#444444",
+};
+export const radii = {
+    xl: "28px",
+    lg: "20px",
+    md: "14px",
+    sm: "10px",
+    pill: "99px",
+    full: "9999px",
+    card: "12px",
+    input: "8px",
+};
+export const fonts = {
+    family: '"Switzer", "Inter", "SF Pro Display", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif',
+};

package/dist/ui/useSignInModalController.d.ts

@@ -0,0 +1,25 @@
+import { type GoogleCredential } from "../auth/google.js";
+import { type TwitterAuthResult } from "../auth/twitter.js";
+import { type CubeSignerSession, type WalletSession } from "@ab-org/sdk-core";
+import type { WalletItem } from "./signInTypes.js";
+export interface SignInModalControllerOptions {
+    wallets: WalletItem[] | undefined;
+    initialVisibleCount: number;
+    onGoogleLogin?: (credential: GoogleCredential) => void;
+    onTwitterLogin?: (result: TwitterAuthResult) => void;
+    onCubeSignerSession?: (session: CubeSignerSession) => void;
+    onWalletConnected?: (session: WalletSession, walletId: string) => void;
+    onSocialLogin?: (providerId: string) => void;
+    onWalletSelect?: (walletId: string) => void | Promise<void>;
+}
+export declare const useSignInModalController: ({ wallets, initialVisibleCount, onGoogleLogin, onTwitterLogin, onCubeSignerSession, onWalletConnected, onSocialLogin, onWalletSelect, }: SignInModalControllerOptions) => {
+    expanded: boolean;
+    loadingProvider: string | null;
+    loadingWalletId: string | null;
+    visibleWallets: WalletItem[];
+    showExpandToggle: boolean;
+    isBusy: boolean;
+    handleSocialClick: (providerId: string) => Promise<WalletSession | null>;
+    handleWalletClick: (walletId: string) => Promise<WalletSession | null>;
+    toggleExpanded: () => void;
+};

package/dist/ui/useSignInModalController.js

@@ -0,0 +1,173 @@
+import { useMemo, useState } from "react";
+import { getSDKConfig } from "../auth/config.js";
+import { signInWithGoogle } from "../auth/google.js";
+import { signInWithTwitter } from "../auth/twitter.js";
+import { CubistSocialProvider, describeSessionCapabilityPolicy, WalletConnector, createDefaultInjectedWalletRegistry, } from "@ab-org/sdk-core";
+import { resolveWalletItems } from "./SignInModal.shared.js";
+export const useSignInModalController = ({ wallets, initialVisibleCount, onGoogleLogin, onTwitterLogin, onCubeSignerSession, onWalletConnected, onSocialLogin, onWalletSelect, }) => {
+    const [expanded, setExpanded] = useState(false);
+    const [loadingProvider, setLoadingProvider] = useState(null);
+    const [loadingWalletId, setLoadingWalletId] = useState(null);
+    const defaultWalletRegistry = useMemo(() => createDefaultInjectedWalletRegistry(), []);
+    const sdkConfig = getSDKConfig();
+    const cubistProvider = useMemo(() => {
+        if (!sdkConfig.cubeSigner)
+            return null;
+        return new CubistSocialProvider({
+            ...sdkConfig.cubeSigner,
+            defaultSessionPolicy: sdkConfig.signIn?.sessionPolicy ?? sdkConfig.cubeSigner.defaultSessionPolicy,
+        });
+    }, [sdkConfig.cubeSigner, sdkConfig.signIn?.sessionPolicy]);
+    const defaultWalletConnector = useMemo(() => new WalletConnector([
+        ...defaultWalletRegistry.map((item) => item.provider),
+        ...(cubistProvider ? [cubistProvider] : []),
+    ]), [cubistProvider, defaultWalletRegistry]);
+    const resolvedWallets = useMemo(() => resolveWalletItems(wallets, defaultWalletRegistry), [defaultWalletRegistry, wallets]);
+    const showExpandToggle = resolvedWallets.length > initialVisibleCount;
+    const visibleWallets = expanded ? resolvedWallets : resolvedWallets.slice(0, initialVisibleCount);
+    const isBusy = !!loadingProvider || !!loadingWalletId;
+    const confirmCapabilitySession = async (providerId, cubistForPolicy) => {
+        const cubist = cubistForPolicy ?? cubistProvider;
+        const confirmation = sdkConfig.signIn?.sessionConfirmation;
+        const policy = cubist?.cubeSignerAuth.defaultSessionPolicy;
+        if (confirmation?.enabled === false || !policy) {
+            return true;
+        }
+        if (typeof window === "undefined" || typeof window.confirm !== "function") {
+            return true;
+        }
+        const lines = describeSessionCapabilityPolicy(cubist?.cubeSignerAuth.defaultSessionPolicy
+            ? {
+                id: "preview",
+                ...cubist.cubeSignerAuth.defaultSessionPolicy,
+            }
+            : undefined);
+        const message = [
+            confirmation?.title ?? "Authorize smart-wallet session",
+            confirmation?.message ?? `Continue with ${providerId} and create a capability session?`,
+            ...lines,
+        ]
+            .filter(Boolean)
+            .join("\n");
+        return window.confirm(message);
+    };
+    const getCubistAndConnector = (config) => {
+        if (!config.cubeSigner)
+            return { cubist: null, connector: defaultWalletConnector };
+        if (cubistProvider)
+            return { cubist: cubistProvider, connector: defaultWalletConnector };
+        const cubist = new CubistSocialProvider({
+            ...config.cubeSigner,
+            defaultSessionPolicy: config.signIn?.sessionPolicy ?? config.cubeSigner.defaultSessionPolicy,
+        });
+        const connector = new WalletConnector([
+            ...defaultWalletRegistry.map((item) => item.provider),
+            cubist,
+        ]);
+        return { cubist, connector };
+    };
+    const handleSocialClick = async (providerId) => {
+        setLoadingProvider(providerId);
+        try {
+            const config = getSDKConfig();
+            if (!config.cubeSigner) {
+                throw new Error("cubeSigner config is required for social login");
+            }
+            const { cubist, connector } = getCubistAndConnector(config);
+            if (!cubist) {
+                throw new Error("Cubist provider is unavailable");
+            }
+            const confirmed = await confirmCapabilitySession(providerId, cubist);
+            if (!confirmed)
+                return null;
+            if (providerId === "google") {
+                if (!config.googleClientId) {
+                    throw new Error("googleClientId is required for Google sign-in");
+                }
+                const credential = await signInWithGoogle(config.googleClientId);
+                onGoogleLogin?.(credential);
+                const session = await connector.connect(cubist.id, {
+                    payload: { type: "google", idToken: credential.idToken },
+                });
+                const cubeSignerSession = cubist.cubeSignerSession;
+                if (cubeSignerSession)
+                    onCubeSignerSession?.(cubeSignerSession);
+                onSocialLogin?.(providerId);
+                return session;
+            }
+            if (providerId === "x") {
+                if (!config.twitterClientId) {
+                    throw new Error("twitterClientId is required for X sign-in");
+                }
+                const redirectUri = config.twitterRedirectUri ??
+                    (typeof window !== "undefined"
+                        ? `${window.location.origin}/auth/twitter-callback`
+                        : undefined);
+                if (!redirectUri) {
+                    throw new Error("twitterRedirectUri is required for X sign-in");
+                }
+                const result = await signInWithTwitter(config.twitterClientId, redirectUri);
+                onTwitterLogin?.(result);
+                const session = await connector.connect(cubist.id, {
+                    payload: {
+                        type: "twitter",
+                        params: {
+                            code: result.code,
+                            codeVerifier: result.codeVerifier,
+                            redirectUri,
+                        },
+                    },
+                });
+                const cubeSignerSession = cubist.cubeSignerSession;
+                if (cubeSignerSession)
+                    onCubeSignerSession?.(cubeSignerSession);
+                onSocialLogin?.(providerId);
+                return session;
+            }
+            throw new Error(`Unsupported social provider: ${providerId}`);
+        }
+        finally {
+            setLoadingProvider(null);
+        }
+    };
+    const handleWalletClick = async (walletId) => {
+        if (isBusy)
+            return null;
+        const targetWallet = resolvedWallets.find((wallet) => wallet.id === walletId);
+        if (!targetWallet)
+            return null;
+        if (targetWallet.installed === false && targetWallet.installUrl)
+            return null;
+        setLoadingWalletId(walletId);
+        try {
+            if (onWalletSelect) {
+                await onWalletSelect(walletId);
+                return null;
+            }
+            const builtInWallet = defaultWalletRegistry.find((item) => item.id === walletId);
+            if (!builtInWallet || !builtInWallet.installed)
+                return null;
+            const session = await defaultWalletConnector.connect(walletId);
+            onWalletConnected?.(session, walletId);
+            return session;
+        }
+        catch (error) {
+            console.error(`[SDK] Wallet connect failed for ${walletId}:`, error);
+            throw error;
+        }
+        finally {
+            setLoadingWalletId(null);
+        }
+    };
+    return {
+        expanded,
+        loadingProvider,
+        loadingWalletId,
+        visibleWallets,
+        showExpandToggle,
+        isBusy,
+        handleSocialClick,
+        handleWalletClick,
+        toggleExpanded: () => setExpanded((value) => !value),
+    };
+};

package/dist/utils/env.d.ts

@@ -0,0 +1 @@
+export declare function getEnv(key: string): string;

package/dist/utils/env.js

@@ -0,0 +1,61 @@
+function pick(...candidates) {
+    for (const candidate of candidates) {
+        if (candidate != null && candidate !== "")
+            return candidate;
+    }
+    return undefined;
+}
+function nextPublicProcessEnvKey(logicalKey) {
+    return `NEXT_PUBLIC_${logicalKey}`;
+}
+function readProcessEnvStatic(key) {
+    if (typeof process === "undefined" || !process.env)
+        return undefined;
+    switch (key) {
+        case "STAGE":
+            return pick(process.env.NEXT_PUBLIC_STAGE, process.env.STAGE);
+        case "GOOGLE_CLIENT_ID":
+            return pick(process.env.NEXT_PUBLIC_GOOGLE_CLIENT_ID, process.env.GOOGLE_CLIENT_ID);
+        case "X_CLIENT_ID":
+            return pick(process.env.NEXT_PUBLIC_X_CLIENT_ID, process.env.X_CLIENT_ID);
+        case "MERCHANT_BASE_URL":
+            return pick(process.env.NEXT_PUBLIC_MERCHANT_BASE_URL, process.env.MERCHANT_BASE_URL);
+        case "CUBE_SIGNER_ENV":
+            return pick(process.env.NEXT_PUBLIC_CUBE_SIGNER_ENV, process.env.CUBE_SIGNER_ENV);
+        case "CUBE_SIGNER_ORG_ID":
+            return pick(process.env.NEXT_PUBLIC_CUBE_SIGNER_ORG_ID, process.env.CUBE_SIGNER_ORG_ID);
+        case "CUBE_REG":
+            return pick(process.env.NEXT_PUBLIC_CUBE_REG, process.env.CUBE_REG);
+        case "RELAY_ORIGIN":
+            return pick(process.env.NEXT_PUBLIC_RELAY_ORIGIN, process.env.RELAY_ORIGIN);
+        default:
+            return undefined;
+    }
+}
+export function getEnv(key) {
+    const staticVal = readProcessEnvStatic(key);
+    if (staticVal != null && staticVal !== "")
+        return staticVal;
+    const globalEnv = globalThis
+        .process?.env;
+    if (globalEnv) {
+        const pub = nextPublicProcessEnvKey(key);
+        const val = globalEnv[key] ?? globalEnv[pub];
+        if (val != null && val !== "")
+            return val;
+    }
+    try {
+        const metaEnv = import.meta.env;
+        if (metaEnv) {
+            const pub = nextPublicProcessEnvKey(key);
+            const val = metaEnv[key] ?? metaEnv[pub];
+            if (val != null && val !== "")
+                return val;
+        }
+    }
+    catch {
+        // Ignore unavailable import.meta.env in some runtimes.
+    }
+    console.error(`${key} is not set`);
+    return "";
+}

package/dist/utils/explorer.d.ts

@@ -0,0 +1,3 @@
+export declare function getExplorerUrl(chainId: string, data: {
+    txId: string;
+}): string;

package/dist/utils/explorer.js

@@ -0,0 +1,47 @@
+const explorerTemplates = {
+    "0": "",
+    "1": "https://etherscan.io/tx/{txId}",
+    "3": "https://dogechain.info/tx/{txId}",
+    "10": "https://optimistic.etherscan.io/tx/{txId}",
+    "56": "https://bscscan.com/tx/{txId}",
+    "110": "",
+    "126": "https://explorer.movementnetwork.xyz/txn/{txId}?network=mainnet",
+    "137": "https://polygonscan.com/tx/{txId}",
+    "204": "https://opbnb.bscscan.com/tx/{txId}",
+    "223": "https://explorer.bsquared.network/tx/{txId}",
+    "227": "https://promscan.io/tx/{txId}",
+    "324": "https://mainnet.era.zksync.io/tx/{txId}",
+    "400": "",
+    "420": "https://scan.merlinchain.io/tx/{txId}",
+    "480": "https://worldchain-mainnet.explorer.alchemy.com/tx/{txId}",
+    "501": "https://solscan.io/tx/{txId}",
+    "784": "",
+    "1329": "https://seitrace.com/tx/{txId}",
+    "1514": "https://mainnet.storyscan.xyz/tx/{txId}",
+    "1625": "https://explorer.gravity.xyz/tx/{txId}",
+    "2649": "https://mainnet-explorer.ailayer.xyz/tx/{txId}",
+    "3030": "https://dashboard.tenderly.co/explorer/vnet/bd8df763-9888-4be3-9a78-26f1d5ab8d3d/tx/{txId}",
+    "3131": "https://dashboard.tenderly.co/explorer/vnet/6593bc72-f548-497d-bff9-5be061436a48/tx/{txId}",
+    "5545": "https://scan.duckchain.io/tx/{txId}",
+    "8333": "https://mainnet-rpc.b3.fun/http/tx/{txId}",
+    "8453": "https://base.blockscout.com/tx/{txId}",
+    "19484": "https://tronscan.org/#/transaction/{txId}",
+    "21000": "https://maizenet-explorer.usecorn.com/tx/{txId}",
+    "42161": "https://arbiscan.io/tx/{txId}",
+    "43114": "https://snowtrace.io/tx/{txId}",
+    "47763": "https://neotube.io/transaction/{txId}",
+    "59144": "https://lineascan.build/tx/{txId}",
+    "60808": "https://rpc.gobob.xyz/tx/{txId}",
+    "80094": "https://berascan.com/tx/{txId}",
+    "81457": "https://blastscan.io/tx/{txId}",
+    "200901": "https://rpc.bitlayer.org/tx/{txId}",
+    "221122420": "https://blockscout.devnet.doge.xyz/tx/{txId}",
+    "534352": "https://scrollscan.com/tx/{txId}",
+};
+export function getExplorerUrl(chainId, data) {
+    const template = explorerTemplates[chainId] ?? "";
+    if (template === "") {
+        throw new Error(`chainId ${chainId} tpl not found`);
+    }
+    return template.replace("{txId}", data.txId);
+}

package/dist/walletUtils.d.ts

@@ -0,0 +1,3 @@
+export { getEnv } from "./utils/env.js";
+export { getExplorerUrl } from "./utils/explorer.js";
+export { testBsc, clientIds as ClientIds, BSC_USD1_ADDRESS, BSC_USD1_PLATFORM_CONTRACT_ADDRESS, } from "./constants/chains.js";

package/dist/walletUtils.js

@@ -0,0 +1,3 @@
+export { getEnv } from "./utils/env.js";
+export { getExplorerUrl } from "./utils/explorer.js";
+export { testBsc, clientIds as ClientIds, BSC_USD1_ADDRESS, BSC_USD1_PLATFORM_CONTRACT_ADDRESS, } from "./constants/chains.js";

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@ab-org/predicate-market-sdk",
+  "version": "0.0.1",
+  "type": "module",
+  "files": [
+    "dist/**/*",
+    "README.md"
+  ],
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "axios": "^1.13.6",
+    "qrcode-generator": "^2.0.4",
+    "@ab-org/sdk-core": "0.0.1"
+  },
+  "peerDependencies": {
+    "react": ">=18",
+    "viem": ">=2"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.66",
+    "typescript": "^5.5.4",
+    "viem": "2.21.54"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "lint": "eslint 'src/**/*.{ts,tsx}'",
+    "test": "vitest run --passWithNoTests"
+  }
+}