@getuserfeedback/react 0.1.0 → 0.1.1

package/README.md

@@ -50,14 +50,14 @@ You can call flows imperatively, e.g., open a feedback form when the user clicks
 ```tsx
 import { useFlow } from "@getuserfeedback/react";
 
-const FEEDBACK_FLOW_ID = "YOUR_FLOW_ID";
+const CONTACT_SUPPORT_FLOW_ID = "YOUR_FLOW_ID";
 
-export function FeedbackButton() {
-  const { open } = useFlow({ flowId: FEEDBACK_FLOW_ID });
+export function ContactSupportMenuItem() {
+  const { open } = useFlow({ flowId: CONTACT_SUPPORT_FLOW_ID });
 
   return (
     <button type="button" onClick={() => open()}>
-      Give feedback
+      Contact support
     </button>
   );
 }
@@ -147,23 +147,31 @@ import {
   useGetUserFeedback,
 } from "@getuserfeedback/react";
 
-function LoadWidget() {
+function LoadWidgetAfterConsent({
+  hasResolvedConsent,
+}: {
+  hasResolvedConsent: boolean;
+}) {
   const client = useGetUserFeedback();
 
   useEffect(() => {
+    if (!hasResolvedConsent) {
+      return;
+    }
+
     client.load();
-  }, [client]);
+  }, [client, hasResolvedConsent]);
 
   return null;
 }
 
-export function App() {
+export function App({ hasResolvedConsent }: { hasResolvedConsent: boolean }) {
   return (
     <GetUserFeedbackProvider
       clientOptions={{ apiKey: "YOUR_API_KEY", disableAutoLoad: true }}
     >
       <AppRoutes />
-      <LoadWidget />
+      <LoadWidgetAfterConsent hasResolvedConsent={hasResolvedConsent} />
     </GetUserFeedbackProvider>
   );
 }
@@ -186,7 +194,7 @@ type User = {
   lastName?: string;
 };
 
-export function FeedbackIdentity({ user }: { user: User | null }) {
+export function Identify({ user }: { user: User | null }) {
   const client = useGetUserFeedback();
 
   useEffect(() => {
@@ -211,12 +219,19 @@ 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 client = useGetUserFeedback();
+  const { signOut } = useAuth();
+  const { reset } = useGetUserFeedback();
+
+  const handleLogout = async () => {
+    await signOut();
+    await reset();
+  };
 
   return (
-    <button type="button" onClick={() => client.reset()}>
+    <button type="button" onClick={handleLogout}>
       Log out
     </button>
   );
@@ -262,44 +277,52 @@ export function App() {
 ### Update color scheme at runtime
 
 ```tsx
+import { useEffect } from "react";
 import { useGetUserFeedback } from "@getuserfeedback/react";
 
