@myrjfa/ui 2.1.8 → 2.2.0

package/dist/components/brand/BrandPageView.d.ts

@@ -0,0 +1,8 @@
+import type { BrandPageData } from "@myrjfa/state/dist/lib/brandActions";
+import type { Location } from "@myrjfa/state/dist/lib/locationActions";
+export default function BrandPageView({ pageData, brandSlug, contextPlace, }: {
+    pageData: BrandPageData;
+    brandSlug: string;
+    contextPlace?: Pick<Location, "name" | "slugPath" | "type"> | null;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=BrandPageView.d.ts.map

package/dist/components/brand/BrandPageView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandPageView.d.ts","sourceRoot":"","sources":["../../../src/components/brand/BrandPageView.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qCAAqC,CAAC;AACzE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,wCAAwC,CAAC;AAkHvE,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAQ,EACR,SAAS,EACT,YAAY,GACb,EAAE;IACD,QAAQ,EAAE,aAAa,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,UAAU,GAAG,MAAM,CAAC,GAAG,IAAI,CAAC;CACpE,2CAgYA"}

package/dist/components/brand/BrandPageView.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Image from "next/image";
+import Link from "next/link";
+import { ExternalLink, MapPin, ShieldCheck, Sparkles, TrendingUp, Users, BadgePercent, Route, Building2 } from "lucide-react";
+import { BreadcrumbTrail } from "@myrjfa/ui/dist/components/ui/trippeaze/breadcrumb-trail";
+import { PageContainer, PageShell, SectionHeading, SurfaceCard } from "@myrjfa/ui/dist/components/ui/trippeaze/page-shell";
+import { AdOfferCard } from "@myrjfa/ui/dist/components/ads/AdOfferCard";
+function getTrustScore(pageData) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    const followers = ((_a = pageData.brand.stats) === null || _a === void 0 ? void 0 : _a.followers) || 0;
+    const clicks = ((_b = pageData.brand.stats) === null || _b === void 0 ? void 0 : _b.clicks) || 0;
+    const conversions = ((_c = pageData.brand.stats) === null || _c === void 0 ? void 0 : _c.conversions) || 0;
+    const offeringsCount = (((_e = (_d = pageData.offerings) === null || _d === void 0 ? void 0 : _d.stays) === null || _e === void 0 ? void 0 : _e.length) || 0) +
+        (((_g = (_f = pageData.offerings) === null || _f === void 0 ? void 0 : _f.packages) === null || _g === void 0 ? void 0 : _g.length) || 0) +
+        (((_j = (_h = pageData.offerings) === null || _h === void 0 ? void 0 : _h.rentals) === null || _j === void 0 ? void 0 : _j.length) || 0) +
+        (((_l = (_k = pageData.offerings) === null || _k === void 0 ? void 0 : _k.events) === null || _l === void 0 ? void 0 : _l.length) || 0);
+    const verificationBoost = pageData.brand.verificationStatus === "verified" ? 20 : 0;
+    const score = Math.min(100, Math.round(verificationBoost +
+        Math.min(24, followers / 80) +
+        Math.min(22, clicks / 35) +
+        Math.min(24, conversions * 3) +
+        Math.min(10, offeringsCount * 2) +
+        Math.min(10, pageData.locations.length * 2)));
+    return score;
+}
+function getAdOfferInsights(pageData) {
+    var _a, _b;
+    const trustScore = getTrustScore(pageData);
+    const maxCommission = Math.max(((_a = pageData.brand.promotions) === null || _a === void 0 ? void 0 : _a.commissionRate) || 0, Math.min(18, 6 + Math.round(trustScore / 10)));
+    const payoutFactor = 0.45 + trustScore / 200;
+    const expectedCommission = Math.min(maxCommission, Number((maxCommission * payoutFactor).toFixed(1)));
+    return {
+        trustScore,
+        maxCommission: Number(maxCommission.toFixed(1)),
+        expectedCommission,
+        placementScore: Math.min(100, Math.round(trustScore + (((_b = pageData.brand.stats) === null || _b === void 0 ? void 0 : _b.clicks) || 0) / 10)),
+    };
+}
+function renderOfferingCard(listing, tileType) {
+    var _a, _b, _c, _d;
+    const hrefMap = {
+        stays: `/stays/${listing.slug}`,
+        packages: `/packages/${listing.slug}`,
+        rentals: `/rentals/${listing.slug}`,
+        events: `/events/${listing.slug}`,
+        adventures: `/adventures/${listing.slug}`,
+        guides: `/guides/${listing.slug}`,
+        opportunities: `/opportunities/${listing.slug}`,
+    };
+    return (_jsxs(Link, { href: hrefMap[tileType], className: "group overflow-hidden rounded-[1.4rem] border border-slate-200/70 bg-slate-50/70 transition hover:-translate-y-0.5 hover:border-primary/20 hover:bg-white hover:shadow-lg", children: [_jsx("div", { className: "relative aspect-[4/3] bg-[linear-gradient(135deg,rgba(24,183,167,0.14),rgba(17,147,134,0.04))]", children: _jsx(Image, { src: ((_a = listing.images) === null || _a === void 0 ? void 0 : _a[0]) ||
+                        ((_b = listing.packageImages) === null || _b === void 0 ? void 0 : _b[0]) ||
+                        "/images/profile_placeholder.webp", alt: listing.title, fill: true, className: "object-cover" }) }), _jsxs("div", { className: "space-y-2 p-4", children: [_jsxs("div", { className: "flex items-center justify-between gap-2", children: [_jsx("span", { className: "text-[10px] font-bold uppercase tracking-[0.24em] text-primary", children: tileType }), listing.rating ? (_jsxs("span", { className: "text-xs font-semibold text-slate-500", children: [((_d = (_c = listing.rating).toFixed) === null || _d === void 0 ? void 0 : _d.call(_c, 1)) || listing.rating, " rating"] })) : null] }), _jsx("h3", { className: "line-clamp-2 text-base font-bold text-slate-900 transition group-hover:text-primary", children: listing.title }), _jsx("p", { className: "line-clamp-2 text-sm text-slate-600", children: [listing.city, listing.state, listing.country]
+                            .filter(Boolean)
+                            .join(", ") || "Explore this offering" })] })] }, `${tileType}-${listing.slug}`));
+}
+function buildBrandHref(brandSlug, contextPlacePath) {
+    return contextPlacePath
+        ? `/places/${contextPlacePath}/brands/${brandSlug}`
+        : `/brands/${brandSlug}`;
+}
+function buildLocationHref(location, contextPlacePath, brandSlug) {
+    if (brandSlug && contextPlacePath && contextPlacePath === location.slugPath) {
+        return `/places/${location.slugPath}/brands/${brandSlug}`;
+    }
+    return `/places/${location.slugPath}`;
+}
+export default function BrandPageView({ pageData, brandSlug, contextPlace, }) {
+    var _a, _b, _c, _d;
+    const { brand, locations, offerings, discussions, owner, trendingContent } = pageData;
+    const sections = [
+        { label: "Stays", type: "stays", items: offerings.stays },
+        { label: "Packages", type: "packages", items: offerings.packages },
+        { label: "Rentals", type: "rentals", items: offerings.rentals },
+        { label: "Events", type: "events", items: offerings.events },
+        { label: "Adventures", type: "adventures", items: offerings.adventures },
+        { label: "Guides", type: "guides", items: offerings.guides },
+        { label: "Opportunities", type: "opportunities", items: offerings.opportunities },
+    ].filter((section) => section.items.length > 0);
+    const insights = getAdOfferInsights(pageData);
+    const primaryLocation = locations[0];
+    const breadcrumbItems = contextPlace
+        ? [
+            { label: "Home", href: "/" },
+            { label: contextPlace.name, href: `/places/${contextPlace.slugPath}` },
+            { label: "Brands" },
+            { label: brand.name },
+        ]
+        : [
+            { label: "Home", href: "/" },
+            { label: "Brands", href: "/brands" },
+            { label: brand.name },
+        ];
+    return (_jsxs(PageShell, { children: [_jsxs("section", { className: "relative overflow-hidden border-b border-white/60 bg-[radial-gradient(circle_at_top,rgba(36,238,221,0.12),transparent_24rem),linear-gradient(180deg,rgba(255,255,255,0.92),rgba(247,251,250,0.98))]", children: [_jsx("div", { className: "absolute inset-0", children: brand.coverImage ? (_jsx(Image, { src: brand.coverImage, alt: brand.name, fill: true, className: "object-cover opacity-14" })) : null }), _jsx(PageContainer, { className: "relative z-10 py-8 sm:py-10", children: _jsxs("div", { className: "tp-stack-3", children: [_jsx(BreadcrumbTrail, { items: breadcrumbItems }), _jsxs("div", { className: "grid grid-cols-1 gap-6 lg:grid-cols-[1.8fr_1fr]", children: [_jsxs("div", { className: "tp-stack-2", children: [_jsx("span", { className: "tp-eyebrow", children: contextPlace ? "Destination brand page" : "Brand page" }), _jsxs("div", { className: "flex items-start gap-4", children: [_jsx("div", { className: "relative h-20 w-20 shrink-0 overflow-hidden rounded-[1.6rem] border border-white/60 bg-white shadow-sm", children: brand.logo || brand.coverImage ? (_jsx(Image, { src: brand.logo || brand.coverImage || "/images/profile_placeholder.webp", alt: brand.name, fill: true, className: "object-cover" })) : null }), _jsxs("div", { className: "min-w-0", children: [_jsx("h1", { className: "tp-title-xl text-slate-950", children: brand.name }), _jsx("p", { className: "mt-2 max-w-3xl text-base leading-7 text-slate-600", children: brand.description ||
+                                                                        "Discover this brand's stays, curated travel products, live inventory, and destination presence." })] })] }), _jsxs("div", { className: "flex flex-wrap gap-3", children: [_jsxs("span", { className: "tp-chip", children: [_jsx(ShieldCheck, { className: "h-4 w-4 text-primary" }), brand.verificationStatus || "verified"] }), _jsxs("span", { className: "tp-chip", children: [_jsx(Users, { className: "h-4 w-4 text-primary" }), ((_a = brand.stats) === null || _a === void 0 ? void 0 : _a.followers) || 0, " followers"] }), _jsxs("span", { className: "tp-chip", children: [_jsx(Building2, { className: "h-4 w-4 text-primary" }), sections.reduce((sum, section) => sum + section.items.length, 0), " active offerings"] }), primaryLocation ? (_jsxs(Link, { href: buildLocationHref(primaryLocation, (contextPlace === null || contextPlace === void 0 ? void 0 : contextPlace.slugPath) || null, brandSlug), className: "tp-chip bg-primary/10 text-primary hover:bg-primary/15", children: [_jsx(MapPin, { className: "h-4 w-4" }), primaryLocation.name] })) : null] })] }), _jsxs(SurfaceCard, { className: "p-5 sm:p-6", children: [_jsx(SectionHeading, { title: "Trust and reach", description: "A destination-level signal for how established and responsive this brand is on Trippeaze.", className: "mb-4" }), _jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "rounded-[1.25rem] bg-slate-50 p-4", children: [_jsx("p", { className: "text-[11px] font-bold uppercase tracking-[0.18em] text-slate-400", children: "Trust score" }), _jsx("p", { className: "mt-2 text-3xl font-bold text-slate-950", children: insights.trustScore })] }), _jsxs("div", { className: "rounded-[1.25rem] bg-slate-50 p-4", children: [_jsx("p", { className: "text-[11px] font-bold uppercase tracking-[0.18em] text-slate-400", children: "Reach score" }), _jsx("p", { className: "mt-2 text-3xl font-bold text-slate-950", children: insights.placementScore })] })] })] })] })] }) })] }), _jsxs(PageContainer, { className: "grid grid-cols-1 gap-6 py-8 sm:gap-8 sm:py-10 lg:grid-cols-[2fr_1fr]", children: [_jsxs("div", { className: "space-y-8", children: [_jsxs(SurfaceCard, { className: "p-5 sm:p-6", children: [_jsx(SectionHeading, { title: "Ad offers", description: "Automated brand promotion slots for destination pages and creator surfaces without manual pitching.", className: "mb-5" }), _jsxs("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: [_jsxs("div", { className: "rounded-[1.25rem] border border-slate-200/70 bg-slate-50 p-4", children: [_jsx(BadgePercent, { className: "mb-3 h-5 w-5 text-primary" }), _jsx("p", { className: "text-[11px] font-bold uppercase tracking-[0.18em] text-slate-400", children: "Max commission" }), _jsxs("p", { className: "mt-2 text-2xl font-bold text-slate-950", children: [insights.maxCommission, "%"] })] }), _jsxs("div", { className: "rounded-[1.25rem] border border-slate-200/70 bg-slate-50 p-4", children: [_jsx(TrendingUp, { className: "mb-3 h-5 w-5 text-primary" }), _jsx("p", { className: "text-[11px] font-bold uppercase tracking-[0.18em] text-slate-400", children: "Expected payout" }), _jsxs("p", { className: "mt-2 text-2xl font-bold text-slate-950", children: [insights.expectedCommission, "%"] })] }), _jsxs("div", { className: "rounded-[1.25rem] border border-slate-200/70 bg-slate-50 p-4", children: [_jsx(Sparkles, { className: "mb-3 h-5 w-5 text-primary" }), _jsx("p", { className: "text-[11px] font-bold uppercase tracking-[0.18em] text-slate-400", children: "Placement mix" }), _jsx("p", { className: "mt-2 text-sm font-bold text-slate-950", children: "Destination page, creator profile, and content-driven placements" })] })] }), ((_b = pageData.brandOwnedAdOffers) === null || _b === void 0 ? void 0 : _b.length) ? (_jsx("div", { className: "mt-6 grid grid-cols-1 gap-4 md:grid-cols-2", children: pageData.brandOwnedAdOffers.slice(0, 4).map((offer) => (_jsx(AdOfferCard, { offer: offer, compact: true }, offer._id))) })) : (_jsx("div", { className: "mt-5 rounded-[1.25rem] border border-dashed border-slate-200 bg-slate-50 px-4 py-6 text-sm text-slate-500", children: "No live ad offers are configured for this brand yet." }))] }), sections.map((section) => (_jsxs(SurfaceCard, { className: "p-5 sm:p-6", children: [_jsx(SectionHeading, { title: section.label, description: `Browse ${section.label.toLowerCase()} linked with ${brand.name}.`, className: "mb-5" }), _jsx("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: section.items
+                                            .slice(0, 4)
+                                            .map((listing) => renderOfferingCard(listing, section.type)) })] }, section.label))), _jsxs(SurfaceCard, { className: "p-5 sm:p-6", children: [_jsx(SectionHeading, { title: "Community and lead signal", description: "Discussions and trending content around this brand give placement algorithms more context.", className: "mb-4" }), discussions.length ? (_jsx("div", { className: "space-y-3", children: discussions.slice(0, 5).map((discussion) => (_jsx("div", { className: "rounded-[1.25rem] border border-slate-100 bg-slate-50/80 p-4", children: _jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("h3", { className: "font-black text-slate-900 text-sm", children: discussion.title || "Brand discussion" }), _jsx("p", { className: "text-sm text-slate-600 mt-1 line-clamp-3", children: discussion.content })] }), _jsx("span", { className: "text-xs font-semibold text-slate-400", children: new Date(discussion.createdAt).toLocaleDateString("en-IN", { day: "numeric", month: "short" }) })] }) }, discussion._id))) })) : (_jsx("p", { className: "text-sm text-slate-500", children: "No discussions yet for this brand." }))] }), ((_c = pageData.adOffers) === null || _c === void 0 ? void 0 : _c.length) ? (_jsxs(SurfaceCard, { className: "p-5 sm:p-6", children: [_jsx(SectionHeading, { title: "Complementary offers this page can promote", description: "Only relevant, non-competing Trippeaze offers are surfaced here.", className: "mb-5" }), _jsx("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2", children: pageData.adOffers.slice(0, 4).map((offer) => (_jsx(AdOfferCard, { offer: offer, compact: true }, offer._id))) })] })) : null] }), _jsxs("aside", { className: "space-y-6", children: [_jsxs(SurfaceCard, { className: "p-5 sm:p-6", children: [_jsx(SectionHeading, { title: "Service footprint", description: "Destinations where this brand currently operates or is actively linked.", className: "mb-4" }), _jsx("div", { className: "space-y-2", children: locations.length ? (locations.map((location) => (_jsxs(Link, { href: buildLocationHref(location, (contextPlace === null || contextPlace === void 0 ? void 0 : contextPlace.slugPath) || null, brandSlug), className: "flex items-center justify-between rounded-[1.25rem] border border-slate-100 bg-slate-50/70 px-4 py-3 transition hover:border-primary/20 hover:bg-white", children: [_jsxs("span", { className: "inline-flex items-center gap-2 text-sm font-semibold text-slate-700", children: [_jsx(MapPin, { className: "w-4 h-4 text-primary" }), location.name] }), _jsx("span", { className: "text-[10px] font-bold uppercase tracking-widest text-slate-400", children: location.type })] }, location._id)))) : (_jsx("p", { className: "text-sm text-slate-500", children: "No linked places yet." })) })] }), primaryLocation ? (_jsxs(SurfaceCard, { className: "p-5 sm:p-6", children: [_jsx(SectionHeading, { title: "Way to reach", description: "Use the linked destination page as the entry point for travel details and local planning.", className: "mb-4" }), _jsxs("div", { className: "rounded-[1.25rem] border border-slate-100 bg-slate-50/70 p-4", children: [_jsxs("p", { className: "text-sm leading-6 text-slate-600", children: ["Start with ", _jsx("span", { className: "font-black text-slate-900", children: primaryLocation.name }), " for map context, nearby stays, itineraries, and destination-level navigation. This keeps brand discovery tied to the place where the traveler is actually planning to go."] }), _jsxs(Link, { href: buildLocationHref(primaryLocation, (contextPlace === null || contextPlace === void 0 ? void 0 : contextPlace.slugPath) || null, brandSlug), className: "mt-4 inline-flex items-center gap-2 text-sm font-bold text-primary hover:text-primary/80", children: [_jsx(Route, { className: "h-4 w-4" }), "Open destination directory"] })] })] })) : null, ((_d = brand.externalLinks) === null || _d === void 0 ? void 0 : _d.length) ? (_jsxs(SurfaceCard, { className: "p-5 sm:p-6", children: [_jsx(SectionHeading, { title: "External links", description: "Official channels and off-platform references.", className: "mb-4" }), _jsx("div", { className: "space-y-2", children: brand.externalLinks.map((item, index) => (_jsxs("a", { href: item.url, target: "_blank", rel: "noreferrer", className: "flex items-center justify-between rounded-[1.25rem] border border-slate-100 bg-slate-50/70 px-4 py-3 transition hover:border-primary/20 hover:bg-white", children: [_jsx("span", { className: "text-sm font-semibold text-slate-700", children: item.title || item.url }), _jsx(ExternalLink, { className: "w-4 h-4 text-slate-400" })] }, `${item.url}-${index}`))) })] })) : null, (trendingContent === null || trendingContent === void 0 ? void 0 : trendingContent.length) ? (_jsxs(SurfaceCard, { className: "p-5 sm:p-6", children: [_jsx(SectionHeading, { title: "Trending around Trippeaze", description: "Useful signals influencing where discovery traffic is already moving.", className: "mb-4" }), _jsx("div", { className: "space-y-3", children: trendingContent.slice(0, 4).map((item) => (_jsxs("div", { className: "rounded-[1.25rem] border border-slate-100 bg-slate-50/80 p-4", children: [_jsx("p", { className: "text-sm font-bold text-slate-900", children: item.title || "Trending discussion" }), _jsxs("p", { className: "mt-1 text-xs font-semibold text-slate-500", children: [item.repliesCount || 0, " replies \u2022 ", (item.upvotes || 0) - (item.downvotes || 0), " score"] })] }, item._id))) })] })) : null, (owner === null || owner === void 0 ? void 0 : owner.username) ? (_jsxs(SurfaceCard, { className: "p-5 sm:p-6", children: [_jsx(SectionHeading, { title: "Brand operator", description: "The host or operator currently associated with this brand.", className: "mb-4" }), _jsxs(Link, { href: `/profile/host/${owner.username}`, className: "flex items-center gap-3 rounded-[1.25rem] border border-slate-100 bg-slate-50/70 p-4 transition hover:border-primary/20 hover:bg-white", children: [_jsx("div", { className: "relative h-12 w-12 overflow-hidden rounded-2xl bg-slate-100", children: owner.profilePic ? (_jsx(Image, { src: owner.profilePic, alt: owner.firstName || owner.username, fill: true, className: "object-cover" })) : null }), _jsxs("div", { children: [_jsxs("p", { className: "text-sm font-bold text-slate-900", children: [owner.firstName || owner.username, " ", owner.lastName || ""] }), _jsxs("p", { className: "text-xs font-semibold text-slate-500", children: ["@", owner.username] })] })] })] })) : null] })] })] }));
+}

