@spotdraft/clickwrap-client-sdk

A framework-agnostic TypeScript SDK for implementing SpotDraft Clickwrap functionality in any JavaScript/TypeScript project.

Features

- 🚀 Framework Agnostic: Works with React, Vue, Angular, Svelte, or plain JavaScript
- 📦 TypeScript Support: Full TypeScript definitions included
- 🌐 Universal: Supports both ESM and CommonJS
- 🔧 Easy Integration: Simple API for quick implementation
- 📱 Browser Ready: Works in all modern browsers

Installation

``bash
npm install @spotdraft/clickwrap-client-sdk
`

Development

$3

`bash


Build the complete package (CJS, ESM, types, and CDN version)

`bash


Show publish instructions

`typescript
import { SdClickthrough } from "@spotdraft/clickwrap-client-sdk";

// Initialize the SDK
const clickthrough = new SdClickthrough({
clickwrapId: "your-clickwrap-id",
baseUrl: "https://api.spotdraft.com",
hostLocationDomId: "clickwrap-container"
});

// Initialize and render the clickwrap
await clickthrough.init();

// Listen for acceptance changes
clickthrough.on("ACCEPTANCE_TOGGLED", isAccepted => {
console.log("Acceptance status:", isAccepted);
});

// Submit when user accepts
if (clickthrough.isAccepted()) {
await clickthrough.submit({
user_identifier: "user@example.com"
// ... other metadata
});
}
`

$3

`tsx
import React, { useEffect, useRef, useState } from "react";
import { SdClickthrough } from "@spotdraft/clickwrap-client-sdk";

const ClickwrapComponent: React.FC = () => {
const containerRef = useRef(null);
const [clickthrough, setClickthrough] = useState(null);
const [isAccepted, setIsAccepted] = useState(false);

useEffect(() => {
const sdk = new SdClickthrough({
clickwrapId: "your-clickwrap-id",
baseUrl: "https://api.spotdraft.com",
hostLocationDomId: "clickwrap-container"
});

sdk.on("ACCEPTANCE_TOGGLED", setIsAccepted);
sdk.init();
setClickthrough(sdk);

return () => {
// Cleanup if needed
};
}, []);

const handleSubmit = async () => {
if (clickthrough && isAccepted) {
await clickthrough.submit({
user_identifier: "user@example.com"
});
}
};

return (