@pollar/react 0.9.0 → 0.10.0-rc.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { WalletId, AuthState, pollarPaths, PollarClient, PollarClientConfig, PollarAdapters, OnStorageDegrade, PollarLoginOptions, SessionsState, TransactionState, TxBuildBody, BuildOutcome, SubmitOutcome, SignOutcome, StellarNetwork, WalletBalanceState, EnabledAssetsState, TrustlineOutcome, TxHistoryState, PollarAdapter, KycStatus as KycStatus$1, RampQuote, KycProvider, KycStartResponse, RampDirection, PaymentInstructions, EnabledAssetRecord, WalletBalanceRecord, DistributionRulesState, DistributionRule } from '@pollar/core';
-export { SessionsState } from '@pollar/core';
+import { WalletId, AuthState, pollarPaths, PollarClient, PollarClientConfig, PollarAdapters, OnStorageDegrade, WalletInfo, PollarLoginOptions, SessionsState, TransactionState, TxBuildBody, BuildOutcome, SubmitOutcome, SignOutcome, StellarNetwork, WalletBalanceState, EnabledAssetsState, TrustlineOutcome, TxHistoryState, PollarAdapter, KycStatus as KycStatus$1, RampQuote, KycProvider, KycStartResponse, RampDirection, PaymentInstructions, EnabledAssetRecord, WalletBalanceRecord, DistributionRulesState, DistributionRule } from '@pollar/core';
+export { AuthProviderContext, PollarAuthProvider, SessionsState } from '@pollar/core';
 import { ReactNode } from 'react';
 
 type ConfigResponse = pollarPaths['/applications/config']['get']['responses'][200]['content']['application/json'];
