Embed the Widget

import { UserIntuitionWidget } from '@userintuition-ai/web';

return (
  <UserIntuitionWidget
    assistantId="your-assistant-id"
    publicKey="your-public-key"
    mode="voice"
    theme="dark"
    position="bottom-right"
    title="Have Feedback?"
    subtitle="Take a 10 min survey to help shape our roadmap"
    // ... additional configuration
  />
);

<UserIntuitionWidget
  assistantId="7ca1b3c9-fda8-4e54-ab76-9f251786f4be"
  publicKey="c39b8807-d06e-4fdb-b769-8964b082c776"
  mode="voice"
  theme="dark"
  position="bottom-right"
  title="Have Feedback?"
  subtitle="Share your thoughts in a quick 10-minute chat"
/>

<UserIntuitionWidget
  assistantId="your-assistant-id"
  publicKey="your-public-key"
  mode="voice"
  consentRequired={true}
  consentTitle="Terms and Conditions"
  consentContent="By clicking 'Agree,' I consent to the recording, storage, and sharing of my communications with third-party service providers, as described in our Terms of Service."
/>

<UserIntuitionWidget
  assistantId="your-assistant-id"
  publicKey="your-public-key"
  showWidget={true}
  delayInterval={5000}  // Show after 5 seconds
/>

const [showFeedback, setShowFeedback] = useState(false);

// Show after purchase
const handlePurchaseComplete = () => {
  setShowFeedback(true);
};

return (
  <UserIntuitionWidget
    showWidget={showFeedback}
    // ... other props
  />
);