@bwalletx/connect 0.5.4 → 0.5.6

package/dist/element.d.cts

@@ -1,29 +1,24 @@
-declare const SIGNIN_TAG = "bwalletx-signin";
-declare const GET_URL = "https://bwalletx.com/get";
-declare const WEB_WALLET_URL = "https://web.bwalletx.com";
-type SigninSize = 'lg' | 'md' | 'sm' | 'icon';
-type SigninTheme = 'gold' | 'dark' | 'light';
-type SigninLabel = 'signin' | 'continue' | 'connect';
-type SigninBrand = 'bWalletX' | 'bWallet';
-/** The visible label for a label/brand pair, e.g. "Sign in with bWalletX". */
-declare function signinText(label?: SigninLabel, brand?: SigninBrand): string;
-/** The gold "b" (bwalletx-site/logo.svg). Ids are unique per copy so several marks can share a page. */
-declare function markSvg(px?: number): string;
-declare const SIGNIN_CSS = "\n:host{display:inline-block;vertical-align:middle;font-family:Inter,ui-sans-serif,system-ui,-apple-system,\"Segoe UI\",Roboto,sans-serif}\n:host([full-width]){display:block;width:100%}\n:host([hidden]){display:none}\nbutton{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;cursor:pointer;\n padding:16px 20px;border-radius:12px;font-size:16px;font-weight:700;line-height:1.2;text-align:left;\n background:linear-gradient(180deg,#fcd34d,#f59e0b);color:#000;\n box-shadow:0 10px 15px -3px rgba(245,158,11,.2),0 4px 6px -4px rgba(245,158,11,.2);\n transition:background .15s,transform .1s,box-shadow .15s,border-color .15s;-webkit-tap-highlight-color:transparent}\nbutton:hover{background:linear-gradient(180deg,#fde68a,#fbbf24)}\nbutton:active{transform:translateY(1px);background:linear-gradient(180deg,#fbbf24,#d97706)}\nbutton:focus-visible{outline:2px solid #b45309;outline-offset:3px}\nbutton:disabled{opacity:.6;cursor:not-allowed;transform:none}\nbutton[aria-busy=true]{cursor:wait}\n.mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:50%;background:#000}\n.txt{display:flex;flex-direction:column;align-items:flex-start;min-width:0}\n.txt b{font-weight:700;white-space:nowrap}\n.txt small{font-size:11px;font-weight:500;color:rgba(0,0,0,.65);white-space:nowrap}\n.spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,210,77,.35);border-top-color:#ffd24d;animation:r .8s linear infinite}\n@keyframes r{to{transform:rotate(360deg)}}\n@media (prefers-reduced-motion:reduce){button{transition:none}button:active{transform:none}.spin{animation:none;border-color:#ffd24d;border-right-color:transparent}}\n/* sizes */\n:host([size=md]) button{padding:10px 16px;border-radius:10px;font-size:15px;gap:10px}\n:host([size=md]) .mark{width:24px;height:24px}\n:host([size=md]) .txt small{font-size:10.5px}\n:host([size=sm]) button{padding:6px 12px 6px 6px;border-radius:8px;font-size:13px;gap:8px;min-height:36px}\n:host([size=sm]) .mark{width:22px;height:22px}\n:host([size=icon]) button{width:48px;height:48px;padding:0;border-radius:50%;gap:0}\n:host([size=icon]) .mark{width:34px;height:34px}\n/* themes */\n:host([theme=dark]) button{background:#0a0a0a;color:#fafafa;border:1px solid #3f3f46;box-shadow:none}\n:host([theme=dark]) button:hover{background:#18181b;border-color:rgba(251,191,36,.6)}\n:host([theme=dark]) button:active{background:#000}\n:host([theme=dark]) button:focus-visible{outline-color:#fcd34d}\n:host([theme=dark]) .mark{box-shadow:inset 0 0 0 1px #3f3f46}\n:host([theme=dark]) .txt small{color:rgba(255,255,255,.65)}\n:host([theme=light]) button{background:#fff;color:#09090b;border:1px solid #d4d4d8;box-shadow:0 1px 2px rgba(0,0,0,.06)}\n:host([theme=light]) button:hover{background:#fafafa;border-color:#f59e0b}\n:host([theme=light]) button:active{background:#f4f4f5}\n:host([theme=light]) .txt small{color:#52525b}\n/* not found */\n.nf{margin-top:8px;font-size:12px;line-height:1.4;color:#71717a;text-align:center}\n.nf a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}\n.nf a:focus-visible{outline:2px solid #b45309;outline-offset:2px;border-radius:2px}\n:host([theme=dark]) .nf,:host-context(.dark) .nf{color:#a1a1aa}\n.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}\n";
-/** Optional OAuth parameters for authorize-url mode. auth.bwalletx.com is planned, not live. */
-interface AuthorizeParams {
-    authorizeUrl: string;
-    clientId?: string | null;
-    redirectUri?: string | null;
-    scope?: string | null;
-}
-/**
- * Build an OAuth 2.1 authorization-code + S256 PKCE redirect URL, and keep the verifier, state and
- * nonce in sessionStorage under "bwalletx:oauth" for your callback page. Matches the plan in
- * bit-sign docs/SIGN-IN-WITH-BWALLETX.md. The provider is not live yet.
- */
-declare function buildAuthorizeUrl(p: AuthorizeParams): Promise<string>;
-/** Register <bwalletx-signin> (once). Safe to call on a server: it does nothing there. */
-declare function defineBwalletxSignin(tag?: string): CustomElementConstructor | undefined;
+export { A as AuthorizeParams, G as GET_URL, M as MENU_CSS, P as PENDING_LABEL, e as PENDING_LABEL_OTHER, f as PENDING_NOTE, g as SIGNIN_CSS, h as SIGNIN_TAG, i as SigninAccount, c as SigninBrand, b as SigninLabel, j as SigninMode, S as SigninSize, d as SigninState, a as SigninTheme, W as WEB_WALLET_URL, k as buildAuthorizeUrl, l as defineBwalletxSignin, m as markSvg, s as signinText } from './element-D9Zl-x12.cjs';
 
