@yieldfabric/wallet 0.2.5 → 0.2.6

package/dist/index.js

@@ -5,7 +5,7 @@
  * Source review requires written authorization; see package LICENSE.md and NOTICE.md.
  * Runtime use requires a separate express license.
  */
-import React54, { createContext, lazy, useContext, useState, useEffect, useRef, useCallback, useMemo, Suspense, useId, Component } from 'react';
+import React55, { createContext, lazy, useContext, useState, useEffect, useRef, useCallback, useMemo, Suspense, useId, Component } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { AvererSdkProvider, useAvererWallet, AvererWebSdk } from '@averer/averer-websdk';
 import sha3, { keccak256 } from 'js-sha3';
@@ -9985,7 +9985,7 @@ function WizardProvider({
   const [planSelection, setPlanSelection] = useState(
     readOnboardingPlanSelectionHint
   );
-  const pendingSponsorshipRef = React54.useRef(
+  const pendingSponsorshipRef = React55.useRef(
     pendingSponsorship
   );
   const stageSponsorship = useCallback((groupId, destination) => {
@@ -11199,8 +11199,8 @@ var DynamicCompleter = ({ sdk, action, onError }) => {
   const ctx = sdk.useDynamicContext();
   const wallet = ctx.primaryWallet;
   const dynamicUser = ctx.user;
-  const [done, setDone] = React54.useState(false);
-  React54.useEffect(() => {
+  const [done, setDone] = React55.useState(false);
+  React55.useEffect(() => {
     if (done || !wallet?.address) return;
     setDone(true);
     (async () => {
@@ -11625,8 +11625,8 @@ var KycFlow3 = ({ onComplete, onError, instanceId }) => {
   const settings = config?.kyc.settings[providerId];
   const publishableKey = settings?.publishable_key;
   const requiredForCompletion = settings?.required_for_completion ?? false;
-  const [stage, setStage] = React54.useState({ kind: "idle" });
-  React54.useEffect(() => {
+  const [stage, setStage] = React55.useState({ kind: "idle" });
+  React55.useEffect(() => {
     let cancelled = false;
     (async () => {
       try {
@@ -11650,7 +11650,7 @@ var KycFlow3 = ({ onComplete, onError, instanceId }) => {
       cancelled = true;
     };
   }, []);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (stage.kind !== "pending-poll") return;
     let cancelled = false;
     const pollOnce = async () => {
@@ -11902,14 +11902,14 @@ function useIdentityStatusPoll(opts) {
     provider,
     credentialType
   } = opts;
-  const [stuckHint, setStuckHint] = React54.useState(false);
-  const onVerifiedRef = React54.useRef(onVerified);
-  const onRejectedRef = React54.useRef(onRejected);
-  React54.useEffect(() => {
+  const [stuckHint, setStuckHint] = React55.useState(false);
+  const onVerifiedRef = React55.useRef(onVerified);
+  const onRejectedRef = React55.useRef(onRejected);
+  React55.useEffect(() => {
     onVerifiedRef.current = onVerified;
     onRejectedRef.current = onRejected;
   }, [onVerified, onRejected]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (!active) {
       setStuckHint(false);
       return;
@@ -12047,12 +12047,12 @@ var KycFlow4 = ({ onComplete, onError, instanceId, subject }) => {
   const groupId = subject?.kind === "group" ? subject.id : void 0;
   const configuredLevel = config?.kyc.settings[providerId]?.level_name?.trim();
   const levelName = configuredLevel || "id-and-liveness";
-  const [token, setToken] = React54.useState(null);
-  const [stage, setStage] = React54.useState({ kind: "init" });
-  const [attempt, setAttempt] = React54.useState(0);
-  const submittedRef = React54.useRef(false);
-  const applicantIdRef = React54.useRef(void 0);
-  React54.useEffect(() => {
+  const [token, setToken] = React55.useState(null);
+  const [stage, setStage] = React55.useState({ kind: "init" });
+  const [attempt, setAttempt] = React55.useState(0);
+  const submittedRef = React55.useRef(false);
+  const applicantIdRef = React55.useRef(void 0);
+  React55.useEffect(() => {
     let cancelled = false;
     submittedRef.current = false;
     (async () => {
@@ -12367,6 +12367,47 @@ function OnboardingChooseMethod({ chrome } = {}) {
     /* @__PURE__ */ jsx("p", { className: "text-[10px] text-text-secondary text-center pt-2", children: messages.legal.agreementText })
   ] }) });
 }
+function FloatField({
+  label,
+  type,
+  value,
+  onChange,
+  autoComplete,
+  required,
+  minLength,
+  maxLength,
+  adornment,
+  disabled
+}) {
+  const id = useId();
+  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+    /* @__PURE__ */ jsx(
+      "input",
+      {
+        id,
+        type,
+        required,
+        minLength,
+        maxLength,
+        autoComplete,
+        placeholder: " ",
+        value,
+        disabled,
+        onChange: (e) => onChange(e.target.value),
+        className: "\n          peer w-full bg-transparent border-0 border-b border-border-default\n          rounded-none px-0 pt-4 pb-1.5 text-[14px] text-text-primary\n          focus:outline-none focus:border-border-strong transition-colors\n          disabled:opacity-60 disabled:cursor-not-allowed\n        "
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "label",
+      {
+        htmlFor: id,
+        className: "\n          absolute left-0 pointer-events-none transition-all duration-200\n          text-[10px] text-text-secondary top-0\n          peer-placeholder-shown:text-[13px] peer-placeholder-shown:top-4\n          peer-focus:text-[10px] peer-focus:top-0 peer-focus:text-text-secondary\n        ",
+        children: label
+      }
+    ),
+    adornment && /* @__PURE__ */ jsx("span", { className: "absolute right-0 top-4 pointer-events-none", children: adornment })
+  ] });
+}
 init_authService();
 init_tokenManager();
 init_ProviderConfigContext();
@@ -12604,44 +12645,6 @@ function OnboardingEmailSignup({ chrome } = {}) {
     ] })
   ] }) });
 }
-function FloatField({
-  label,
-  type,
-  value,
-  onChange,
-  autoComplete,
-  required,
-  minLength,
-  maxLength,
-  adornment,
-  disabled
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        type,
-        required,
-        minLength,
-        maxLength,
-        autoComplete,
-        placeholder: " ",
-        value,
-        disabled,
-        onChange: (e) => onChange(e.target.value),
-        className: "\n          peer w-full bg-transparent border-0 border-b border-border-default\n          rounded-none px-0 pt-4 pb-1.5 text-[14px] text-text-primary\n          focus:outline-none focus:border-border-strong transition-colors\n          disabled:opacity-60 disabled:cursor-not-allowed\n        "
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: "\n          absolute left-0 pointer-events-none transition-all duration-200\n          text-[10px] text-text-secondary top-0\n          peer-placeholder-shown:text-[13px] peer-placeholder-shown:top-4\n          peer-focus:text-[10px] peer-focus:top-0 peer-focus:text-text-secondary\n        ",
-        children: label
-      }
-    ),
-    adornment && /* @__PURE__ */ jsx("span", { className: "absolute right-0 top-4 pointer-events-none", children: adornment })
-  ] });
-}
 init_authService();
 init_onboardingClient();
 function EmailVerify({ chrome } = {}) {
@@ -12802,7 +12805,7 @@ function EmailVerify({ chrome } = {}) {
     /* @__PURE__ */ jsx(ProgressRail, { phase, verified: !!status?.verified || phase === "success" }),
     phase === "loading" && !status ? /* @__PURE__ */ jsx("div", { className: "rounded-lg border border-border-default bg-surface-alt/70 p-4 text-center text-[12px] text-text-secondary", children: "Checking email status..." }) : phase === "success" ? /* @__PURE__ */ jsx(SuccessPanel, { notice }) : status?.is_synthetic ? /* @__PURE__ */ jsxs("form", { onSubmit: submitRealEmail, className: "space-y-4", children: [
       /* @__PURE__ */ jsx(
-        FloatField2,
+        FloatField,
         {
           label: "Email",
           type: "email",
@@ -12925,38 +12928,6 @@ function CodeField({
     }
   );
 }
-function FloatField2({
-  label,
-  type,
-  value,
-  onChange,
-  autoComplete,
-  disabled,
-  required
-}) {
-  return /* @__PURE__ */ jsxs("div", { className: "relative", children: [
-    /* @__PURE__ */ jsx(
-      "input",
-      {
-        type,
-        required,
-        autoComplete,
-        placeholder: " ",
-        value,
-        disabled,
-        onChange: (e) => onChange(e.target.value),
-        className: "\n          peer w-full bg-transparent border-0 border-b border-border-default\n          rounded-none px-0 pt-4 pb-1.5 text-[14px] text-text-primary\n          focus:outline-none focus:border-border-strong transition-colors\n          disabled:opacity-60\n        "
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: "\n          absolute left-0 pointer-events-none transition-all duration-200\n          text-[10px] text-text-secondary top-0\n          peer-placeholder-shown:text-[13px] peer-placeholder-shown:top-4\n          peer-focus:text-[10px] peer-focus:top-0 peer-focus:text-text-secondary\n        ",
-        children: label
-      }
-    )
-  ] });
-}
 function friendlyEmailError(err, action) {
   const message = err instanceof Error ? err.message : String(err);
   if (message.includes("email delivery unavailable") || message.includes("503")) {
@@ -16047,7 +16018,7 @@ function Field({
   value,
   copyable
 }) {
-  const [copied, setCopied] = React54.useState(false);
+  const [copied, setCopied] = React55.useState(false);
   return /* @__PURE__ */ jsxs("div", { children: [
     /* @__PURE__ */ jsx("p", { className: "text-[10px] uppercase tracking-wider text-text-secondary", children: label }),
     /* @__PURE__ */ jsxs("div", { className: "mt-0.5 flex items-center gap-2", children: [
@@ -16111,14 +16082,14 @@ var STAGE_COPY = {
   not_applicable: { title: "Finishing up", body: "" }
 };
 var AccountOpeningPanel = ({ onContinue, continueLabel = "Continue" }) => {
-  const [status, setStatus] = React54.useState(null);
-  const [impatient, setImpatient] = React54.useState(false);
-  const activationStarted = React54.useRef(false);
-  const onContinueRef = React54.useRef(onContinue);
-  React54.useEffect(() => {
+  const [status, setStatus] = React55.useState(null);
+  const [impatient, setImpatient] = React55.useState(false);
+  const activationStarted = React55.useRef(false);
+  const onContinueRef = React55.useRef(onContinue);
+  React55.useEffect(() => {
     onContinueRef.current = onContinue;
   }, [onContinue]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     let cancelled = false;
     let timer;
     const startedAt = Date.now();
@@ -17456,7 +17427,7 @@ function WizardRouter({
     identityRequired && primaryKycVerifiesEmail(config)
   );
   const hostOwnsSponsorshipConsent = sponsorshipConsent === "host";
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (hostOwnsSponsorshipConsent && pendingSponsorship) {
       discardSponsorship();
     }
@@ -17672,7 +17643,7 @@ function builtinProviderDisplayName(id) {
   }
 }
 function useProviderDisplayName(config) {
-  return React54.useCallback(
+  return React55.useCallback(
     (id) => {
       const labelled = config?.kyc?.settings?.[id]?.label ?? config?.auth?.settings?.[id]?.label;
       const trimmed = typeof labelled === "string" ? labelled.trim() : "";
@@ -18008,7 +17979,7 @@ var OnboardingPolicySection = ({
       )
     ] }) }) : /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-2.5 gap-y-1.5 rounded-lg border border-primary/20 bg-primary/[0.04] px-3.5 py-2.5", children: [
-        journeySteps.map((step, i) => /* @__PURE__ */ jsxs(React54.Fragment, { children: [
+        journeySteps.map((step, i) => /* @__PURE__ */ jsxs(React55.Fragment, { children: [
           i > 0 && /* @__PURE__ */ jsx("span", { "aria-hidden": true, className: "text-[12px] text-text-muted/60", children: "\u203A" }),
           /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
             /* @__PURE__ */ jsx("span", { className: "flex h-4 w-4 items-center justify-center rounded-full bg-primary/20 text-[9px] font-bold text-primary", children: i + 1 }),
@@ -21196,11 +21167,11 @@ var SaveButton = ({ onClick, busy, disabled, saved = false, classNames }) => /*
 );
 function useSavedFlash(ms = 1800) {
   const [saved, setSaved] = useState(false);
-  const timer = React54.useRef(null);
+  const timer = React55.useRef(null);
   useEffect(() => () => {
     if (timer.current) clearTimeout(timer.current);
   }, []);
-  const flash = React54.useCallback(() => {
+  const flash = React55.useCallback(() => {
     setSaved(true);
     if (timer.current) clearTimeout(timer.current);
     timer.current = setTimeout(() => setSaved(false), ms);
@@ -24953,17 +24924,17 @@ function ActiveEnvironmentBadge({
     configuredTestChains
   );
   const canChoose = Boolean(activeChainId && options.length > 1);
-  const [busyChainId, setBusyChainId] = React54.useState(null);
-  const [pendingLiveChainId, setPendingLiveChainId] = React54.useState(null);
-  const [error, setError] = React54.useState(null);
-  const switchingRef = React54.useRef(false);
-  const confirmLiveRef = React54.useRef(null);
-  const liveWarningId = React54.useId();
+  const [busyChainId, setBusyChainId] = React55.useState(null);
+  const [pendingLiveChainId, setPendingLiveChainId] = React55.useState(null);
+  const [error, setError] = React55.useState(null);
+  const switchingRef = React55.useRef(false);
+  const confirmLiveRef = React55.useRef(null);
+  const liveWarningId = React55.useId();
   const label = modeLabel(environment.mode);
   const modeCounts = { test: 0, live: 0, unknown: 0 };
   for (const option of options) modeCounts[option.mode] += 1;
   const pendingLive = options.find((option) => option.chainId === pendingLiveChainId) ?? null;
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (pendingLiveChainId) confirmLiveRef.current?.focus();
   }, [pendingLiveChainId]);
   async function switchTo(option) {
@@ -25723,7 +25694,7 @@ function WalletMenu({
   const secondaryItems = items.filter((item) => item.placement === "secondary");
   const activeActor = actors.find((actor) => actor.active) ?? actors[0];
   const userName = identity.name ?? "You";
-  const renderCard = (cardItems) => /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-[24px] border border-border-light bg-raised shadow-sm", children: cardItems.map((item, index) => /* @__PURE__ */ jsxs(React54.Fragment, { children: [
+  const renderCard = (cardItems) => /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-[24px] border border-border-light bg-raised shadow-sm", children: cardItems.map((item, index) => /* @__PURE__ */ jsxs(React55.Fragment, { children: [
     index > 0 && /* @__PURE__ */ jsx("div", { className: "mx-4 border-t border-border-light" }),
     /* @__PURE__ */ jsx(
       WalletMenuRow,
@@ -25973,7 +25944,7 @@ function ActorsPane({
     error && /* @__PURE__ */ jsx(ErrorBanner, { children: error }),
     /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-[22px] border border-border-light bg-raised", children: actors.map((actor, index) => {
       const ActorIcon = actor.icon;
-      return /* @__PURE__ */ jsxs(React54.Fragment, { children: [
+      return /* @__PURE__ */ jsxs(React55.Fragment, { children: [
         index > 0 && /* @__PURE__ */ jsx("div", { className: "mx-4 border-t border-border-light" }),
         /* @__PURE__ */ jsxs(
           "button",
@@ -27968,8 +27939,9 @@ var BillingCenter = ({ dense = false }) => {
     setLoadError(null);
     try {
       const s = await billingService.getMyBilling();
+      setNotConfigured(s === null);
       if (s === null) {
-        setNotConfigured(true);
+        setSummary(null);
       } else {
         setSummary(s);
         setItems(s.recent_line_items);
@@ -27983,7 +27955,7 @@ var BillingCenter = ({ dense = false }) => {
   }, []);
   useEffect(() => {
     void load();
-    void billingService.getGasPricing().then(setPricing);
+    void billingService.getGasPricing().then(setPricing).catch(() => setPricing(null));
   }, [load]);
   useEffect(() => {
     const reloadAfterCheckout = () => void load();
@@ -28028,18 +28000,6 @@ var BillingCenter = ({ dense = false }) => {
     }
   }, [load]);
   const outerClass = dense ? "px-1 py-2" : "mx-auto max-w-5xl px-4 py-6";
-  if (notConfigured) {
-    return /* @__PURE__ */ jsxs("div", { className: outerClass, children: [
-      !dense && /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
-        /* @__PURE__ */ jsxs("h1", { className: "text-lg font-semibold text-text-primary max-sm:sr-only", children: [
-          "Usage & billing",
-          !isLiveMode() && paymentsUrlMap() && /* @__PURE__ */ jsx("span", { className: "ml-2 align-middle inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-semibold uppercase tracking-wider bg-amber-500/15 text-amber-600 ring-1 ring-amber-500/40", children: "Test mode" })
-        ] }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-text-muted", children: "Metered AI and on-chain usage." })
-      ] }),
-      /* @__PURE__ */ jsx("div", { className: `${CARD} px-4 py-10 text-center text-[13px] text-text-muted`, children: "Billing is not enabled on this deployment." })
-    ] });
-  }
   const totals = summary?.period_totals ?? [];
   const payableTotal = totals.reduce((acc, t) => acc + t.amount_usd_micros, 0);
   const personalTotal = summary?.spend?.period_usd_micros ?? payableTotal;
@@ -28115,6 +28075,18 @@ var BillingCenter = ({ dense = false }) => {
   const creditExhausted = prepaidCreditsEnabled && creditPlanId != null && creditBalanceMicros <= 0;
   const creditLow = prepaidCreditsEnabled && creditPlanId != null && creditBalanceMicros > 0 && creditGrantMicros != null && creditBalanceMicros < creditGrantMicros * 0.15;
   const recoveryAction = summary ? billingRecoveryAction(summary) : null;
+  if (notConfigured) {
+    return /* @__PURE__ */ jsxs("div", { className: outerClass, children: [
+      !dense && /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
+        /* @__PURE__ */ jsxs("h1", { className: "text-lg font-semibold text-text-primary max-sm:sr-only", children: [
+          "Usage & billing",
+          !isLiveMode() && paymentsUrlMap() && /* @__PURE__ */ jsx("span", { className: "ml-2 align-middle inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-semibold uppercase tracking-wider bg-amber-500/15 text-amber-600 ring-1 ring-amber-500/40", children: "Test mode" })
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-text-muted", children: "Metered AI and on-chain usage." })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: `${CARD} px-4 py-10 text-center text-[13px] text-text-muted`, children: "Billing is not enabled on this deployment." })
+    ] });
+  }
   return /* @__PURE__ */ jsxs("div", { className: outerClass, children: [
     !dense && /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
       /* @__PURE__ */ jsxs("h1", { className: "text-lg font-semibold text-text-primary max-sm:sr-only", children: [
@@ -29796,25 +29768,25 @@ function BusinessVerificationSection({
   initialStatus
 }) {
   const { config } = useProviderConfig();
-  const [status, setStatus] = React54.useState(initialStatus ?? "not_required");
-  const [flowInstance, setFlowInstance] = React54.useState(null);
-  const [error, setError] = React54.useState(null);
-  const [busy, setBusy] = React54.useState(false);
-  const kybInstances = React54.useMemo(
+  const [status, setStatus] = React55.useState(initialStatus ?? "not_required");
+  const [flowInstance, setFlowInstance] = React55.useState(null);
+  const [error, setError] = React55.useState(null);
+  const [busy, setBusy] = React55.useState(false);
+  const kybInstances = React55.useMemo(
     () => (config?.kyc.enabled ?? []).filter(
       (id) => config?.kyc.settings[id]?.subject === "group"
     ),
     [config]
   );
   const entityDefault = config?.kyc.entity_default_profile ?? null;
-  const refreshStatus = React54.useCallback(async () => {
+  const refreshStatus = React55.useCallback(async () => {
     try {
       const s = await getIdentityStatus({ groupId });
       setStatus(s.status === "unverified" ? "unverified" : s.status);
     } catch {
     }
   }, [groupId]);
-  React54.useEffect(() => {
+  React55.useEffect(() => {
     if (initialStatus !== void 0) setStatus(initialStatus);
   }, [initialStatus]);
   const startFlow = async (bindFirst) => {
@@ -31002,7 +30974,7 @@ var IncomingPaymentsInbox = ({
   ...hookOptions
 }) => {
   const inbox = useIncomingPayments(hookOptions);
-  const allPayments = React54.useMemo(
+  const allPayments = React55.useMemo(
     () => [
       ...inbox.payments,
       ...inbox.contracts.flatMap((c) => c.payments ?? [])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yieldfabric/wallet",
-  "version": "0.2.5",
+  "version": "0.2.6",
   "description": "Reusable YieldFabric wallet — login, signing, profile, and key management",
   "license": "SEE LICENSE IN LICENSE.md",
   "author": "YieldFabric Technologies Ltd",
@@ -112,6 +112,6 @@
     "axios": "1.20.0",
     "uuid": "11.1.1",
     "esbuild": "0.28.1",
-    "sharp": "0.35.4"
+    "sharp": "0.35.5"
   }
 }