@mmailaender/convex-creem 0.1.0

package/dist/react/widgets/ProductRoot.js

@@ -0,0 +1,171 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useMemo, useEffect, useRef, } from "react";
+import { useQuery, useConvex } from "convex/react";
+import { CheckoutButton } from "../primitives/CheckoutButton.js";
+import { formatPriceWithInterval, splitPriceLabel } from "../shared.js";
+import { ProductGroupContext } from "./productGroupContext.js";
+import { renderMarkdown } from "../../core/markdown.js";
+import { pendingCheckout } from "../../core/pendingCheckout.js";
+export const ProductRoot = ({ api, permissions, transition = [], className = "", layout = "default", styleVariant = "legacy", showImages = false, pricingCtaVariant = "faded", successUrl, onBeforeCheckout, children, }) => {
+    const client = useConvex();
+    const billingUiModelRef = api.uiModel;
+    const checkoutLinkRef = api.checkouts.create;
+    const modelRaw = useQuery(billingUiModelRef, {});
+    const model = (modelRaw ?? null);
+    const [registeredItems, setRegisteredItems] = useState([]);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const contextValue = useMemo(() => ({
+        registerItem: (item) => {
+            setRegisteredItems((prev) => [
+                ...prev.filter((c) => c.productId !== item.productId),
+                item,
+            ]);
+            return () => {
+                setRegisteredItems((prev) => prev.filter((c) => c.productId !== item.productId));
+            };
+        },
+    }), []);
+    const canCheckout = !model?.user && onBeforeCheckout != null
+        ? true
+        : permissions?.canCheckout !== false;
+    const allProducts = useMemo(() => model?.allProducts ?? [], [model?.allProducts]);
+    const rawOwnedProductIds = useMemo(() => model?.ownedProductIds ?? [], [model?.ownedProductIds]);
+    // Pending checkout resume after auth
+    const pendingCheckoutHandled = useRef(false);
+    useEffect(() => {
+        if (!model?.user || pendingCheckoutHandled.current)
+            return;
+        pendingCheckoutHandled.current = true;
+        const pending = pendingCheckout.load();
+        if (!pending)
+            return;
+        if ((model.ownedProductIds ?? []).includes(pending.productId)) {
+            pendingCheckout.clear();
+            return;
+        }
+        startCheckout(pending.productId);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [model?.user]);
+    // Resolve effective ownership by applying transition rules
+    const effectiveOwnedProductIds = useMemo(() => {
+        const effective = new Set(rawOwnedProductIds);
+        for (const rule of transition) {
+            if (rule.kind === "via_product" && effective.has(rule.viaProductId)) {
+                effective.add(rule.to);
+                effective.delete(rule.from);
+            }
+        }
+        return [...effective];
+    }, [rawOwnedProductIds, transition]);
+    const activeOwnedProductId = registeredItems.find((item) => effectiveOwnedProductIds.includes(item.productId))?.productId ?? null;
+    const isLowerTierThan = useCallback((productId, targetId) => {
+        const visited = new Set();
+        const queue = [productId];
+        while (queue.length > 0) {
+            const current = queue.shift();
+            if (visited.has(current))
+                continue;
+            visited.add(current);
+            for (const rule of transition) {
+                if (rule.from === current) {
+                    if (rule.to === targetId)
+                        return true;
+                    queue.push(rule.to);
+                }
+            }
+        }
+        return false;
+    }, [transition]);
+    const resolveCheckoutProductId = useCallback((toProductId) => {
+        if (!activeOwnedProductId) {
+            return toProductId;
+        }
+        const rule = transition.find((r) => r.from === activeOwnedProductId && r.to === toProductId);
+        if (!rule) {
+            return null;
+        }
+        if (rule.kind === "via_product") {
+            return rule.viaProductId;
+        }
+        return toProductId;
+    }, [activeOwnedProductId, transition]);
+    const getFallbackSuccessUrl = () => {
+        if (typeof window === "undefined")
+            return undefined;
+        return `${window.location.origin}${window.location.pathname}`;
+    };
+    const getPreferredTheme = () => {
+        if (typeof window === "undefined")
+            return "light";
+        return window.matchMedia("(prefers-color-scheme: dark)").matches
+            ? "dark"
+            : "light";
+    };
+    const startCheckout = useCallback(async (checkoutProductId) => {
+        if (onBeforeCheckout) {
+            const proceed = await onBeforeCheckout({
+                productId: checkoutProductId,
+            });
+            if (!proceed)
+                return;
+        }
+        setIsLoading(true);
+        setError(null);
+        try {
+            const { url } = await client.action(checkoutLinkRef, {
+                productId: checkoutProductId,
+                ...(successUrl ? { successUrl } : {}),
+                fallbackSuccessUrl: getFallbackSuccessUrl(),
+                theme: getPreferredTheme(),
+            });
+            window.addEventListener("beforeunload", (e) => {
+                e.stopImmediatePropagation();
+            }, { capture: true, once: true });
+            window.location.href = url;
+        }
+        catch (checkoutError) {
+            setError(checkoutError instanceof Error
+                ? checkoutError.message
+                : "Checkout failed");
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [client, checkoutLinkRef, successUrl, onBeforeCheckout]);
+    return (_jsxs(ProductGroupContext.Provider, { value: contextValue, children: [_jsx("div", { className: "hidden", "aria-hidden": "true", children: children }), _jsxs("section", { className: `${styleVariant === "pricing" ? "space-y-0" : "space-y-3"} ${className}`, children: [error && _jsx("p", { className: "text-sm text-red-600", children: error }), _jsx("div", { className: styleVariant === "pricing"
+                            ? layout === "single"
+                                ? "flex justify-center"
+                                : "grid grid-cols-1 gap-1 lg:grid-cols-2"
+                            : `flex gap-3 ${layout === "single" ? "justify-center" : "flex-wrap items-center"}`, children: registeredItems.map((item) => {
+                            const isOwned = effectiveOwnedProductIds.includes(item.productId);
+                            const isIncluded = !isOwned &&
+                                activeOwnedProductId != null &&
+                                isLowerTierThan(item.productId, activeOwnedProductId);
+                            const checkoutProductId = resolveCheckoutProductId(item.productId);
+                            const matchedProduct = allProducts.find((p) => p.id === item.productId);
+                            const resolvedTitle = item.title ?? matchedProduct?.name ?? item.productId;
+                            const resolvedDescription = item.description ?? matchedProduct?.description;
+                            const resolvedImageUrl = matchedProduct?.imageUrl;
+                            const resolvedPrice = formatPriceWithInterval(item.productId, allProducts);
+                            const splitPrice = splitPriceLabel(resolvedPrice);
+                            const descriptionLines = (resolvedDescription ?? "")
+                                .split(/\r?\n/)
+                                .map((line) => line.trim())
+                                .filter(Boolean)
+                                .map((line) => line.replace(/^(?:[-*]\s+|[✔✓]\s*)/, "").trim())
+                                .filter(Boolean);
+                            if (styleVariant === "pricing") {
+                                return (_jsxs("article", { className: `w-full ${layout === "single" ? "max-w-[680px]" : "max-w-none"} rounded-2xl bg-surface-base ${isIncluded ? "opacity-60" : ""}`, children: [showImages && resolvedImageUrl && (_jsx("div", { className: "p-1", children: _jsx("img", { src: resolvedImageUrl, alt: resolvedTitle, className: "aspect-[16/9] w-full rounded-xl object-cover", loading: "lazy" }) })), _jsxs("div", { className: "px-6 pb-6 pt-6", children: [_jsxs("div", { className: "mb-3 flex min-h-6 items-center justify-between gap-2", children: [_jsx("h3", { className: "title-s text-foreground-default", children: resolvedTitle }), isOwned ? (_jsx("span", { className: "badge-faded-sm", children: "Owned" })) : isIncluded ? (_jsx("span", { className: "badge-faded-sm", children: "Included" })) : null] }), splitPrice && (_jsxs("div", { className: "flex items-baseline gap-1", children: [_jsx("span", { className: "heading-s text-foreground-default", children: splitPrice.main }), splitPrice.suffix && (_jsx("span", { className: "title-s text-foreground-placeholder", children: splitPrice.suffix })), splitPrice.tail && (_jsx("span", { className: "title-s text-foreground-placeholder", children: splitPrice.tail }))] })), _jsx("div", { className: "mb-4 mt-6 flex min-h-8 items-start", children: checkoutProductId && !isOwned && !isIncluded ? (_jsx(CheckoutButton, { productId: checkoutProductId, disabled: isLoading || !canCheckout, onCheckout: () => startCheckout(checkoutProductId), className: `${pricingCtaVariant === "filled" ? "button-filled" : "button-faded"} w-full`, children: activeOwnedProductId ? "Upgrade" : "Buy now" })) : !isOwned && !isIncluded ? (_jsx(CheckoutButton, { productId: item.productId, disabled: isLoading || !canCheckout, onCheckout: () => startCheckout(item.productId), className: `${pricingCtaVariant === "filled" ? "button-filled" : "button-faded"} w-full`, children: "Buy now" })) : null }), descriptionLines.length > 0 && (_jsxs("div", { className: "w-full pt-4", children: [_jsx("p", { className: "label-m mb-4 font-semibold text-foreground-default", children: "What's included:" }), _jsx("ul", { className: "space-y-2", children: descriptionLines.map((feature) => (_jsxs("li", { className: "flex items-center gap-2", children: [_jsx("span", { className: "inline-flex h-5 w-5 shrink-0 items-center justify-center text-foreground-muted", children: _jsx("svg", { "aria-hidden": "true", viewBox: "0 0 24 24", fill: "none", className: "h-4 w-4", children: _jsx("path", { d: "M20 6L9 17L4 12", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round" }) }) }), _jsx("span", { className: "body-m text-foreground-default", children: feature })] }, feature))) })] }))] })] }, item.productId));
+                            }
+                            // Legacy style variant
+                            return (_jsxs("article", { className: `max-w-sm rounded-xl border p-4 shadow-sm ${isIncluded
+                                    ? "border-zinc-100 bg-zinc-50 opacity-60 dark:border-zinc-800 dark:bg-zinc-900"
+                                    : "border-zinc-200 bg-zinc-50 dark:border-zinc-800 dark:bg-zinc-950"}`, children: [_jsx("h3", { className: "text-base font-semibold text-zinc-900 dark:text-zinc-100", children: resolvedTitle }), resolvedPrice && (_jsx("p", { className: `mt-2 text-2xl font-bold ${isIncluded
+                                            ? "text-zinc-400 dark:text-zinc-500"
+                                            : "text-zinc-900 dark:text-zinc-100"}`, children: resolvedPrice })), _jsx("div", { className: "mt-4", children: isOwned ? (_jsx("span", { className: "inline-flex rounded-md bg-emerald-100 px-3 py-2 text-sm font-medium text-emerald-700", children: "Owned" })) : isIncluded ? (_jsx("span", { className: "inline-flex rounded-md bg-zinc-100 px-3 py-2 text-sm font-medium text-zinc-500 dark:bg-zinc-800 dark:text-zinc-400", children: "Included" })) : checkoutProductId ? (_jsx(CheckoutButton, { productId: checkoutProductId, disabled: isLoading || !canCheckout, onCheckout: () => startCheckout(checkoutProductId), children: activeOwnedProductId ? "Upgrade" : "Buy now" })) : (_jsx(CheckoutButton, { productId: item.productId, disabled: isLoading || !canCheckout, onCheckout: () => startCheckout(item.productId), children: "Buy now" })) }), resolvedDescription && (_jsx("div", { className: "creem-prose mt-4 text-sm text-zinc-600 dark:text-zinc-300", dangerouslySetInnerHTML: {
+                                            __html: renderMarkdown(resolvedDescription),
+                                        } }))] }, item.productId));
+                        }) })] })] }));
+};
+//# sourceMappingURL=ProductRoot.js.map

package/dist/react/widgets/ProductRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductRoot.js","sourceRoot":"","sources":["../../../src/react/widgets/ProductRoot.tsx"],"names":[],"mappings":"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"}

package/dist/react/widgets/SubscriptionItem.d.ts

@@ -0,0 +1,27 @@
+import type { RecurringCycle } from "../../core/types.js";
+type BaseProps = {
+    planId?: string;
+    title?: string;
+    description?: string;
+    recommended?: boolean;
+};
+type Props = (BaseProps & {
+    type: "free";
+    productIds?: undefined;
+    contactUrl?: string;
+}) | (BaseProps & {
+    type: "single";
+    productIds: Partial<Record<RecurringCycle, string>>;
+    contactUrl?: string;
+}) | (BaseProps & {
+    type: "seat-based";
+    productIds: Partial<Record<RecurringCycle, string>>;
+    contactUrl?: string;
+}) | (BaseProps & {
+    type: "enterprise";
+    productIds?: undefined;
+    contactUrl: string;
+});
+export declare const SubscriptionItem: ({ planId, type, title, description, contactUrl, recommended, productIds, }: Props) => null;
+export {};
+//# sourceMappingURL=SubscriptionItem.d.ts.map

package/dist/react/widgets/SubscriptionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionItem.d.ts","sourceRoot":"","sources":["../../../src/react/widgets/SubscriptionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAG1D,KAAK,SAAS,GAAG;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,KAAK,KAAK,GACN,CAAC,SAAS,GAAG;IACX,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,GACF,CAAC,SAAS,GAAG;IACX,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,GACF,CAAC,SAAS,GAAG;IACX,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC,MAAM,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC,GACF,CAAC,SAAS,GAAG;IACX,IAAI,EAAE,YAAY,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,UAAU,EAAE,MAAM,CAAC;CACpB,CAAC,CAAC;AAEP,eAAO,MAAM,gBAAgB,GAAI,4EAQ9B,KAAK,SA6BP,CAAC"}

package/dist/react/widgets/SubscriptionItem.js

@@ -0,0 +1,32 @@
+import { useContext, useEffect } from "react";
+import { SubscriptionContext } from "./subscriptionContext.js";
+export const SubscriptionItem = ({ planId, type, title, description, contactUrl, recommended, productIds, }) => {
+    const rootContext = useContext(SubscriptionContext);
+    useEffect(() => {
+        if (!rootContext)
+            return;
+        const resolvedPlanId = planId ?? Object.values(productIds ?? {})[0] ?? type;
+        const registration = {
+            planId: resolvedPlanId,
+            type,
+            title,
+            description,
+            contactUrl,
+            recommended,
+            productIds,
+        };
+        const unregister = rootContext.registerPlan(registration);
+        return unregister;
+    }, [
+        rootContext,
+        planId,
+        type,
+        title,
+        description,
+        contactUrl,
+        recommended,
+        productIds,
+    ]);
+    return null;
+};
+//# sourceMappingURL=SubscriptionItem.js.map

package/dist/react/widgets/SubscriptionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionItem.js","sourceRoot":"","sources":["../../../src/react/widgets/SubscriptionItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AA+B/D,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAC/B,MAAM,EACN,IAAI,EACJ,KAAK,EACL,WAAW,EACX,UAAU,EACV,WAAW,EACX,UAAU,GACJ,EAAE,EAAE;IACV,MAAM,WAAW,GAAG,UAAU,CAAC,mBAAmB,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,WAAW;YAAE,OAAO;QACzB,MAAM,cAAc,GAAG,MAAM,IAAI,MAAM,CAAC,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,IAAI,CAAC;QAC5E,MAAM,YAAY,GAAG;YACnB,MAAM,EAAE,cAAc;YACtB,IAAI;YACJ,KAAK;YACL,WAAW;YACX,UAAU;YACV,WAAW;YACX,UAAU;SACX,CAAC;QACF,MAAM,UAAU,GAAG,WAAW,CAAC,YAAY,CAAC,YAAY,CAAC,CAAC;QAC1D,OAAO,UAAU,CAAC;IACpB,CAAC,EAAE;QACD,WAAW;QACX,MAAM;QACN,IAAI;QACJ,KAAK;QACL,WAAW;QACX,UAAU;QACV,WAAW;QACX,UAAU;KACX,CAAC,CAAC;IAEH,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}

package/dist/react/widgets/SubscriptionRoot.d.ts

@@ -0,0 +1,16 @@
+import { type PropsWithChildren } from "react";
+import type { UpdateBehavior } from "../../core/types.js";
+import type { BillingPermissions, CheckoutIntent, ConnectedBillingApi } from "./types.js";
+export declare const SubscriptionRoot: ({ api, permissions, className, successUrl, units, showSeatPicker, twoColumnLayout, updateBehavior, onBeforeCheckout, children, }: PropsWithChildren<{
+    api: ConnectedBillingApi;
+    permissions?: BillingPermissions;
+    class?: string;
+    className?: string;
+    successUrl?: string;
+    units?: number;
+    showSeatPicker?: boolean;
+    twoColumnLayout?: boolean;
+    updateBehavior?: UpdateBehavior;
+    onBeforeCheckout?: (intent: CheckoutIntent) => Promise<boolean> | boolean;
+}>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SubscriptionRoot.d.ts.map

package/dist/react/widgets/SubscriptionRoot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionRoot.d.ts","sourceRoot":"","sources":["../../../src/react/widgets/SubscriptionRoot.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,iBAAiB,EACvB,MAAM,OAAO,CAAC;AAYf,OAAO,KAAK,EAGV,cAAc,EACf,MAAM,qBAAqB,CAAC;AAG7B,OAAO,KAAK,EACV,kBAAkB,EAClB,cAAc,EACd,mBAAmB,EAGpB,MAAM,YAAY,CAAC;AAEpB,eAAO,MAAM,gBAAgB,GAAI,kIAW9B,iBAAiB,CAAC;IACnB,GAAG,EAAE,mBAAmB,CAAC;IACzB,WAAW,CAAC,EAAE,kBAAkB,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,cAAc,KAAK,OAAO,CAAC,OAAO,CAAC,GAAG,OAAO,CAAC;CAC3E,CAAC,4CA8rBD,CAAC"}