-export { type AuthorizeParams, GET_URL, SIGNIN_CSS, SIGNIN_TAG, type SigninBrand, type SigninLabel, type SigninSize, type SigninTheme, WEB_WALLET_URL, buildAuthorizeUrl, defineBwalletxSignin, markSvg, signinText };
+declare const BUTTON_TAG = "bwalletx-button";
+/** Legacy (0.5.5) localStorage key that held the identity key. Deleted on load since 0.5.6; never written. */
+declare const CONNECTED_KEY = "bwx:connected";
+/** Delete the 0.5.5 `bwx:connected` entry (it held the identity key). True when one was there. */
+declare function dropLegacyConnectedKey(): boolean;
+type ButtonState = 'checking' | 'none' | 'available' | 'connecting' | 'connected';
+/** Where "Get bWalletX" goes for this user agent. */
+declare function getUrlFor(ua: string, touchMac?: boolean): string;
+/** What a signed-out button should say before/after discovery. */
+declare function stateFor(o: {
+    connected: boolean;
+    found: boolean | null;
+    phone: boolean;
+}): ButtonState;
+/** $alice for alice@bwalletx.com, other paymails in full, else a short key. */
+declare function handleLabel(key: string, paymail: string | null): string;
+/** Register <bwalletx-button> (idempotent; no-op on a server). */
+declare function defineBwalletxButton(tag?: string): void;
+/** Test hook: forget which button owns the page. */
+declare function _resetBwalletxButtons(): void;
+
+export { BUTTON_TAG, type ButtonState, CONNECTED_KEY, _resetBwalletxButtons, defineBwalletxButton, dropLegacyConnectedKey, getUrlFor, handleLabel, stateFor };

package/dist/element.d.ts

