@levo-so/studio 0.1.82 → 0.1.84

package/dist/LoginModal-DTSAYZLC.js

@@ -0,0 +1,48 @@
+"use client";
+import { n as e } from "./AuthProvider-Ch5Ny0il.js";
+import { n as t } from "./ModalManager-DLxbnq-i.js";
+import { a as n, n as r, o as i, r as a, t as o } from "./dialog-BRgfpVtv.js";
+import { t as s } from "./LoginForm-54dtpOlx.js";
+import { useEffect as c } from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+var d = {
+	container: "_container_301k2_1",
+	divider: "_divider_301k2_8",
+	dividerText: "_dividerText_301k2_15",
+	formSection: "_formSection_301k2_27",
+	googleButton: "_googleButton_301k2_34",
+	googleIcon: "_googleIcon_301k2_60",
+	primaryButton: "_primaryButton_301k2_66",
+	errorContainer: "_errorContainer_301k2_70",
+	errorContent: "_errorContent_301k2_75",
+	errorIcon: "_errorIcon_301k2_85",
+	errorText: "_errorText_301k2_92",
+	errorTitle: "_errorTitle_301k2_97",
+	errorMessage: "_errorMessage_301k2_104",
+	errorDismiss: "_errorDismiss_301k2_110"
+}, f = ({ config: f }) => {
+	let { closeModal: p } = t(), { isLoggedIn: m } = e();
+	return c(() => {
+		m && (f?.redirect_uri && (window.location.href = f.redirect_uri), p());
+	}, [
+		m,
+		f?.redirect_uri,
+		p
+	]), /* @__PURE__ */ l(o, {
+		open: !0,
+		onOpenChange: (e) => !e && p(),
+		children: /* @__PURE__ */ u(r, {
+			className: "sm:max-w-md",
+			children: [/* @__PURE__ */ u(n, { children: [/* @__PURE__ */ l(i, { children: "Login" }), /* @__PURE__ */ l(a, {})] }), /* @__PURE__ */ l("div", {
+				className: d.container,
+				children: /* @__PURE__ */ l(s, {
+					oAuthTitle: f?.oAuthTitle || "Studio",
+					className: d.form,
+					oAuthMethods: ["google"]
+				})
+			})]
+		})
+	});
+};
+//#endregion
+export { f as default };

package/dist/MessageCard-YUS-pnpe.js

@@ -0,0 +1,54 @@
+"use client";
+import { t as e } from "./card-oIl95-_C.js";
+import { t } from "./MessageFooter-DrJ6jZ_n.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/accessCard/MessageCard.tsx
+var i = ({ logo: i, siteName: a, options: o, message: s }) => /* @__PURE__ */ r(e, {
+	logo: i,
+	siteName: a,
+	maxWidth: "sm",
+	children: [
+		/* @__PURE__ */ r("div", {
+			className: "mb-6 px-8 sm:px-6",
+			children: [
+				/* @__PURE__ */ n("div", {
+					className: "mb-4 flex justify-center",
+					children: /* @__PURE__ */ n("svg", {
+						className: "h-12 w-12 text-black sm:h-10 sm:w-10",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						strokeWidth: 1.5,
+						stroke: "currentColor",
+						children: /* @__PURE__ */ n("path", {
+							strokeLinecap: "round",
+							strokeLinejoin: "round",
+							d: "M16.5 10.5V6.75a4.5 4.5 0 10-9 0v3.75m-.75 11.25h10.5a2.25 2.25 0 002.25-2.25v-6.75a2.25 2.25 0 00-2.25-2.25H6.75a2.25 2.25 0 00-2.25 2.25v6.75a2.25 2.25 0 002.25 2.25z"
+						})
+					})
+				}),
+				/* @__PURE__ */ n("h1", {
+					className: "m-0 mb-2 text-center font-semibold text-2xl text-text-1 sm:text-xl",
+					children: "Access Restricted"
+				}),
+				a && /* @__PURE__ */ r("p", {
+					className: "m-0 text-center text-[--color-text-2] leading-6",
+					children: [
+						"Content on ",
+						/* @__PURE__ */ n("strong", { children: a }),
+						" is currently restricted"
+					]
+				})
+			]
+		}),
+		/* @__PURE__ */ n("div", {
+			className: "mx-8 mb-8 rounded-lg border-red-300 border-l-4 bg-gray-50 p-4 sm:mx-6",
+			children: /* @__PURE__ */ n("div", {
+				className: "m-0 flex flex-col gap-3 text-gray-700 leading-relaxed",
+				dangerouslySetInnerHTML: { __html: o?.content?.conditionNotFulfilled ?? s ?? "" }
+			})
+		}),
+		/* @__PURE__ */ n(t, {})
+	]
+});
+//#endregion
+export { i as default };