package/dist/components/companion/AnonymousChat.d.ts

@@ -0,0 +1,22 @@
+interface AnonymousChatProps {
+    matchId: string;
+    chatId: string;
+    partnerAlias: string;
+    partnerAvatar: string;
+    matchScore: number;
+    matchReasons: string[];
+    fullyRevealed: boolean;
+    myRevealed: boolean;
+    partnerRevealed: boolean;
+    onRequestReveal: () => void;
+    messages: {
+        senderId: string;
+        text: string;
+        createdAt: string;
+    }[];
+    myUserId: string;
+    onSend: (text: string) => void;
+}
+export declare function AnonymousChat({ matchId, partnerAlias, partnerAvatar, matchScore, matchReasons, fullyRevealed, myRevealed, partnerRevealed, onRequestReveal, messages, myUserId, onSend, }: AnonymousChatProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AnonymousChat.d.ts.map

package/dist/components/companion/AnonymousChat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnonymousChat.d.ts","sourceRoot":"","sources":["../../../src/components/companion/AnonymousChat.tsx"],"names":[],"mappings":"AAMA,UAAU,kBAAkB;IAC1B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,EAAE,CAAC;IACvB,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,OAAO,CAAC;IACpB,eAAe,EAAE,OAAO,CAAC;IACzB,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAClE,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,wBAAgB,aAAa,CAAC,EAC5B,OAAO,EACP,YAAY,EACZ,aAAa,EACb,UAAU,EACV,YAAY,EACZ,aAAa,EACb,UAAU,EACV,eAAe,EACf,eAAe,EACf,QAAQ,EACR,QAAQ,EACR,MAAM,GACP,EAAE,kBAAkB,2CAwMpB"}

package/dist/components/companion/AnonymousChat.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { MotionDiv, AnimatePresence } from "../ui/motion";
+import { Eye, EyeOff, Send } from "lucide-react";
+export function AnonymousChat({ matchId, partnerAlias, partnerAvatar, matchScore, matchReasons, fullyRevealed, myRevealed, partnerRevealed, onRequestReveal, messages, myUserId, onSend, }) {
+    const [input, setInput] = useState("");
+    const handleSend = () => {
+        if (!input.trim())
+            return;
+        onSend(input.trim());
+        setInput("");
+    };
+    return (_jsxs("div", { className: "flex flex-col h-full bg-slate-50 rounded-[2.5rem] overflow-hidden shadow-2xl border border-slate-100", children: [_jsxs("div", { className: "bg-gradient-to-r from-indigo-600 via-purple-600 to-pink-500 p-5 flex items-center gap-4", children: [_jsxs("div", { className: "relative", children: [_jsx("div", { className: `w-14 h-14 rounded-full bg-white/20 backdrop-blur flex items-center justify-center text-3xl border-2 border-white/30 shadow ${fullyRevealed ? "" : "blur-sm"}`, children: partnerAvatar }), fullyRevealed && (_jsx("div", { className: "absolute -bottom-1 -right-1 bg-green-400 w-4 h-4 rounded-full border-2 border-white" }))] }), _jsxs("div", { className: "flex-1", children: [_jsx("h3", { className: "text-white font-bold text-lg", children: fullyRevealed ? partnerAlias : partnerAlias }), _jsxs("div", { className: "flex items-center gap-2 mt-0.5", children: [_jsxs("span", { className: "bg-white/20 text-white text-xs font-bold px-2 py-0.5 rounded-full", children: ["\u26A1 ", matchScore, "% match"] }), !fullyRevealed && (_jsx("span", { className: "bg-amber-400/30 text-amber-100 text-xs px-2 py-0.5 rounded-full font-medium", children: "\uD83C\uDFAD Anonymous" })), fullyRevealed && (_jsx("span", { className: "bg-green-400/30 text-green-100 text-xs px-2 py-0.5 rounded-full font-medium", children: "\u2705 Revealed" }))] })] }), !fullyRevealed && !myRevealed && (_jsxs("button", { onClick: onRequestReveal, className: "flex flex-col items-center gap-0.5 bg-white/20 backdrop-blur px-3 py-2 rounded-2xl hover:bg-white/30 transition border border-white/20", children: [_jsx(Eye, { className: "w-5 h-5 text-white" }), _jsx("span", { className: "text-[10px] text-white font-bold", children: "Reveal" })] })), myRevealed && !fullyRevealed && (_jsxs("div", { className: "flex flex-col items-center gap-0.5 bg-amber-400/30 px-3 py-2 rounded-2xl", children: [_jsx(EyeOff, { className: "w-5 h-5 text-amber-200" }), _jsx("span", { className: "text-[10px] text-amber-100 font-bold", children: "Waiting" })] }))] }), matchReasons.length > 0 && (_jsxs("div", { className: "bg-gradient-to-r from-green-50 to-emerald-50 px-5 py-3 border-b border-green-100", children: [_jsx("p", { className: "text-[10px] font-bold text-green-600 uppercase tracking-wider mb-1", children: "Why you matched" }), _jsx("div", { className: "flex flex-wrap gap-1.5", children: matchReasons.slice(0, 3).map((r, i) => (_jsx("span", { className: "bg-green-100 text-green-700 text-xs font-medium px-2.5 py-0.5 rounded-full", children: r }, i))) })] })), _jsx(AnimatePresence, { children: partnerRevealed && !myRevealed && (_jsxs(MotionDiv, { initial: { height: 0, opacity: 0 }, animate: { height: "auto", opacity: 1 }, className: "bg-indigo-600 px-5 py-3 flex items-center gap-3", children: [_jsx("span", { className: "text-2xl", children: "\uD83C\uDFAD" }), _jsxs("div", { className: "flex-1", children: [_jsx("p", { className: "text-white font-bold text-sm", children: "Your match wants to reveal!" }), _jsx("p", { className: "text-indigo-200 text-xs", children: "Tap Reveal to see who they really are." })] }), _jsx("button", { onClick: onRequestReveal, className: "bg-white text-indigo-600 font-bold text-sm px-4 py-2 rounded-xl hover:bg-indigo-50 transition", children: "Reveal \u2728" })] })) }), _jsx(AnimatePresence, { children: fullyRevealed && (_jsxs(MotionDiv, { initial: { opacity: 0, y: -10 }, animate: { opacity: 1, y: 0 }, className: "bg-gradient-to-r from-yellow-400 to-orange-400 px-5 py-3 flex items-center gap-2", children: [_jsx("span", { className: "text-2xl", children: "\uD83C\uDF89" }), _jsx("p", { className: "text-white font-bold text-sm", children: "Identities revealed! Say hello!" })] })) }), _jsxs("div", { className: "flex-1 overflow-y-auto p-4 flex flex-col gap-3", children: [messages.length === 0 && (_jsxs("div", { className: "flex-1 flex flex-col items-center justify-center gap-3 text-center py-10", children: [_jsx("span", { className: "text-5xl", children: partnerAvatar }), _jsxs("p", { className: "text-slate-600 font-bold", children: ["You matched with ", partnerAlias] }), _jsx("p", { className: "text-slate-400 text-sm", children: "You're both anonymous. Break the ice! \uD83E\uDDCA" }), [
+                                "So where are you headed next? 🌏",
+                                "What's your travel style? 🎒",
+                                "Have you been to Goa? 🏖️",
+                            ].map((prompt, i) => (_jsx("button", { onClick: () => {
+                                    setInput(prompt);
+                                }, className: "bg-slate-100 rounded-2xl px-4 py-2 text-sm text-slate-600 hover:bg-indigo-50 hover:text-indigo-600 transition font-medium", children: prompt }, i)))] })), messages.map((msg, i) => {
+                        const isMe = msg.senderId === myUserId;
+                        return (_jsxs("div", { className: `flex ${isMe ? "justify-end" : "justify-start"}`, children: [!isMe && (_jsx("div", { className: `w-8 h-8 rounded-full bg-gradient-to-br from-indigo-400 to-purple-500 flex items-center justify-center text-sm mr-2 mt-auto flex-shrink-0 ${fullyRevealed ? "" : "blur-sm"}`, children: partnerAvatar })), _jsx("div", { className: `max-w-[75%] px-4 py-2.5 rounded-2xl text-sm font-medium ${isMe ? "bg-indigo-600 text-white rounded-br-sm" : "bg-white text-slate-800 shadow-sm border border-slate-100 rounded-bl-sm"}`, children: msg.text })] }, i));
+                    })] }), _jsxs("div", { className: "p-4 bg-white border-t border-slate-100 flex gap-3 items-center", children: [_jsx("input", { type: "text", value: input, onChange: (e) => setInput(e.target.value), onKeyDown: (e) => e.key === "Enter" && handleSend(), placeholder: "Say something... \uD83C\uDF0D", className: "flex-1 bg-slate-50 rounded-2xl px-4 py-3 text-sm outline-none border border-slate-100 focus:border-indigo-300 transition" }), _jsx("button", { onClick: handleSend, className: "w-12 h-12 rounded-2xl bg-indigo-600 text-white flex items-center justify-center hover:bg-indigo-700 active:scale-95 transition shadow-lg shadow-indigo-200", children: _jsx(Send, { className: "w-5 h-5" }) })] })] }));
+}

package/dist/components/companion/SwipeCard.d.ts

@@ -0,0 +1,25 @@
+export type DiscoveryCard = {
+    userId: string;
+    alias: string;
+    avatar: string;
+    travelStyle: string;
+    bio?: string;
+    interests: string[];
+    destinations?: {
+        city: string;
+        country: string;
+        fromDate?: string;
+        toDate?: string;
+    }[];
+    languages: string[];
+    matchScore: number;
+    matchReasons: string[];
+};
+interface SwipeCardProps {
+    card: DiscoveryCard;
+    isTop: boolean;
+    onSwipe: (userId: string, action: "like" | "pass") => void;
+}
+export declare function SwipeCard({ card, isTop, onSwipe }: SwipeCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SwipeCard.d.ts.map

package/dist/components/companion/SwipeCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SwipeCard.d.ts","sourceRoot":"","sources":["../../../src/components/companion/SwipeCard.tsx"],"names":[],"mappings":"AAYA,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,YAAY,CAAC,EAAE;QACb,IAAI,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,EAAE,CAAC;IACJ,SAAS,EAAE,MAAM,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB,CAAC;AAEF,UAAU,cAAc;IACtB,IAAI,EAAE,aAAa,CAAC;IACpB,KAAK,EAAE,OAAO,CAAC;IACf,OAAO,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC5D;AAUD,wBAAgB,SAAS,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,cAAc,2CA2LjE"}

package/dist/components/companion/SwipeCard.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion, useMotionValue, useTransform, useAnimation, } from "framer-motion";
+import { MapPin, Heart, X, Zap } from "lucide-react";
+const STYLE_EMOJI = {
+    budget: "🎒",
+    backpacker: "🏕️",
+    flashpacker: "⚡",
+    "mid-range": "🌿",
+    luxury: "💎",
+};
+export function SwipeCard({ card, isTop, onSwipe }) {
+    var _a;
+    const x = useMotionValue(0);
+    const rotate = useTransform(x, [-200, 200], [-25, 25]);
+    const likeOpacity = useTransform(x, [20, 100], [0, 1]);
+    const passOpacity = useTransform(x, [-100, -20], [1, 0]);
+    const controls = useAnimation();
+    const handleDragEnd = async (_, info) => {
+        if (info.offset.x > 100) {
+            await controls.start({
+                x: 600,
+                opacity: 0,
+                transition: { duration: 0.3 },
+            });
+            onSwipe(card.userId, "like");
+        }
+        else if (info.offset.x < -100) {
+            await controls.start({
+                x: -600,
+                opacity: 0,
+                transition: { duration: 0.3 },
+            });
+            onSwipe(card.userId, "pass");
+        }
+        else {
+            controls.start({ x: 0, transition: { type: "spring", stiffness: 300 } });
+        }
+    };
+    const triggerSwipe = async (dir) => {
+        const target = dir === "like" ? 600 : -600;
+        await controls.start({
+            x: target,
+            opacity: 0,
+            transition: { duration: 0.3 },
+        });
+        onSwipe(card.userId, dir);
+    };
+    const scoreColor = card.matchScore >= 75
+        ? "text-emerald-600"
+        : card.matchScore >= 50
+            ? "text-amber-600"
+            : "text-slate-400";
+    return (_jsxs("div", { className: "relative w-full max-w-sm mx-auto select-none", children: [_jsx(motion.div, { style: { opacity: likeOpacity }, className: "absolute top-8 left-6 z-20 rotate-[-15deg] border-4 border-emerald-400 text-emerald-400 font-bold text-3xl px-4 py-1 rounded-xl pointer-events-none", children: "VIBE \u2708\uFE0F" }), _jsx(motion.div, { style: { opacity: passOpacity }, className: "absolute top-8 right-6 z-20 rotate-[15deg] border-4 border-red-400 text-red-400 font-bold text-3xl px-4 py-1 rounded-xl pointer-events-none", children: "NOPE \u2716\uFE0F" }), _jsxs(motion.div, { style: { x, rotate }, drag: isTop ? "x" : false, dragConstraints: { left: 0, right: 0 }, onDragEnd: handleDragEnd, animate: controls, className: "relative bg-white rounded-[2.5rem] shadow-xl overflow-hidden cursor-grab active:cursor-grabbing border border-slate-100", children: [_jsxs("div", { className: "relative h-64 bg-gradient-to-br from-primary-500 to-blue-600 flex flex-col items-center justify-center gap-3", children: [_jsx("div", { className: "w-28 h-28 rounded-full bg-white/20 backdrop-blur flex items-center justify-center text-7xl shadow-xl border-4 border-white/30 overflow-hidden", children: ((_a = card.avatar) === null || _a === void 0 ? void 0 : _a.startsWith("http")) ? (_jsx("img", { src: card.avatar, alt: card.alias, className: "w-full h-full object-cover" })) : (card.avatar || "🌍") }), _jsx("h2", { className: "text-white font-bold text-xl tracking-tight", children: card.alias }), _jsx("div", { className: "flex items-center gap-2 bg-white/20 backdrop-blur-md px-4 py-1.5 rounded-full", children: _jsxs("span", { className: "text-white font-bold text-sm capitalize", children: [STYLE_EMOJI[card.travelStyle], " ", card.travelStyle, " traveler"] }) }), _jsxs("div", { className: `absolute top-4 right-4 bg-white rounded-2xl px-3 py-1 flex items-center gap-1 shadow-lg`, children: [_jsx(Zap, { className: `w-3.5 h-3.5 ${scoreColor}` }), _jsxs("span", { className: `font-black text-sm ${scoreColor}`, children: [card.matchScore, "% match"] })] })] }), _jsxs("div", { className: "p-6 flex flex-col gap-4", children: [card.destinations && card.destinations.length > 0 && (_jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx("p", { className: "text-xs font-bold uppercase tracking-widest text-slate-400", children: "Upcoming Trips" }), card.destinations.slice(0, 2).map((d, i) => (_jsxs("div", { className: "flex items-center gap-2 text-sm font-semibold text-slate-700", children: [_jsx(MapPin, { className: "w-3.5 h-3.5 text-primary-500" }), d.city, ", ", d.country, d.fromDate && (_jsxs("span", { className: "text-xs text-slate-400", children: ["\u00B7", " ", new Date(d.fromDate).toLocaleDateString("en-IN", {
+                                                        month: "short",
+                                                        day: "numeric",
+                                                    })] }))] }, i)))] })), card.bio && (_jsxs("p", { className: "text-sm text-slate-600 leading-relaxed italic", children: ["\"", card.bio, "\""] })), _jsx("div", { className: "flex flex-wrap gap-2", children: card.interests.slice(0, 5).map((i) => (_jsx("span", { className: "bg-primary-50 text-primary-700 text-xs font-bold px-3 py-1 rounded-full capitalize", children: i }, i))) }), card.matchReasons.length > 0 && (_jsxs("div", { className: "bg-emerald-50 rounded-2xl p-3 border border-emerald-100", children: [_jsx("p", { className: "text-xs font-bold text-emerald-700 uppercase tracking-wide mb-1", children: "Why you match" }), card.matchReasons.slice(0, 2).map((r, i) => (_jsx("p", { className: "text-xs text-emerald-600 font-medium", children: r }, i)))] }))] })] }), isTop && (_jsxs("div", { className: "flex justify-center gap-8 mt-6", children: [_jsx("button", { onClick: () => triggerSwipe("pass"), className: "w-16 h-16 rounded-full bg-white shadow-xl border-2 border-slate-100 flex items-center justify-center text-red-400 hover:scale-110 hover:border-red-200 transition-all active:scale-95", children: _jsx(X, { className: "w-7 h-7" }) }), _jsx("button", { onClick: () => triggerSwipe("like"), className: "w-20 h-20 rounded-full bg-primary-600 shadow-xl shadow-primary-200 flex items-center justify-center text-white hover:scale-110 transition-all active:scale-95", children: _jsx(Heart, { className: "w-8 h-8 fill-white" }) })] }))] }));
+}