@@ -1,29 +1,24 @@
-declare const SIGNIN_TAG = "bwalletx-signin";
-declare const GET_URL = "https://bwalletx.com/get";
-declare const WEB_WALLET_URL = "https://web.bwalletx.com";
-type SigninSize = 'lg' | 'md' | 'sm' | 'icon';
-type SigninTheme = 'gold' | 'dark' | 'light';
-type SigninLabel = 'signin' | 'continue' | 'connect';
-type SigninBrand = 'bWalletX' | 'bWallet';
-/** The visible label for a label/brand pair, e.g. "Sign in with bWalletX". */
-declare function signinText(label?: SigninLabel, brand?: SigninBrand): string;
-/** The gold "b" (bwalletx-site/logo.svg). Ids are unique per copy so several marks can share a page. */
-declare function markSvg(px?: number): string;
-declare const SIGNIN_CSS = "\n:host{display:inline-block;vertical-align:middle;font-family:Inter,ui-sans-serif,system-ui,-apple-system,\"Segoe UI\",Roboto,sans-serif}\n:host([full-width]){display:block;width:100%}\n:host([hidden]){display:none}\nbutton{all:unset;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;cursor:pointer;\n padding:16px 20px;border-radius:12px;font-size:16px;font-weight:700;line-height:1.2;text-align:left;\n background:linear-gradient(180deg,#fcd34d,#f59e0b);color:#000;\n box-shadow:0 10px 15px -3px rgba(245,158,11,.2),0 4px 6px -4px rgba(245,158,11,.2);\n transition:background .15s,transform .1s,box-shadow .15s,border-color .15s;-webkit-tap-highlight-color:transparent}\nbutton:hover{background:linear-gradient(180deg,#fde68a,#fbbf24)}\nbutton:active{transform:translateY(1px);background:linear-gradient(180deg,#fbbf24,#d97706)}\nbutton:focus-visible{outline:2px solid #b45309;outline-offset:3px}\nbutton:disabled{opacity:.6;cursor:not-allowed;transform:none}\nbutton[aria-busy=true]{cursor:wait}\n.mark{display:inline-flex;align-items:center;justify-content:center;flex:none;width:28px;height:28px;border-radius:50%;background:#000}\n.txt{display:flex;flex-direction:column;align-items:flex-start;min-width:0}\n.txt b{font-weight:700;white-space:nowrap}\n.txt small{font-size:11px;font-weight:500;color:rgba(0,0,0,.65);white-space:nowrap}\n.spin{width:16px;height:16px;border-radius:50%;border:2px solid rgba(255,210,77,.35);border-top-color:#ffd24d;animation:r .8s linear infinite}\n@keyframes r{to{transform:rotate(360deg)}}\n@media (prefers-reduced-motion:reduce){button{transition:none}button:active{transform:none}.spin{animation:none;border-color:#ffd24d;border-right-color:transparent}}\n/* sizes */\n:host([size=md]) button{padding:10px 16px;border-radius:10px;font-size:15px;gap:10px}\n:host([size=md]) .mark{width:24px;height:24px}\n:host([size=md]) .txt small{font-size:10.5px}\n:host([size=sm]) button{padding:6px 12px 6px 6px;border-radius:8px;font-size:13px;gap:8px;min-height:36px}\n:host([size=sm]) .mark{width:22px;height:22px}\n:host([size=icon]) button{width:48px;height:48px;padding:0;border-radius:50%;gap:0}\n:host([size=icon]) .mark{width:34px;height:34px}\n/* themes */\n:host([theme=dark]) button{background:#0a0a0a;color:#fafafa;border:1px solid #3f3f46;box-shadow:none}\n:host([theme=dark]) button:hover{background:#18181b;border-color:rgba(251,191,36,.6)}\n:host([theme=dark]) button:active{background:#000}\n:host([theme=dark]) button:focus-visible{outline-color:#fcd34d}\n:host([theme=dark]) .mark{box-shadow:inset 0 0 0 1px #3f3f46}\n:host([theme=dark]) .txt small{color:rgba(255,255,255,.65)}\n:host([theme=light]) button{background:#fff;color:#09090b;border:1px solid #d4d4d8;box-shadow:0 1px 2px rgba(0,0,0,.06)}\n:host([theme=light]) button:hover{background:#fafafa;border-color:#f59e0b}\n:host([theme=light]) button:active{background:#f4f4f5}\n:host([theme=light]) .txt small{color:#52525b}\n/* not found */\n.nf{margin-top:8px;font-size:12px;line-height:1.4;color:#71717a;text-align:center}\n.nf a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:2px}\n.nf a:focus-visible{outline:2px solid #b45309;outline-offset:2px;border-radius:2px}\n:host([theme=dark]) .nf,:host-context(.dark) .nf{color:#a1a1aa}\n.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}\n";
-/** Optional OAuth parameters for authorize-url mode. auth.bwalletx.com is planned, not live. */
-interface AuthorizeParams {
-    authorizeUrl: string;
-    clientId?: string | null;
-    redirectUri?: string | null;
-    scope?: string | null;
-}
-/**
- * Build an OAuth 2.1 authorization-code + S256 PKCE redirect URL, and keep the verifier, state and
- * nonce in sessionStorage under "bwalletx:oauth" for your callback page. Matches the plan in
- * bit-sign docs/SIGN-IN-WITH-BWALLETX.md. The provider is not live yet.
- */
-declare function buildAuthorizeUrl(p: AuthorizeParams): Promise<string>;
-/** Register <bwalletx-signin> (once). Safe to call on a server: it does nothing there. */
-declare function defineBwalletxSignin(tag?: string): CustomElementConstructor | undefined;
+export { A as AuthorizeParams, G as GET_URL, M as MENU_CSS, P as PENDING_LABEL, e as PENDING_LABEL_OTHER, f as PENDING_NOTE, g as SIGNIN_CSS, h as SIGNIN_TAG, i as SigninAccount, c as SigninBrand, b as SigninLabel, j as SigninMode, S as SigninSize, d as SigninState, a as SigninTheme, W as WEB_WALLET_URL, k as buildAuthorizeUrl, l as defineBwalletxSignin, m as markSvg, s as signinText } from './element-D9Zl-x12.js';
 