@@ -23,6 +23,24 @@ interface RenderWalletsProps {
  * with whatever the slot returns (typically a kit-powered wallet grid).
  */
 type RenderWalletsSlot = (props: RenderWalletsProps) => ReactNode;
+/**
+ * Presentation metadata for a custom login provider button in the LoginModal
+ * (e.g. Privy, Magic). Pairs with a {@link PollarAuthProvider} registered on the
+ * client via its `providers` config: clicking the button calls
+ * `client.login({ provider: id })`, and the provider opens its own UI.
+ *
+ * Logic (the actual login) lives in the `PollarAuthProvider`; this is only the
+ * button's look. Keeping them separate means React never needs to know how a
+ * provider authenticates.
+ */
+interface CustomLoginProvider {
+    /** Must match the `id` of a registered `PollarAuthProvider`. */
+    id: string;
+    /** Button label, e.g. "Continue with Privy". */
+    label: string;
+    /** Optional icon URL rendered in the button. */
+    iconUrl?: string;
+}
 interface LoginButtonProps {
     onSuccess?: () => void;
     onError?: (error: Error) => void;
@@ -36,7 +54,14 @@ interface AuthModalProps {
 }
 
 interface PollarContextValue {
-    walletAddress: string;
+    /**
+     * The authenticated user's wallet as a discriminated union over `custody`
+     * (`internal` | `smart` | `external`), or `null` when unauthenticated. Every
+     * field is meaningful for any login method — `custody` is always present and
+     * strictly determines the shape of `provider`. Use `wallet.address` for the
+     * on-chain address and `wallet.provider` for the wallet/login provider.
+     */
+    wallet: WalletInfo | null;
     getClient: () => PollarClient;
     openLoginModal: () => void;
     isAuthenticated: boolean;
@@ -55,6 +80,8 @@ interface PollarContextValue {
     styles: PollarStyles;
     /** UI slot for wallet picker (forwarded from provider props). */
     renderWallets?: RenderWalletsSlot;
+    /** Custom login provider buttons (forwarded from `ui.customProviders`). */
+    customProviders?: CustomLoginProvider[];
     openTxModal: () => void;
     tx: TransactionState;
     buildTx: (operation: TxBuildBody['operation'], params: TxBuildBody['params'], options?: TxBuildBody['options']) => Promise<BuildOutcome>;
@@ -66,7 +93,6 @@ interface PollarContextValue {
     buildAndSignAndSubmitTx: (operation: TxBuildBody['operation'], params: TxBuildBody['params'], options?: TxBuildBody['options']) => Promise<SubmitOutcome>;
     /** Alias of `buildAndSignAndSubmitTx`. */
     runTx: (operation: TxBuildBody['operation'], params: TxBuildBody['params'], options?: TxBuildBody['options']) => Promise<SubmitOutcome>;
-    walletType: WalletId | null;
     network: StellarNetwork;
     setNetwork: (network: StellarNetwork) => void;
     walletBalance: WalletBalanceState;
@@ -128,6 +154,12 @@ interface PollarProviderProps {
     ui?: {
         /** Replaces the default Freighter/Albedo wallet picker. */
         renderWallets?: RenderWalletsSlot;
+        /**
+         * Custom login provider buttons (e.g. Privy) shown in the LoginModal. Each
+         * must match a {@link PollarAuthProvider} registered on the client; clicking
+         * one calls `client.login({ provider: id })` and the provider opens its own UI.
+         */
+        customProviders?: CustomLoginProvider[];
     };
     adapters?: PollarAdapters;
     /**
@@ -252,11 +284,15 @@ interface LoginModalTemplateProps {
         github: boolean;
         apple: boolean;
     };
+    /** Custom login provider buttons (e.g. Privy). Each calls `onCustomLogin(id)`. */
+    customProviders?: CustomLoginProvider[];
     appName: string;
     email?: string;
     onEmailChange?: (email: string) => void;
     onEmailSubmit?: () => void;
     onSocialLogin?: (provider: 'google' | 'github') => void;
+    /** Triggers a custom provider login by id (wraps `client.login({ provider: id })`). */
+    onCustomLogin?: (id: string) => void;
     onWalletConnect?: (id: WalletId) => void;
     /** Log in with an existing passkey (returning user). */
     onLoginSmartWallet?: () => void;
@@ -271,7 +307,7 @@ interface LoginModalTemplateProps {
     onCancel: () => void;
     onRetry: () => void;
 }
-declare function LoginModalTemplate({ theme, accentColor, logoUrl, emailEnabled, embeddedWallets, smartWallet, providers, appName, email, onEmailChange, onEmailSubmit, onSocialLogin, onWalletConnect, onLoginSmartWallet, onCreateSmartWallet, renderWallets, authState, codeInputKey, onCodeSubmit, onBack, onCancel, onRetry, }: LoginModalTemplateProps): react_jsx_runtime.JSX.Element;
+declare function LoginModalTemplate({ theme, accentColor, logoUrl, emailEnabled, embeddedWallets, smartWallet, providers, customProviders, appName, email, onEmailChange, onEmailSubmit, onSocialLogin, onCustomLogin, onWalletConnect, onLoginSmartWallet, onCreateSmartWallet, renderWallets, authState, codeInputKey, onCodeSubmit, onBack, onCancel, onRetry, }: LoginModalTemplateProps): react_jsx_runtime.JSX.Element;
 
 type KycStep = 'select_provider' | 'verifying' | 'polling' | 'done';
 interface KycModalTemplateProps {
@@ -447,4 +483,4 @@ interface DistributionRulesModalTemplateProps {
 }
 declare function DistributionRulesModalTemplate({ theme, accentColor, state, claimingId, claimErrors, claimedIds, onRefresh, onClaim, onClose, }: DistributionRulesModalTemplateProps): react_jsx_runtime.JSX.Element;
 
-export { type AuthModalProps, DistributionRulesModal, DistributionRulesModalTemplate, EnabledAssetsModal, EnabledAssetsModalTemplate, type EnabledAssetsModalTemplateProps, KycModal, KycModalTemplate, KycStatus, type KycStep, type LoginButtonProps, LoginModalTemplate, type PollarConfig, PollarProvider, type PollarStyles, type RampStep, RampWidget, RampWidgetTemplate, ReceiveModal, ReceiveModalTemplate, type ReceiveModalTemplateProps, type RenderWalletsProps, type RenderWalletsSlot, RouteDisplay, SendModal, SendModalTemplate, type SendModalTemplateProps, SessionsModal, SessionsModalTemplate, type SessionsModalTemplateProps, TransactionModalTemplate, type TransactionModalTemplateProps, TxHistoryModalTemplate, TxStatusView, type TxStatusViewProps, WalletBalanceModal, WalletBalanceModalTemplate, type WalletBalanceModalTemplateProps, WalletButton, WalletButtonTemplate, type WalletButtonTemplateProps, createPollarAdapterHook, usePollar };
+export { type AuthModalProps, type CustomLoginProvider, DistributionRulesModal, DistributionRulesModalTemplate, EnabledAssetsModal, EnabledAssetsModalTemplate, type EnabledAssetsModalTemplateProps, KycModal, KycModalTemplate, KycStatus, type KycStep, type LoginButtonProps, LoginModalTemplate, type PollarConfig, PollarProvider, type PollarStyles, type RampStep, RampWidget, RampWidgetTemplate, ReceiveModal, ReceiveModalTemplate, type ReceiveModalTemplateProps, type RenderWalletsProps, type RenderWalletsSlot, RouteDisplay, SendModal, SendModalTemplate, type SendModalTemplateProps, SessionsModal, SessionsModalTemplate, type SessionsModalTemplateProps, TransactionModalTemplate, type TransactionModalTemplateProps, TxHistoryModalTemplate, TxStatusView, type TxStatusViewProps, WalletBalanceModal, WalletBalanceModalTemplate, type WalletBalanceModalTemplateProps, WalletButton, WalletButtonTemplate, type WalletButtonTemplateProps, createPollarAdapterHook, usePollar };

package/dist/index.js

@@ -1035,7 +1035,7 @@ var PollarModalFooter = () => {
       /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-footer-name", children: "Pollar" }),
       /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "pollar-footer-version", children: [
         "v",
-        "0.9.0"
+        "0.10.0-rc.0"
       ] })
     ] })
   ] });
