1.0.0 • Published 8 months ago
@haptik/interakt-connect-button v1.0.0
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 |