@coverdash/single-quote

Coverdash Single Quote Component for partner integrations. This component displays a single insurance quote with an opt-in button for HousecallPro and other partner integrations.

Installation

npm install @coverdash/single-quote
# or
yarn add @coverdash/single-quote

Usage

import SingleQuoteComponent from "@coverdash/single-quote"
import "@coverdash/single-quote/lib/cjs/styles.css"

function App() {
  return (
    <SingleQuoteComponent
      env="uat" // or "production" or "staging"
      applicationId="your-application-id"
      onContinueClicked={(requiresUwq) => {
        console.log(
          "Continue clicked, requires underwriting questions:",
          requiresUwq
        )
      }}
      onClose={() => {
        console.log("Component closed")
      }}
    />
  )
}

Props

• applicationId (required): The application ID to display the quote for
• env: Environment to use ("production", "uat", or "staging")
• styles: Custom CSS styles for the iframe container
• allowScroll: Whether to allow scrolling in the iframe
• hideChat: Hide the chat widget
• autoResize: Automatically resize the iframe based on content
• source: Source identifier for tracking
• hideScrollbar: Hide the scrollbar
• onContinueClicked: Callback when the continue button is clicked, returns whether underwriting questions are required
• onClose: Callback when the component is closed

Development

# Install dependencies
yarn

# Start the example app
cd example
yarn
yarn start

# Build the package
yarn build

Publishing

The package is published to npm via GitLab CI when pushing to the release_prod branch.

Build Process

The build process uses the copy-files script to copy components from example/src/components to src/components before building. This allows you to develop in the example app and have changes automatically copied to the package.