@sintecinformatik/checkout 1.0.0

package/README.md

@@ -0,0 +1,106 @@
+# @sintec/checkout
+
+React components for integrating Sintec License Server checkout into your product website.
+
+## Installation
+
+```bash
+npm install @sintec/checkout
+```
+
+> **Note**: Package not yet published to npm. For now, copy the source from this directory or use a local path reference.
+
+## Usage
+
+### CheckoutButton Component
+
+The simplest way to add a buy button:
+
+```tsx
+import { CheckoutButton } from "@sintec/checkout";
+
+function BuyPage() {
+  return (
+    <CheckoutButton
+      productSlug="your-product"
+      licenseType="perpetual"
+      customerEmail="user@example.com"
+      className="buy-button"
+    >
+      Buy License - $99
+    </CheckoutButton>
+  );
+}
+```
+
+### useCheckout Hook
+
+For custom UI implementations:
+
+```tsx
+import { useCheckout } from "@sintec/checkout";
+
+function CustomCheckout() {
+  const { startCheckout, isLoading, error } = useCheckout();
+
+  const handleBuy = async () => {
+    await startCheckout({
+      productSlug: "your-product",
+      licenseType: "perpetual",
+      customerEmail: "user@example.com",
+    });
+  };
+
+  return (
+    <div>
+      <button onClick={handleBuy} disabled={isLoading}>
+        {isLoading ? "Processing..." : "Purchase"}
+      </button>
+      {error && <p className="error">{error}</p>}
+    </div>
+  );
+}
+```
+
+## API Reference
+
+### CheckoutButton Props
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `productSlug` | `string` | Yes | Product identifier |
+| `licenseType` | `"perpetual" \| "monthly" \| "yearly"` | Yes | License type |
+| `customerEmail` | `string` | No | Pre-fill customer email in Stripe |
+| `serverUrl` | `string` | No | License server URL (default: `https://license.sintec.ch`) |
+| `className` | `string` | No | CSS class for styling |
+| `children` | `ReactNode` | No | Button content (default: "Buy Now") |
+| `onCheckoutStart` | `() => void` | No | Called when checkout begins |
+| `onError` | `(error: string) => void` | No | Called on error |
+
+### useCheckout Options
+
+```tsx
+const { startCheckout, isLoading, error } = useCheckout({
+  serverUrl: "https://license.sintec.ch", // optional
+});
+```
+
+### startCheckout Parameters
+
+| Param | Type | Required | Description |
+|-------|------|----------|-------------|
+| `productSlug` | `string` | Yes | Product identifier |
+| `licenseType` | `"perpetual" \| "monthly" \| "yearly"` | Yes | License type |
+| `customerEmail` | `string` | No | Pre-fill customer email |
+
+## How It Works
+
+1. User clicks the checkout button
+2. Package calls the license server API to create a Stripe checkout session
+3. User is redirected to Stripe to complete payment
+4. After payment, user is redirected to the license server success page
+5. Success page displays the generated license key
+
+## License
+
+MIT

