@b3dotfun/sdk 0.1.65 → 0.1.66-alpha.0

package/src/global-account/react/components/B3DynamicModal.tsx

@@ -12,6 +12,7 @@ import {
 } from "@b3dotfun/sdk/anyspend/react";
 import { AnySpendDeposit } from "@b3dotfun/sdk/anyspend/react/components/AnySpendDeposit";
 import { AnySpendDepositHype } from "@b3dotfun/sdk/anyspend/react/components/AnyspendDepositHype";
+import { AnySpendWorkflowTrigger } from "@b3dotfun/sdk/anyspend/react/components/AnySpendWorkflowTrigger";
 import { AnySpendDepositUpside } from "@b3dotfun/sdk/anyspend/react/components/AnySpendDepositUpside";
 import { AnySpendStakeUpside } from "@b3dotfun/sdk/anyspend/react/components/AnySpendStakeUpside";
 import { AnySpendStakeUpsideExactIn } from "@b3dotfun/sdk/anyspend/react/components/AnySpendStakeUpsideExactIn";
@@ -65,6 +66,7 @@ export function B3DynamicModal() {
     "send",
     "notifications",
     "anySpendDeposit",
+    "anySpendWorkflowTrigger",
   ];
 
   const freestyleTypes = [
@@ -152,6 +154,8 @@ export function B3DynamicModal() {
         return <AnySpendCollectorClubPurchase {...contentType} mode="modal" />;
       case "anySpendDeposit":
         return <AnySpendDeposit {...contentType} mode="modal" />;
+      case "anySpendWorkflowTrigger":
+        return <AnySpendWorkflowTrigger {...contentType} mode="modal" />;
       case "avatarEditor":
         return <AvatarEditor onSetAvatar={contentType.onSuccess} />;
       case "deposit":

package/src/global-account/react/hooks/useUserQuery.ts

@@ -1,5 +1,5 @@
 import { Users } from "@b3dotfun/b3-api";
-import { useEffect } from "react";
+import { useEffect, useLayoutEffect } from "react";
 import { useUserStore } from "../stores/userStore";
 
 const USER_QUERY_KEY = ["b3-user"];
@@ -15,6 +15,17 @@ export function useUserQuery() {
   const setUserStore = useUserStore(state => state.setUser);
   const clearUserStore = useUserStore(state => state.clearUser);
 
+  // Manually rehydrate persisted store inside useLayoutEffect to avoid
+  // updating AuthenticationProvider state during Hydrate render.
+  // useLayoutEffect (not useEffect) ensures rehydration triggers a
+  // synchronous re-render before any useEffect callbacks fire, so
+  // downstream effects always see the persisted user value.
+  useLayoutEffect(() => {
+    if (!useUserStore.persist.hasHydrated()) {
+      useUserStore.persist.rehydrate();
+    }
+  }, []);
+
   // Listen for storage events from other tabs/windows
   useEffect(() => {
     const handleStorageChange = (e: StorageEvent) => {

package/src/global-account/react/stores/useModalStore.ts

@@ -497,12 +497,47 @@ export interface AnySpendCollectorClubPurchaseProps extends BaseModalProps {
   forceFiatPayment?: boolean;
   /** Staging environment support */
   isStaging?: boolean;
+  /** Optional discount code to apply to the purchase */
+  discountCode?: string;
 }
 
 /**
  * Props for the AnySpend Deposit modal
  * Flexible deposit component with optional chain selection
  */
+/**
+ * Props for the AnySpend Workflow Trigger modal
+ * Handles payments that trigger b3os-workflow runs
+ */
+export interface AnySpendWorkflowTriggerModalProps extends BaseModalProps {
+  /** Modal type identifier */
+  type: "anySpendWorkflowTrigger";
+  /** Payment recipient address (hex) */
+  recipientAddress: string;
+  /** Destination chain ID */
+  chainId: number;
+  /** Destination token address */
+  tokenAddress: string;
+  /** Required payment amount in token base units (wei) */
+  amount: string;
+  /** Workflow ID to trigger */
+  workflowId: string;
+  /** Organization ID that owns the workflow */
+  orgId: string;
+  /** Optional callback metadata */
+  callbackMetadata?: {
+    inputs?: Record<string, unknown>;
+  } & Record<string, unknown>;
+  /** Callback when payment succeeds */
+  onSuccess?: (amount: string) => void;
+  /** Callback when modal is closed */
+  onClose?: () => void;
+  /** Custom action label */
+  actionLabel?: string;
+  /** Custom class names */
+  classes?: AnySpendAllClasses;
+}
+
 export interface AnySpendDepositModalProps extends BaseModalProps {
   /** Modal type identifier */
   type: "anySpendDeposit";
@@ -560,6 +595,8 @@ export interface AnySpendDepositModalProps extends BaseModalProps {
   classes?: AnySpendAllClasses;
   /** Whether to allow direct transfer without swap */
   allowDirectTransfer?: boolean;
+  /** Opaque metadata passed to the order for callbacks (e.g., workflow form data) */
+  callbackMetadata?: Record<string, unknown>;
 }
 
 /**
@@ -591,8 +628,8 @@ export type ModalContentType =
   | SendModalProps
   | NotificationsModalProps
   | AnySpendCollectorClubPurchaseProps
-  | AnySpendDepositModalProps;
-// Add other modal types here like: | OtherModalProps | AnotherModalProps
+  | AnySpendDepositModalProps
+  | AnySpendWorkflowTriggerModalProps;
 
 /**
  * State interface for the modal store

package/src/global-account/react/stores/userStore.ts

@@ -31,6 +31,7 @@ export const useUserStore = create<UserStore>()(
     }),
     {
       name: "b3-user",
+      skipHydration: true,
       onRehydrateStorage: () => (_, error) => {
         if (error) {
           console.warn("Failed to rehydrate user store:", error);