Interakt Connect Button

Installation

With yarn

yarn add @haptik/interakt-connect-button

With pnpm

pnpm add @haptik/interakt-connect-button

With NPM

npm install @haptik/interakt-connect-button

Getting started

Add the Interakt Connect Button to your app:

import InteraktConnectButton from "@haptik/interakt-connect-button";
import "@haptik/interakt-connect-button/dist/style.css";

const App = () => {
  const handleCallback = (callbackObject) => {
    console.log("Api Key: " + callbackObject.publicApiSecretKey);
    console.log("Channel Id: " + callbackObject.phoneNumberId);
    console.log("WhatsApp Api Number: " + callbackObject.waApiNumber);
    console.log("Waba Id: " + callbackObject.wabaId);
  };

  return (
    <InteraktConnectButton
      partnerId={"your-partner-id"}
      callback={handleCallback}
    />
  );
};

Properties

Following properties are supported by the button component:

| Property name | Type | Description | Required | | ------------- | ---- | ----------- | -------- | | partnerId | string | Your Interakt Partner ID | ✅ | | callback | (callbackObject: { phoneNumberId: string, waApiNumber: string, wabaId: string, publicApiSecretKey: string }) => void | Callback function, that receives the returned phone number id, whatsapp api number, whatsapp business id, public api secret key | ✅ | label | string | Optional parameter to provide a custom button label | | | className | string | Optional string for adding custom class name | | | style | React.CSSProperties | Optional style property to override styles | | | queryParameters | { phone?: string, country_code?: string; } | Optional query parameters that get passed to the sign up form for pre-filling | | |