package/dist/index.d.mts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type LicenseType = "perpetual" | "monthly" | "yearly";
+interface CheckoutOptions {
+    /** Base URL of the license server (defaults to https://license.sintec.ch) */
+    serverUrl?: string;
+}
+interface StartCheckoutParams {
+    /** Product slug identifier */
+    productSlug: string;
+    /** Type of license to purchase */
+    licenseType: LicenseType;
+    /** Customer email (optional, pre-fills Stripe checkout) */
+    customerEmail?: string;
+}
+interface CheckoutButtonProps extends StartCheckoutParams {
+    /** Base URL of the license server */
+    serverUrl?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Button content */
+    children?: React.ReactNode;
+    /** Callback when checkout starts */
+    onCheckoutStart?: () => void;
+    /** Callback on error */
+    onError?: (error: string) => void;
+}
+interface CheckoutSessionResponse {
+    checkoutUrl: string;
+}
+interface CheckoutErrorResponse {
+    error: string;
+}
+
+declare function CheckoutButton({ productSlug, licenseType, customerEmail, serverUrl, className, children, onCheckoutStart, onError, }: CheckoutButtonProps): react_jsx_runtime.JSX.Element;
+
+interface UseCheckoutReturn {
+    /** Start the checkout process */
+    startCheckout: (params: StartCheckoutParams) => Promise<void>;
+    /** Whether a checkout is currently in progress */
+    isLoading: boolean;
+    /** Last error message, if any */
+    error: string | null;
+}
+declare function useCheckout(options?: CheckoutOptions): UseCheckoutReturn;
+
+export { CheckoutButton, type CheckoutButtonProps, type CheckoutErrorResponse, type CheckoutOptions, type CheckoutSessionResponse, type LicenseType, type StartCheckoutParams, type UseCheckoutReturn, useCheckout };

package/dist/index.d.ts

@@ -0,0 +1,47 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+type LicenseType = "perpetual" | "monthly" | "yearly";
+interface CheckoutOptions {
+    /** Base URL of the license server (defaults to https://license.sintec.ch) */
+    serverUrl?: string;
+}
+interface StartCheckoutParams {
+    /** Product slug identifier */
+    productSlug: string;
+    /** Type of license to purchase */
+    licenseType: LicenseType;
+    /** Customer email (optional, pre-fills Stripe checkout) */
+    customerEmail?: string;
+}
+interface CheckoutButtonProps extends StartCheckoutParams {
+    /** Base URL of the license server */
+    serverUrl?: string;
+    /** Additional CSS classes */
+    className?: string;
+    /** Button content */
+    children?: React.ReactNode;
+    /** Callback when checkout starts */
+    onCheckoutStart?: () => void;
+    /** Callback on error */
+    onError?: (error: string) => void;
+}
+interface CheckoutSessionResponse {
+    checkoutUrl: string;
+}
+interface CheckoutErrorResponse {
+    error: string;
+}
+
+declare function CheckoutButton({ productSlug, licenseType, customerEmail, serverUrl, className, children, onCheckoutStart, onError, }: CheckoutButtonProps): react_jsx_runtime.JSX.Element;
+
+interface UseCheckoutReturn {
+    /** Start the checkout process */
+    startCheckout: (params: StartCheckoutParams) => Promise<void>;
+    /** Whether a checkout is currently in progress */
+    isLoading: boolean;
+    /** Last error message, if any */
+    error: string | null;
+}
+declare function useCheckout(options?: CheckoutOptions): UseCheckoutReturn;
+
+export { CheckoutButton, type CheckoutButtonProps, type CheckoutErrorResponse, type CheckoutOptions, type CheckoutSessionResponse, type LicenseType, type StartCheckoutParams, type UseCheckoutReturn, useCheckout };

package/dist/index.js

