import { I as __exportAll } from "./portal_tenant_content-DPLnrtOG.mjs";
import { At as CardTitle, Dt as CardDescription, En as Button, kt as CardHeader, wt as Card } from "./src-B3W228vu.mjs";
import { jsx, jsxs } from "react/jsx-runtime";
import { CalendarMinus, MessageSquareHeart, MessagesSquare, Phone, Sparkles } from "lucide-react";
import { clsx } from "clsx";
import { twMerge } from "tailwind-merge";
//#region ../pro-upgrade-ui/src/lib/cn.ts
function cn(...inputs) {
	return twMerge(clsx(inputs));
}
//#endregion
//#region ../pro-upgrade-ui/src/components/PortalProUpgradeScreen.tsx
const FEATURES = [
	{
		icon: Sparkles,
		title: "Generative AI",
		description: "Get quick drafts and creative messaging help."
	},
	{
		icon: Phone,
		title: "Business phone number",
		description: "Look professional with a dedicated client line."
	},
	{
		icon: MessagesSquare,
		title: "Mass Messaging",
		description: "Save time by messaging multiple clients at once."
	},
	{
		icon: CalendarMinus,
		title: "Scheduled messages",
		description: "Plan ahead and schedule messages easily."
	},
	{
		icon: MessageSquareHeart,
		title: "Unified messaging",
		description: "Combine email, SMS, and internal messages."
	}
];
function FeatureCard({ icon: Icon, title, description }) {
	return /* @__PURE__ */ jsx(Card, {
		className: "bg-background text-foreground h-auto gap-0 border-none py-4",
		children: /* @__PURE__ */ jsxs(CardHeader, {
			className: "gap-3 px-4",
			children: [
				/* @__PURE__ */ jsx(Icon, {
					className: "size-6",
					strokeWidth: 1.5
				}),
				/* @__PURE__ */ jsx(CardTitle, {
					className: "text-sm font-bold",
					children: title
				}),
				/* @__PURE__ */ jsx(CardDescription, {
					className: "text-xs",
					children: description
				})
			]
		})
	});
}
function PortalProUpgradeScreen({ onJoinWaitlist, waitlistLoading = false, className }) {
	return /* @__PURE__ */ jsxs("div", {
		className: cn("relative flex h-full w-full flex-col overflow-hidden md:flex-row", className),
		children: [
			/* @__PURE__ */ jsx("div", { className: "pointer-events-none absolute inset-0 rounded-xl bg-linear-[33deg,rgba(8,148,255,0.2)_4.5%,rgba(201,89,221,0.2)_24.5%,rgba(255,46,84,0.2)_54.6%,rgba(255,144,4,0.2)_69.2%,rgba(255,255,255,0.2)_76.4%] blur-[125px]" }),
			/* @__PURE__ */ jsx("img", {
				src: "https://ik.imagekit.io/fluid/980191006/images/HW87RR/hero-collage_O6DCdkFib.png",
				alt: "People using the app with push notifications",
				className: "pointer-events-none absolute top-0 left-0 h-full w-full mask-b-from-20% mask-b-to-30% object-contain object-left-top md:w-4/5 md:mask-r-from-50% md:mask-r-to-70% md:mask-b-from-60% md:mask-b-to-80%"
			}),
			/* @__PURE__ */ jsx("div", {
				className: "relative flex w-full shrink-0 flex-col items-center justify-end px-8 pt-40 md:w-1/2 md:pt-0 md:pb-10",
				children: /* @__PURE__ */ jsxs("div", {
					className: "flex flex-col items-center gap-4",
					children: [/* @__PURE__ */ jsx("img", {
						src: "https://ik.imagekit.io/fluid/980191006/images/ZYT78J/co-founder-badge_NcorZNlUY.png",
						alt: "Coming Soon - Co-Founder",
						className: "h-auto w-120 object-contain"
					}), /* @__PURE__ */ jsx(Button, {
						className: "hidden w-full md:w-auto",
						size: "xl",
						onClick: onJoinWaitlist,
						disabled: waitlistLoading,
						children: waitlistLoading ? "Joining..." : "Join Waitlist"
					})]
				})
			}),
			/* @__PURE__ */ jsxs("div", {
				className: "relative flex min-w-0 flex-1 flex-col gap-6 overflow-y-auto px-8 pt-8 md:pt-16 md:pr-5 md:pb-5 md:pl-10",
				children: [/* @__PURE__ */ jsxs("div", {
					className: "flex shrink-0 flex-col gap-2.5",
					children: [/* @__PURE__ */ jsxs("h1", {
						className: "text-3xl leading-tight font-semibold tracking-tight text-black md:text-5xl",
						children: [
							"It's like having an",
							/* @__PURE__ */ jsx("br", {}),
							"assistant in your pocket"
						]
					}), /* @__PURE__ */ jsx("p", {
						className: "text-sm leading-5 font-medium text-black",
						children: "Upgrade your business"
					})]
				}), /* @__PURE__ */ jsx("div", {
					className: "flex flex-col gap-4 pb-4",
					children: FEATURES.map((feature) => /* @__PURE__ */ jsx(FeatureCard, { ...feature }, feature.title))
				})]
			})
		]
	});
}
//#endregion
//#region src/screens/UpgradeScreen.tsx
var UpgradeScreen_exports = /* @__PURE__ */ __exportAll({
	UpgradeScreen: () => UpgradeScreen,
	upgradeScreenPropertySchema: () => upgradeScreenPropertySchema
});
const upgradeScreenPropertySchema = {
	widgetType: "UpgradeScreen",
	displayName: "Upgrade Screen",
	fields: []
};
function UpgradeScreen() {
	return /* @__PURE__ */ jsx(PortalProUpgradeScreen, { onJoinWaitlist: () => {} });
}
//#endregion
export { UpgradeScreen_exports as t };

//# sourceMappingURL=UpgradeScreen-DjMwPwgb.mjs.map