package/dist/MessageFooter-DrJ6jZ_n.js

@@ -0,0 +1,28 @@
+"use client";
+import { n as e } from "./AuthProvider-Ch5Ny0il.js";
+import { useLogin as t } from "./index.js";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import i from "libphonenumber-js";
+var a = {
+	footnote: "_footnote_v8hnh_1",
+	footnoteText: "_footnoteText_v8hnh_11",
+	logoutButton: "_logoutButton_v8hnh_17"
+}, o = () => {
+	let { account: o, isSignOutLoading: s } = e(), { signOut: c } = t(), l = () => {
+		c();
+	}, u = o?.email || i(o?.mobile ? `+${o?.mobile}` : "")?.formatInternational();
+	return u ? /* @__PURE__ */ r("div", {
+		className: a.footnote,
+		children: [/* @__PURE__ */ r("span", {
+			className: a.footnoteText,
+			children: ["You are signed in as ", /* @__PURE__ */ n("strong", { children: u })]
+		}), /* @__PURE__ */ n("button", {
+			className: a.logoutButton,
+			onClick: l,
+			disabled: s,
+			children: s ? "Signing out..." : "Sign out"
+		})]
+	}) : null;
+};
+//#endregion
+export { o as t };

package/dist/ModalManager-DLxbnq-i.js

@@ -0,0 +1,32 @@
+"use client";
+import { Suspense as e, createContext as t, lazy as n, useCallback as r, useContext as i, useState as a } from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/context/ModalManager.tsx
+var c = n(() => import("./LoginModal-DTSAYZLC.js")), l = t({
+	availableModals: ["login"],
+	openModals: { key: null },
+	openModal: () => ({}),
+	closeModal: () => ({})
+}), u = ({ children: t, siteName: n }) => {
+	let [i, u] = a({ key: null }), d = r((e, t) => u(() => ({
+		key: e,
+		config: t
+	})), []);
+	return /* @__PURE__ */ s(l.Provider, {
+		value: {
+			openModals: i,
+			openModal: d,
+			closeModal: () => u(() => ({ key: null })),
+			availableModals: ["login"]
+		},
+		children: [i.key === "login" && /* @__PURE__ */ o(e, {
+			fallback: null,
+			children: /* @__PURE__ */ o(c, { config: {
+				...i.config,
+				oAuthTitle: n ?? ""
+			} })
+		}), t]
+	});
+}, d = () => i(l);
+//#endregion
+export { d as n, u as t };

package/dist/PendingApprovalCard-BnteoK24.js

@@ -0,0 +1,81 @@
+"use client";
+import { t as e } from "./card-oIl95-_C.js";
+import { t } from "./MessageFooter-DrJ6jZ_n.js";
+import { useState as n } from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+import { CollectionFormBuilder as o } from "@levo-so/react-collection";
+var s = {
+	header: "_header_17w1a_1",
+	iconContainer: "_iconContainer_17w1a_8",
+	clockIcon: "_clockIcon_17w1a_14",
+	title: "_title_17w1a_23",
+	subtitle: "_subtitle_17w1a_30",
+	formContainer: "_formContainer_17w1a_36"
+}, c = ({ logo: c, siteName: l, workspaceId: u, gatingOptions: d, onFormSuccess: f }) => {
+	let [p, m] = n(!1), h = !!d?.collection && !p;
+	return /* @__PURE__ */ a(e, {
+		logo: c,
+		siteName: l,
+		maxWidth: h ? "md" : "sm",
+		children: [
+			/* @__PURE__ */ a("div", {
+				className: s.header,
+				children: [
+					/* @__PURE__ */ i("div", {
+						className: s.iconContainer,
+						children: /* @__PURE__ */ a("svg", {
+							className: s.clockIcon,
+							fill: "none",
+							viewBox: "0 0 24 24",
+							strokeWidth: 1.5,
+							stroke: "currentColor",
+							children: [/* @__PURE__ */ i("title", { children: "Clock" }), /* @__PURE__ */ i("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								d: "M12 6v6h4.5m4.5 0a9 9 0 11-18 0 9 9 0 0118 0z"
+							})]
+						})
+					}),
+					/* @__PURE__ */ i("h1", {
+						className: s.title,
+						children: h ? "Request Access" : "Signup Request Received"
+					}),
+					h ? /* @__PURE__ */ a("p", {
+						className: s.subtitle,
+						children: ["Please fill out this form to access content on ", /* @__PURE__ */ i("strong", { children: l })]
+					}) : /* @__PURE__ */ a("p", {
+						className: s.subtitle,
+						children: ["Your access requires approval.", l && /* @__PURE__ */ a(r, { children: [
+							" ",
+							"You will be notified once the admins of ",
+							/* @__PURE__ */ i("strong", { children: l }),
+							" review your request."
+						] })]
+					})
+				]
+			}),
+			h && /* @__PURE__ */ i("div", {
+				className: s.formContainer,
+				children: /* @__PURE__ */ i(o, {
+					collection_id: d.collection,
+					workspace_id: u,
+					uiConfig: {
+						hideFormHeading: !0,
+						hideSectionHeadings: !0
+					},
+					submitButtonConfig: {
+						show: !0,
+						text: "Submit"
+					},
+					hiddenFields: d.hidden ?? [],
+					onSuccess: () => {
+						m(!0), f?.();
+					}
+				})
+			}),
+			/* @__PURE__ */ i(t, {})
+		]
+	});
+};
+//#endregion
+export { c as default };