package/dist/components/create-flow/ConfirmDiscardDialog.d.ts

@@ -0,0 +1,11 @@
+type ConfirmDiscardDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    saving: boolean;
+    onSaveDraft: () => void;
+    onDiscard: () => void;
+    triggerClassName?: string;
+};
+export default function ConfirmDiscardDialog({ open, onOpenChange, saving, onSaveDraft, onDiscard, }: ConfirmDiscardDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ConfirmDiscardDialog.d.ts.map

package/dist/components/create-flow/ConfirmDiscardDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDiscardDialog.d.ts","sourceRoot":"","sources":["../../../src/components/create-flow/ConfirmDiscardDialog.tsx"],"names":[],"mappings":"AAWA,KAAK,yBAAyB,GAAG;IAC/B,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,oBAAoB,CAAC,EAC3C,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,WAAW,EACX,SAAS,GACV,EAAE,yBAAyB,2CAgD3B"}

package/dist/components/create-flow/ConfirmDiscardDialog.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Pencil, Save } from "lucide-react";
+import { Button } from "@myrjfa/ui/dist/misc/button";
+import { Dialog, DialogContent, DialogTitle, DialogTrigger, } from "@myrjfa/ui/dist/misc/dialog";
+export default function ConfirmDiscardDialog({ open, onOpenChange, saving, onSaveDraft, onDiscard, }) {
+    return (_jsxs(Dialog, { open: open, onOpenChange: onOpenChange, children: [_jsx(DialogTrigger, { asChild: true, children: _jsx(Button, { type: "button", variant: "destructive", disabled: saving, children: "Cancel" }) }), _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Confirm Cancellation" }), "Are you sure you want to cancel?", _jsxs(Button, { onClick: () => onOpenChange(false), className: "flex flex-row gap-2", children: [_jsx(Pencil, { className: "w-4 h-4" }), "Continue Editing"] }), _jsx(Button, { type: "button", disabled: saving, className: "min-w-32", onClick: () => {
+                            onOpenChange(false);
+                            onSaveDraft();
+                        }, children: saving ? (_jsxs("span", { className: "flex items-center", children: [_jsx("span", { className: "mr-2 h-4 w-4 animate-spin rounded-full border-2 border-white border-t-transparent" }), "Saving..."] })) : (_jsxs("span", { className: "flex items-center", children: [_jsx(Save, { className: "mr-2 h-4 w-4" }), "Save Draft"] })) }), _jsx(Button, { variant: "destructive", onClick: () => {
+                            onOpenChange(false);
+                            onDiscard();
+                        }, children: "Discard" })] })] }));
+}

