@getuserfeedback/react 0.6.2 → 0.6.10

package/README.md

@@ -1,10 +1,8 @@
 # @getuserfeedback/react
 
-A secure and performant SDK for [getuserfeedback.com](https://getuserfeedback.com).
+In-product surveys for React apps, from [getuserfeedback.com](https://getuserfeedback.com). Ask one short question at the right moment, and read every answer.
 
-`@getuserfeedback/react` lets you add Widget messages and micro-surveys optimized to help you connect with users, build trust, guide development, and avoid building in a vacuum.
-
-> Using plain JavaScript or another framework? Check out [@getuserfeedback/sdk](https://www.npmjs.com/package/@getuserfeedback/sdk).
+> Plain JavaScript or another framework? Use [@getuserfeedback/sdk](https://www.npmjs.com/package/@getuserfeedback/sdk).
 
 ## Install
 
@@ -14,105 +12,13 @@ npm install @getuserfeedback/react
 
 Requires `react >= 18`.
 
-## Get started
-
-### 1. Get an API key
-Sign up on [getuserfeedback.com](https://getuserfeedback.com) and grab your key in Settings.
-
-### 2. Add the provider
-
-```tsx
-import { GetUserFeedbackProvider } from "@getuserfeedback/react";
-
-export function App() {
-  return (
-    <GetUserFeedbackProvider clientOptions={{ apiKey: "YOUR_API_KEY" }}>
-      <AppRoutes />
-    </GetUserFeedbackProvider>
-  );
-}
-```
-
-### 3. Start collecting responses
-
-Pick one of our curated templates on [getuserfeedback.com/templates](https://getuserfeedback.com/templates) — from a post-signup welcome message to customer satisfaction surveys, feedback forms, and more. You can also customize everything or start from scratch.
-
-### 4. Get feedback — improve product — repeat
-Our widgets are optimized to get you *more* responses. Polished UI, crafted copy, templates, and a million subtle tricks. Result — you get more responses, make better roadmap calls, and find product-market fit faster.
-
-### Bonus
-Our AI-powered theme editor allows a complete overhaul of the widget look and feel with a single prompt. Demo: [getuserfeedback.com/themes](https://getuserfeedback.com/themes).
-
-## Advanced use cases
-### Feedback form
-You can open Widget surveys from code, e.g., show a feedback form when the user clicks a dedicated button in your UI.
-
-```tsx
-import { useFlow } from "@getuserfeedback/react";
-
-const CONTACT_SUPPORT_FLOW_ID = "YOUR_FLOW_ID";
-
-export function ContactSupportMenuItem() {
-  const { open } = useFlow({ flowId: CONTACT_SUPPORT_FLOW_ID });
-
-  return (
-    <button type="button" onClick={() => open()}>
-      Contact support
-    </button>
-  );
-}
-```
-
-### Bring your own UI
-By default, flows are displayed in a floating container and [themed](https://getuserfeedback.com/themes) accordingly. Beyond that, you can replace the default floating container with your own. This gives you unprecedented customization options for a seamless user experience.
+## For AI agents
 
-For example, if you're using shadcn/ui dialogs throughout your product, our widgets can be seamlessly rendered into them and appear just like any other part of your app.
+Installing this for someone? Start with our MCP server, not with this page. Connect `https://mcp.getuserfeedback.com` (listed in the MCP registry as `com.getuserfeedback/mcp`) and read its get-started resource — `getuserfeedback://docs/get-started`. It walks the whole path in order: workspace, API key (the MCP hands it to you), this package's install, the first survey, and which steps need a human.
 
-```tsx
-import { useFlow } from "@getuserfeedback/react";
-import { Button, Dialog, DialogContent } from "ui";
-
-export function FeedbackDialog() {
-  const {
-    isLoading,
-    setOpen,
-    shouldRenderContainer,
-    containerRef,
-    width,
-    height
-  } = useFlow({ flowId: "YOUR_FLOW_ID", container: "custom" });
-
-  return (
-    <>
-      <Button
-        type="button"
-        onClick={() => setOpen(true)}
-        disabled={isLoading}
-      >
-        Open feedback
-      </Button>
-      <Dialog open={shouldRenderContainer} onOpenChange={setOpen}>
-        <DialogContent
-          ref={containerRef}
-          style={{ width, height }}
-        />
-      </Dialog>
-    </>
-  );
-}
-```
-
-## API Overview
-
-- `GetUserFeedbackProvider`
-- `useGetUserFeedback()`
-- `useFeedback()`
-- `useFlow({ flowId, prefetchOnMount?, hideCloseButton?, container?: "default" | "custom" })`
-- `useDefaultFlowContainer()`
-
-## `GetUserFeedbackProvider`
+## Get started
 
-Initialize the SDK client.
+Grab your Public API key from the dashboard — Settings → Widget — and mount the provider near the root of your app:
 
 ```tsx
 import { GetUserFeedbackProvider } from "@getuserfeedback/react";
@@ -120,505 +26,38 @@ import { GetUserFeedbackProvider } from "@getuserfeedback/react";
 export function App() {
   return (
     <GetUserFeedbackProvider clientOptions={{ apiKey: "YOUR_API_KEY" }}>
-      <AppRoutes />
-    </GetUserFeedbackProvider>
-  );
-}
-```
-
-### Options
-
-Pass SDK options via `clientOptions`:
-
-- `apiKey` (`string`, required): your project API key.
-- `colorScheme` (`"light" | "dark" | "system" | { autoDetectColorScheme: string[] }`, optional):
-  controls widget theme mode. See [Dark mode](#dark-mode).
-- `disableAutoLoad` (`boolean`, optional): if `true`, call `client.load()` manually.
-- `disableTelemetry` (`boolean`, optional): disables anonymous telemetry used for performance and error monitoring.
-
-### Delay widget load
-
-If you want to manually control when the widget starts loading:
-
-```tsx
-import { useEffect } from "react";
-import {
-  GetUserFeedbackProvider,
-  useGetUserFeedback,
-} from "@getuserfeedback/react";
-
-function LoadWidgetAfterConsent({
-  hasResolvedConsent,
-}: {
-  hasResolvedConsent: boolean;
-}) {
-  const client = useGetUserFeedback();
-
-  useEffect(() => {
-    if (!hasResolvedConsent) {
-      return;
-    }
-
-    client.load();
-  }, [client, hasResolvedConsent]);
-
-  return null;
-}
-
-export function App({ hasResolvedConsent }: { hasResolvedConsent: boolean }) {
-  return (
-    <GetUserFeedbackProvider
-      clientOptions={{ apiKey: "YOUR_API_KEY", disableAutoLoad: true }}
-    >
-      <AppRoutes />
-      <LoadWidgetAfterConsent hasResolvedConsent={hasResolvedConsent} />
-    </GetUserFeedbackProvider>
-  );
-}
-```
-
-## Submit feedback
-
-Use `useFeedback()` when your app renders the feedback controls. The complete
-feedback payload is provided when the user submits it.
-
-```tsx
-import { useFeedback } from "@getuserfeedback/react";
-
-export function HelpfulButton({
-  onError,
-}: {
-  onError: (error: unknown) => void;
-}) {
-  const { submit, isSubmitting } = useFeedback();
-
-  async function markHelpful() {
-    try {
-      await submit({
-        target: {
-          collection: "docs-page",
-          id: "getting-started",
-        },
-        category: "helpfulness",
-        value: true,
-      });
-    } catch (error) {
-      onError(error);
-    }
-  }
-
-  return (
-    <button
-      type="button"
-      disabled={isSubmitting}
-      onClick={markHelpful}
-    >
-      Helpful
-    </button>
-  );
-}
-```
-
-`isSubmitting` remains `true` while submissions from that hook are pending.
-`submit()` resolves with the accepted evaluation receipt and rejects if capture
-fails.
-
-### Read previous feedback
-
-Call `fetch()` only in contexts that need to restore feedback previously given
-by the current user. It does not run automatically. Feedback readback requires
-`auth.jwt`; calling `identify()` alone does not authorize it.
-
-```tsx
-const { fetch, isFetching } = useFeedback();
-
-const { items } = await fetch({
-  selectors: [
-    {
-      target: { collection: "docs-page", id: "getting-started" },
-      category: "helpfulness",
-    },
-  ],
-});
-```
-
-`isFetching` remains `true` while fetches from that hook are pending. Results
-stay aligned with selector order, with `evaluation: null` when no match exists.
-
-## Identify users
-
-Use identity to unlock cohort targeting and attach responses to user profiles.
-
-### `client.identify(userId, traits?)` or `client.identify(traits)`
-
-```tsx
-import { useEffect } from "react";
-import { useGetUserFeedback } from "@getuserfeedback/react";
-
-type User = {
-  id: string;
-  email?: string;
-  firstName?: string;
-  lastName?: string;
-};
-
-export function Identify({ user }: { user: User | null }) {
-  const client = useGetUserFeedback();
-
-  useEffect(() => {
-    if (!user) {
-      return;
-    }
-
-    client.identify(user.id, {
-      email: user.email,
-      firstName: user.firstName,
-      lastName: user.lastName,
-    });
-  }, [client, user]);
-
-  return null;
-}
-```
-
-### `client.reset()`
-
-Call this on logout to clear active identity state and auth (if you use auth):
-
-```tsx
-import { useGetUserFeedback } from "@getuserfeedback/react";
-import { useAuth } from "./auth";
-
-export function LogoutButton() {
-  const { signOut } = useAuth();
-  const { reset } = useGetUserFeedback();
-
-  const handleLogout = async () => {
-    await signOut();
-    await reset();
-  };
-
-  return (
-    <button type="button" onClick={handleLogout}>
-      Log out
-    </button>
-  );
-}
-```
-
-## Dark mode
-
-If you're using industry-standard ways to indicate when dark mode is *on*, the widget will pick it up and automatically keep itself in sync. If you only have light mode, the widget will stay in light mode.
-
-Default behavior:
-- The widget observes `class` and `data-theme` attributes on both `html` and `body`.
-- `class="dark"` / `data-theme="dark"` enables dark mode.
-- `class="light"` / `data-theme="light"` enables light mode.
-- `class="system"` / `data-theme="system"` follows the user's system preference (`prefers-color-scheme`).
-- If nothing is detected, it falls back to `"light"`.
-
-You can control the behavior using the `colorScheme` option when creating a client, and you can also update it later.
-
-### Set a static color scheme at startup
-
-```tsx
-import { GetUserFeedbackProvider } from "@getuserfeedback/react";
-
-export function App() {
-  return (
-    <GetUserFeedbackProvider
-      clientOptions={{
-        apiKey: "YOUR_API_KEY",
-        colorScheme: "dark", // set to a static value
-      }}
-    >
-      <AppRoutes />
-    </GetUserFeedbackProvider>
-  );
-}
-```
-
-`colorScheme` supports:
-- `{ autoDetectColorScheme: string[] }`
-- `"light" | "dark" | "system"`
-
-### Update color scheme at runtime
-
-```tsx
-import { useEffect } from "react";
-import { useGetUserFeedback } from "@getuserfeedback/react";
-
-type ThemePreference = "light" | "dark" | "system";
-
-export function SyncWidgetTheme({
-  themePreference,
-}: {
-  themePreference: ThemePreference;
-}) {
-  const client = useGetUserFeedback();
-
-  useEffect(() => {
-    client.configure({ colorScheme: themePreference });
-  }, [client, themePreference]);
-
-  return null;
-}
-```
-
-You can also switch runtime behavior back to host-driven auto-detection:
-
-```tsx
-import { useEffect } from "react";
-import { useGetUserFeedback } from "@getuserfeedback/react";
-
-export function SyncWidgetToAppTheme({
-  useAppTheme,
-}: {
-  useAppTheme: boolean;
-}) {
-  const client = useGetUserFeedback();
-
-  useEffect(() => {
-    if (!useAppTheme) {
-      return;
-    }
-
-    client.configure({
-      colorScheme: {
-        autoDetectColorScheme: ["class", "data-theme"], // default
-      },
-    });
-  }, [client, useAppTheme]);
-
-  return null;
-}
-```
-
-## Auth (optional)
-
-You can run the SDK without auth. This is standard industry practice for client-side widgets like ours, so it is not enforced by default. However, we encourage you to implement auth for stricter controls.
-
-Enable JWT validation in your workspace settings and pass a signed token from your app.
-
-### Clerk example: set, refresh, and clear auth token
-
-```tsx
-import { useEffect } from "react";
-import { useAuth } from "@clerk/clerk-react";
-import { useGetUserFeedback } from "@getuserfeedback/react";
-
-const AUTH_REFRESH_INTERVAL_MS = 5 * 60 * 1000;
-
-// Mount once inside both <ClerkProvider> and <GetUserFeedbackProvider>.
-export function GetUserFeedbackClerkAuth() {
-  const client = useGetUserFeedback();
-  const { isLoaded, userId, sessionId, getToken } = useAuth();
-
-  useEffect(() => {
-    if (!isLoaded) {
-      return;
-    }
-
-    let isDisposed = false;
-
-    const syncAuthToken = async () => {
-      // Signed out: clear auth token.
-      if (!userId) {
-        await client.configure({ auth: { jwt: null } });
-        return;
-      }
-
-      // Signed in: fetch/refresh Clerk JWT and pass it to the SDK.
-      const token = await getToken({ template: "getuserfeedback" });
-      if (isDisposed) {
-        return;
-      }
-
-      if (!token) {
-        await client.configure({ auth: { jwt: null } });
-        return;
-      }
-
-      await client.configure({ auth: { jwt: { token } } });
-    };
-
-    syncAuthToken();
-    const refreshTimer = window.setInterval(() => {
-      syncAuthToken();
-    }, AUTH_REFRESH_INTERVAL_MS);
-
-    return () => {
-      isDisposed = true;
-      window.clearInterval(refreshTimer);
-    };
-  }, [client, getToken, isLoaded, sessionId, userId]);
-
-  return null;
-}
-```
-
-## Privacy and consent (GDPR, CCPA, etc)
-
-Consent settings control non-essential data scopes: analytics, storage, personalization, ads.
-
-By default, the widget starts with `granted` consent. For compliance with privacy regulations like GDPR and CCPA, you may want to choose a different default.
-
-### Set default consent to `pending`
-```tsx
-import { GetUserFeedbackProvider } from "@getuserfeedback/react";
-
-export function App() {
-  return (
-    <GetUserFeedbackProvider
-      clientOptions={{
-        apiKey: "YOUR_API_KEY",
-        defaultConsent: "pending", // set to `pending`
-      }}
-    >
-      <AppRoutes />
+      <YourApp />
     </GetUserFeedbackProvider>
   );
 }
 ```
-With `pending` consent set by default, all non-essential data scopes are considered effectively denied.
 
-### Update consent at runtime
-
-For example, sync consent from your cookie banner or CMP state:
+If your app has signed-in users, also identify them. It lets surveys target signed-in users, and each answer arrives attributed to the person instead of anonymous. Call identify from an effect keyed on your auth state — resetting only when a signed-in user signs out, so anonymous visitors keep their identity — and render the component anywhere inside the provider:
 
 ```tsx
-import { useEffect } from "react";
+import { useEffect, useRef } from "react";
 import { useGetUserFeedback } from "@getuserfeedback/react";
-import { useCookieConsent } from "./cookie-consent";
 
-export function GetUserFeedbackConsentSync() {
+function IdentifyUser({ user }: { user: { id: string; email: string } | null }) {
   const client = useGetUserFeedback();
-  const { hasAnswered, analyticsEnabled } = useCookieConsent();
-
+  const wasIdentified = useRef(false);
   useEffect(() => {
-    if (!hasAnswered) {
-      client.configure({ consent: "pending" });
-      return;
-    }
-
-    if (!analyticsEnabled) {
-      client.configure({ consent: "denied" });
-      return;
+    if (user) {
+      client.identify(user.id, { email: user.email });
+      wasIdentified.current = true;
+    } else if (wasIdentified.current) {
+      wasIdentified.current = false;
+      client.reset();
     }
-
-    client.configure({
-      consent: ["analytics.measurement", "analytics.storage"],
-    });
-  }, [analyticsEnabled, client, hasAnswered]);
-
+  }, [user, client]);
   return null;
 }
 ```
 
-Or, when users save privacy settings, pass explicit granted scopes:
-
-```tsx
-import { useGetUserFeedback } from "@getuserfeedback/react";
-
-type PrivacySettings = {
-  analyticsEnabled: boolean;
-  personalizedAdsEnabled: boolean;
-};
-
-export function useSavePrivacySettings() {
-  const client = useGetUserFeedback();
-
-  return async ({
-    analyticsEnabled,
-    personalizedAdsEnabled,
-  }: PrivacySettings) => {
-    const grantedScopes: Array<
-      | "analytics.measurement"
-      | "analytics.storage"
-      | "ads.storage"
-      | "ads.user_data"
-      | "ads.personalization"
-    > = [];
-
-    if (analyticsEnabled) {
-      grantedScopes.push("analytics.measurement", "analytics.storage");
-    }
+That's it. The widget is running, and surveys you publish in the dashboard show up based on the targeting you set there — nothing shows until you publish something.
 
-    if (personalizedAdsEnabled) {
-      grantedScopes.push(
-        "ads.storage",
-        "ads.user_data",
-        "ads.personalization",
-      );
-    }
-
-    await client.configure({
-      consent: grantedScopes.length > 0 ? grantedScopes : "denied",
-    });
-  };
-}
-
-```
-`defaultConsent` supports:
-- `"pending" | "granted" (default) | "denied" | "revoked"`
-- or a granted-scope list like `["analytics.measurement", "analytics.storage"]`
-
-### Impact of different consent settings
-
-- Response collection: never affected.
-- Opening Widget surveys: never affected.
-- Cohort targeting: rules that depend on persisted activity, identity continuity, or storage-backed signals require both `analytics.measurement` and `analytics.storage`.
-- Context targeting: rules based on current-page context (URL, referrer, timing, host signals) require `analytics.measurement` only.
-
-## Advanced — open Widget surveys from code
-
-### Open a survey
-
-```tsx
-import { useFlow } from "@getuserfeedback/react";
-
-const BUG_REPORT_FLOW_ID = "YOUR_FLOW_ID";
-
-export function ReportBugButton() {
-  const { open } = useFlow({ flowId: BUG_REPORT_FLOW_ID });
-
-  return (
-    <button type="button" onClick={() => open()}>
-      Report a bug
-    </button>
-  );
-}
-```
-
-### Prefetch and prerender
-
-Prefetching loads flow resources over the network. Prerendering warms up the UI
-before opening. Opening still handles the render step if you have not prerendered
-first.
-
-```tsx
-import { useFlow } from "@getuserfeedback/react";
-
-const FEEDBACK_FLOW_ID = "YOUR_FLOW_ID";
-
-export function HelpMenuFeedbackItem() {
-  const { prerender, open } = useFlow({
-    flowId: FEEDBACK_FLOW_ID,
-    prefetchOnMount: true,
-  });
-
-  return (
-    <button
-      type="button"
-      onMouseEnter={() => prerender()}
-      onFocus={() => prerender()}
-      onClick={() => open()}
-    >
-      Share product feedback
-    </button>
-  );
-}
-```
+- Full guide: [getuserfeedback.com/docs/get-started/react-sdk](https://getuserfeedback.com/docs/get-started/react-sdk)
+- API reference: [getuserfeedback.com/docs/reference/react-sdk-reference](https://getuserfeedback.com/docs/reference/react-sdk-reference)
 
 ## Links
 

package/dist/index.js

@@ -1,5 +1,5 @@
 "use client";
-import{createClient as $}from"@getuserfeedback/sdk";import{createContext as j,useCallback as K,useContext as z,useEffect as L,useMemo as F,useRef as q,useState as H,useSyncExternalStore as k}from"react";import{jsx as g}from"react/jsx-runtime";var J={isOpen:!1,isLoading:!1,shouldRenderContainer:!1,width:void 0,height:void 0},p=(U)=>({isOpen:U.isOpen,isLoading:U.isLoading,width:U.width,height:U.height}),r=(U,O)=>U.isOpen===O.isOpen&&U.isLoading===O.isLoading&&U.width===O.width&&U.height===O.height,D={isOpen:!1,isLoading:!1,width:void 0,height:void 0},P=(U)=>typeof U.width==="number"&&typeof U.height==="number";function V(U){let O=q(U.getFlowState());return K(()=>{let G=U.getFlowState(),R=O.current;if(r(R,G))return R;return O.current=G,G},[U])}function M(U,O,G){let R=V(U),I=q(null),A=q(null),v=K(()=>{let E=R();if(I.current===E){let N=A.current;if(N!==null)return N}let _=O(E);return I.current=E,A.current=_,_},[R,O]);return k((E)=>U.subscribeFlowState(()=>{E()},{emitInitial:!1}),v,G)}var y=j(null);function w({children:U,clientOptions:O}){let G=$(O),R=q(null),I=q(0),A=M(G,p,()=>J),v=K((b)=>{if(R.current=b,I.current===0)return;G.setDefaultContainerPolicy({kind:"hostContainer",host:b,sharing:"perFlowRun"})},[G]),E=K(()=>{if(I.current+=1,I.current===1)G.setDefaultContainerPolicy({kind:"hostContainer",host:R.current,sharing:"perFlowRun"});return()=>{if(I.current=Math.max(0,I.current-1),I.current===0)G.setDefaultContainerPolicy({kind:"floating"})}},[G]),_=F(()=>{if(!A.isOpen&&!A.isLoading)return J;return{isOpen:A.isOpen,isLoading:A.isLoading,shouldRenderContainer:!0,width:A.width,height:A.height}},[A]),N=F(()=>({client:G,apiKey:O.apiKey,setDefaultFlowContainer:v,registerDefaultFlowContainerConsumer:E,defaultFlowContainerState:_}),[G,O.apiKey,_,E,v]);return g(y.Provider,{value:N,children:U})}var h=(U)=>{let O=z(y);if(!O)throw Error("useFlow must be used within a GetUserFeedbackProvider");let{client:G}=O,{flowId:R,prefetchOnMount:I=!1,hideCloseButton:A}=U.flow,v=F(()=>G.flow(R),[G,R]),E=U.mode==="container",_=q(null),N=M(v,(T)=>T,()=>D),b=K((T)=>!E?v.open({hideCloseButton:A,metadata:T?.metadata}):v.open({container:_.current??null,hideCloseButton:A,metadata:T?.metadata}),[v,A,E]),B=K(()=>v.close(),[v]),W=K((T)=>T?b():B(),[B,b]),X=K((T)=>{if(!E)return;_.current=T,v.setContainer(T)},[v,E]),Y=P(N),Z=E&&(N.isOpen||N.isLoading&&Y);return L(()=>{if(!I)return;v.prefetch()},[v,I]),{isOpen:N.isOpen,isLoading:N.isLoading,width:N.width,height:N.height,shouldRenderContainer:Z,setOpen:W,open:b,close:B,prerender:()=>v.prerender({hideCloseButton:A}),containerRef:X}};function m(U){let G=(U.container??"default")==="custom"?"container":"default",R=h({flow:{flowId:U.flowId,prefetchOnMount:U.prefetchOnMount,hideCloseButton:U.hideCloseButton},mode:G});if(G==="container")return{container:"custom",isOpen:R.isOpen,isLoading:R.isLoading,width:R.width,height:R.height,shouldRenderContainer:R.shouldRenderContainer,open:R.open,setOpen:R.setOpen,prerender:R.prerender,containerRef:R.containerRef};return{container:"default",isOpen:R.isOpen,isLoading:R.isLoading,width:R.width,height:R.height,open:R.open,close:R.close,prerender:R.prerender}}function d(){let U=z(y);if(!U)throw Error("useDefaultFlowContainer must be used within a GetUserFeedbackProvider");let{client:O,defaultFlowContainerState:G,registerDefaultFlowContainerConsumer:R,setDefaultFlowContainer:I}=U;L(()=>R(),[R]);let A=K((_)=>{I(_)},[I]),v=K(()=>O.close(),[O]),E=K((_)=>{if(_)return Promise.resolve();return v()},[v]);return{isOpen:G.isOpen,isLoading:G.isLoading,shouldRenderContainer:G.shouldRenderContainer,width:G.width,height:G.height,setOpen:E,containerRef:A}}function x(){let U=z(y);if(!U)throw Error("useFeedback must be used within a GetUserFeedbackProvider");let[O,G]=H(0),[R,I]=H(0),A=K(async(E)=>{G((_)=>_+1);try{return await U.client.feedback.fetch(E)}finally{G((_)=>_-1)}},[U.client]),v=K(async(E)=>{I((_)=>_+1);try{return await U.client.feedback.submit(E)}finally{I((_)=>_-1)}},[U.client]);return{fetch:A,isFetching:O>0,isSubmitting:R>0,submit:v}}function f(){let U=z(y);if(!U)throw Error("useGetUserFeedback must be used within a GetUserFeedbackProvider");return U.client}var Q="0.6.2".trim(),S=Q.length>0?Q:"0.0.0-local";export{f as useGetUserFeedback,m as useFlow,x as useFeedback,d as useDefaultFlowContainer,S as REACT_SDK_VERSION,w as GetUserFeedbackProvider};
+import{createClient as $}from"@getuserfeedback/sdk";import{createContext as j,useCallback as K,useContext as z,useEffect as L,useMemo as F,useRef as q,useState as H,useSyncExternalStore as k}from"react";import{jsx as g}from"react/jsx-runtime";var J={isOpen:!1,isLoading:!1,shouldRenderContainer:!1,width:void 0,height:void 0},p=(U)=>({isOpen:U.isOpen,isLoading:U.isLoading,width:U.width,height:U.height}),r=(U,O)=>U.isOpen===O.isOpen&&U.isLoading===O.isLoading&&U.width===O.width&&U.height===O.height,D={isOpen:!1,isLoading:!1,width:void 0,height:void 0},P=(U)=>typeof U.width==="number"&&typeof U.height==="number";function V(U){let O=q(U.getFlowState());return K(()=>{let G=U.getFlowState(),R=O.current;if(r(R,G))return R;return O.current=G,G},[U])}function M(U,O,G){let R=V(U),I=q(null),A=q(null),v=K(()=>{let E=R();if(I.current===E){let N=A.current;if(N!==null)return N}let _=O(E);return I.current=E,A.current=_,_},[R,O]);return k((E)=>U.subscribeFlowState(()=>{E()},{emitInitial:!1}),v,G)}var y=j(null);function w({children:U,clientOptions:O}){let G=$(O),R=q(null),I=q(0),A=M(G,p,()=>J),v=K((b)=>{if(R.current=b,I.current===0)return;G.setDefaultContainerPolicy({kind:"hostContainer",host:b,sharing:"perFlowRun"})},[G]),E=K(()=>{if(I.current+=1,I.current===1)G.setDefaultContainerPolicy({kind:"hostContainer",host:R.current,sharing:"perFlowRun"});return()=>{if(I.current=Math.max(0,I.current-1),I.current===0)G.setDefaultContainerPolicy({kind:"floating"})}},[G]),_=F(()=>{if(!A.isOpen&&!A.isLoading)return J;return{isOpen:A.isOpen,isLoading:A.isLoading,shouldRenderContainer:!0,width:A.width,height:A.height}},[A]),N=F(()=>({client:G,apiKey:O.apiKey,setDefaultFlowContainer:v,registerDefaultFlowContainerConsumer:E,defaultFlowContainerState:_}),[G,O.apiKey,_,E,v]);return g(y.Provider,{value:N,children:U})}var h=(U)=>{let O=z(y);if(!O)throw Error("useFlow must be used within a GetUserFeedbackProvider");let{client:G}=O,{flowId:R,prefetchOnMount:I=!1,hideCloseButton:A}=U.flow,v=F(()=>G.flow(R),[G,R]),E=U.mode==="container",_=q(null),N=M(v,(T)=>T,()=>D),b=K((T)=>!E?v.open({hideCloseButton:A,metadata:T?.metadata}):v.open({container:_.current??null,hideCloseButton:A,metadata:T?.metadata}),[v,A,E]),B=K(()=>v.close(),[v]),W=K((T)=>T?b():B(),[B,b]),X=K((T)=>{if(!E)return;_.current=T,v.setContainer(T)},[v,E]),Y=P(N),Z=E&&(N.isOpen||N.isLoading&&Y);return L(()=>{if(!I)return;v.prefetch()},[v,I]),{isOpen:N.isOpen,isLoading:N.isLoading,width:N.width,height:N.height,shouldRenderContainer:Z,setOpen:W,open:b,close:B,prerender:()=>v.prerender({hideCloseButton:A}),containerRef:X}};function m(U){let G=(U.container??"default")==="custom"?"container":"default",R=h({flow:{flowId:U.flowId,prefetchOnMount:U.prefetchOnMount,hideCloseButton:U.hideCloseButton},mode:G});if(G==="container")return{container:"custom",isOpen:R.isOpen,isLoading:R.isLoading,width:R.width,height:R.height,shouldRenderContainer:R.shouldRenderContainer,open:R.open,setOpen:R.setOpen,prerender:R.prerender,containerRef:R.containerRef};return{container:"default",isOpen:R.isOpen,isLoading:R.isLoading,width:R.width,height:R.height,open:R.open,close:R.close,prerender:R.prerender}}function d(){let U=z(y);if(!U)throw Error("useDefaultFlowContainer must be used within a GetUserFeedbackProvider");let{client:O,defaultFlowContainerState:G,registerDefaultFlowContainerConsumer:R,setDefaultFlowContainer:I}=U;L(()=>R(),[R]);let A=K((_)=>{I(_)},[I]),v=K(()=>O.close(),[O]),E=K((_)=>{if(_)return Promise.resolve();return v()},[v]);return{isOpen:G.isOpen,isLoading:G.isLoading,shouldRenderContainer:G.shouldRenderContainer,width:G.width,height:G.height,setOpen:E,containerRef:A}}function x(){let U=z(y);if(!U)throw Error("useFeedback must be used within a GetUserFeedbackProvider");let[O,G]=H(0),[R,I]=H(0),A=K(async(E)=>{G((_)=>_+1);try{return await U.client.feedback.fetch(E)}finally{G((_)=>_-1)}},[U.client]),v=K(async(E)=>{I((_)=>_+1);try{return await U.client.feedback.submit(E)}finally{I((_)=>_-1)}},[U.client]);return{fetch:A,isFetching:O>0,isSubmitting:R>0,submit:v}}function f(){let U=z(y);if(!U)throw Error("useGetUserFeedback must be used within a GetUserFeedbackProvider");return U.client}var Q="0.6.10".trim(),S=Q.length>0?Q:"0.0.0-local";export{f as useGetUserFeedback,m as useFlow,x as useFeedback,d as useDefaultFlowContainer,S as REACT_SDK_VERSION,w as GetUserFeedbackProvider};
 
-//# debugId=40692E37516B248764756E2164756E21
+//# debugId=0480976B43E9968064756E2164756E21
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -5,7 +5,7 @@
     "\"use client\";\n\nimport {\n\ttype Client,\n\ttype ClientOptions,\n\tcreateClient,\n\ttype FeedbackInput,\n\ttype FetchFeedbackInput,\n\ttype FetchFeedbackResult,\n\ttype FlowState,\n\ttype OpenFlowOptions as SdkOpenFlowOptions,\n\ttype SubmitFeedbackResult,\n} from \"@getuserfeedback/sdk\";\nimport type { ReactElement, ReactNode } from \"react\";\nimport {\n\tcreateContext,\n\tuseCallback,\n\tuseContext,\n\tuseEffect,\n\tuseMemo,\n\tuseRef,\n\tuseState,\n\tuseSyncExternalStore,\n} from \"react\";\n\n/** Return value for useFeedback(). */\nexport interface UseFeedbackReturn {\n\t/** Fetch feedback matching each selector for the JWT-authenticated user. */\n\tfetch: (input: FetchFeedbackInput) => Promise<FetchFeedbackResult>;\n\t/** True while one or more fetches from this hook are pending. */\n\tisFetching: boolean;\n\t/** True while one or more submissions from this hook are pending. */\n\tisSubmitting: boolean;\n\t/** Submit feedback about the current app or a specific target. */\n\tsubmit: (input: FeedbackInput) => Promise<SubmitFeedbackResult>;\n}\n\n/**\n * Options for useFlow().\n */\nexport interface UseFlowOptions {\n\t/** The flow/survey ID to control. */\n\tflowId: string;\n\t/** Prefetch the flow resources on mount so it opens faster. Default `false`. */\n\tprefetchOnMount?: boolean;\n\t/**\n\t * Where the flow mounts: `\"default\"` (floating container) or `\"custom\"` (your container via containerRef).\n\t * Default `\"default\"`.\n\t */\n\tcontainer?: \"default\" | \"custom\";\n\t/** When true, the view does not show a close button. */\n\thideCloseButton?: boolean;\n}\n\n/**\n * Per-open options for useFlow(). These apply to the specific response created\n * by that open action and do not affect prerendering.\n */\nexport interface UseFlowOpenOptions {\n\t/** Optional response metadata to preserve with the eventual submission. */\n\tmetadata?: SdkOpenFlowOptions[\"metadata\"];\n}\n\n/**\n * Return value for useFlow() when container is `\"default\"`: state and callbacks for the floating flow.\n */\nexport interface UseFlowReturn {\n\treadonly container: \"default\";\n\t/** True when the flow is visible. */\n\tisOpen: boolean;\n\t/** True after open is requested while the flow is not visible yet. */\n\tisLoading: boolean;\n\t/** Open the flow. */\n\topen: (options?: UseFlowOpenOptions) => Promise<void>;\n\t/** Close the flow. */\n\tclose: () => Promise<void>;\n\t/** Prerendering warms up the flow for instant display later. */\n\tprerender: () => Promise<void>;\n\t/** Flow width in pixels (when known). */\n\twidth?: number;\n\t/** Flow height in pixels (when known). */\n\theight?: number;\n}\n\n/**\n * Return value for useFlow() when container is `\"custom\"`: state and callbacks for host-managed container flows.\n */\nexport interface UseFlowContainerReturn {\n\treadonly container: \"custom\";\n\t/** True when the flow is visible. */\n\tisOpen: boolean;\n\t/** True after open is requested while the flow is not visible yet. */\n\tisLoading: boolean;\n\t/** True when your host UI should render the custom container element. */\n\tshouldRenderContainer: boolean;\n\t/** Open the flow in the custom container. */\n\topen: (options?: UseFlowOpenOptions) => Promise<void>;\n\t/** Open the flow when `true`, close when `false`. */\n\tsetOpen: (next: boolean) => Promise<void>;\n\t/** Prerendering warms up the flow for instant display later. */\n\tprerender: () => Promise<void>;\n\t/** Ref callback: attach this to the container element where the flow should render. */\n\tcontainerRef: (element: HTMLDivElement | null) => void;\n\t/** Flow width in pixels (when known). */\n\twidth?: number;\n\t/** Flow height in pixels (when known). */\n\theight?: number;\n}\n\n/**\n * Return value for useDefaultFlowContainer(): container ref and aggregate flow state\n * for all flows in the same provider subtree (including targeting-engine opens).\n */\nexport interface UseDefaultFlowContainerReturn {\n\t/** True when any flow is visible. */\n\tisOpen: boolean;\n\t/** True after any flow open is requested while the flow is not visible yet. */\n\tisLoading: boolean;\n\t/** True when your host UI should render the default flow container. */\n\tshouldRenderContainer: boolean;\n\t/** Active flow width in pixels (when known). */\n\twidth?: number;\n\t/** Active flow height in pixels (when known). */\n\theight?: number;\n\t/** Close currently displayed flows when `false`; opening is flow-driven. */\n\tsetOpen: (next: boolean) => Promise<void>;\n\t/** Ref callback for the default flow container element. */\n\tcontainerRef: (element: HTMLDivElement | null) => void;\n}\n\ntype InstanceFlowRenderState = {\n\tisOpen: boolean;\n\tisLoading: boolean;\n\twidth?: number;\n\theight?: number;\n};\n\ntype DefaultFlowContainerState = {\n\tisOpen: boolean;\n\tisLoading: boolean;\n\tshouldRenderContainer: boolean;\n\twidth?: number;\n\theight?: number;\n};\n\nconst DEFAULT_FLOW_CONTAINER_STATE: DefaultFlowContainerState = {\n\tisOpen: false,\n\tisLoading: false,\n\tshouldRenderContainer: false,\n\twidth: undefined,\n\theight: undefined,\n};\n\nconst toInstanceFlowRenderState = (\n\tstate: FlowState,\n): InstanceFlowRenderState => ({\n\tisOpen: state.isOpen,\n\tisLoading: state.isLoading,\n\twidth: state.width,\n\theight: state.height,\n});\n\nconst isSameFlowState = (\n\ta: Pick<FlowState, \"isOpen\" | \"isLoading\" | \"width\" | \"height\">,\n\tb: Pick<FlowState, \"isOpen\" | \"isLoading\" | \"width\" | \"height\">,\n): boolean =>\n\ta.isOpen === b.isOpen &&\n\ta.isLoading === b.isLoading &&\n\ta.width === b.width &&\n\ta.height === b.height;\n\ntype FlowStateStore = {\n\tgetFlowState: () => FlowState;\n\tsubscribeFlowState: (\n\t\tlistener: (state: FlowState) => void,\n\t\toptions?: { emitInitial?: boolean },\n\t) => () => void;\n};\n\nconst FALLBACK_FLOW_STATE: FlowState = {\n\tisOpen: false,\n\tisLoading: false,\n\twidth: undefined,\n\theight: undefined,\n};\n\nconst hasPreparedFlowState = (state: FlowState): boolean =>\n\ttypeof state.width === \"number\" && typeof state.height === \"number\";\n\nfunction useStableFlowStateSnapshot(store: FlowStateStore): () => FlowState {\n\tconst snapshotRef = useRef<FlowState>(store.getFlowState());\n\n\treturn useCallback((): FlowState => {\n\t\tconst next = store.getFlowState();\n\t\tconst previous = snapshotRef.current;\n\t\tif (isSameFlowState(previous, next)) {\n\t\t\treturn previous;\n\t\t}\n\t\tsnapshotRef.current = next;\n\t\treturn next;\n\t}, [store]);\n}\n\nfunction useFlowStateStoreValue<TState>(\n\tstore: FlowStateStore,\n\tproject: (state: FlowState) => TState,\n\tgetServerSnapshot: () => TState,\n): TState {\n\tconst getFlowStateSnapshot = useStableFlowStateSnapshot(store);\n\tconst lastSourceSnapshotRef = useRef<FlowState | null>(null);\n\tconst lastProjectedSnapshotRef = useRef<TState | null>(null);\n\tconst getProjectedSnapshot = useCallback((): TState => {\n\t\tconst sourceSnapshot = getFlowStateSnapshot();\n\t\tif (lastSourceSnapshotRef.current === sourceSnapshot) {\n\t\t\tconst cachedProjectedSnapshot = lastProjectedSnapshotRef.current;\n\t\t\tif (cachedProjectedSnapshot !== null) {\n\t\t\t\treturn cachedProjectedSnapshot;\n\t\t\t}\n\t\t}\n\t\tconst projectedSnapshot = project(sourceSnapshot);\n\t\tlastSourceSnapshotRef.current = sourceSnapshot;\n\t\tlastProjectedSnapshotRef.current = projectedSnapshot;\n\t\treturn projectedSnapshot;\n\t}, [getFlowStateSnapshot, project]);\n\n\treturn useSyncExternalStore<TState>(\n\t\t(onStoreChange) =>\n\t\t\tstore.subscribeFlowState(\n\t\t\t\t() => {\n\t\t\t\t\tonStoreChange();\n\t\t\t\t},\n\t\t\t\t{ emitInitial: false },\n\t\t\t),\n\t\tgetProjectedSnapshot,\n\t\tgetServerSnapshot,\n\t);\n}\n\ntype GetUserFeedbackContextValue = {\n\tclient: Client;\n\tapiKey: string;\n\tsetDefaultFlowContainer: (element: HTMLElement | null) => void;\n\tregisterDefaultFlowContainerConsumer: () => () => void;\n\tdefaultFlowContainerState: DefaultFlowContainerState;\n};\n\nconst GetUserFeedbackContext =\n\tcreateContext<GetUserFeedbackContextValue | null>(null);\n\nexport interface GetUserFeedbackProviderProps {\n\t/** Application subtree that can use getuserfeedback hooks. */\n\tchildren: ReactNode;\n\t/** Core SDK client options used to create/reuse the underlying client. */\n\tclientOptions: ClientOptions;\n}\n\n/**\n * Provider for getuserfeedback React hooks.\n * Wrap your app (or a subtree) so `useFeedback`, `useFlow`,\n * `useDefaultFlowContainer`, and `useGetUserFeedback` can access a client\n * created from `clientOptions`.\n *\n * If your app uses `useDefaultFlowContainer()`, all flows in this subtree\n * (including targeting-engine opens) target that container.\n * If the container ref is not mounted yet, loader keeps flows parked until it is.\n *\n * @example Basic usage\n * ```tsx\n * function App() {\n *   return (\n *     <GetUserFeedbackProvider clientOptions={{ apiKey: \"YOUR_API_KEY\" }}>\n *       <Routes />\n *     </GetUserFeedbackProvider>\n *   );\n * }\n * ```\n *\n * @example Display *any* flow in your own dialog (a shadcn/ui dialog in this example):\n * ```tsx\n * function DefaultFlowContainer() {\n *   const { containerRef, shouldRenderContainer, width, height, setOpen } = useDefaultFlowContainer();\n *\n *   return (\n *     <Dialog open={shouldRenderContainer} onOpenChange={setOpen}>\n *       <DialogContent ref={containerRef} style={{ width, height }} />\n *     </Dialog>\n *   );\n * }\n *\n * function App() {\n *   return (\n *     <GetUserFeedbackProvider clientOptions={{ apiKey: \"YOUR_API_KEY\" }}>\n *       <AppRoutes />\n *       <DefaultFlowContainer /> // Flows will be triggered by the targeting engine and displayed in your own dialog\n *     </GetUserFeedbackProvider>\n *   );\n * }\n * ```\n */\nexport function GetUserFeedbackProvider({\n\tchildren,\n\tclientOptions,\n}: GetUserFeedbackProviderProps): ReactElement {\n\tconst client = createClient(clientOptions);\n\tconst defaultFlowContainerRef = useRef<HTMLElement | null>(null);\n\tconst defaultFlowContainerConsumerCountRef = useRef(0);\n\tconst instanceFlowState = useFlowStateStoreValue<InstanceFlowRenderState>(\n\t\tclient,\n\t\ttoInstanceFlowRenderState,\n\t\t() => DEFAULT_FLOW_CONTAINER_STATE,\n\t);\n\n\tconst setDefaultFlowContainer = useCallback(\n\t\t(element: HTMLElement | null) => {\n\t\t\tdefaultFlowContainerRef.current = element;\n\t\t\tif (defaultFlowContainerConsumerCountRef.current === 0) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tclient.setDefaultContainerPolicy({\n\t\t\t\tkind: \"hostContainer\",\n\t\t\t\thost: element,\n\t\t\t\tsharing: \"perFlowRun\",\n\t\t\t});\n\t\t},\n\t\t[client],\n\t);\n\n\tconst registerDefaultFlowContainerConsumer = useCallback(() => {\n\t\tdefaultFlowContainerConsumerCountRef.current += 1;\n\t\tif (defaultFlowContainerConsumerCountRef.current === 1) {\n\t\t\tclient.setDefaultContainerPolicy({\n\t\t\t\tkind: \"hostContainer\",\n\t\t\t\thost: defaultFlowContainerRef.current,\n\t\t\t\tsharing: \"perFlowRun\",\n\t\t\t});\n\t\t}\n\t\treturn () => {\n\t\t\tdefaultFlowContainerConsumerCountRef.current = Math.max(\n\t\t\t\t0,\n\t\t\t\tdefaultFlowContainerConsumerCountRef.current - 1,\n\t\t\t);\n\t\t\tif (defaultFlowContainerConsumerCountRef.current === 0) {\n\t\t\t\tclient.setDefaultContainerPolicy({ kind: \"floating\" });\n\t\t\t}\n\t\t};\n\t}, [client]);\n\n\tconst defaultFlowContainerState = useMemo<DefaultFlowContainerState>(() => {\n\t\tif (!instanceFlowState.isOpen && !instanceFlowState.isLoading) {\n\t\t\treturn DEFAULT_FLOW_CONTAINER_STATE;\n\t\t}\n\t\treturn {\n\t\t\tisOpen: instanceFlowState.isOpen,\n\t\t\tisLoading: instanceFlowState.isLoading,\n\t\t\tshouldRenderContainer: true,\n\t\t\twidth: instanceFlowState.width,\n\t\t\theight: instanceFlowState.height,\n\t\t};\n\t}, [instanceFlowState]);\n\n\tconst contextValue = useMemo(\n\t\t() => ({\n\t\t\tclient,\n\t\t\tapiKey: clientOptions.apiKey,\n\t\t\tsetDefaultFlowContainer,\n\t\t\tregisterDefaultFlowContainerConsumer,\n\t\t\tdefaultFlowContainerState,\n\t\t}),\n\t\t[\n\t\t\tclient,\n\t\t\tclientOptions.apiKey,\n\t\t\tdefaultFlowContainerState,\n\t\t\tregisterDefaultFlowContainerConsumer,\n\t\t\tsetDefaultFlowContainer,\n\t\t],\n\t);\n\n\treturn (\n\t\t<GetUserFeedbackContext.Provider value={contextValue}>\n\t\t\t{children}\n\t\t</GetUserFeedbackContext.Provider>\n\t);\n}\n\ntype UseFlowControllerOptions = {\n\tflow: UseFlowOptions;\n\tmode: \"default\" | \"container\";\n};\n\ntype UseFlowControllerReturn = {\n\tisOpen: boolean;\n\tisLoading: boolean;\n\twidth?: number;\n\theight?: number;\n\tshouldRenderContainer: boolean;\n\tsetOpen: (next: boolean) => Promise<void>;\n\topen: (options?: UseFlowOpenOptions) => Promise<void>;\n\tclose: () => Promise<void>;\n\tprerender: () => Promise<void>;\n\tcontainerRef: (element: HTMLDivElement | null) => void;\n};\n\nconst useFlowController = (\n\toptions: UseFlowControllerOptions,\n): UseFlowControllerReturn => {\n\tconst ctx = useContext(GetUserFeedbackContext);\n\tif (!ctx) {\n\t\tthrow new Error(\"useFlow must be used within a GetUserFeedbackProvider\");\n\t}\n\tconst { client } = ctx;\n\tconst { flowId, prefetchOnMount = false, hideCloseButton } = options.flow;\n\tconst flowRun = useMemo(() => client.flow(flowId), [client, flowId]);\n\tconst requiresContainer = options.mode === \"container\";\n\tconst customContainerRef = useRef<HTMLDivElement | null>(null);\n\n\t/** Flow state from loader events; open/loading + dimensions. */\n\tconst flowState = useFlowStateStoreValue<FlowState>(\n\t\tflowRun,\n\t\t(state) => state,\n\t\t() => FALLBACK_FLOW_STATE,\n\t);\n\n\tconst open = useCallback(\n\t\t(openOptions?: UseFlowOpenOptions): Promise<void> =>\n\t\t\t!requiresContainer\n\t\t\t\t? flowRun.open({\n\t\t\t\t\t\thideCloseButton,\n\t\t\t\t\t\tmetadata: openOptions?.metadata,\n\t\t\t\t\t})\n\t\t\t\t: flowRun.open({\n\t\t\t\t\t\tcontainer: customContainerRef.current ?? null,\n\t\t\t\t\t\thideCloseButton,\n\t\t\t\t\t\tmetadata: openOptions?.metadata,\n\t\t\t\t\t}),\n\t\t[flowRun, hideCloseButton, requiresContainer],\n\t);\n\n\tconst close = useCallback((): Promise<void> => flowRun.close(), [flowRun]);\n\n\tconst setOpen = useCallback(\n\t\t(next: boolean): Promise<void> => (next ? open() : close()),\n\t\t[close, open],\n\t);\n\n\tconst containerRef = useCallback(\n\t\t(element: HTMLDivElement | null): void => {\n\t\t\tif (!requiresContainer) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tcustomContainerRef.current = element;\n\t\t\tflowRun.setContainer(element);\n\t\t},\n\t\t[flowRun, requiresContainer],\n\t);\n\n\tconst hasPreparedCustomView = hasPreparedFlowState(flowState);\n\tconst shouldRenderContainer =\n\t\trequiresContainer &&\n\t\t(flowState.isOpen || (flowState.isLoading && hasPreparedCustomView));\n\n\tuseEffect(() => {\n\t\tif (!prefetchOnMount) {\n\t\t\treturn;\n\t\t}\n\t\tflowRun.prefetch();\n\t}, [flowRun, prefetchOnMount]);\n\n\treturn {\n\t\tisOpen: flowState.isOpen,\n\t\tisLoading: flowState.isLoading,\n\t\twidth: flowState.width,\n\t\theight: flowState.height,\n\t\tshouldRenderContainer,\n\t\tsetOpen,\n\t\topen,\n\t\tclose,\n\t\tprerender: () => flowRun.prerender({ hideCloseButton }),\n\t\tcontainerRef,\n\t};\n};\n\n/**\n * @name useFlow\n * @description Open a Widget survey in the default floating container or your own container.\n * @example Default (floating) container\n * ```tsx\n * const { open, isLoading } = useFlow({ flowId: \"sur_123\" });\n * await open({\n *   metadata: {\n *     tags: {\n *       journey_stage: \"onboarding\",\n *     },\n *   },\n * });\n * ```\n * @example Custom container\n * ```tsx\n * const { containerRef, shouldRenderContainer, open } = useFlow({ flowId: \"sur_123\", container: \"custom\" });\n * ```\n */\nexport function useFlow(\n\toptions: UseFlowOptions & { container?: \"default\" },\n): UseFlowReturn;\nexport function useFlow(\n\toptions: UseFlowOptions & { container: \"custom\" },\n): UseFlowContainerReturn;\nexport function useFlow(\n\toptions: UseFlowOptions,\n): UseFlowReturn | UseFlowContainerReturn {\n\tconst container = options.container ?? \"default\";\n\tconst mode = container === \"custom\" ? \"container\" : \"default\";\n\tconst controller = useFlowController({\n\t\tflow: {\n\t\t\tflowId: options.flowId,\n\t\t\tprefetchOnMount: options.prefetchOnMount,\n\t\t\thideCloseButton: options.hideCloseButton,\n\t\t},\n\t\tmode,\n\t});\n\n\tif (mode === \"container\") {\n\t\treturn {\n\t\t\tcontainer: \"custom\",\n\t\t\tisOpen: controller.isOpen,\n\t\t\tisLoading: controller.isLoading,\n\t\t\twidth: controller.width,\n\t\t\theight: controller.height,\n\t\t\tshouldRenderContainer: controller.shouldRenderContainer,\n\t\t\topen: controller.open,\n\t\t\tsetOpen: controller.setOpen,\n\t\t\tprerender: controller.prerender,\n\t\t\tcontainerRef: controller.containerRef,\n\t\t};\n\t}\n\n\treturn {\n\t\tcontainer: \"default\",\n\t\tisOpen: controller.isOpen,\n\t\tisLoading: controller.isLoading,\n\t\twidth: controller.width,\n\t\theight: controller.height,\n\t\topen: controller.open,\n\t\tclose: controller.close,\n\t\tprerender: controller.prerender,\n\t};\n}\n\n/**\n * @name useDefaultFlowContainer\n * @description Register and control a default flow container for all flows in this provider subtree.\n * @example Display any flow in your own dialog\n * ```tsx\n * function DefaultFlowContainer() {\n *   const { containerRef, shouldRenderContainer, width, height, setOpen } = useDefaultFlowContainer();\n *   return (\n *     <Dialog open={shouldRenderContainer} onOpenChange={setOpen}>\n *       <DialogContent ref={containerRef} style={{ width, height }} />\n *     </Dialog>\n *   );\n * }\n *\n * function App() {\n *   return (\n *     <GetUserFeedbackProvider clientOptions={{ apiKey: \"YOUR_API_KEY\" }}>\n *       <AppRoutes />\n *       <DefaultFlowContainer />\n *     </GetUserFeedbackProvider>\n *   );\n * }\n * ```\n */\nexport function useDefaultFlowContainer(): UseDefaultFlowContainerReturn {\n\tconst ctx = useContext(GetUserFeedbackContext);\n\tif (!ctx) {\n\t\tthrow new Error(\n\t\t\t\"useDefaultFlowContainer must be used within a GetUserFeedbackProvider\",\n\t\t);\n\t}\n\n\tconst {\n\t\tclient,\n\t\tdefaultFlowContainerState,\n\t\tregisterDefaultFlowContainerConsumer,\n\t\tsetDefaultFlowContainer,\n\t} = ctx;\n\n\tuseEffect(\n\t\t() => registerDefaultFlowContainerConsumer(),\n\t\t[registerDefaultFlowContainerConsumer],\n\t);\n\n\tconst containerRef = useCallback(\n\t\t(element: HTMLDivElement | null): void => {\n\t\t\tsetDefaultFlowContainer(element);\n\t\t},\n\t\t[setDefaultFlowContainer],\n\t);\n\n\tconst close = useCallback((): Promise<void> => client.close(), [client]);\n\n\tconst setOpen = useCallback(\n\t\t(next: boolean): Promise<void> => {\n\t\t\tif (next) {\n\t\t\t\treturn Promise.resolve();\n\t\t\t}\n\t\t\treturn close();\n\t\t},\n\t\t[close],\n\t);\n\n\treturn {\n\t\tisOpen: defaultFlowContainerState.isOpen,\n\t\tisLoading: defaultFlowContainerState.isLoading,\n\t\tshouldRenderContainer: defaultFlowContainerState.shouldRenderContainer,\n\t\twidth: defaultFlowContainerState.width,\n\t\theight: defaultFlowContainerState.height,\n\t\tsetOpen,\n\t\tcontainerRef,\n\t};\n}\n\n/**\n * Submit feedback or explicitly fetch the JWT-authenticated user's feedback.\n *\n * Neither operation runs automatically. Each promise returns the corresponding\n * SDK result and rejects when the operation fails.\n */\nexport function useFeedback(): UseFeedbackReturn {\n\tconst ctx = useContext(GetUserFeedbackContext);\n\tif (!ctx) {\n\t\tthrow new Error(\n\t\t\t\"useFeedback must be used within a GetUserFeedbackProvider\",\n\t\t);\n\t}\n\n\tconst [pendingFetchCount, setPendingFetchCount] = useState(0);\n\tconst [pendingSubmissionCount, setPendingSubmissionCount] = useState(0);\n\tconst fetch = useCallback(\n\t\tasync (input: FetchFeedbackInput): Promise<FetchFeedbackResult> => {\n\t\t\tsetPendingFetchCount((count) => count + 1);\n\t\t\ttry {\n\t\t\t\treturn await ctx.client.feedback.fetch(input);\n\t\t\t} finally {\n\t\t\t\tsetPendingFetchCount((count) => count - 1);\n\t\t\t}\n\t\t},\n\t\t[ctx.client],\n\t);\n\tconst submit = useCallback(\n\t\tasync (input: FeedbackInput): Promise<SubmitFeedbackResult> => {\n\t\t\tsetPendingSubmissionCount((count) => count + 1);\n\t\t\ttry {\n\t\t\t\treturn await ctx.client.feedback.submit(input);\n\t\t\t} finally {\n\t\t\t\tsetPendingSubmissionCount((count) => count - 1);\n\t\t\t}\n\t\t},\n\t\t[ctx.client],\n\t);\n\n\treturn {\n\t\tfetch,\n\t\tisFetching: pendingFetchCount > 0,\n\t\tisSubmitting: pendingSubmissionCount > 0,\n\t\tsubmit,\n\t};\n}\n\n/**\n * Hook for accessing the getuserfeedback client instance.\n *\n * @see https://getuserfeedback.com/docs/reference/react-sdk-reference\n * @see https://getuserfeedback.com/docs/reference/events\n *\n * @example Basic usage\n * ```tsx\n * const client = useGetUserFeedback();\n *\n * // on login\n * client.identify('user-123', { email: 'user@example.com' });\n *\n * // track a product event\n * client.track(\"Checkout Started\", { plan: \"pro\" });\n *\n * // on logout\n * client.reset();\n * ```\n *\n * @example Override color scheme\n * ```tsx\n * const client = useGetUserFeedback();\n * await client.configure({ colorScheme: \"dark\" });\n * ```\n */\nexport function useGetUserFeedback(): Client {\n\tconst ctx = useContext(GetUserFeedbackContext);\n\tif (!ctx) {\n\t\tthrow new Error(\n\t\t\t\"useGetUserFeedback must be used within a GetUserFeedbackProvider\",\n\t\t);\n\t}\n\treturn ctx.client;\n}\n",
     "declare const __GX_REACT_SDK_VERSION__: string | undefined;\n\nconst reactSdkVersion =\n\ttypeof __GX_REACT_SDK_VERSION__ === \"string\"\n\t\t? __GX_REACT_SDK_VERSION__.trim()\n\t\t: \"\";\n\n// Build scripts inject __GX_REACT_SDK_VERSION__ for published artifacts.\n// Source-linked workspace usage may not inject defines, so keep a safe fallback.\nexport const REACT_SDK_VERSION =\n\treactSdkVersion.length > 0 ? reactSdkVersion : \"0.0.0-local\";\n"
   ],
-  "mappings": "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",
-  "debugId": "40692E37516B248764756E2164756E21",
+  "mappings": "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",
+  "debugId": "0480976B43E9968064756E2164756E21",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getuserfeedback/react",
-  "version": "0.6.2",
+  "version": "0.6.10",
   "description": "getuserfeedback React SDK",
   "keywords": [
     "getuserfeedback",
@@ -41,7 +41,7 @@
     "lint": "biome check ."
   },
   "dependencies": {
-    "@getuserfeedback/sdk": "^0.9.1"
+    "@getuserfeedback/sdk": "^0.9.8"
   },
   "peerDependencies": {
     "react": ">=18.0.0"