package/dist/StripePaymentModal-Kk0GUsIU.js

@@ -0,0 +1,56 @@
+"use client";
+import { useCallback as e, useState as t } from "react";
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+import { cn as i } from "@levo-so/react";
+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 [n, r] = t(null), [i, a] = t(null), [o, s] = t(!1), [c, l] = t(null);
+	return {
+		stripePromise: n,
+		config: i,
+		isOpen: o,
+		openStripeCheckout: e(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: e(() => {
+			s(!1), setTimeout(() => {
+				a(null), r(null);
+			}, 300);
+		}, []),
+		onComplete: c,
+		setOnComplete: e((e) => {
+			l(() => e);
+		}, [])
+	};
+}, u = ({ isOpen: e, onClose: t, stripePromise: l, clientSecret: u, onComplete: d }) => !e || !l || !u ? null : /* @__PURE__ */ n(o.Root, { children: /* @__PURE__ */ n("div", {
+	className: "fixed inset-0 z-100 flex items-start justify-center overflow-y-auto bg-black/50 p-4 pt-8 md:p-6 md:pt-10",
+	children: /* @__PURE__ */ r("div", {
+		className: i("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__ */ n("button", {
+			type: "button",
+			onClick: t,
+			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__ */ n(a, { className: "size-5" })
+		}), /* @__PURE__ */ n("div", {
+			className: "flex-1 overflow-hidden rounded-2xl py-6",
+			children: /* @__PURE__ */ n(c, {
+				stripe: l,
+				options: {
+					clientSecret: u,
+					onComplete: d
+				},
+				children: /* @__PURE__ */ n(s, { className: "stripe-embedded-checkout h-full" })
+			})
+		})]
+	})
+}) });
+//#endregion
+export { l as n, u as t };

package/dist/Waves-CzQRk01F.js