package/dist/components/create-flow/EntityEditLoadingState.d.ts

@@ -0,0 +1,2 @@
+export default function EntityEditLoadingState(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EntityEditLoadingState.d.ts.map

package/dist/components/create-flow/EntityEditLoadingState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityEditLoadingState.d.ts","sourceRoot":"","sources":["../../../src/components/create-flow/EntityEditLoadingState.tsx"],"names":[],"mappings":"AAIA,MAAM,CAAC,OAAO,UAAU,sBAAsB,4CAM7C"}

package/dist/components/create-flow/EntityEditLoadingState.js

@@ -0,0 +1,6 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Loader2 } from "lucide-react";
+export default function EntityEditLoadingState() {
+    return (_jsx("div", { className: "flex min-h-screen items-center justify-center bg-gray-50 px-4", children: _jsx(Loader2, { className: "h-8 w-8 animate-spin text-primary" }) }));
+}

package/dist/components/create-flow/EntityFormCompletionState.d.ts

@@ -0,0 +1,12 @@
+type EntityFormCompletionStateProps = {
+    title: string;
+    description: string;
+    viewHref?: string;
+    viewLabel?: string;
+    backHref: string;
+    backLabel: string;
+    primaryBack?: boolean;
+};
+export default function EntityFormCompletionState({ title, description, viewHref, viewLabel, backHref, backLabel, primaryBack, }: EntityFormCompletionStateProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EntityFormCompletionState.d.ts.map

package/dist/components/create-flow/EntityFormCompletionState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityFormCompletionState.d.ts","sourceRoot":"","sources":["../../../src/components/create-flow/EntityFormCompletionState.tsx"],"names":[],"mappings":"AAMA,KAAK,8BAA8B,GAAG;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,SAAS,EACT,WAAmB,GACpB,EAAE,8BAA8B,2CAmChC"}

package/dist/components/create-flow/EntityFormCompletionState.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { MotionDiv } from "../ui/motion";
+import { CheckCircle } from "lucide-react";
+export default function EntityFormCompletionState({ title, description, viewHref, viewLabel, backHref, backLabel, primaryBack = false, }) {
+    return (_jsx("div", { className: "flex min-h-screen items-center justify-center bg-gray-50 px-4 pt-24", children: _jsxs(MotionDiv, { initial: { opacity: 0, scale: 0.9 }, animate: { opacity: 1, scale: 1 }, className: "w-full max-w-md rounded-[2.5rem] border border-gray-100 bg-white p-10 text-center shadow-xl", children: [_jsx("div", { className: "mx-auto mb-6 flex h-20 w-20 items-center justify-center rounded-[1.5rem] bg-green-100", children: _jsx(CheckCircle, { className: "h-10 w-10 text-green-600" }) }), _jsx("h2", { className: "mb-2 text-2xl font-bold text-gray-900", children: title }), _jsx("p", { className: "mb-8 text-sm font-medium text-gray-500", children: description }), _jsxs("div", { className: "flex flex-col gap-3", children: [viewHref && viewLabel ? (_jsx(Link, { href: viewHref, className: "w-full rounded-2xl bg-primary py-4 font-bold text-white shadow-lg shadow-primary/20 transition hover:opacity-90", children: viewLabel })) : null, _jsx(Link, { href: backHref, className: `w-full rounded-2xl py-4 font-bold transition ${primaryBack
+                                ? "bg-primary text-white shadow-lg shadow-primary/20 hover:opacity-90"
+                                : "bg-gray-100 text-gray-700 hover:bg-gray-200"}`, children: backLabel })] })] }) }));
+}

package/dist/components/create-flow/EntityFormHeader.d.ts

@@ -0,0 +1,9 @@
+type EntityFormHeaderProps = {
+    backHref: string;
+    backLabel: string;
+    title: string;
+    description: string;
+};
+export default function EntityFormHeader({ backHref, backLabel, title, description, }: EntityFormHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EntityFormHeader.d.ts.map

package/dist/components/create-flow/EntityFormHeader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityFormHeader.d.ts","sourceRoot":"","sources":["../../../src/components/create-flow/EntityFormHeader.tsx"],"names":[],"mappings":"AAKA,KAAK,qBAAqB,GAAG;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,QAAQ,EACR,SAAS,EACT,KAAK,EACL,WAAW,GACZ,EAAE,qBAAqB,2CAavB"}

package/dist/components/create-flow/EntityFormHeader.js

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import Link from "next/link";
+import { ArrowLeft } from "lucide-react";
+export default function EntityFormHeader({ backHref, backLabel, title, description, }) {
+    return (_jsxs("div", { className: "mb-8", children: [_jsxs(Link, { href: backHref, className: "mb-4 inline-flex items-center gap-1.5 text-sm font-bold text-gray-500 transition hover:text-primary", children: [_jsx(ArrowLeft, { className: "h-4 w-4" }), " ", backLabel] }), _jsx("h1", { className: "text-3xl font-bold text-gray-900", children: title }), _jsx("p", { className: "mt-1 text-sm text-gray-500", children: description })] }));
+}

package/dist/components/create-flow/EntityFormPageFrame.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+type EntityFormPageFrameProps = {
+    loading: boolean;
+    children: ReactNode;
+    templateDialog?: ReactNode;
+    helpMessage?: string;
+};
+export default function EntityFormPageFrame({ loading, children, templateDialog, helpMessage, }: EntityFormPageFrameProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EntityFormPageFrame.d.ts.map

package/dist/components/create-flow/EntityFormPageFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntityFormPageFrame.d.ts","sourceRoot":"","sources":["../../../src/components/create-flow/EntityFormPageFrame.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,KAAK,wBAAwB,GAAG;IAC9B,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,EAAE,SAAS,CAAC;IACpB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,OAAO,EACP,QAAQ,EACR,cAAc,EACd,WAAW,GACZ,EAAE,wBAAwB,2CAY1B"}

package/dist/components/create-flow/EntityFormPageFrame.js

@@ -0,0 +1,10 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton as LoadingSkeleton } from "@myrjfa/ui/dist/misc/skeleton";
+import { WhatsAppHelpButton } from "@myrjfa/ui/dist/components/ui/misc/whatsapp-help";
+export default function EntityFormPageFrame({ loading, children, templateDialog, helpMessage, }) {
+    if (loading) {
+        return _jsx(LoadingSkeleton, {});
+    }
+    return (_jsxs("div", { children: [templateDialog, children, helpMessage ? _jsx(WhatsAppHelpButton, { message: helpMessage }) : null] }));
+}

package/dist/components/create-flow/ImageUploadStep.d.ts

@@ -0,0 +1,15 @@
+type ImageUploadStepProps = {
+    title: string;
+    subtitle: string;
+    helperText: string;
+    images: File[];
+    setImages: (images: File[]) => void;
+    minImagesLabel?: string;
+    formatLabel?: string;
+    previewAspectClassName?: string;
+    previewGridClassName?: string;
+    containerClassName?: string;
+};
+export default function ImageUploadStep({ title, subtitle, helperText, images, setImages, minImagesLabel, formatLabel, previewAspectClassName, previewGridClassName, containerClassName, }: ImageUploadStepProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ImageUploadStep.d.ts.map

package/dist/components/create-flow/ImageUploadStep.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUploadStep.d.ts","sourceRoot":"","sources":["../../../src/components/create-flow/ImageUploadStep.tsx"],"names":[],"mappings":"AAKA,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,IAAI,EAAE,CAAC;IACf,SAAS,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACpC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,KAAK,EACL,QAAQ,EACR,UAAU,EACV,MAAM,EACN,SAAS,EACT,cAAgC,EAChC,WAA8B,EAC9B,sBAAuC,EACvC,oBAA8D,EAC9D,kBAA0C,GAC3C,EAAE,oBAAoB,2CAyDtB"}

package/dist/components/create-flow/ImageUploadStep.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ImageIcon, Trash2 } from "lucide-react";
+import { normalizeImageFiles } from "@myrjfa/state/dist/lib/imageUpload";
+export default function ImageUploadStep({ title, subtitle, helperText, images, setImages, minImagesLabel = "Max 10 images", formatLabel = "PNG, JPG, WEBP", previewAspectClassName = "aspect-video", previewGridClassName = "grid grid-cols-2 sm:grid-cols-4 gap-4", containerClassName = "flex flex-col gap-6", }) {
+    return (_jsxs("div", { className: containerClassName, children: [_jsxs("label", { className: "group flex cursor-pointer flex-col items-center gap-6 rounded-[2rem] border-2 border-dashed border-gray-200 p-12 transition hover:border-primary hover:bg-primary/5", children: [_jsx("div", { className: "flex h-16 w-16 items-center justify-center rounded-2xl bg-gray-50 text-gray-400 transition group-hover:bg-primary/10 group-hover:text-primary", children: _jsx(ImageIcon, { className: "h-8 w-8" }) }), _jsxs("div", { className: "text-center", children: [_jsx("p", { className: "text-lg font-bold text-gray-900", children: title }), _jsx("p", { className: "text-sm text-gray-400", children: subtitle }), _jsxs("div", { className: "mt-4 flex items-center justify-center gap-4", children: [_jsx("span", { className: "rounded-lg border border-gray-100 bg-white px-3 py-1 text-[10px] font-bold uppercase tracking-widest text-gray-500 shadow-sm", children: minImagesLabel }), _jsx("span", { className: "rounded-lg border border-gray-100 bg-white px-3 py-1 text-[10px] font-bold uppercase tracking-widest text-gray-500 shadow-sm", children: formatLabel })] }), _jsx("p", { className: "mt-3 text-xs italic text-gray-300", children: helperText })] }), _jsx("input", { type: "file", multiple: true, accept: "image/*", onChange: async (e) => {
+                            var _a;
+                            const files = await normalizeImageFiles(Array.from((_a = e.target.files) !== null && _a !== void 0 ? _a : []));
+                            setImages([...images, ...files]);
+                        }, className: "hidden" })] }), images.length > 0 && (_jsx("div", { className: previewGridClassName, children: images.map((img, i) => (_jsxs("div", { className: `group relative overflow-hidden rounded-2xl border border-gray-100 shadow-sm ${previewAspectClassName}`, children: [_jsx("img", { src: URL.createObjectURL(img), alt: "", className: "h-full w-full object-cover transition-transform duration-500 group-hover:scale-105" }), _jsx("button", { type: "button", onClick: () => setImages(images.filter((_, idx) => idx !== i)), className: "absolute right-2 top-2 rounded-full bg-red-500 p-1.5 text-white opacity-0 shadow-lg transition group-hover:opacity-100", children: _jsx(Trash2, { className: "h-3.5 w-3.5" }) })] }, `${img.name}-${i}`))) }))] }));
+}

package/dist/components/create-flow/ImageUploader.d.ts

@@ -0,0 +1,30 @@
+import * as React from "react";
+type ImageUploaderProps = {
+    previews?: string[];
+    files?: File[];
+    onFilesChange?: (files: File[]) => void;
+    onFilesSelected?: (files: File[]) => void | Promise<void>;
+    onUploadEvent?: (event: React.ChangeEvent<HTMLInputElement>) => void | Promise<void>;
+    onRemove?: (index: number) => void;
+    prepareFiles?: (files: File[]) => File[] | Promise<File[]>;
+    title?: string;
+    message?: string;
+    helperText?: string;
+    minImages?: number;
+    maxImages?: number;
+    formatLabel?: string;
+    accept?: string;
+    multiple?: boolean;
+    disabled?: boolean;
+    dedupe?: boolean;
+    enableCompression?: boolean;
+    normalizeFiles?: boolean;
+    previewAspectClassName?: string;
+    previewGridClassName?: string;
+    containerClassName?: string;
+    dropzoneClassName?: string;
+    emptyIcon?: React.ReactNode;
+};
+export default function ImageUploader({ previews, files, onFilesChange, onFilesSelected, onUploadEvent, onRemove, prepareFiles, title, message, helperText, minImages, maxImages, formatLabel, accept, multiple, disabled, dedupe, enableCompression, normalizeFiles, previewAspectClassName, previewGridClassName, containerClassName, dropzoneClassName, emptyIcon, }: ImageUploaderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ImageUploader.d.ts.map

package/dist/components/create-flow/ImageUploader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUploader.d.ts","sourceRoot":"","sources":["../../../src/components/create-flow/ImageUploader.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAM/B,KAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACxC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1D,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACrF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,EAAE,GAAG,OAAO,CAAC,IAAI,EAAE,CAAC,CAAC;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B,CAAC;AAkBF,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,QAAa,EACb,KAAK,EACL,aAAa,EACb,eAAe,EACf,aAAa,EACb,QAAQ,EACR,YAAY,EACZ,KAAuB,EACvB,OAA+E,EAC/E,UAAU,EACV,SAAS,EACT,SAAc,EACd,WAAoC,EACpC,MAAkB,EAClB,QAAe,EACf,QAAgB,EAChB,MAAa,EACb,iBAAwB,EACxB,cAAqB,EACrB,sBAAuC,EACvC,oBAA8D,EAC9D,kBAAkB,EAClB,iBAAiB,EACjB,SAAS,GACV,EAAE,kBAAkB,2CA4SpB"}