@@ -0,0 +1,120 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  CheckoutButton: () => CheckoutButton,
+  useCheckout: () => useCheckout
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/useCheckout.ts
+var import_react = require("react");
+var DEFAULT_SERVER_URL = "https://license.sintec.ch";
+function useCheckout(options = {}) {
+  const { serverUrl = DEFAULT_SERVER_URL } = options;
+  const [isLoading, setIsLoading] = (0, import_react.useState)(false);
+  const [error, setError] = (0, import_react.useState)(null);
+  const startCheckout = (0, import_react.useCallback)(
+    async (params) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const response = await fetch(`${serverUrl}/api/v1/checkout/session`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({
+            productSlug: params.productSlug,
+            licenseType: params.licenseType,
+            customerEmail: params.customerEmail
+          })
+        });
+        const data = await response.json();
+        if (!response.ok) {
+          const errorData = data;
+          throw new Error(errorData.error || "Failed to create checkout session");
+        }
+        const successData = data;
+        if (successData.checkoutUrl) {
+          window.location.href = successData.checkoutUrl;
+        } else {
+          throw new Error("No checkout URL returned");
+        }
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Failed to start checkout";
+        setError(message);
+        throw err;
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [serverUrl]
+  );
+  return {
+    startCheckout,
+    isLoading,
+    error
+  };
+}
+
+// src/CheckoutButton.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function CheckoutButton({
+  productSlug,
+  licenseType,
+  customerEmail,
+  serverUrl,
+  className,
+  children = "Buy Now",
+  onCheckoutStart,
+  onError
+}) {
+  const { startCheckout, isLoading } = useCheckout({ serverUrl });
+  const handleClick = async () => {
+    onCheckoutStart?.();
+    try {
+      await startCheckout({
+        productSlug,
+        licenseType,
+        customerEmail
+      });
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Checkout failed";
+      onError?.(message);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      disabled: isLoading,
+      className,
+      children: isLoading ? "Loading..." : children
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CheckoutButton,
+  useCheckout
+});

package/dist/index.mjs

@@ -0,0 +1,92 @@
+// src/useCheckout.ts
+import { useState, useCallback } from "react";
+var DEFAULT_SERVER_URL = "https://license.sintec.ch";
+function useCheckout(options = {}) {
+  const { serverUrl = DEFAULT_SERVER_URL } = options;
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const startCheckout = useCallback(
+    async (params) => {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const response = await fetch(`${serverUrl}/api/v1/checkout/session`, {
+          method: "POST",
+          headers: {
+            "Content-Type": "application/json"
+          },
+          body: JSON.stringify({
+            productSlug: params.productSlug,
+            licenseType: params.licenseType,
+            customerEmail: params.customerEmail
+          })
+        });
+        const data = await response.json();
+        if (!response.ok) {
+          const errorData = data;
+          throw new Error(errorData.error || "Failed to create checkout session");
+        }
+        const successData = data;
+        if (successData.checkoutUrl) {
+          window.location.href = successData.checkoutUrl;
+        } else {
+          throw new Error("No checkout URL returned");
+        }
+      } catch (err) {
+        const message = err instanceof Error ? err.message : "Failed to start checkout";
+        setError(message);
+        throw err;
+      } finally {
+        setIsLoading(false);
+      }
+    },
+    [serverUrl]
+  );
+  return {
+    startCheckout,
+    isLoading,
+    error
+  };
+}
+
+// src/CheckoutButton.tsx
+import { jsx } from "react/jsx-runtime";
+function CheckoutButton({
+  productSlug,
+  licenseType,
+  customerEmail,
+  serverUrl,
+  className,
+  children = "Buy Now",
+  onCheckoutStart,
+  onError
+}) {
+  const { startCheckout, isLoading } = useCheckout({ serverUrl });
+  const handleClick = async () => {
+    onCheckoutStart?.();
+    try {
+      await startCheckout({
+        productSlug,
+        licenseType,
+        customerEmail
+      });
+    } catch (err) {
+      const message = err instanceof Error ? err.message : "Checkout failed";
+      onError?.(message);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "button",
+    {
+      type: "button",
+      onClick: handleClick,
+      disabled: isLoading,
+      className,
+      children: isLoading ? "Loading..." : children
+    }
+  );
+}
+export {
+  CheckoutButton,
+  useCheckout
+};

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@sintecinformatik/checkout",
+  "version": "1.0.0",
+  "description": "Checkout components for Sintec License Server",
+  "main": "dist/index.js",
+  "module": "dist/index.mjs",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --watch",
+    "lint": "eslint src/",
+    "prepublishOnly": "npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "react": "^19.0.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "keywords": [
+    "checkout",
+    "stripe",
+    "license",
+    "sintec"
+  ],
+  "author": "Sintec",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/gitmeupchris/SintecLicenseServer.git",
+    "directory": "checkout"
+  }
+}