@@ -0,0 +1,169 @@
+"use client";
+import e from "react";
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+import * as r from "motion/react-m";
+//#region src/components/backgroundPresets/Waves.tsx
+var i = e.memo(({ className: i, primaryColor: a, secondaryColor: o, amplitude: s, frequency: c, speed: l }) => {
+	let u = a ?? "#3b82f6", d = o ?? "#8b5cf6", f = s ?? 50, p = c ?? .02, m = Math.max(l ?? 1, .01), h = e.useMemo(() => Array.from({ length: 3 }, (e, t) => t), []), g = e.useMemo(() => Array.from({ length: 15 }, (e, t) => {
+		let n = Math.abs(Math.sin(t * 12.9898) * 43758.5453) % 1, r = Math.abs(Math.sin(t * 39.346) * 43758.5453) % 1, i = Math.abs(Math.sin(t * 71.123) * 43758.5453) % 1;
+		return {
+			id: t,
+			cx: n * 1e3,
+			cy: r * 400,
+			r: i * 3 + 1,
+			duration: n * 10 + 5,
+			delay: r * 5,
+			moveX: [
+				n * 1e3,
+				r * 1e3,
+				i * 1e3,
+				n * 1e3
+			],
+			moveY: [
+				r * 400,
+				i * 400,
+				n * 400,
+				r * 400
+			]
+		};
+	}), []), _ = (e, t = f) => {
+		let n = [], r = 1e3, i = e * 60;
+		for (let e = 0; e <= r; e += 10) {
+			let r = 200 + Math.sin(e * p + i) * t;
+			n.push(`${e},${r}`);
+		}
+		return `M 0,200 Q ${n.join(" ")} ${r},200 L ${r},400 L 0,400 Z`;
+	};
+	return /* @__PURE__ */ t("div", {
+		className: i,
+		style: {
+			position: "absolute",
+			inset: 0,
+			display: "flex",
+			height: "100%",
+			width: "100%",
+			alignItems: "center",
+			justifyContent: "center",
+			overflow: "hidden",
+			zIndex: -1
+		},
+		children: /* @__PURE__ */ n("svg", {
+			style: {
+				pointerEvents: "none",
+				position: "absolute",
+				zIndex: 0,
+				height: "100%",
+				width: "100%"
+			},
+			width: "100%",
+			height: "100%",
+			viewBox: "0 0 1000 400",
+			preserveAspectRatio: "xMidYMid slice",
+			xmlns: "http://www.w3.org/2000/svg",
+			children: [
+				/* @__PURE__ */ t("title", { children: "Waves" }),
+				/* @__PURE__ */ n("defs", { children: [
+					/* @__PURE__ */ n("linearGradient", {
+						id: "waveGradient1",
+						x1: "0%",
+						y1: "0%",
+						x2: "100%",
+						y2: "100%",
+						children: [/* @__PURE__ */ t("stop", {
+							offset: "0%",
+							stopColor: u,
+							stopOpacity: "0.3"
+						}), /* @__PURE__ */ t("stop", {
+							offset: "100%",
+							stopColor: d,
+							stopOpacity: "0.1"
+						})]
+					}),
+					/* @__PURE__ */ n("linearGradient", {
+						id: "waveGradient2",
+						x1: "0%",
+						y1: "0%",
+						x2: "100%",
+						y2: "100%",
+						children: [/* @__PURE__ */ t("stop", {
+							offset: "0%",
+							stopColor: d,
+							stopOpacity: "0.2"
+						}), /* @__PURE__ */ t("stop", {
+							offset: "100%",
+							stopColor: u,
+							stopOpacity: "0.05"
+						})]
+					}),
+					/* @__PURE__ */ n("linearGradient", {
+						id: "waveGradient3",
+						x1: "0%",
+						y1: "0%",
+						x2: "100%",
+						y2: "100%",
+						children: [/* @__PURE__ */ t("stop", {
+							offset: "0%",
+							stopColor: u,
+							stopOpacity: "0.1"
+						}), /* @__PURE__ */ t("stop", {
+							offset: "100%",
+							stopColor: d,
+							stopOpacity: "0.3"
+						})]
+					})
+				] }),
+				h.map((e) => /* @__PURE__ */ t(r.path, {
+					d: _(e),
+					fill: `url(#waveGradient${e + 1})`,
+					initial: { x: -100 },
+					animate: {
+						x: [-100, 100],
+						d: [
+							_(e),
+							_(e + .5),
+							_(e)
+						]
+					},
+					transition: {
+						x: {
+							duration: 20 / m,
+							repeat: Infinity,
+							ease: "linear"
+						},
+						d: {
+							duration: 8 / m,
+							repeat: Infinity,
+							ease: "easeInOut"
+						}
+					},
+					style: { filter: `blur(${e * .5}px)` }
+				}, `wave-${e}`)),
+				g.map((e) => /* @__PURE__ */ t(r.circle, {
+					cx: e.cx,
+					cy: e.cy,
+					r: e.r,
+					fill: e.id % 2 == 0 ? u : d,
+					initial: { opacity: .3 },
+					animate: {
+						opacity: [
+							.3,
+							.8,
+							.3
+						],
+						cx: e.moveX,
+						cy: e.moveY
+					},
+					transition: {
+						duration: e.duration,
+						repeat: Infinity,
+						ease: "easeInOut",
+						delay: e.delay
+					}
+				}, `particle-${e.id}`))
+			]
+		})
+	});
+});
+i.displayName = "BackgroundWaves";
+//#endregion
+export { i as BackgroundWaves };