@levo-so/studio 0.3.18 → 0.3.20

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@levo-so/studio",
-  "version": "0.3.18",
+  "version": "0.3.20",
   "author": "Levo Engineering <devs@theinternetfolks.com>",
   "description": "Levo Studio components and utilities for building block-based pages",
   "type": "module",
@@ -89,6 +89,7 @@
     "@assistant-ui/store": "0.3.13",
     "@assistant-ui/tap": "0.9.17",
     "remark-gfm": "4.0.1",
+    "@cashfreepayments/cashfree-js": "1.0.7",
     "@emotion/is-prop-valid": "1.3.1",
     "@stripe/react-stripe-js": "3.1.1",
     "@stripe/stripe-js": "5.5.0",
@@ -120,9 +121,9 @@
     "yup": "1.7.1"
   },
   "peerDependencies": {
-    "@levo-so/insights": "0.3.18",
-    "@levo-so/core": "0.3.18",
-    "@levo-so/react": "0.3.18",
+    "@levo-so/insights": "0.3.20",
+    "@levo-so/core": "0.3.20",
+    "@levo-so/react": "0.3.20",
     "react": ">=19",
     "next": ">=14",
     "react-dom": ">=19"

package/useCheckout-DFalmfEQ.js

@@ -0,0 +1,161 @@
+"use client";
+import { t as e } from "./cn-B6c1DjO_.js";
+import { useCallback as t, useEffect as n, useMemo as r, useRef as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { XIcon as c } from "lucide-react";
+import { Portal as l } from "radix-ui";
+import { useRazorpay as u } from "react-razorpay";
+import { EmbeddedCheckout as d, EmbeddedCheckoutProvider as f } from "@stripe/react-stripe-js";
+//#region src/components/checkout/openCashfreeCheckout.ts
+var p = async (e) => {
+	let { payment_session_id: t, order_id: n } = e;
+	if (!t || !n) throw Error("Cashfree payment session missing");
+	let { load: r } = await import("@cashfreepayments/cashfree-js"), i = await r({ mode: e.environment || "production" });
+	if (!i) throw Error("Cashfree checkout failed to load");
+	let a = await i.checkout({
+		paymentSessionId: t,
+		redirectTarget: "_modal"
+	});
+	return a.paymentDetails ? {
+		status: "completed",
+		confirmation: { order_id: n }
+	} : a.redirect ? { status: "redirect" } : {
+		status: "closed",
+		message: a.error?.message
+	};
+}, m = () => typeof window < "u" && "Razorpay" in window, h = ({ order: e, onSettled: t, onError: r }) => {
+	let { Razorpay: a, isLoading: o, error: s } = u(), c = i({
+		onSettled: t,
+		onError: r
+	});
+	c.current = {
+		onSettled: t,
+		onError: r
+	};
+	let l = i(!1);
+	return n(() => {
+		if (l.current) return;
+		if (s) {
+			l.current = !0, c.current.onError(Error(s));
+			return;
+		}
+		if (!a || !m()) return;
+		l.current = !0;
+		let t;
+		try {
+			let n = new a({
+				key: e.key,
+				amount: e.amount,
+				currency: e.currency,
+				order_id: e.orderId,
+				name: e.merchantName,
+				description: e.description,
+				prefill: e.prefill,
+				theme: e.themeColor ? { color: e.themeColor } : void 0,
+				handler: (e) => c.current.onSettled({
+					status: "completed",
+					confirmation: {
+						order_id: e.razorpay_order_id,
+						payment_id: e.razorpay_payment_id,
+						signature: e.razorpay_signature
+					}
+				}),
+				modal: { ondismiss: () => c.current.onSettled({
+					status: "closed",
+					message: t
+				}) }
+			});
+			n.on("payment.failed", (e) => {
+				t = e?.error?.description;
+			}), n.open();
+		} catch (e) {
+			c.current.onError(e instanceof Error ? e : /* @__PURE__ */ Error("Razorpay checkout failed to open"));
+		}
+	}, [
+		a,
+		o,
+		s,
+		e
+	]), null;
+}, g = ({ stripePromise: t, clientSecret: n, onClose: a, onComplete: u }) => {
+	let p = i(u);
+	p.current = u;
+	let m = r(() => ({
+		clientSecret: n,
+		onComplete: () => p.current()
+	}), [n]);
+	return /* @__PURE__ */ o(l.Root, { children: /* @__PURE__ */ o("div", {
+		className: "fixed inset-0 z-[2147483001] flex items-start justify-center overflow-y-auto bg-black/50 p-4 pt-8 md:p-6 md:pt-10",
+		children: /* @__PURE__ */ s("div", {
+			className: e("relative flex w-full flex-col overflow-hidden rounded-2xl bg-white shadow-2xl", "max-w-[98vw] md:max-w-[1000px] lg:max-w-[1100px]", "min-h-[500px]", "my-auto", "fade-in-0 zoom-in-95 animate-in duration-200"),
+			children: [/* @__PURE__ */ o("button", {
+				type: "button",
+				onClick: a,
+				"aria-label": "Close payment",
+				className: "absolute top-4 right-4 z-10 rounded-full bg-white/90 p-2.5 text-gray-500 shadow-md backdrop-blur-sm transition-all hover:bg-white hover:text-gray-700",
+				children: /* @__PURE__ */ o(c, { className: "size-5" })
+			}), /* @__PURE__ */ o("div", {
+				className: "flex-1 overflow-hidden rounded-2xl py-6",
+				children: /* @__PURE__ */ o(f, {
+					stripe: t,
+					options: m,
+					children: /* @__PURE__ */ o(d, { className: "stripe-embedded-checkout h-full" })
+				})
+			})]
+		})
+	}) });
+}, _ = () => {
+	let [e, n] = a(null), r = t(async (e, t) => {
+		if (e.provider === "cashfree") return p(e);
+		if (e.provider === "stripe") {
+			let { client_secret: t, session_id: r } = e;
+			if (!t || !r) throw Error("Stripe checkout session missing");
+			let { loadStripe: i } = await import("@stripe/stripe-js"), a = i(e.key);
+			return new Promise((e, i) => n({
+				provider: "stripe",
+				stripePromise: a,
+				clientSecret: t,
+				sessionId: r,
+				settle: {
+					resolve: e,
+					reject: i
+				}
+			}));
+		}
+		let { order_id: r } = e;
+		if (!r) throw Error("Razorpay order missing");
+		return new Promise((i, a) => n({
+			provider: "razorpay",
+			order: {
+				...t,
+				key: e.key,
+				currency: e.currency || "INR",
+				orderId: r
+			},
+			settle: {
+				resolve: i,
+				reject: a
+			}
+		}));
+	}, []), i = (e, t) => {
+		n(null), t instanceof Error ? e.settle.reject(t) : e.settle.resolve(t);
+	}, s = null;
+	return e?.provider === "stripe" ? s = /* @__PURE__ */ o(g, {
+		stripePromise: e.stripePromise,
+		clientSecret: e.clientSecret,
+		onComplete: () => i(e, {
+			status: "completed",
+			confirmation: { session_id: e.sessionId }
+		}),
+		onClose: () => i(e, { status: "closed" })
+	}) : e?.provider === "razorpay" && (s = /* @__PURE__ */ o(h, {
+		order: e.order,
+		onSettled: (t) => i(e, t),
+		onError: (t) => i(e, t)
+	})), {
+		open: r,
+		element: s
+	};
+};
+//#endregion
+export { _ as t };

package/StripePaymentModal-C3bQ0jQi.js

@@ -1,56 +0,0 @@
-"use client";
-import { t as e } from "./cn-B6c1DjO_.js";
-import { useCallback as t, useState as n } from "react";
-import { jsx as r, jsxs as i } from "react/jsx-runtime";
-import { XIcon as a } from "lucide-react";
-import { Portal as o } from "radix-ui";
-import { EmbeddedCheckout as s, EmbeddedCheckoutProvider as c } from "@stripe/react-stripe-js";
-//#region src/hooks/useStripePayment.tsx
-var l = () => {
-	let [e, r] = n(null), [i, a] = n(null), [o, s] = n(!1), [c, l] = n(null);
-	return {
-		stripePromise: e,
-		config: i,
-		isOpen: o,
-		openStripeCheckout: t(async (e) => {
-			try {
-				let { loadStripe: t } = await import("@stripe/stripe-js");
-				r(t(e.key)), a({ clientSecret: e.client_secret }), s(!0);
-			} catch (e) {
-				console.error("Failed to initialize Stripe checkout:", e);
-			}
-		}, []),
-		closeStripeCheckout: t(() => {
-			s(!1), setTimeout(() => {
-				a(null), r(null);
-			}, 300);
-		}, []),
-		onComplete: c,
-		setOnComplete: t((e) => {
-			l(() => e);
-		}, [])
-	};
-}, u = ({ isOpen: t, onClose: n, stripePromise: l, clientSecret: u, onComplete: d }) => !t || !l || !u ? null : /* @__PURE__ */ r(o.Root, { children: /* @__PURE__ */ r("div", {
-	className: "fixed inset-0 z-[2147483001] flex items-start justify-center overflow-y-auto bg-black/50 p-4 pt-8 md:p-6 md:pt-10",
-	children: /* @__PURE__ */ i("div", {
-		className: e("relative flex w-full flex-col overflow-hidden rounded-2xl bg-white shadow-2xl", "max-w-[98vw] md:max-w-[1000px] lg:max-w-[1100px]", "min-h-[500px]", "my-auto", "fade-in-0 zoom-in-95 animate-in duration-200"),
-		children: [/* @__PURE__ */ r("button", {
-			type: "button",
-			onClick: n,
-			className: "absolute top-4 right-4 z-10 rounded-full bg-white/90 p-2.5 text-gray-500 shadow-md backdrop-blur-sm transition-all hover:bg-white hover:text-gray-700",
-			children: /* @__PURE__ */ r(a, { className: "size-5" })
-		}), /* @__PURE__ */ r("div", {
-			className: "flex-1 overflow-hidden rounded-2xl py-6",
-			children: /* @__PURE__ */ r(c, {
-				stripe: l,
-				options: {
-					clientSecret: u,
-					onComplete: d
-				},
-				children: /* @__PURE__ */ r(s, { className: "stripe-embedded-checkout h-full" })
-			})
-		})]
-	})
-}) });
-//#endregion
-export { l as n, u as t };