@@ -1340,54 +1340,63 @@ function EnabledAssetsModalTemplate({
   const isLoading = enabledAssets.step === "loading";
   const data = enabledAssets.step === "loaded" ? enabledAssets.data : null;
   const busy = busyKey !== null;
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-card pollar-asset-modal", "data-theme": theme, style: cssVars, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Trustlines" }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
-        /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-modal-refresh-btn", onClick: onRefresh, disabled: isLoading || busy, children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(
-            "svg",
-            {
-              className: `pollar-modal-refresh-icon${isLoading ? " spinning" : ""}`,
-              width: "13",
-              height: "13",
-              viewBox: "0 0 13 13",
-              fill: "none",
-              "aria-hidden": true,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.5 6.5a5 5 0 11-1.5-3.536", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
-                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 1v3h-3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
-              ]
-            }
-          ),
-          "Refresh"
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-asset-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Trustlines" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "pollar-modal-refresh-btn", onClick: onRefresh, disabled: isLoading || busy, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "svg",
+                {
+                  className: `pollar-modal-refresh-icon${isLoading ? " spinning" : ""}`,
+                  width: "13",
+                  height: "13",
+                  viewBox: "0 0 13 13",
+                  fill: "none",
+                  "aria-hidden": true,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M11.5 6.5a5 5 0 11-1.5-3.536", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }),
+                    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 1v3h-3", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })
+                  ]
+                }
+              ),
+              "Refresh"
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
+          ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
-      ] })
-    ] }),
-    walletAddress && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-asset-address", children: cropAddress(walletAddress) }),
-    isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "Loading\u2026" }),
-    enabledAssets.step === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: enabledAssets.message }),
-    actionError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-action-error", children: actionError }),
-    data && !data.exists && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-empty", children: [
-      "Account not found on ",
-      data.network,
-      "."
-    ] }),
-    data && data.assets.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "No trustlines found." }),
-    data && data.assets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-asset-list", children: data.assets.map((a) => /* @__PURE__ */ jsxRuntime.jsx(
-      AssetItem,
-      {
-        record: a,
-        busy: busyKey === assetKey(a),
-        disabled: busy && busyKey !== assetKey(a),
-        onToggle: onToggleTrustline
-      },
-      assetKey(a)
-    )) }),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-asset-add-custom", onClick: onAddCustom, disabled: busy, children: "+ Add custom trustline" }),
-    /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
-  ] });
+        walletAddress && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-asset-address", children: cropAddress(walletAddress) }),
+        isLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "Loading\u2026" }),
+        enabledAssets.step === "error" && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-error", children: enabledAssets.message }),
+        actionError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-action-error", children: actionError }),
+        data && !data.exists && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-empty", children: [
+          "Account not found on ",
+          data.network,
+          "."
+        ] }),
+        data && data.assets.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-empty", children: "No trustlines found." }),
+        data && data.assets.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-asset-list", children: data.assets.map((a) => /* @__PURE__ */ jsxRuntime.jsx(
+          AssetItem,
+          {
+            record: a,
+            busy: busyKey === assetKey(a),
+            disabled: busy && busyKey !== assetKey(a),
+            onToggle: onToggleTrustline
+          },
+          assetKey(a)
+        )) }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-asset-add-custom", onClick: onAddCustom, disabled: busy, children: "+ Add custom trustline" }),
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+      ]
+    }
+  );
 }
 function isValidIssuer(issuer) {
   return issuer.length === 56 && issuer.startsWith("G");
@@ -1413,79 +1422,89 @@ function CustomTrustlineModalTemplate({
     const trimmedLimit = limit.trim();
     onSubmit({ code: code.trim(), issuer: issuer.trim(), ...trimmedLimit ? { limit: trimmedLimit } : {} });
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-card pollar-asset-modal", "data-theme": theme, style: cssVars, onClick: (e) => e.stopPropagation(), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-modal-back", onClick: onBack, disabled: busy, "aria-label": "Back", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 3L5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Add custom trustline" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-asset-custom-hint", children: "Custom trustlines aren't sponsored \u2014 your wallet pays the 0.5 XLM reserve and the transaction fee." }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-field", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-label", htmlFor: "pollar-trustline-code", children: "Asset code" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          id: "pollar-trustline-code",
-          className: "pollar-input",
-          value: code,
-          onChange: (e) => setCode(e.target.value),
-          placeholder: "USDC",
-          maxLength: 12,
-          autoComplete: "off",
-          spellCheck: false,
-          disabled: busy
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-field", children: [
-      /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-label", htmlFor: "pollar-trustline-issuer", children: "Issuer" }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          id: "pollar-trustline-issuer",
-          className: "pollar-input",
-          value: issuer,
-          onChange: (e) => setIssuer(e.target.value),
-          placeholder: "G\u2026",
-          autoComplete: "off",
-          spellCheck: false,
-          disabled: busy
-        }
-      ),
-      issuer.trim().length > 0 && !issuerOk && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-field-error", children: "Issuer must be a 56-character Stellar address starting with G." })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-field", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "pollar-label", htmlFor: "pollar-trustline-limit", children: [
-        "Limit ",
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-label-optional", children: "(optional)" })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        "input",
-        {
-          id: "pollar-trustline-limit",
-          className: "pollar-input",
-          value: limit,
-          onChange: (e) => setLimit(e.target.value),
-          placeholder: "Maximum",
-          inputMode: "decimal",
-          autoComplete: "off",
-          spellCheck: false,
-          disabled: busy
-        }
-      )
-    ] }),
-    actionError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-action-error", children: actionError }),
-    /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-asset-submit", onClick: submit, disabled: !canSubmit, children: busy ? "Enabling\u2026" : "Enable trustline" }),
-    /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
-  ] });
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      className: "pollar-modal-card pollar-asset-modal",
+      "data-theme": theme,
+      style: cssVars,
+      onClick: (e) => e.stopPropagation(),
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-modal-header-actions", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-modal-back", onClick: onBack, disabled: busy, "aria-label": "Back", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10 3L5 8l5 5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }) }),
+            /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "pollar-modal-title", children: "Add custom trustline" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-modal-close", onClick: onClose, "aria-label": "Close", children: /* @__PURE__ */ jsxRuntime.jsx("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 2l12 12M14 2L2 14", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "pollar-asset-custom-hint", children: "Custom trustlines aren't sponsored \u2014 your wallet pays the 0.5 XLM reserve and the transaction fee." }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-field", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-label", htmlFor: "pollar-trustline-code", children: "Asset code" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              id: "pollar-trustline-code",
+              className: "pollar-input",
+              value: code,
+              onChange: (e) => setCode(e.target.value),
+              placeholder: "USDC",
+              maxLength: 12,
+              autoComplete: "off",
+              spellCheck: false,
+              disabled: busy
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-field", children: [
+          /* @__PURE__ */ jsxRuntime.jsx("label", { className: "pollar-label", htmlFor: "pollar-trustline-issuer", children: "Issuer" }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              id: "pollar-trustline-issuer",
+              className: "pollar-input",
+              value: issuer,
+              onChange: (e) => setIssuer(e.target.value),
+              placeholder: "G\u2026",
+              autoComplete: "off",
+              spellCheck: false,
+              disabled: busy
+            }
+          ),
+          issuer.trim().length > 0 && !issuerOk && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-field-error", children: "Issuer must be a 56-character Stellar address starting with G." })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-field", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "pollar-label", htmlFor: "pollar-trustline-limit", children: [
+            "Limit ",
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-label-optional", children: "(optional)" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "input",
+            {
+              id: "pollar-trustline-limit",
+              className: "pollar-input",
+              value: limit,
+              onChange: (e) => setLimit(e.target.value),
+              placeholder: "Maximum",
+              inputMode: "decimal",
+              autoComplete: "off",
+              spellCheck: false,
+              disabled: busy
+            }
+          )
+        ] }),
+        actionError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-modal-action-error", children: actionError }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { className: "pollar-asset-submit", onClick: submit, disabled: !canSubmit, children: busy ? "Enabling\u2026" : "Enable trustline" }),
+        /* @__PURE__ */ jsxRuntime.jsx(PollarModalFooter, {})
+      ]
+    }
+  );
 }
 function assetKey2(record) {
   return record.code + (record.issuer ?? "");
 }
 function EnabledAssetsModal({ onClose }) {
-  const { enabledAssets, refreshAssets, setTrustline, walletAddress, styles } = usePollar();
+  const { enabledAssets, refreshAssets, setTrustline, wallet, styles } = usePollar();
+  const walletAddress = wallet?.address ?? "";
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const [view, setView] = react.useState("list");
   const [busyKey, setBusyKey] = react.useState(null);
@@ -1872,6 +1891,7 @@ var AUTH_STATE_MESSAGES = {
   verifying_email_code: "Verifying\u2026",
   opening_oauth: "Redirecting\u2026",
   connecting_wallet: "Connecting wallet\u2026",
+  signing_wallet_challenge: "Confirm in your wallet\u2026",
   wallet_not_installed: "Wallet not installed",
   authenticating_wallet: "Signing in with wallet\u2026",
   creating_passkey: "Waiting for passkey\u2026",
@@ -1887,6 +1907,7 @@ function authStateToStatus(step) {
     "verifying_email_code",
     "opening_oauth",
     "connecting_wallet",
+    "signing_wallet_challenge",
     "authenticating_wallet",
     "creating_passkey",
     "deploying_smart_account",
@@ -1907,11 +1928,13 @@ function LoginModalTemplate({
   embeddedWallets,
   smartWallet = false,
   providers,
+  customProviders = [],
   appName,
   email = "",
   onEmailChange,
   onEmailSubmit,
   onSocialLogin,
+  onCustomLogin,
   onWalletConnect,
   onLoginSmartWallet,
   onCreateSmartWallet,
@@ -1998,27 +2021,8 @@ function LoginModalTemplate({
     ] }) : showPasskeyChooser ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(BackButton, { onClick: () => setShowPasskeyChooser(false) }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-wallet-section", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            disabled: isLoading,
-            className: "pollar-btn-primary",
-            style: { width: "100%" },
-            onClick: onCreateSmartWallet,
-            children: "Create a new wallet"
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
-          {
-            type: "button",
-            disabled: isLoading,
-            className: "pollar-wallet-entry-btn",
-            onClick: onLoginSmartWallet,
-            children: "Log in with an existing wallet"
-          }
-        )
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", disabled: isLoading, className: "pollar-btn-primary", onClick: onCreateSmartWallet, children: "Create a new wallet" }),
+        /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", disabled: isLoading, className: "pollar-wallet-entry-btn", onClick: onLoginSmartWallet, children: "Log in with an existing wallet" })
       ] })
     ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       emailEnabled && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-email-section", children: [
@@ -2040,13 +2044,13 @@ function LoginModalTemplate({
             type: "button",
             disabled: isLoading || !email,
             className: "pollar-btn-primary",
-            style: { marginTop: "0.75rem", width: "100%" },
+            style: { marginTop: "0.75rem" },
             onClick: onEmailSubmit,
             children: "Submit"
           }
         )
       ] }),