-export { type AuthorizeParams, GET_URL, SIGNIN_CSS, SIGNIN_TAG, type SigninBrand, type SigninLabel, type SigninSize, type SigninTheme, WEB_WALLET_URL, buildAuthorizeUrl, defineBwalletxSignin, markSvg, signinText };
+declare const BUTTON_TAG = "bwalletx-button";
+/** Legacy (0.5.5) localStorage key that held the identity key. Deleted on load since 0.5.6; never written. */
+declare const CONNECTED_KEY = "bwx:connected";
+/** Delete the 0.5.5 `bwx:connected` entry (it held the identity key). True when one was there. */
+declare function dropLegacyConnectedKey(): boolean;
+type ButtonState = 'checking' | 'none' | 'available' | 'connecting' | 'connected';
+/** Where "Get bWalletX" goes for this user agent. */
+declare function getUrlFor(ua: string, touchMac?: boolean): string;
+/** What a signed-out button should say before/after discovery. */
+declare function stateFor(o: {
+    connected: boolean;
+    found: boolean | null;
+    phone: boolean;
+}): ButtonState;
+/** $alice for alice@bwalletx.com, other paymails in full, else a short key. */
+declare function handleLabel(key: string, paymail: string | null): string;
+/** Register <bwalletx-button> (idempotent; no-op on a server). */
+declare function defineBwalletxButton(tag?: string): void;
+/** Test hook: forget which button owns the page. */
+declare function _resetBwalletxButtons(): void;
+
+export { BUTTON_TAG, type ButtonState, CONNECTED_KEY, _resetBwalletxButtons, defineBwalletxButton, dropLegacyConnectedKey, getUrlFor, handleLabel, stateFor };

package/dist/element.js

@@ -1,5 +1,19 @@
+import {
+  BUTTON_TAG,
+  CONNECTED_KEY,
+  _resetBwalletxButtons,
+  defineBwalletxButton,
+  dropLegacyConnectedKey,
+  getUrlFor,
+  handleLabel,
+  stateFor
+} from "./chunk-34DKBQNN.js";
 import {
   GET_URL,
+  MENU_CSS,
+  PENDING_LABEL,
+  PENDING_LABEL_OTHER,
+  PENDING_NOTE,
   SIGNIN_CSS,
   SIGNIN_TAG,
   WEB_WALLET_URL,
@@ -7,19 +21,32 @@ import {
   defineBwalletxSignin,
   markSvg,
   signinText
-} from "./chunk-EXRQJTXF.js";
+} from "./chunk-LS6AYEBO.js";
 import "./chunk-MWD4BCO5.js";
 
 // src/define.ts
 defineBwalletxSignin();
+defineBwalletxButton();
 export {
+  BUTTON_TAG,
+  CONNECTED_KEY,
   GET_URL,
+  MENU_CSS,
+  PENDING_LABEL,
+  PENDING_LABEL_OTHER,
+  PENDING_NOTE,
   SIGNIN_CSS,
   SIGNIN_TAG,
   WEB_WALLET_URL,
+  _resetBwalletxButtons,
   buildAuthorizeUrl,
+  defineBwalletxButton,
   defineBwalletxSignin,
+  dropLegacyConnectedKey,
+  getUrlFor,
+  handleLabel,
   markSvg,
-  signinText
+  signinText,
+  stateFor
 };
 //# sourceMappingURL=element.js.map

package/dist/element.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/define.ts"],"sourcesContent":["// `import '@bwalletx/connect/element'` registers <bwalletx-signin> as a side effect.\nimport { defineBwalletxSignin } from './element.js';\n\nexport * from './element.js';\ndefineBwalletxSignin();\n"],"mappings":";;;;;;;;;;;;;AAIA,qBAAqB;","names":[]}
+{"version":3,"sources":["../src/define.ts"],"sourcesContent":["// `import '@bwalletx/connect/element'` registers <bwalletx-signin> and <bwalletx-button> as a side effect.\nimport { defineBwalletxSignin } from './element.js';\nimport { defineBwalletxButton } from './wallet-button.js';\n\nexport * from './element.js';\nexport * from './wallet-button.js';\ndefineBwalletxSignin();\ndefineBwalletxButton();\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,qBAAqB;AACrB,qBAAqB;","names":[]}