@ab-org/predicate-market-sdk 2.2.0-beta.8 → 2.2.0-beta.9

package/dist/{account-6PGNCFOX.js → account-SQGJZOF5.js}

@@ -1,6 +1,5 @@
-import { chainConfig } from './chunk-SV3NR2LW.js';
+import { chainConfig, getChainInfo } from './chunk-BDZKYFL5.js';
 import { getSDKConfig } from './chunk-UPMVYXZ6.js';
-import { getChainInfo } from './chunk-YX56ZGDB.js';
 import { sessionStore, getSupportedChainFromEvmChainId } from '@ab-org/sdk-core';
 import { CubeSignerAuth, createCubistEvmWalletProvider } from '@ab-org/sdk-core/social/auth';
 

package/dist/auth.d.ts

@@ -1,4 +1,4 @@
-export { G as GoogleCredential, T as TwitterAuthResult } from './signInTypes.d-DESvmgWG.js';
+export { G as GoogleCredential, T as TwitterAuthResult } from './signInTypes.d-Cr3RzByV.js';
 import 'react';
 import '@ab-org/sdk-core';
 

package/dist/{chunk-YX56ZGDB.js → chunk-BDZKYFL5.js}

@@ -271,4 +271,15 @@ getFundingTokenAddress(DEFAULT_FUNDING_CHAIN_ID);
 });
 new TextEncoder();
 
-export { cache_exports, getChainInfo, getEnv };
+// ../sign_in_sdk/dist/config.js
+var stage = getEnv("STAGE") || "dev";
+var clientIds = {
+  google: getEnv("GOOGLE_CLIENT_ID"),
+  x: getEnv("X_CLIENT_ID")
+};
+var chainConfig = {
+  chainType: "evm",
+  chainId: getChainInfo().chainId
+};
+
+export { cache_exports, chainConfig, clientIds, getChainInfo, getEnv, stage };

package/dist/{chunk-BLUBNFON.js → chunk-IOAGWRWJ.js}

@@ -1,10 +1,8 @@
 import { getExplorerUrl } from './chunk-XB2DFS2W.js';
 import { getChains, registerPlatform, quote, getWithdrawOrder } from './chunk-E65LLR2W.js';
-import { getEnv } from './chunk-R2D3SM4S.js';
-import { clientIds, stage } from './chunk-SV3NR2LW.js';
+import { getEnv as getEnv$1 } from './chunk-R2D3SM4S.js';
+import { getEnv, cache_exports, clientIds, stage } from './chunk-BDZKYFL5.js';
 import { getSDKConfig } from './chunk-UPMVYXZ6.js';
-import { Y } from './chunk-26R46ZBM.js';
-import { cache_exports } from './chunk-YX56ZGDB.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useEffect, useState, useRef, useMemo, useCallback } from 'react';
 import { sessionStore, getSupportedChainFromEvmChainId, createSessionCapabilityPolicy, createChainContext, CUBIST_CAPABILITIES, createDefaultInjectedWalletRegistry, WalletConnector } from '@ab-org/sdk-core';
@@ -20,6 +18,7 @@ var colors = {
   accent: "#29FF9B",
   danger: "#FF6B6B"};
 var radii = {
+  md: "14px",
   pill: "99px",
   card: "12px"};
 var fonts = {
@@ -222,38 +221,89 @@ var ModalFrame = ({ onClose, width = 500, cardStyle, contentStyle, children }) =
 };
 
 // ../sign_in_sdk/dist/ui/SignInModal.sections.js