-export function ThemeButton() {
+type ThemePreference = "light" | "dark" | "system";
+
+export function SyncWidgetTheme({
+  themePreference,
+}: {
+  themePreference: ThemePreference;
+}) {
   const client = useGetUserFeedback();
 
-  return (
-    <button
-      type="button"
-      onClick={() => client.configure({ colorScheme: "system" })}
-    >
-      Follow system
-    </button>
-  );
+  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 ThemeAutoDetectButton() {
+export function SyncWidgetToAppTheme({
+  useAppTheme,
+}: {
+  useAppTheme: boolean;
+}) {
   const client = useGetUserFeedback();
 
-  return (
-    <button
-      type="button"
-      onClick={() =>
-        client.configure({
-          colorScheme: {
-            autoDetectColorScheme: ["class", "data-theme"], // default
-          },
-        })
-      }
-    >
-      Use host theme
-    </button>
-  );
+  useEffect(() => {
+    if (!useAppTheme) {
+      return;
+    }
+
+    client.configure({
+      colorScheme: {
+        autoDetectColorScheme: ["class", "data-theme"], // default
+      },
+    });
+  }, [client, useAppTheme]);
+
+  return null;
 }
 ```
 
@@ -393,43 +416,78 @@ With `pending` consent set by default, all non-essential data scopes are conside
 
 ### Update consent at runtime
 
+For example, sync consent from your cookie banner or CMP state:
+
 ```tsx
+import { useEffect } from "react";
 import { useGetUserFeedback } from "@getuserfeedback/react";
+import { useCookieConsent } from "./cookie-consent";
 
-export function ConsentGrantedButton() {
+export function GetUserFeedbackConsentSync() {
   const client = useGetUserFeedback();
+  const { hasAnswered, analyticsEnabled } = useCookieConsent();
 
-  return (
-    <button
-      type="button"
-      onClick={() => client.configure({ consent: "granted" })}
-    >
-      Grant consent
-    </button>
-  );
+  useEffect(() => {
+    if (!hasAnswered) {
+      client.configure({ consent: "pending" });
+      return;
+    }
+
+    if (!analyticsEnabled) {
+      client.configure({ consent: "denied" });
+      return;
+    }
+
+    client.configure({
+      consent: ["analytics.measurement", "analytics.storage"],
+    });
+  }, [analyticsEnabled, client, hasAnswered]);
+
+  return null;
 }
 ```
 
-You can also pass explicit granted scopes instead:
+Or, when users save privacy settings, pass explicit granted scopes:
 
 ```tsx
 import { useGetUserFeedback } from "@getuserfeedback/react";
 
-export function ConsentScopesButton() {
+type PrivacySettings = {
+  analyticsEnabled: boolean;
+  personalizedAdsEnabled: boolean;
+};
+
+export function useSavePrivacySettings() {
   const client = useGetUserFeedback();
 
-  return (
-    <button
-      type="button"
-      onClick={() =>
-        client.configure({
-          consent: ["analytics.measurement", "analytics.storage"],
-        })
-      }
-    >
-      Grant analytics scopes
-    </button>
-  );
+  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");
+    }
+
+    if (personalizedAdsEnabled) {
+      grantedScopes.push(
+        "ads.storage",
+        "ads.user_data",
+        "ads.personalization",
+      );
+    }
+
+    await client.configure({
+      consent: grantedScopes.length > 0 ? grantedScopes : "denied",
+    });
+  };
 }
 
 ```
@@ -451,12 +509,14 @@ export function ConsentScopesButton() {
 ```tsx
 import { useFlow } from "@getuserfeedback/react";
 
-export function OpenFlowButton() {
-  const { open } = useFlow({ flowId: "YOUR_FLOW_ID" });
+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()}>
-      Open flow
+      Report a bug
     </button>
   );
 }
@@ -469,9 +529,11 @@ Prefetching loads flow resources over the network, prerendering warms up the UI.
 ```tsx
 import { useFlow } from "@getuserfeedback/react";
 
-export function FeedbackButton() {
+const FEEDBACK_FLOW_ID = "YOUR_FLOW_ID";
+
+export function HelpMenuFeedbackItem() {
   const { prerender, open } = useFlow({
-    flowId: "YOUR_FLOW_ID",
+    flowId: FEEDBACK_FLOW_ID,
     prefetchOnMount: true,
   });
 
@@ -482,7 +544,7 @@ export function FeedbackButton() {
       onFocus={() => prerender()}
       onClick={() => open()}
     >
-      Give feedback
+      Share product feedback
     </button>
   );
 }

package/dist/index.js

@@ -1,5 +1,5 @@
 "use client";
-import{createClient as M}from"@getuserfeedback/sdk";import{createContext as Q,useCallback as _,useContext as q,useEffect as O,useMemo as h,useRef as y,useState as z}from"react";import{jsx as r}from"react/jsx-runtime";var W={isOpen:!1,isLoading:!1,shouldRenderContainer:!1,width:void 0,height:void 0},T=Q(null);function X({children:G,clientOptions:U}){let p=M(U),A=y(null),P=y(0),[R,v]=z(()=>({...p.getFlowState()})),b=_((E)=>{if(A.current=E,P.current===0)return;p.setDefaultContainerPolicy({kind:"hostContainer",host:E,sharing:"perFlowRun"})},[p]),F=_(()=>{if(P.current+=1,P.current===1)p.setDefaultContainerPolicy({kind:"hostContainer",host:A.current,sharing:"perFlowRun"});return()=>{if(P.current=Math.max(0,P.current-1),P.current===0)p.setDefaultContainerPolicy({kind:"floating"})}},[p]);O(()=>p.subscribeFlowState((E)=>{v({isOpen:E.isOpen,isLoading:E.isLoading,width:E.width,height:E.height})},{emitInitial:!0}),[p]);let K=h(()=>{if(!R.isOpen&&!R.isLoading)return W;return{isOpen:R.isOpen,isLoading:R.isLoading,shouldRenderContainer:!0,width:R.width,height:R.height}},[R]),N=h(()=>({client:p,apiKey:U.apiKey,setDefaultFlowContainer:b,registerDefaultFlowContainerConsumer:F,defaultFlowContainerState:K}),[p,U.apiKey,K,F,b]);return r(T.Provider,{value:N,children:G})}var B=(G)=>{let U=q(T);if(!U)throw Error("useFlow must be used within a GetUserFeedbackProvider");let{client:p}=U,{flowId:A,prefetchOnMount:P=!1}=G.flow,R=h(()=>p.flow(A),[p,A]),v=G.mode==="container",[b,F]=z(()=>R.getFlowState()),K=_(()=>{return R.open(v?{containerRequirement:"hostOnly"}:void 0)},[R,v]),N=_(()=>R.close(),[R]),E=_((I)=>I?K():N(),[N,K]),J=_((I)=>{if(!v)return;R.setContainer(I)},[R,v]),L=v&&(b.isLoading||b.isOpen);return O(()=>R.subscribeFlowState((I)=>F({isOpen:I.isOpen,isLoading:I.isLoading,width:I.width,height:I.height}),{emitInitial:!1}),[R]),O(()=>{if(!P)return;R.prefetch()},[R,P]),{isOpen:b.isOpen,isLoading:b.isLoading,width:b.width,height:b.height,shouldRenderContainer:L,setOpen:E,open:K,close:N,prerender:()=>R.prerender(),containerRef:J}};function Y(G){let U=B({flow:G,mode:"default"});return{isOpen:U.isOpen,isLoading:U.isLoading,width:U.width,height:U.height,open:U.open,close:U.close,prerender:U.prerender}}function Z(G){let U=B({flow:G,mode:"container"});return{isOpen:U.isOpen,isLoading:U.isLoading,width:U.width,height:U.height,shouldRenderContainer:U.shouldRenderContainer,setOpen:U.setOpen,prerender:U.prerender,containerRef:U.containerRef}}function $(){let G=q(T);if(!G)throw Error("useDefaultFlowContainer must be used within a GetUserFeedbackProvider");let{client:U,defaultFlowContainerState:p,registerDefaultFlowContainerConsumer:A,setDefaultFlowContainer:P}=G;O(()=>A(),[A]);let R=_((F)=>{P(F)},[P]),v=_(()=>U.close(),[U]),b=_((F)=>{if(F)return Promise.resolve();return v()},[v]);return{isOpen:p.isOpen,isLoading:p.isLoading,shouldRenderContainer:p.shouldRenderContainer,width:p.width,height:p.height,setOpen:b,containerRef:R}}function j(){let G=q(T);if(!G)throw Error("useGetUserFeedback must be used within a GetUserFeedbackProvider");return G.client}var H="0.1.0".trim(),D=H.length>0?H:"0.0.0-local";export{j as useGetUserFeedback,Z as useFlowContainer,Y as useFlow,$ as useDefaultFlowContainer,D as REACT_SDK_VERSION,X as GetUserFeedbackProvider};
+import{createClient as M}from"@getuserfeedback/sdk";import{createContext as Q,useCallback as _,useContext as q,useEffect as O,useMemo as h,useRef as y,useState as z}from"react";import{jsx as r}from"react/jsx-runtime";var W={isOpen:!1,isLoading:!1,shouldRenderContainer:!1,width:void 0,height:void 0},T=Q(null);function X({children:G,clientOptions:U}){let p=M(U),A=y(null),P=y(0),[R,v]=z(()=>({...p.getFlowState()})),b=_((E)=>{if(A.current=E,P.current===0)return;p.setDefaultContainerPolicy({kind:"hostContainer",host:E,sharing:"perFlowRun"})},[p]),F=_(()=>{if(P.current+=1,P.current===1)p.setDefaultContainerPolicy({kind:"hostContainer",host:A.current,sharing:"perFlowRun"});return()=>{if(P.current=Math.max(0,P.current-1),P.current===0)p.setDefaultContainerPolicy({kind:"floating"})}},[p]);O(()=>p.subscribeFlowState((E)=>{v({isOpen:E.isOpen,isLoading:E.isLoading,width:E.width,height:E.height})},{emitInitial:!0}),[p]);let K=h(()=>{if(!R.isOpen&&!R.isLoading)return W;return{isOpen:R.isOpen,isLoading:R.isLoading,shouldRenderContainer:!0,width:R.width,height:R.height}},[R]),N=h(()=>({client:p,apiKey:U.apiKey,setDefaultFlowContainer:b,registerDefaultFlowContainerConsumer:F,defaultFlowContainerState:K}),[p,U.apiKey,K,F,b]);return r(T.Provider,{value:N,children:G})}var B=(G)=>{let U=q(T);if(!U)throw Error("useFlow must be used within a GetUserFeedbackProvider");let{client:p}=U,{flowId:A,prefetchOnMount:P=!1}=G.flow,R=h(()=>p.flow(A),[p,A]),v=G.mode==="container",[b,F]=z(()=>R.getFlowState()),K=_(()=>{return R.open(v?{containerRequirement:"hostOnly"}:void 0)},[R,v]),N=_(()=>R.close(),[R]),E=_((I)=>I?K():N(),[N,K]),J=_((I)=>{if(!v)return;R.setContainer(I)},[R,v]),L=v&&(b.isLoading||b.isOpen);return O(()=>R.subscribeFlowState((I)=>F({isOpen:I.isOpen,isLoading:I.isLoading,width:I.width,height:I.height}),{emitInitial:!1}),[R]),O(()=>{if(!P)return;R.prefetch()},[R,P]),{isOpen:b.isOpen,isLoading:b.isLoading,width:b.width,height:b.height,shouldRenderContainer:L,setOpen:E,open:K,close:N,prerender:()=>R.prerender(),containerRef:J}};function Y(G){let U=B({flow:G,mode:"default"});return{isOpen:U.isOpen,isLoading:U.isLoading,width:U.width,height:U.height,open:U.open,close:U.close,prerender:U.prerender}}function Z(G){let U=B({flow:G,mode:"container"});return{isOpen:U.isOpen,isLoading:U.isLoading,width:U.width,height:U.height,shouldRenderContainer:U.shouldRenderContainer,setOpen:U.setOpen,prerender:U.prerender,containerRef:U.containerRef}}function $(){let G=q(T);if(!G)throw Error("useDefaultFlowContainer must be used within a GetUserFeedbackProvider");let{client:U,defaultFlowContainerState:p,registerDefaultFlowContainerConsumer:A,setDefaultFlowContainer:P}=G;O(()=>A(),[A]);let R=_((F)=>{P(F)},[P]),v=_(()=>U.close(),[U]),b=_((F)=>{if(F)return Promise.resolve();return v()},[v]);return{isOpen:p.isOpen,isLoading:p.isLoading,shouldRenderContainer:p.shouldRenderContainer,width:p.width,height:p.height,setOpen:b,containerRef:R}}function j(){let G=q(T);if(!G)throw Error("useGetUserFeedback must be used within a GetUserFeedbackProvider");return G.client}var H="0.1.1".trim(),D=H.length>0?H:"0.0.0-local";export{j as useGetUserFeedback,Z as useFlowContainer,Y as useFlow,$ as useDefaultFlowContainer,D as REACT_SDK_VERSION,X as GetUserFeedbackProvider};
 
-//# debugId=F70E7BF3F345A4F164756E2164756E21
+//# debugId=761C78F464AD69F064756E2164756E21
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -6,6 +6,6 @@
     "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": "F70E7BF3F345A4F164756E2164756E21",
+  "debugId": "761C78F464AD69F064756E2164756E21",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@getuserfeedback/react",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "getuserfeedback React SDK",
   "keywords": [
     "getuserfeedback",
@@ -27,6 +27,9 @@
   "scripts": {
     "prepack": "node scripts/prepack.cjs",
     "postpack": "node scripts/postpack.cjs",
+    "pack:verify": "node scripts/verify-pack.cjs",
+    "publish:dry-run": "node scripts/publish.cjs --dry-run",
+    "publish:npm": "node scripts/publish.cjs",
     "build": "bun x rimraf dist tsconfig.tsbuildinfo && bun run scripts/build.ts && bun x rollup -c rollup.dts.config.mjs",
     "typecheck": "tsc -b tsconfig.json",
     "test": "bun test"