-      emailEnabled && enabledSocial.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-divider", children: [
+      emailEnabled && (enabledSocial.length > 0 || customProviders.length > 0) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-divider", children: [
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-divider-line" }),
         /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-divider-label", children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "pollar-divider-text", children: "or continue with" }) })
       ] }),
@@ -2054,6 +2058,20 @@ function LoginModalTemplate({
         enabledSocial.some(([key]) => key === "google") && /* @__PURE__ */ jsxRuntime.jsx(GoogleButton, { disabled: isLoading, onClick: () => onSocialLogin?.("google") }),
         enabledSocial.some(([key]) => key === "github") && /* @__PURE__ */ jsxRuntime.jsx(GithubButton, { disabled: isLoading, onClick: () => onSocialLogin?.("github") })
       ] }),
+      customProviders.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "pollar-social-list", children: customProviders.map((p) => /* @__PURE__ */ jsxRuntime.jsxs(
+        "button",
+        {
+          type: "button",
+          disabled: isLoading,
+          className: "pollar-wallet-entry-btn",
+          onClick: () => onCustomLogin?.(p.id),
+          children: [
+            p.iconUrl && /* @__PURE__ */ jsxRuntime.jsx("img", { src: p.iconUrl, alt: "", className: "pollar-wallet-list-icon" }),
+            p.label
+          ]
+        },
+        p.id
+      )) }),
       (embeddedWallets || smartWallet) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "pollar-wallet-section", children: [
         embeddedWallets && /* @__PURE__ */ jsxRuntime.jsxs(
           "button",
@@ -2123,7 +2141,7 @@ function LoginModalTemplate({
 }
 function LoginModal({ onClose }) {
   const [email, setEmail] = react.useState("");
-  const { getClient, styles, appConfig: config, renderWallets } = usePollar();
+  const { getClient, styles, appConfig: config, renderWallets, customProviders } = usePollar();
   const [authState, setAuthState] = react.useState(() => getClient().getAuthState());
   const [codeInputKey, setCodeInputKey] = react.useState(0);
   const pendingEmail = react.useRef(null);
@@ -2173,6 +2191,9 @@ function LoginModal({ onClose }) {
   function handleSocialLogin(provider) {
     getClient().login({ provider });
   }
+  function handleCustomLogin(id) {
+    getClient().login({ provider: id });
+  }
   function handleWalletConnect(type) {
     getClient().loginWallet(type);
   }
@@ -2211,11 +2232,13 @@ function LoginModal({ onClose }) {
         github: !!providers?.github,
         apple: !!providers?.apple
       },
+      ...customProviders !== void 0 && { customProviders },
       appName: config.application?.name ?? "Pollar",
       email,
       onEmailChange: setEmail,
       onEmailSubmit: handleEmailSubmit,
       onSocialLogin: handleSocialLogin,
+      onCustomLogin: handleCustomLogin,
       onWalletConnect: handleWalletConnect,
       onLoginSmartWallet: handleLoginSmartWallet,
       onCreateSmartWallet: handleCreateSmartWallet,
@@ -2544,7 +2567,8 @@ var MOCK_PAYMENT = {
   expiresAt: new Date(Date.now() + 30 * 60 * 1e3).toISOString()
 };
 function RampWidget({ onClose }) {
-  const { getClient, walletAddress, styles } = usePollar();
+  const { getClient, wallet, styles } = usePollar();
+  const walletAddress = wallet?.address ?? "";
   const [step, setStep] = react.useState("input");
   const [direction, setDirection] = react.useState("onramp");
   const [amount, setAmount] = react.useState("");
@@ -2747,7 +2771,8 @@ function ReceiveModalTemplate({
   );
 }
 function ReceiveModal({ onClose }) {
-  const { walletAddress, styles } = usePollar();
+  const { wallet, styles } = usePollar();
+  const walletAddress = wallet?.address ?? "";
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const [copied, setCopied] = react.useState(false);
   const copyTimerRef = react.useRef(null);
@@ -3155,10 +3180,11 @@ function SendModal({ onClose }) {
     buildTx,
     signAndSubmitTx,
     tx: transaction,
-    walletType,
+    wallet,
     network,
     styles
   } = usePollar();
+  const walletType = wallet?.custody === "external" ? wallet.provider : null;
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const [step, setStep] = react.useState("form");
   const [amount, setAmount] = react.useState("");
@@ -3567,7 +3593,8 @@ function TransactionModalTemplate({
   ] });
 }
 function TransactionModal({ onClose }) {
-  const { getClient, styles, tx: transaction, network, walletType } = usePollar();
+  const { getClient, styles, tx: transaction, network, wallet } = usePollar();
+  const walletType = wallet?.custody === "external" ? wallet.provider : null;
   const { theme = "light", accentColor = "#005DB4" } = styles;
   const [showXdr, setShowXdr] = react.useState(false);
   const [copied, setCopied] = react.useState(false);
@@ -3889,7 +3916,8 @@ function WalletBalanceModalTemplate({
   ] });
 }
 function WalletBalanceModal({ onClose }) {
-  const { walletBalance, refreshWalletBalance, walletAddress, styles } = usePollar();
+  const { walletBalance, refreshWalletBalance, wallet, styles } = usePollar();
+  const walletAddress = wallet?.address ?? "";
   const { theme = "light", accentColor = "#005DB4" } = styles;
   react.useEffect(() => {
     void refreshWalletBalance();
@@ -4057,14 +4085,14 @@ function PollarProvider({
   const refreshWalletBalance = react.useCallback(() => pollarClient.refreshBalance(), [pollarClient, walletAddress]);
   const refreshAssets = react.useCallback(() => pollarClient.refreshAssets(), [pollarClient, walletAddress]);
   const renderWallets = ui?.renderWallets;
+  const customProviders = ui?.customProviders;
   const contextValue = react.useMemo(() => {
     const styles = resolvedConfig.styles ?? {};
     return {
       // session
-      walletAddress,
+      wallet: pollarClient.getWallet(),
       isAuthenticated: !!walletAddress,
       verified,
-      walletType: pollarClient.getWalletType(),
       // client
       getClient,
       // auth
@@ -4114,6 +4142,7 @@ function PollarProvider({
       appConfig: resolvedConfig,
       styles,
       renderWallets,
+      customProviders,
       adapters
     };
   }, [
@@ -4131,7 +4160,8 @@ function PollarProvider({
     networkState,
     resolvedConfig,
     adapters,
-    renderWallets
+    renderWallets,
+    customProviders
   ]);
   return /* @__PURE__ */ jsxRuntime.jsxs(PollarContext.Provider, { value: contextValue, children: [
     children,
@@ -4484,7 +4514,7 @@ function WalletButtonTemplate({
 function WalletButton() {
   const {
     getClient,
-    walletAddress,
+    wallet,
     styles,
     openLoginModal,
     openTxHistoryModal,
@@ -4495,9 +4525,10 @@ function WalletButton() {
     openKycModal,
     openRampModal,
     openDistributionRulesModal,
-    tx: transaction,
-    walletType
+    tx: transaction
   } = usePollar();
+  const walletAddress = wallet?.address ?? "";
+  const walletType = wallet?.custody === "external" ? wallet.provider : null;
   const [open, setOpen] = react.useState(false);
   const [copied, setCopied] = react.useState(false);
   const wrapperRef = react.useRef(null);