-async function loadWalletAccount() {
-  return import('./account-6PGNCFOX.js');
-}
-async function loadOidcAuth() {
-  return import('./dist-C3ENWBQI.js');
-}
-var SignInModalFrame = ({ id, title, onClose, footer, children }) => {
+var SignInModalFrame = ({ id, title, onClose, onBack, footer, children }) => {
   const isMobile = useIsMobileViewport();
-  return jsx(ModalFrame, { onClose, cardStyle: { padding: isMobile ? "24px 16px" : "32px 24px" }, contentStyle: { alignItems: "center" }, children: jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: isMobile ? 20 : 24, alignItems: "center" }, id, className: `absdk-predicate-signin-modal ${isMobile ? "absdk-predicate-signin-modal--mobile" : "absdk-predicate-signin-modal--desktop"}`, children: [jsx("h2", { className: "absdk-predicate-signin-modal__title", style: { margin: 0, fontSize: isMobile ? 22 : 24, fontWeight: 600, lineHeight: 1.4, textAlign: "center" }, children: title }), jsx("div", { className: "absdk-predicate-signin-modal__content", style: { width: "100%", display: "flex", flexDirection: "column", gap: 12, alignItems: "center" }, children }), footer] }) });
+  return jsx(ModalFrame, { onClose, cardStyle: { padding: isMobile ? "24px 16px" : "32px 24px" }, contentStyle: { alignItems: "center" }, children: jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: isMobile ? 20 : 24, alignItems: "center" }, id, className: `absdk-predicate-signin-modal ${isMobile ? "absdk-predicate-signin-modal--mobile" : "absdk-predicate-signin-modal--desktop"}`, children: [jsxs("div", { style: { width: "100%", display: "flex", alignItems: "center", justifyContent: "center", position: "relative" }, children: [onBack && jsx("button", { type: "button", onClick: onBack, "aria-label": "Back", style: { position: "absolute", left: 0, background: "transparent", border: "none", cursor: "pointer", padding: 4, display: "flex", alignItems: "center", color: colors.textPrimary }, children: jsx("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: jsx("path", { d: "M12 4L6 10L12 16", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), jsx("h2", { className: "absdk-predicate-signin-modal__title", style: { margin: 0, fontSize: isMobile ? 22 : 24, fontWeight: 600, lineHeight: 1.4, textAlign: "center" }, children: title })] }), jsx("div", { className: "absdk-predicate-signin-modal__content", style: { width: "100%", display: "flex", flexDirection: "column", gap: 12, alignItems: "center" }, children }), footer] }) });
 };
-var SignInWithEmailSection = () => {
+var EmailIcon = () => jsxs("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: [jsx("path", { d: "M3 4h14c1.1 0 2 .9 2 2v8c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z", stroke: "currentColor", strokeWidth: "1.5", fill: "none" }), jsx("path", { d: "M19 6l-9 5-9-5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", fill: "none" })] });
+var SignInWithEmailSection = ({ isBusy, onSendCode, onVerifyCode, onEmailChange }) => {
   const [email, setEmail] = useState("");
-  const [partialOidcToken, setPartialOidcToken] = useState("");
-  const [emailCode, setEmailCode] = useState("");
-  return jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: 24 }, children: [jsx("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: jsx("input", { type: "email", placeholder: "Email", value: email, onChange: (e) => setEmail(e.target.value), style: { color: "black" } }) }), jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [jsx("input", { type: "text", className: "absdk-predicate-signin-modal__email-code-input", style: { color: "black" }, value: emailCode, placeholder: "emailCode", onChange: (e) => setEmailCode(e.target.value) }), " "] }), jsx("button", { disabled: !email, onClick: async () => {
-    const { OidcAuth } = await loadOidcAuth();
-    const { loginByEmail } = OidcAuth({
-      stage: "dev",
-      xClientId: clientIds.x ?? "",
-      googleClientId: clientIds.google ?? ""
-    });
-    const { partialOidcToken: partialOidcToken2 } = await loginByEmail(email);
-    setPartialOidcToken(partialOidcToken2);
-  }, children: "send code" }), jsx("button", { disabled: !partialOidcToken || !emailCode, onClick: async () => {
-    const oidcToken = `${partialOidcToken}${emailCode}`;
-    const { default: WalletAccount2 } = await loadWalletAccount();
-    await WalletAccount2.getInstance(oidcToken);
-  }, children: "sign in" })] });
-};
-var SignInModalSocialSection = ({ id, socialProviders, isBusy, loadingProvider, onSocialClick }) => jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: 24 }, id, className: "absdk-predicate-signin-modal__social", children: [jsx("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: socialProviders.map((provider) => {
-  const isLoading = loadingProvider === provider.id;
-  return jsxs("button", { id: `absdk-predicate-signin-modal-social-provider-${provider.id}`, className: `absdk-predicate-signin-modal__social-button absdk-predicate-signin-modal__social-button--${provider.id}`, type: "button", disabled: isBusy, onClick: () => onSocialClick(provider.id), style: {
+  const [code, setCode] = useState("");
+  const [step, setStep] = useState("email");
+  const [loading, setLoading] = useState(false);
+  const handleEmailChange = (value) => {
+    setEmail(value);
+    onEmailChange?.(value);
+  };
+  const handleSendCode = async () => {
+    if (!email || loading)
+      return;
+    setLoading(true);
+    try {
+      await onSendCode(email);
+      setStep("code");
+    } catch (error) {
+      console.error("Send code failed:", error);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleVerifyCode = async () => {
+    if (!code || loading)
+      return;
+    setLoading(true);
+    try {
+      await onVerifyCode(code);
+    } catch (error) {
+      console.error("Verify code failed:", error);
+      setLoading(false);
+    }
+  };
+  if (step === "code") {
+    return jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: 16 }, children: [jsx("input", { type: "text", placeholder: "Enter verification code", value: code, onChange: (e) => setCode(e.target.value), onKeyDown: (e) => e.key === "Enter" && handleVerifyCode(), disabled: isBusy || loading, style: {
+      width: "100%",
+      height: 48,
+      borderRadius: radii.md,
+      border: `1px solid ${colors.border}`,
+      background: colors.card,
+      color: colors.textPrimary,
+      fontSize: 16,
+      padding: "0 16px",
+      fontFamily: fonts.family,
+      outline: "none"
+    } }), jsxs("button", { onClick: handleVerifyCode, disabled: !code || isBusy || loading, style: {
+      width: "100%",
+      height: 48,
+      borderRadius: radii.pill,
+      border: `1px solid ${colors.border}`,
+      background: "transparent",
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: 12,
+      cursor: isBusy || loading || !code ? "not-allowed" : "pointer",
+      opacity: isBusy || loading || !code ? 0.5 : 1
+    }, children: [loading ? jsx(SpinnerIcon, {}) : jsx(EmailIcon, {}), jsx("span", { style: { fontSize: 16, fontWeight: 500, color: colors.textPrimary, fontFamily: fonts.family }, children: loading ? "Verifying..." : "Verify Code" })] }), jsx("button", { onClick: () => setStep("email"), disabled: isBusy || loading, style: {
+      background: "transparent",
+      border: "none",
+      color: colors.textSecondary,
+      fontSize: 14,
+      cursor: "pointer",
+      fontFamily: fonts.family
+    }, children: "Back to email" })] });
+  }
+  return jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: 16 }, children: [jsx("input", { type: "email", placeholder: "Enter your email", value: email, onChange: (e) => handleEmailChange(e.target.value), onKeyDown: (e) => e.key === "Enter" && handleSendCode(), disabled: isBusy || loading, style: {
+    width: "100%",
+    height: 48,
+    borderRadius: radii.md,
+    border: `1px solid ${colors.border}`,
+    background: colors.card,
+    color: colors.textPrimary,
+    fontSize: 16,
+    padding: "0 16px",
+    fontFamily: fonts.family,
+    outline: "none"
+  } }), jsxs("button", { onClick: handleSendCode, disabled: !email || isBusy || loading, style: {
     width: "100%",
     height: 48,
     borderRadius: radii.pill,
@@ -263,13 +313,30 @@ var SignInModalSocialSection = ({ id, socialProviders, isBusy, loadingProvider,
     alignItems: "center",
     justifyContent: "center",
     gap: 12,
-    cursor: isBusy ? "wait" : "pointer",
-    padding: 12,
-    boxSizing: "border-box",
-    opacity: isLoading ? 0.6 : isBusy ? 0.8 : 1,
-    transition: "opacity .15s"
-  }, children: [isLoading ? jsx(SpinnerIcon, {}) : provider.icon, jsx("span", { style: { fontSize: 16, fontWeight: 500, lineHeight: 1.4, color: colors.textPrimary, fontFamily: fonts.family }, children: isLoading ? "Signing in..." : provider.label })] }, provider.id);
-}) }), typeof window !== "undefined" && window.location.href.indexOf("emailSignIn") !== -1 && jsx(SignInWithEmailSection, {}), jsxs("div", { style: { display: "flex", alignItems: "center", gap: 20, width: "100%" }, children: [jsx("div", { style: { flex: 1, height: 1, background: colors.border } }), jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textPrimary, opacity: 0.4, whiteSpace: "nowrap" }, children: "Or connect a wallet" }), jsx("div", { style: { flex: 1, height: 1, background: colors.border } })] })] });
+    cursor: isBusy || loading || !email ? "not-allowed" : "pointer",
+    opacity: isBusy || loading || !email ? 0.5 : 1
+  }, children: [loading ? jsx(SpinnerIcon, {}) : jsx(EmailIcon, {}), jsx("span", { style: { fontSize: 16, fontWeight: 500, color: colors.textPrimary, fontFamily: fonts.family }, children: loading ? "Sending..." : "Continue with Email" })] })] });
+};
+var socialButtonStyle = (isBusy, isLoading) => ({
+  width: "100%",
+  height: 48,
+  borderRadius: radii.pill,
+  border: `1px solid ${colors.border}`,
+  background: "transparent",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: 12,
+  cursor: isBusy ? "wait" : "pointer",
+  padding: 12,
+  boxSizing: "border-box",
+  opacity: isLoading ? 0.6 : isBusy ? 0.8 : 1,
+  transition: "opacity .15s"
+});
+var SignInModalSocialSection = ({ id, socialProviders, isBusy, loadingProvider, onSocialClick, onEmailClick }) => jsxs("div", { style: { width: "100%", display: "flex", flexDirection: "column", gap: 24 }, id, className: "absdk-predicate-signin-modal__social", children: [jsxs("div", { style: { display: "flex", flexDirection: "column", gap: 16 }, children: [socialProviders.map((provider) => {
+  const isLoading = loadingProvider === provider.id;
+  return jsxs("button", { id: `absdk-predicate-signin-modal-social-provider-${provider.id}`, className: `absdk-predicate-signin-modal__social-button absdk-predicate-signin-modal__social-button--${provider.id}`, type: "button", disabled: isBusy, onClick: () => onSocialClick(provider.id), style: socialButtonStyle(isBusy, isLoading), children: [isLoading ? jsx(SpinnerIcon, {}) : provider.icon, jsx("span", { style: { fontSize: 16, fontWeight: 500, lineHeight: 1.4, color: colors.textPrimary, fontFamily: fonts.family }, children: isLoading ? "Signing in..." : provider.label })] }, provider.id);
+}), onEmailClick && jsxs("button", { id: "absdk-predicate-signin-modal-social-provider-email", className: "absdk-predicate-signin-modal__social-button absdk-predicate-signin-modal__social-button--email", type: "button", disabled: isBusy, onClick: onEmailClick, style: socialButtonStyle(isBusy, false), children: [jsx(EmailIcon, {}), jsx("span", { style: { fontSize: 16, fontWeight: 500, lineHeight: 1.4, color: colors.textPrimary, fontFamily: fonts.family }, children: "Continue with Email" })] })] }), jsxs("div", { style: { display: "flex", alignItems: "center", gap: 20, width: "100%" }, children: [jsx("div", { style: { flex: 1, height: 1, background: colors.border } }), jsx("span", { style: { fontSize: 14, lineHeight: 1.4, color: colors.textPrimary, opacity: 0.4, whiteSpace: "nowrap" }, children: "Or connect a wallet" }), jsx("div", { style: { flex: 1, height: 1, background: colors.border } })] })] });
 var SignInModalWalletGrid = ({ wallets, isBusy, loadingWalletId, expanded, showExpandToggle, onWalletClick, onToggleExpanded }) => {
   const isMobile = useIsMobileViewport();
   return jsxs("div", { className: "absdk-predicate-signin-modal__wallets", style: { width: "100%", display: "flex", flexDirection: "column", gap: 8, alignItems: "center", paddingTop: 12 }, children: [jsx("div", { className: "absdk-predicate-signin-modal__wallet-grid", style: { width: "100%", display: "flex", flexWrap: "wrap", gap: "14px 0" }, children: wallets.map((wallet) => jsxs("button", { id: `absdk-predicate-signin-modal-wallet-${wallet.id}`, className: `absdk-predicate-signin-modal__wallet-button absdk-predicate-signin-modal__wallet-button--${wallet.id}`, type: "button", disabled: isBusy, onClick: () => onWalletClick(wallet.id), style: {
@@ -294,6 +361,90 @@ var SignInModalWalletGrid = ({ wallets, isBusy, loadingWalletId, expanded, showE
   }, children: jsx(ExpandIcon, { expanded }) })] });
 };
 var SignInModalFooter = ({ privacyPolicyUrl, termsOfUseUrl }) => jsx("div", { className: "absdk-predicate-signin-modal__footer", style: { padding: "12px 0", display: "flex", justifyContent: "center", width: "100%" }, children: jsxs("p", { style: { margin: 0, fontSize: 14, lineHeight: 1.4, color: colors.textSecondary, fontFamily: fonts.family, textAlign: "center" }, children: ["By continuing, I agree to the", " ", jsx("a", { href: privacyPolicyUrl, style: { color: colors.textPrimary, textDecoration: "underline" }, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" }), " ", "and", " ", jsx("a", { href: termsOfUseUrl, style: { color: colors.textPrimary, textDecoration: "underline" }, target: "_blank", rel: "noopener noreferrer", children: "Terms of Use" })] }) });
+
+// ../oidc-auth/dist/index.js
+var x = 60;
+var S = { prod: "prod", dev: "gamma" };
+var w = { prod: { SignerApiRoot: "https://prod.signer.cubist.dev" }, gamma: { SignerApiRoot: "https://gamma.signer.cubist.dev" } };
+var C = L("CUBE_SIGNER_ORG_ID");
+var v = getEnv("RELAY_ORIGIN");
+function L(e) {
+  return getEnv(e) || "";
+}
+var f = ({ url: e, name: l, width: r, height: t }) => {
+  let i = (window.innerHeight - (t || 400)) / 2 + window.screenY, a = (window.innerWidth - (r || 400)) / 2 + window.screenX;
+  try {
+    let s = window.open(e, l, `dialog=yes,top=${i}px,left=${a},width=${r !== void 0 ? r : 400}px,height=${t !== void 0 ? t : 600}px`);
+    return s || null;
+  } catch (s) {
+    return console.error("Failed to open window:", s), null;
+  }
+};
+var R = (e) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
+function $(e) {
+  if (e in w) return w[e].SignerApiRoot;
+  if (/^https?:\/\//.test(e)) return e.replace(/\/$/, "");
+  throw new Error(`Unsupported CubeSigner env: ${e}`);
+}
+var O = async (e, l, r) => {
+  let t = await fetch(`${$(l)}/v0/org/${encodeURIComponent(r)}/oidc/email-otp`, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email: e }) });
+  if (!t.ok) {
+    let a = await t.text().catch(() => "");
+    throw new Error(a ? `Email login failed (${t.status}): ${a}` : `Email login failed (${t.status})`);
+  }
+  let i = await t.json();
+  if (!i.partial_token) throw new Error("Email login response missing partial_token");
+  return i.partial_token;
+};
+var Y = ({ stage: e, xClientId: l, googleClientId: r }) => {
+  let t = window.location.origin || v;
+  if (!t) throw new Error("Invalid stage");
+  let i = `${t}/relay/x`, a = `${t}/relay/google`, s = S[e], E = C;
+  if (!E) throw new Error("Invalid cube stage");
+  let y = (o, g = 12e4) => new Promise((c, n) => {
+    if (!o) {
+      n(new Error("Failed to open popup"));
+      return;
+    }
+    let m = setTimeout(() => {
+      o.close(), n(new Error("Login timeout"));
+    }, g), d = async (p) => {
+      if (p.origin !== t || p.data.action !== "login") return;
+      let { data: I } = p.data;
+      try {
+        let { oidcToken: u = "", error: b } = I || {};
+        if (b) {
+          clearTimeout(m), window.removeEventListener("message", d), o.close(), n(new Error(String(b)));
+          return;
+        }
+        u && (clearTimeout(m), window.removeEventListener("message", d), o.close(), c(u));
+      } catch (u) {
+        clearTimeout(m), window.removeEventListener("message", d), o.close(), n(u);
+      }
+    };
+    window.addEventListener("message", d);
+    let T = setInterval(() => {
+      o.closed && (clearTimeout(m), clearInterval(T), window.removeEventListener("message", d), n(new Error("Login cancelled by user")));
+    }, 400);
+  });
+  return { loginByGoogle: async () => {
+    let g = { target: window.location.origin, stage: e, eventId: Date.now().toString(), action: "login", clientId: r }, c = `${a}?${new URLSearchParams(g).toString()}`, n = f({ url: c, name: "Google login" });
+    return await y(n);
+  }, loginByX: async () => {
+    let g = { target: window.location.origin, stage: e, eventId: Date.now().toString(), action: "login", clientId: l }, c = `${i}?${new URLSearchParams(g).toString()}`, n = f({ url: c, name: "X login" });
+    return await y(n);
+  }, loginByEmail: async (o) => {
+    if (!R(o)) throw new Error("Invalid email");
+    return { partialOidcToken: await O(o, s, E), lifeTime: x };
+  } };
+};
+var emailOtpCache = /* @__PURE__ */ new Map();
+function clearEmailOtpCache(email) {
+  if (email)
+    emailOtpCache.delete(email);
+  else
+    emailOtpCache.clear();
+}
 var useSignInModalController = ({ wallets, initialVisibleCount, onGoogleLogin: _onGoogleLogin, onTwitterLogin: _onTwitterLogin, onCubeSignerSession: _onCubeSignerSession, onWalletConnected, onSocialLogin: _onSocialLogin, onWalletSelect }) => {
   const [expanded, setExpanded] = useState(false);
   const [loadingProvider, setLoadingProvider] = useState(null);
@@ -325,6 +476,21 @@ var useSignInModalController = ({ wallets, initialVisibleCount, onGoogleLogin: _
       return oidcToken;
     }
   };
+  const handleEmailSendCode = async (email) => {
+    const cached = emailOtpCache.get(email);
+    if (cached && cached.expiresAt > Date.now()) {
+      return cached.partialOidcToken;
+    }
+    const cfg = getSDKConfig();
+    const { loginByEmail } = Y({
+      stage,
+      xClientId: cfg.twitterClientId ?? clientIds.x ?? "",
+      googleClientId: cfg.googleClientId ?? clientIds.google ?? ""
+    });
+    const { partialOidcToken } = await loginByEmail(email);
+    emailOtpCache.set(email, { partialOidcToken, expiresAt: Date.now() + 6e4 });
+    return partialOidcToken;
+  };
   const clearSocialLoading = () => setLoadingProvider(null);
   const handleWalletClick = async (walletId) => {
     if (isBusy)
@@ -359,6 +525,7 @@ var useSignInModalController = ({ wallets, initialVisibleCount, onGoogleLogin: _
     showExpandToggle,
     isBusy,
     handleSocialClick,
+    handleEmailSendCode,
     handleWalletClick,
     clearSocialLoading,
     toggleExpanded: () => setExpanded((value) => !value)
@@ -414,8 +581,8 @@ var Toast = ({ message, variant = "info", duration, onClose }) => {
 };
 
 // ../sign_in_sdk/dist/ui/SignInModal.js
-async function loadWalletAccount2() {
-  return import('./account-6PGNCFOX.js');
+async function loadWalletAccount() {
+  return import('./account-SQGJZOF5.js');
 }
 var SOCIAL_ADAPTER_ID = "cubist";
 function persistSocialAdapterId() {
@@ -425,14 +592,18 @@ function persistSocialAdapterId() {
   } catch {
   }
 }
-var SignInModal = ({ title = "Welcome to PredicateMarket", socialProviders, wallets, initialVisibleCount, privacyPolicyUrl = "#", termsOfUseUrl = "#", onGoogleLogin, onTwitterLogin, onCubeSignerSession, onWalletConnected, onSocialLogin, onWalletSelect, onDismiss, onSuccess }) => {
+var SignInModal = ({ title = "Welcome to PredicateMarket", socialProviders, wallets, initialVisibleCount, emailLogin, privacyPolicyUrl = "#", termsOfUseUrl = "#", onGoogleLogin, onTwitterLogin, onCubeSignerSession, onWalletConnected, onSocialLogin, onWalletSelect, onDismiss, onSuccess }) => {
   const sdkConfig = getSDKConfig();
   const effectiveSocialProviders = resolveSocialProviders(socialProviders ?? sdkConfig.signIn?.socialProviders);
   const effectiveWallets = wallets ?? sdkConfig.signIn?.wallets;
   const effectiveInitialVisibleCount = initialVisibleCount ?? sdkConfig.signIn?.initialVisibleCount ?? 5;
+  const effectiveEmailLogin = emailLogin ?? sdkConfig.signIn?.emailLogin ?? false;
   const [toastError, setToastError] = useState(null);
   const [socialLoadingProvider, setSocialLoadingProvider] = useState(null);
-  const { expanded, loadingProvider, loadingWalletId, visibleWallets, showExpandToggle, isBusy, handleSocialClick, handleWalletClick, clearSocialLoading, toggleExpanded } = useSignInModalController({
+  const [view, setView] = useState("main");
+  const emailPartialTokenRef = useRef("");
+  const emailRef = useRef("");
+  const { expanded, loadingProvider, loadingWalletId, visibleWallets, showExpandToggle, isBusy, handleSocialClick, handleEmailSendCode, handleWalletClick, clearSocialLoading, toggleExpanded } = useSignInModalController({
     wallets: effectiveWallets,
     initialVisibleCount: effectiveInitialVisibleCount,
     onGoogleLogin,
@@ -442,11 +613,56 @@ var SignInModal = ({ title = "Welcome to PredicateMarket", socialProviders, wall
     onSocialLogin,
     onWalletSelect
   });
-  return jsxs(SignInModalFrame, { id: "absdk-predicate-signin-modal-frame", title, onClose: onDismiss, footer: jsx(SignInModalFooter, { privacyPolicyUrl, termsOfUseUrl }), children: [toastError && jsx(Toast, { message: toastError, variant: "error", duration: 5e3, onClose: () => setToastError(null) }), jsx(SignInModalSocialSection, { id: "absdk-predicate-signin-modal-social", socialProviders: effectiveSocialProviders, isBusy: isBusy || !!socialLoadingProvider, loadingProvider: loadingProvider ?? socialLoadingProvider, onSocialClick: async (providerId) => {
+  return jsxs(SignInModalFrame, { id: "absdk-predicate-signin-modal-frame", title: view === "email" ? "Sign in with Email" : title, onClose: onDismiss, onBack: view === "email" ? () => setView("main") : void 0, footer: jsx(SignInModalFooter, { privacyPolicyUrl, termsOfUseUrl }), children: [toastError && jsx(Toast, { message: toastError, variant: "error", duration: 5e3, onClose: () => setToastError(null) }), view === "email" ? jsx(SignInWithEmailSection, { isBusy: false, onSendCode: async (email) => {
+    emailRef.current = email;
+    emailPartialTokenRef.current = await handleEmailSendCode(email);
+  }, onEmailChange: (email) => {
+    clearEmailOtpCache(emailRef.current);
+    emailRef.current = email;
+  }, onVerifyCode: async (code) => {
+    const oidcToken = `${emailPartialTokenRef.current}${code}`;
+    emailPartialTokenRef.current = "";
+    sessionStore.clearSession();
+    try {
+      const { default: WalletAccount2 } = await loadWalletAccount();
+      WalletAccount2.clearInstance();
+      const walletAccount = await WalletAccount2.getInstance(oidcToken);
+      const cubeSignerSession = walletAccount.getCubeSignerSession();
+      onCubeSignerSession?.(cubeSignerSession);
+      cache_exports.set("oidcToken", oidcToken, false);
+      const [address] = await walletAccount.eth_accounts();
+      if (!address)
+        throw new Error("Email wallet did not return an account");
+      const chainId = await walletAccount.eth_chainId();
+      const chain = getSupportedChainFromEvmChainId(chainId);
+      const capabilityPolicy = sdkConfig.cubeSigner?.defaultSessionPolicy ? createSessionCapabilityPolicy(sdkConfig.cubeSigner.defaultSessionPolicy) : void 0;
+      const session = {
+        address,
+        chain,
+        provider: walletAccount,
+        walletType: "social",
+        authSource: "email",
+        sessionId: `email:${address.toLowerCase()}`,
+        expiresAt: capabilityPolicy?.expiresAt,
+        capabilities: CUBIST_CAPABILITIES,
+        sessionData: cubeSignerSession.sessionData,
+        chainContext: createChainContext(chain),
+        capabilityPolicy,
+        userInfo: cubeSignerSession.userInfo
+      };
+      persistSocialAdapterId();
+      sessionStore.setSession(session);
+      clearEmailOtpCache(emailRef.current);
+      onSuccess?.(session);
+    } catch (error) {
+      setToastError(error?.message ?? "Email login failed, please try again");
+      throw error;
+    }
+  } }) : jsxs(Fragment, { children: [jsx(SignInModalSocialSection, { id: "absdk-predicate-signin-modal-social", socialProviders: effectiveSocialProviders, isBusy: isBusy || !!socialLoadingProvider, loadingProvider: loadingProvider ?? socialLoadingProvider, onEmailClick: effectiveEmailLogin ? () => setView("email") : void 0, onSocialClick: async (providerId) => {
     setSocialLoadingProvider(providerId);
     sessionStore.clearSession();
     try {
-      const { default: WalletAccount2 } = await loadWalletAccount2();
+      const { default: WalletAccount2 } = await loadWalletAccount();
       WalletAccount2.clearInstance();
       const oidcToken = await handleSocialClick(providerId);
       if (!oidcToken) {
@@ -458,9 +674,8 @@ var SignInModal = ({ title = "Welcome to PredicateMarket", socialProviders, wall
       onCubeSignerSession?.(cubeSignerSession);
       cache_exports.set("oidcToken", oidcToken, false);
       const [address] = await walletAccount.eth_accounts();
-      if (!address) {
+      if (!address)
         throw new Error("Social wallet did not return an account");
-      }
       const chainId = await walletAccount.eth_chainId();
       const chain = getSupportedChainFromEvmChainId(chainId);
       const authSource = providerId === "x" ? "twitter" : providerId;
@@ -484,12 +699,11 @@ var SignInModal = ({ title = "Welcome to PredicateMarket", socialProviders, wall
       onSuccess?.(session);
     } catch (error) {
       setToastError(error?.message ?? "Failed to get wallet account, please try again");
-      return;
     } finally {
       setSocialLoadingProvider(null);
       clearSocialLoading();
     }
-  } }), jsx(SignInModalWalletGrid, { wallets: visibleWallets, isBusy, loadingWalletId, expanded, showExpandToggle, onWalletClick: handleWalletClick, onToggleExpanded: toggleExpanded })] });
+  } }), jsx(SignInModalWalletGrid, { wallets: visibleWallets, isBusy, loadingWalletId, expanded, showExpandToggle, onWalletClick: handleWalletClick, onToggleExpanded: toggleExpanded })] })] });
 };
 
 // src/ui/theme.ts
@@ -1515,7 +1729,7 @@ function getTokenAddressForChain(chains, chainId, tokenSymbol) {
   const chain = chains.find((c) => c.chain_id === chainId);
   return chain?.tokens.find((t) => t.symbol === tokenSymbol)?.address;
 }
-var FUNDING_TOKEN_SYMBOL = getEnv("FUNDING_TOKEN_SYMBOL");
+var FUNDING_TOKEN_SYMBOL = getEnv$1("FUNDING_TOKEN_SYMBOL");
 var DepositModal = ({
   token,
   chain,
@@ -2227,7 +2441,7 @@ function CopyIcon2() {
     /* @__PURE__ */ jsx("path", { className: "absdk-predicate-withdraw-modal__copy-icon-path", d: "M3 11V3a1 1 0 0 1 1-1h8", stroke: "currentColor", strokeWidth: "1.2", fill: "none" })
   ] });
 }
-var FUNDING_TOKEN_SYMBOL2 = getEnv("FUNDING_TOKEN_SYMBOL");
+var FUNDING_TOKEN_SYMBOL2 = getEnv$1("FUNDING_TOKEN_SYMBOL");
 function chainsToTokenOptions2(chains) {
   const bySymbol = /* @__PURE__ */ new Map();
   for (const c of chains) {
@@ -3348,7 +3562,7 @@ var SubmitButton = ({ id, className, disabled, status, onClick }) => {
 
 // src/react.ts
 async function loadWalletAccountModule() {
-  return import('./account-6PGNCFOX.js');
+  return import('./account-SQGJZOF5.js');
 }
 var WalletAccount = {
   async getInstance(oidcToken) {

package/dist/core.d.ts

@@ -1,6 +1,6 @@
 export { C as ChainInfo, a as CustodyAdapter, D as DepositAddressResult, M as MarketDataProvider, b as ModalController, Q as QuoteRequest, c as QuoteResult, T as TokenInfo } from './types-BFidNjd9.js';
 import { CubeSignerConfig } from '@ab-org/sdk-core/social/auth';
-import { S as SignInUiConfig } from './signInTypes.d-DESvmgWG.js';
+import { S as SignInUiConfig } from './signInTypes.d-Cr3RzByV.js';
 import { WalletSession } from '@ab-org/sdk-core';
 import 'react';
 

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export { ClientIds, DEFAULT_FUNDING_CHAIN_ID, DEFAULT_FUNDING_TOKEN_ADDRESS, EvmChainInfo, PredicateSDKConfig, SDKConfig, getChainInfo, getEnv, getExplorerUrl, getFixedAuthConfig, getFundingTokenAddress, getSDKConfig, initSDK, tryAutoReconnect } from './core.js';
 export { notifyTwitterCallback } from './auth.js';
-export { G as GoogleCredential, S as SignInUiConfig, a as SocialProvider, T as TwitterAuthResult, W as WalletItem } from './signInTypes.d-DESvmgWG.js';
+export { G as GoogleCredential, S as SignInUiConfig, a as SocialProvider, T as TwitterAuthResult, W as WalletItem } from './signInTypes.d-Cr3RzByV.js';
 export { DepositDetailsPanel, DepositDetailsPanelProps, DepositModal, DepositModalProps, DropdownField, DropdownFieldProps, SelectOption, SignInModal, SignInModalProps, Toast, WalletAccount, WalletOption, WalletSelectionModal, WalletSelectionModalProps, WithdrawModal, WithdrawModalProps, WithdrawUiStatus, clearSocialAccountInstance } from './react.js';
 export { DepositController, DepositModalConfig, DepositStatus, Erc20BalanceResult, FundingTokenBalanceOptions, FundingWithdrawExecutorOptions, PredicateMarketPolicyAdapterOptions, WithdrawController, WithdrawExecutor, WithdrawModalConfig, WithdrawRequest, WithdrawResult, WithdrawStatus, WithdrawTxRequest, createDepositController, createFundingWithdrawExecutor, createMarketDataProvider, createPredicateMarketPolicyAdapter, createWithdrawController, fetchErc20Balance, fetchFundingTokenBalance, findTokenDataFromChains, isUsdtWithdrawDirect, parseUnits } from './merchant.js';
 export { A as ApiResponse, C as ChainData, a as ChainsResponseData, b as CreateOrderRequest, c as CreateOrderResponseData, D as DepositOrderResponseData, d as DepositOrderStatus, M as MerchantApiConfig, N as NativeSwapPayload, P as PaymentPairData, e as PaymentSessionResponseData, f as PaymentSessionStatus, g as PlatformRegisterRequest, h as PlatformRegisterResponseData, Q as QuoteDirection, i as QuoteResponseData, T as TokenData, W as WithdrawOrderResponseData, j as WithdrawOrderStatus, k as configureMerchantApi, l as createOrder, m as getChains, n as getDepositOrder, o as getMerchantApiClient, p as getWithdrawOrder, q as quote, r as registerPlatform } from './api-DyQAYQ0i.js';

package/dist/index.js

@@ -2,12 +2,10 @@ export { notifyTwitterCallback } from './chunk-ZS6FNG2D.js';
 export { tryAutoReconnect } from './chunk-GIPWCNYS.js';
 export { createDepositController, createFundingWithdrawExecutor, createMarketDataProvider, createPredicateMarketPolicyAdapter, createWithdrawController, fetchErc20Balance, fetchFundingTokenBalance, findTokenDataFromChains, isUsdtWithdrawDirect, parseUnits } from './chunk-4XO4Z5TC.js';
 export { ClientIds, DEFAULT_FUNDING_CHAIN_ID, DEFAULT_FUNDING_TOKEN_ADDRESS, getChainInfo, getFundingTokenAddress } from './chunk-6AZQBNMY.js';
-export { DepositDetailsPanel, DepositModal, DropdownField, SignInModal, Toast, WalletAccount, WalletSelectionModal, WithdrawModal, clearSocialAccountInstance } from './chunk-BLUBNFON.js';
+export { DepositDetailsPanel, DepositModal, DropdownField, SignInModal, Toast, WalletAccount, WalletSelectionModal, WithdrawModal, clearSocialAccountInstance } from './chunk-IOAGWRWJ.js';
 export { getExplorerUrl } from './chunk-XB2DFS2W.js';
 export { configureMerchantApi, createOrder, getChains, getDepositOrder, getMerchantApiClient, getWithdrawOrder, quote, registerPlatform } from './chunk-E65LLR2W.js';
 export { getFixedAuthConfig, getSDKConfig, initSDK } from './chunk-E3UPFA4K.js';
 export { getEnv } from './chunk-R2D3SM4S.js';
-import './chunk-SV3NR2LW.js';
+import './chunk-BDZKYFL5.js';
 import './chunk-UPMVYXZ6.js';
-import './chunk-26R46ZBM.js';
-import './chunk-YX56ZGDB.js';

package/dist/react.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime_js from 'react/jsx-runtime.js';
-import { a as SocialProvider, W as WalletItem, G as GoogleCredential, T as TwitterAuthResult } from './signInTypes.d-DESvmgWG.js';
+import { a as SocialProvider, W as WalletItem, G as GoogleCredential, T as TwitterAuthResult } from './signInTypes.d-Cr3RzByV.js';
 import { WalletSession, WalletProviderRequest } from '@ab-org/sdk-core';
 import { CubeSignerSession } from '@ab-org/sdk-core/social/auth';
 import * as react_jsx_runtime from 'react/jsx-runtime';
@@ -12,6 +12,7 @@ interface SignInModalProps {
     socialProviders?: SocialProvider[];
     wallets?: WalletItem[];
     initialVisibleCount?: number;
+    emailLogin?: boolean;
     privacyPolicyUrl?: string;
     termsOfUseUrl?: string;
     onGoogleLogin?: (credential: GoogleCredential) => void;
@@ -25,7 +26,7 @@ interface SignInModalProps {
     /** 登录成功后调用，传入 session；调用方在此回调里更新 session 并自行关闭弹窗 */
     onSuccess?: (session: WalletSession) => void;
 }
-declare const SignInModal: ({ title, socialProviders, wallets, initialVisibleCount, privacyPolicyUrl, termsOfUseUrl, onGoogleLogin, onTwitterLogin, onCubeSignerSession, onWalletConnected, onSocialLogin, onWalletSelect, onDismiss, onSuccess, }: SignInModalProps) => react_jsx_runtime_js.JSX.Element;
+declare const SignInModal: ({ title, socialProviders, wallets, initialVisibleCount, emailLogin, privacyPolicyUrl, termsOfUseUrl, onGoogleLogin, onTwitterLogin, onCubeSignerSession, onWalletConnected, onSocialLogin, onWalletSelect, onDismiss, onSuccess, }: SignInModalProps) => react_jsx_runtime_js.JSX.Element;
 
 type ToastVariant = "success" | "error" | "info";
 interface ToastProps {

package/dist/react.js

@@ -1,8 +1,6 @@
-export { DepositDetailsPanel, DepositModal, DropdownField, SignInModal, Toast, WalletAccount, WalletSelectionModal, WithdrawModal, clearSocialAccountInstance } from './chunk-BLUBNFON.js';
+export { DepositDetailsPanel, DepositModal, DropdownField, SignInModal, Toast, WalletAccount, WalletSelectionModal, WithdrawModal, clearSocialAccountInstance } from './chunk-IOAGWRWJ.js';
 import './chunk-XB2DFS2W.js';
 import './chunk-E65LLR2W.js';
 import './chunk-R2D3SM4S.js';
-import './chunk-SV3NR2LW.js';
+import './chunk-BDZKYFL5.js';
 import './chunk-UPMVYXZ6.js';
-import './chunk-26R46ZBM.js';
-import './chunk-YX56ZGDB.js';

package/dist/{signInTypes.d-DESvmgWG.d.ts → signInTypes.d-Cr3RzByV.d.ts}

@@ -17,6 +17,7 @@ interface SignInUiConfig {
     socialProviders?: SocialProvider[];
     wallets?: WalletItem[];
     initialVisibleCount?: number;
+    emailLogin?: boolean;
     sessionConfirmation?: {
         enabled?: boolean;
         title?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ab-org/predicate-market-sdk",
-  "version": "2.2.0-beta.8",
+  "version": "2.2.0-beta.9",
   "type": "module",
   "files": [
     "dist/**/*",
@@ -39,7 +39,7 @@
     "axios": "^1.13.6",
     "qrcode-generator": "^2.0.4",
     "viem": "2.21.54",
-    "@ab-org/sdk-core": "0.3.0-beta.6"
+    "@ab-org/sdk-core": "0.3.0-beta.7"
   },
   "peerDependencies": {
     "react": ">=18"
@@ -48,8 +48,8 @@
     "@types/react": "^18.2.66",
     "typescript": "^5.5.4",
     "tsup": "^8.5.1",
-    "@ab-org/oidc-auth": "0.0.16",
     "@ab-org/chains-service": "0.0.8",
+    "@ab-org/oidc-auth": "0.0.16",
     "@ab-org/sign-in-sdk": "0.1.0",
     "@ab-org/wallet-utils": "0.1.0-beta.1"
   },

package/dist/chunk-26R46ZBM.js

@@ -1,81 +0,0 @@
-import { getEnv } from './chunk-YX56ZGDB.js';
-
-// ../oidc-auth/dist/index.js
-var _ = { googleAuth: "ab-google-authorized", xAuth: "ab-twitter-authorized", telegramAuth: "ab-telegram-authorized" };
-var x = 60;
-var S = { prod: "prod", dev: "gamma" };
-var w = { prod: { SignerApiRoot: "https://prod.signer.cubist.dev" }, gamma: { SignerApiRoot: "https://gamma.signer.cubist.dev" } };
-var C = L("CUBE_SIGNER_ORG_ID");
-var v = getEnv("RELAY_ORIGIN");
-function L(e) {
-  return getEnv(e) || "";
-}
-var f = ({ url: e, name: l, width: r, height: t }) => {
-  let i = (window.innerHeight - (t || 400)) / 2 + window.screenY, a = (window.innerWidth - (r || 400)) / 2 + window.screenX;
-  try {
-    let s = window.open(e, l, `dialog=yes,top=${i}px,left=${a},width=${r !== void 0 ? r : 400}px,height=${t !== void 0 ? t : 600}px`);
-    return s || null;
-  } catch (s) {
-    return console.error("Failed to open window:", s), null;
-  }
-};
-var R = (e) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e);
-function $(e) {
-  if (e in w) return w[e].SignerApiRoot;
-  if (/^https?:\/\//.test(e)) return e.replace(/\/$/, "");
-  throw new Error(`Unsupported CubeSigner env: ${e}`);
-}
-var O = async (e, l, r) => {
-  let t = await fetch(`${$(l)}/v0/org/${encodeURIComponent(r)}/oidc/email-otp`, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ email: e }) });
-  if (!t.ok) {
-    let a = await t.text().catch(() => "");
-    throw new Error(a ? `Email login failed (${t.status}): ${a}` : `Email login failed (${t.status})`);
-  }
-  let i = await t.json();
-  if (!i.partial_token) throw new Error("Email login response missing partial_token");
-  return i.partial_token;
-};
-var Y = ({ stage: e, xClientId: l, googleClientId: r }) => {
-  let t = window.location.origin || v;
-  if (!t) throw new Error("Invalid stage");
-  let i = `${t}/relay/x`, a = `${t}/relay/google`, s = S[e], E = C;
-  if (!E) throw new Error("Invalid cube stage");
-  let y = (o, g = 12e4) => new Promise((c, n) => {
-    if (!o) {
-      n(new Error("Failed to open popup"));
-      return;
-    }
-    let m = setTimeout(() => {
-      o.close(), n(new Error("Login timeout"));
-    }, g), d = async (p) => {
-      if (p.origin !== t || p.data.action !== "login") return;
-      let { data: I } = p.data;
-      try {
-        let { oidcToken: u = "", error: b } = I || {};
-        if (b) {
-          clearTimeout(m), window.removeEventListener("message", d), o.close(), n(new Error(String(b)));
-          return;
-        }
-        u && (clearTimeout(m), window.removeEventListener("message", d), o.close(), c(u));
-      } catch (u) {
-        clearTimeout(m), window.removeEventListener("message", d), o.close(), n(u);
-      }
-    };
-    window.addEventListener("message", d);
-    let T = setInterval(() => {
-      o.closed && (clearTimeout(m), clearInterval(T), window.removeEventListener("message", d), n(new Error("Login cancelled by user")));
-    }, 400);
-  });
-  return { loginByGoogle: async () => {
-    let g = { target: window.location.origin, stage: e, eventId: Date.now().toString(), action: "login", clientId: r }, c = `${a}?${new URLSearchParams(g).toString()}`, n = f({ url: c, name: "Google login" });
-    return await y(n);
-  }, loginByX: async () => {
-    let g = { target: window.location.origin, stage: e, eventId: Date.now().toString(), action: "login", clientId: l }, c = `${i}?${new URLSearchParams(g).toString()}`, n = f({ url: c, name: "X login" });
-    return await y(n);
-  }, loginByEmail: async (o) => {
-    if (!R(o)) throw new Error("Invalid email");
-    return { partialOidcToken: await O(o, s, E), lifeTime: x };
-  } };
-};
-
-export { C, L, O, S, Y, _, v, w, x };

package/dist/chunk-SV3NR2LW.js

@@ -1,14 +0,0 @@
-import { getEnv, getChainInfo } from './chunk-YX56ZGDB.js';
-
-// ../sign_in_sdk/dist/config.js
-var stage = getEnv("STAGE") || "dev";
-var clientIds = {
-  google: getEnv("GOOGLE_CLIENT_ID"),
-  x: getEnv("X_CLIENT_ID")
-};
-var chainConfig = {
-  chainType: "evm",
-  chainId: getChainInfo().chainId
-};
-
-export { chainConfig, clientIds, stage };

package/dist/dist-C3ENWBQI.js

@@ -1,2 +0,0 @@
-export { w as CubeEnvs, C as CubeOrgId, S as CubeStages, x as EmailCodeLifeTime, Y as OidcAuth, _ as RelayMessageTypes, v as RelayOrigin, O as emailLogin, L as getPredicateCubeRegisterPath } from './chunk-26R46ZBM.js';
-import './chunk-YX56ZGDB.js';