@sintecinformatik/checkout 1.0.0 → 1.1.0

package/README.md

@@ -5,10 +5,33 @@ React components for integrating Sintec License Server checkout into your produc
 ## Installation
 
 ```bash
-npm install @sintec/checkout
+npm install @sintecinformatik/checkout
 ```
 
-> **Note**: Package not yet published to npm. For now, copy the source from this directory or use a local path reference.
+## Finding Your Product Slug
+
+To find available products and their slugs, call the products endpoint:
+
+```bash
+curl https://license.sintec.ch/api/v1/checkout/products
+```
+
+Response:
+```json
+[
+  {
+    "slug": "littlewoodshed",
+    "name": "LittleWoodshed",
+    "perpetualPriceCents": 19900,
+    "monthlyPriceCents": 900,
+    "yearlyPriceCents": 7800,
+    "currency": "chf",
+    "checkoutEnabled": true
+  }
+]
+```
+
+Use the `slug` value as your `productSlug` prop.
 
 ## Usage
 
@@ -17,7 +40,7 @@ npm install @sintec/checkout
 The simplest way to add a buy button:
 
 ```tsx
-import { CheckoutButton } from "@sintec/checkout";
+import { CheckoutButton } from "@sintecinformatik/checkout";
 
 function BuyPage() {
   return (
@@ -38,7 +61,7 @@ function BuyPage() {
 For custom UI implementations:
 
 ```tsx
-import { useCheckout } from "@sintec/checkout";
+import { useCheckout } from "@sintecinformatik/checkout";
 
 function CustomCheckout() {
   const { startCheckout, isLoading, error } = useCheckout();

package/dist/index.d.mts

@@ -31,6 +31,18 @@ interface CheckoutSessionResponse {
 interface CheckoutErrorResponse {
     error: string;
 }
+interface ProductPricing {
+    id: string;
+    name: string;
+    slug: string;
+    description: string | null;
+    perpetualPriceCents: number | null;
+    monthlyPriceCents: number | null;
+    yearlyPriceCents: number | null;
+    currency: string;
+    checkoutEnabled: boolean;
+    trialDaysLimit: number;
+}
 
 declare function CheckoutButton({ productSlug, licenseType, customerEmail, serverUrl, className, children, onCheckoutStart, onError, }: CheckoutButtonProps): react_jsx_runtime.JSX.Element;
 
@@ -44,4 +56,11 @@ interface UseCheckoutReturn {
 }
 declare function useCheckout(options?: CheckoutOptions): UseCheckoutReturn;
 
-export { CheckoutButton, type CheckoutButtonProps, type CheckoutErrorResponse, type CheckoutOptions, type CheckoutSessionResponse, type LicenseType, type StartCheckoutParams, type UseCheckoutReturn, useCheckout };
+interface UseProductReturn {
+    product: ProductPricing | null;
+    isLoading: boolean;
+    error: string | null;
+}
+declare function useProduct(slug: string, options?: CheckoutOptions): UseProductReturn;
+
+export { CheckoutButton, type CheckoutButtonProps, type CheckoutErrorResponse, type CheckoutOptions, type CheckoutSessionResponse, type LicenseType, type ProductPricing, type StartCheckoutParams, type UseCheckoutReturn, type UseProductReturn, useCheckout, useProduct };

package/dist/index.d.ts

@@ -31,6 +31,18 @@ interface CheckoutSessionResponse {
 interface CheckoutErrorResponse {
     error: string;
 }
+interface ProductPricing {
+    id: string;
+    name: string;
+    slug: string;
+    description: string | null;
+    perpetualPriceCents: number | null;
+    monthlyPriceCents: number | null;
+    yearlyPriceCents: number | null;
+    currency: string;
+    checkoutEnabled: boolean;
+    trialDaysLimit: number;
+}
 
 declare function CheckoutButton({ productSlug, licenseType, customerEmail, serverUrl, className, children, onCheckoutStart, onError, }: CheckoutButtonProps): react_jsx_runtime.JSX.Element;
 
@@ -44,4 +56,11 @@ interface UseCheckoutReturn {
 }
 declare function useCheckout(options?: CheckoutOptions): UseCheckoutReturn;
 
-export { CheckoutButton, type CheckoutButtonProps, type CheckoutErrorResponse, type CheckoutOptions, type CheckoutSessionResponse, type LicenseType, type StartCheckoutParams, type UseCheckoutReturn, useCheckout };
+interface UseProductReturn {
+    product: ProductPricing | null;
+    isLoading: boolean;
+    error: string | null;
+}
+declare function useProduct(slug: string, options?: CheckoutOptions): UseProductReturn;
+
+export { CheckoutButton, type CheckoutButtonProps, type CheckoutErrorResponse, type CheckoutOptions, type CheckoutSessionResponse, type LicenseType, type ProductPricing, type StartCheckoutParams, type UseCheckoutReturn, type UseProductReturn, useCheckout, useProduct };

package/dist/index.js

@@ -21,7 +21,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   CheckoutButton: () => CheckoutButton,
-  useCheckout: () => useCheckout
+  useCheckout: () => useCheckout,
+  useProduct: () => useProduct
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -113,8 +114,40 @@ function CheckoutButton({
     }
   );
 }
+
+// src/useProduct.ts
+var import_react2 = require("react");
+var DEFAULT_SERVER_URL2 = "https://license.sintec.ch";
+function useProduct(slug, options = {}) {
+  const { serverUrl = DEFAULT_SERVER_URL2 } = options;
+  const [product, setProduct] = (0, import_react2.useState)(null);
+  const [isLoading, setIsLoading] = (0, import_react2.useState)(true);
+  const [error, setError] = (0, import_react2.useState)(null);
+  (0, import_react2.useEffect)(() => {
+    async function fetchProduct() {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const response = await fetch(`${serverUrl}/api/v1/checkout/products/${slug}`);
+        if (!response.ok) {
+          const data2 = await response.json();
+          throw new Error(data2.error || "Failed to fetch product");
+        }
+        const data = await response.json();
+        setProduct(data);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Failed to fetch product");
+      } finally {
+        setIsLoading(false);
+      }
+    }
+    fetchProduct();
+  }, [slug, serverUrl]);
+  return { product, isLoading, error };
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   CheckoutButton,
-  useCheckout
+  useCheckout,
+  useProduct
 });

package/dist/index.mjs

@@ -86,7 +86,39 @@ function CheckoutButton({
     }
   );
 }
+
+// src/useProduct.ts
+import { useState as useState2, useEffect } from "react";
+var DEFAULT_SERVER_URL2 = "https://license.sintec.ch";
+function useProduct(slug, options = {}) {
+  const { serverUrl = DEFAULT_SERVER_URL2 } = options;
+  const [product, setProduct] = useState2(null);
+  const [isLoading, setIsLoading] = useState2(true);
+  const [error, setError] = useState2(null);
+  useEffect(() => {
+    async function fetchProduct() {
+      setIsLoading(true);
+      setError(null);
+      try {
+        const response = await fetch(`${serverUrl}/api/v1/checkout/products/${slug}`);
+        if (!response.ok) {
+          const data2 = await response.json();
+          throw new Error(data2.error || "Failed to fetch product");
+        }
+        const data = await response.json();
+        setProduct(data);
+      } catch (err) {
+        setError(err instanceof Error ? err.message : "Failed to fetch product");
+      } finally {
+        setIsLoading(false);
+      }
+    }
+    fetchProduct();
+  }, [slug, serverUrl]);
+  return { product, isLoading, error };
+}
 export {
   CheckoutButton,
-  useCheckout
+  useCheckout,
+  useProduct
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sintecinformatik/checkout",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "Checkout components for Sintec License Server",
   "main": "dist/index.js",
   "module": "dist/index.mjs",