@myrjfa/ui 0.3.1 → 0.3.2

package/dist/chat/MessageBubble.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../src/chat/MessageBubble.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,cAAc,EAEnB,KAAK,OAAO,EACZ,KAAK,WAAW,EAChB,KAAK,IAAI,EACZ,MAAM,oCAAoC,CAAC;AAqE5C,UAAU,kBAAkB;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,cAAc,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACvE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,EAAE,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAC7H,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAWD,wBAAgB,aAAa,CAAC,EAC1B,OAAO,EACP,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,YAAY,EACZ,UAAU,EACV,QAAQ,GACX,EAAE,kBAAkB,2CAy0BpB"}
+{"version":3,"file":"MessageBubble.d.ts","sourceRoot":"","sources":["../../src/chat/MessageBubble.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGH,KAAK,cAAc,EAEnB,KAAK,OAAO,EACZ,KAAK,WAAW,EAChB,KAAK,IAAI,EACZ,MAAM,oCAAoC,CAAC;AAqE5C,UAAU,kBAAkB;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,YAAY,EAAE,WAAW,EAAE,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,iBAAiB,EAAE,cAAc,CAAC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACpC,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC3D,gBAAgB,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,eAAe,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IACvE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE;QAAE,QAAQ,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,EAAE,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,KAAK,OAAO,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC;IAC7H,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,UAAU,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IACzC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAWD,wBAAgB,aAAa,CAAC,EAC1B,OAAO,EACP,YAAY,EACZ,aAAa,EACb,iBAAiB,EACjB,UAAU,EACV,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,eAAe,EACf,MAAM,EACN,UAAU,EACV,MAAM,EACN,KAAK,EACL,YAAY,EACZ,UAAU,EACV,QAAQ,GACX,EAAE,kBAAkB,2CA6zBpB"}

package/dist/chat/MessageBubble.js

@@ -348,7 +348,7 @@ export function MessageBubble({ message, participants, currentUserId, currentAct
                             ${message.isDeleted ? "opacity-60 italic" : ""}`, onContextMenu: (event) => {
                                             event.preventDefault();
                                             setShowActionMenu(true);
-                                        }, children: [message.content.media && message.content.media.length > 0 && (_jsx("div", { className: "mb-2 space-y-1", children: message.content.media.map((m, i) => (_jsx("div", { children: m.mimeType.startsWith("image/") ? (_jsx("img", { src: m.url, alt: m.name, className: "rounded-lg max-w-full max-h-64 object-cover" })) : m.mimeType.startsWith("audio/") ? (_jsx(AudioMessagePlayer, { src: m.url, messageId: `${message._id}:${i}` })) : m.mimeType.startsWith("video/") ? (_jsx("video", { src: m.url, poster: m.thumbnailUrl, controls: true, preload: "metadata", className: "max-h-72 w-full rounded-lg bg-black" })) : (_jsxs("a", { href: m.url, target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-3 rounded-lg border border-black/10 bg-white/80 p-3 text-sm text-slate-800 shadow-sm dark:bg-slate-900/70 dark:text-white", children: [_jsx(FileText, { className: "h-8 w-8 shrink-0 text-purple-500" }), _jsxs("span", { className: "min-w-0 truncate", children: ["\uD83D\uDCCE ", m.name] })] })) }, i))) })), _jsx("p", { className: "text-[15px] leading-relaxed whitespace-pre-wrap break-words", children: renderTextWithLinks((_f = message.content.text) !== null && _f !== void 0 ? _f : "") }), ((_g = message.content.linkPreview) === null || _g === void 0 ? void 0 : _g.url) && (() => {
+                                        }, children: [message.content.media && message.content.media.length > 0 && (_jsx("div", { className: "mb-2 space-y-1", children: message.content.media.map((m, i) => (_jsx("div", { children: m.mimeType.startsWith("image/") ? (_jsx("img", { src: m.url, alt: m.name, className: "rounded-lg max-w-full max-h-64 object-cover" })) : m.mimeType.startsWith("audio/") ? (_jsx(AudioMessagePlayer, { src: m.url, messageId: `${message._id}:${i}` })) : m.mimeType.startsWith("video/") ? (_jsx("video", { src: m.url, poster: m.thumbnailUrl, controls: true, preload: "metadata", className: "max-h-72 w-full rounded-lg bg-black" })) : (_jsxs("a", { href: m.url, target: "_blank", rel: "noopener noreferrer", className: "flex items-center gap-3 rounded-lg border border-black/10 bg-white/80 p-3 text-sm text-slate-800 shadow-sm dark:bg-slate-900/70 dark:text-white", children: [_jsx(FileText, { className: "h-8 w-8 shrink-0 text-purple-500" }), _jsx("span", { className: "min-w-0 truncate", children: m.name || "Attachment" })] })) }, i))) })), _jsx("p", { className: "text-[15px] leading-relaxed whitespace-pre-wrap break-words", children: renderTextWithLinks((_f = message.content.text) !== null && _f !== void 0 ? _f : "") }), ((_g = message.content.linkPreview) === null || _g === void 0 ? void 0 : _g.url) && (() => {
                                                 const preview = message.content.linkPreview;
                                                 const mapCoordinates = coordinatesFromMapUrl(preview.url);
                                                 return (_jsxs("a", { href: preview.url, target: "_blank", rel: "noopener noreferrer", className: "mt-3 block overflow-hidden rounded-xl border border-black/10 bg-white/90 text-slate-900 shadow-sm transition-opacity hover:opacity-90 dark:border-white/10 dark:bg-slate-900/80 dark:text-white", children: [mapCoordinates ? (_jsx("div", { className: "h-28 w-full overflow-hidden bg-slate-100", children: _jsx(MapPreview, { latitude: mapCoordinates.latitude, longitude: mapCoordinates.longitude }) })) : preview.image ? (_jsx("img", { src: preview.image, alt: "", className: "h-32 w-full object-cover", onError: (event) => { event.currentTarget.style.display = "none"; } })) : null, _jsxs("div", { className: "p-3", children: [_jsx("p", { className: "text-[10px] font-semibold uppercase tracking-wider text-slate-500", children: preview.siteName || new URL(preview.url).hostname }), _jsx("p", { className: "mt-1 line-clamp-2 text-sm font-semibold", children: preview.title || preview.url }), preview.description && _jsx("p", { className: "mt-1 line-clamp-2 text-xs text-slate-600 dark:text-slate-300", children: preview.description })] })] }));

package/dist/chat/MessageInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../src/chat/MessageInput.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAE7D,UAAU,iBAAiB;IACvB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,GAAG,aAAa,CAAA;KAAE,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACpL,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IACrF,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC5D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAED,wBAAgB,YAAY,CAAC,EACzB,MAAM,EACN,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,MAAM,EACN,YAAY,EACZ,aAAa,EACb,cAAc,EACd,YAAY,EACZ,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,YAAiB,EAAE,QAAQ;AAC3B,WAAoB,EACpB,oBAA4B,EAC5B,iBAAyB,EACzB,yBAAiC,EACjC,kBAA0B,EAC1B,WAAgB,EAChB,YAAY,EACZ,aAAa,GAChB,EAAE,iBAAiB,2CA+kBnB"}
+{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../src/chat/MessageInput.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAE,OAAO,EAAE,MAAM,oCAAoC,CAAC;AAE7D,UAAU,iBAAiB;IACvB,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE,EAAE,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,OAAO,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,GAAG,aAAa,CAAA;KAAE,CAAC,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,cAAc,KAAK,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACpL,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,GAAG,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC;IAC7B,MAAM,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IACrF,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC5D,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C;AAeD,wBAAgB,YAAY,CAAC,EACzB,MAAM,EACN,aAAa,EACb,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,WAAW,EACX,MAAM,EACN,YAAY,EACZ,aAAa,EACb,cAAc,EACd,YAAY,EACZ,UAAU,EACV,aAAa,EACb,gBAAgB,EAChB,YAAY,EACZ,YAAiB,EAAE,QAAQ;AAC3B,WAAoB,EACpB,oBAA4B,EAC5B,iBAAyB,EACzB,yBAAiC,EACjC,kBAA0B,EAC1B,WAAgB,EAChB,YAAY,EACZ,aAAa,GAChB,EAAE,iBAAiB,2CA8kBnB"}

package/dist/chat/MessageInput.js

@@ -13,6 +13,21 @@ import { MediaComposerDialog } from "./dialogs/MediaComposerDialog";
 import { showAlert } from "../misc/alertdialogclaude";
 import { isCompressibleImage, compressImage } from "@myrjfa/state/dist/lib/utils/fileCompression";
 import EmojiPicker from 'emoji-picker-react';
+function LocalFilePreview({ file }) {
+    const [url, setUrl] = useState("");
+    useEffect(() => {
+        const objectUrl = URL.createObjectURL(file);
+        setUrl(objectUrl);
+        return () => URL.revokeObjectURL(objectUrl);
+    }, [file]);
+    if (!url)
+        return null;
+    if (file.type.startsWith("image/"))
+        return _jsx("img", { src: url, alt: "", className: "h-9 w-9 rounded object-cover" });
+    if (file.type.startsWith("audio/"))
+        return _jsx("audio", { src: url, controls: true, className: "h-8 max-w-44" });
+    return null;
+}
 export function MessageInput({ onSend, onTypingStart, onTypingStop, disabled, replyTo, editMessage, onEdit, onCancelEdit, onCancelReply, onAddMilestone, onAddExpense, onAddEvent, onPayAndSplit, onPaymentDetails, onCreatePoll, participants = [], // Added
 activePanel = "chat", allowAdvancedActions = false, enableAttachments = false, allowCollaborationActions = false, allowAnnouncements = false, initialText = "", externalText, onDraftChange, }) {
     var _a, _b, _c;
@@ -306,7 +321,7 @@ activePanel = "chat", allowAdvancedActions = false, enableAttachments = false, a
                         .map(p => (_jsx("button", { onClick: () => insertMention(p), className: "w-full text-left px-3 py-2 text-sm hover:bg-indigo-50 dark:hover:bg-indigo-900/40 flex items-center gap-2", children: _jsxs("span", { className: "truncate", children: ["@", p.username || participantLabel(p)] }) }, p.actorId))), participants.filter((p) => {
                         const searchable = `${p.username || ""} ${p.displayName || ""}`.toLowerCase();
                         return !mentionSearch || searchable.includes(mentionSearch.toLowerCase());
-                    }).length === 0 && (_jsx("div", { className: "px-3 py-2 text-xs text-gray-500 italic", children: "No members found" }))] })), allowAdvancedActions && enableAttachments && selectedFiles.length > 0 && !editMessage && (_jsx("div", { className: "max-w-4xl mx-auto mb-2 flex flex-wrap gap-2", children: selectedFiles.map((file, i) => (_jsxs("div", { className: "flex items-center gap-1 bg-gray-100 dark:bg-gray-800 rounded-lg px-2 py-1 text-xs text-gray-600 dark:text-gray-300", children: [file.type.startsWith("image/") && _jsx("img", { src: URL.createObjectURL(file), alt: "", className: "h-9 w-9 rounded object-cover" }), file.type.startsWith("audio/") && _jsx("audio", { src: URL.createObjectURL(file), controls: true, className: "h-8 max-w-44" }), _jsx("span", { className: "truncate max-w-[150px]", children: file.name }), selectedFiles.length > 1 && _jsxs(_Fragment, { children: [_jsx("button", { type: "button", disabled: i === 0, onClick: () => moveFile(i, -1), "aria-label": "Move attachment left", children: _jsx(ChevronLeft, { className: "h-3.5 w-3.5" }) }), _jsx("button", { type: "button", disabled: i === selectedFiles.length - 1, onClick: () => moveFile(i, 1), "aria-label": "Move attachment right", children: _jsx(ChevronRight, { className: "h-3.5 w-3.5" }) })] }), _jsx("button", { onClick: () => removeFile(i), className: "ml-2 text-red-500 hover:text-red-700 font-bold", children: "\u00D7" })] }, `${file.name}-${i}`))) })), announcementMode && !editMessage && (_jsxs("div", { className: "mx-auto mb-2 flex max-w-4xl items-center justify-between rounded-xl border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: [_jsxs("span", { className: "flex items-center gap-2 font-medium", children: [_jsx(Megaphone, { className: "h-4 w-4" }), "Sending as a group announcement"] }), _jsx("button", { type: "button", onClick: () => setAnnouncementMode(false), "aria-label": "Cancel announcement", children: _jsx(X, { className: "h-4 w-4" }) })] })), replyTo && (_jsxs("div", { className: "max-w-4xl mx-auto mb-2 flex items-center gap-2 bg-gray-100 dark:bg-gray-800 px-3 py-2 rounded-lg border-l-2 border-teal-500", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "text-xs font-semibold text-teal-600 dark:text-teal-400", children: editMessage ? "Editing" : `Replying to ${participantLabel(participants.find((participant) => participant.actorId === replyTo.senderId) || {})}` }), _jsx("div", { className: "text-xs text-gray-600 dark:text-gray-400 truncate", children: (_c = replyTo.content.text) === null || _c === void 0 ? void 0 : _c.substring(0, 60) })] }), _jsx("button", { onClick: onCancelReply, className: "text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 flex-shrink-0", children: _jsx(X, { className: "w-4 h-4" }) })] })), _jsxs("div", { className: `${showMessageInput ? "flex" : "hidden md:flex"} items-end gap-2 max-w-4xl mx-auto`, children: [allowAdvancedActions && enableAttachments && (_jsx("input", { type: "file", ref: fileInputRef, onChange: handleFileChange, accept: fileAcceptType, multiple: true, className: "hidden" })), allowAdvancedActions && !editMessage && _jsxs(Popover, { open: isAttachmentMenuOpen, onOpenChange: setIsAttachmentMenuOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full h-10 w-10 shrink-0", children: _jsx(PlusCircleIcon, { className: "w-5 h-5" }) }) }), _jsxs(PopoverContent, { side: "top", align: "start", className: "w-48 p-2 flex flex-col gap-1", children: [enableAttachments && _jsxs(_Fragment, { children: [_jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full", onClick: () => chooseFiles(".pdf,.doc,.docx,.txt,.xlsx,.pptx"), children: [_jsx(FileText, { className: "w-4 h-4 text-purple-500" }), "Document"] }), _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full", onClick: () => chooseFiles("image/*"), children: [_jsx(ImageIcon, { className: "w-4 h-4 text-blue-500" }), "Photos"] }), _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full", onClick: () => chooseFiles("video/*"), children: [_jsx(VideoIcon, { className: "w-4 h-4 text-rose-500" }), "Videos"] }), _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full", onClick: () => { setIsAttachmentMenuOpen(false); setIsLocationDialogOpen(true); }, children: [_jsx(MapPin, { className: "w-4 h-4 text-green-500" }), "Location"] })] }), allowCollaborationActions && _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full", onClick: () => { setIsAttachmentMenuOpen(false); setIsPollOpen(true); }, children: [_jsx(ChartBar, { className: "w-4 h-4 text-orange-500" }), "Poll"] }), allowCollaborationActions && _jsx("div", { className: "border-t border-gray-200 dark:border-gray-700 my-1" }), allowCollaborationActions && _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full text-teal-600 dark:text-teal-400", onClick: () => {
+                    }).length === 0 && (_jsx("div", { className: "px-3 py-2 text-xs text-gray-500 italic", children: "No members found" }))] })), allowAdvancedActions && enableAttachments && selectedFiles.length > 0 && !editMessage && (_jsx("div", { className: "max-w-4xl mx-auto mb-2 flex flex-wrap gap-2", children: selectedFiles.map((file, i) => (_jsxs("div", { className: "flex items-center gap-1 bg-gray-100 dark:bg-gray-800 rounded-lg px-2 py-1 text-xs text-gray-600 dark:text-gray-300", children: [_jsx(LocalFilePreview, { file: file }), _jsx("span", { className: "truncate max-w-[150px]", children: file.name }), selectedFiles.length > 1 && _jsxs(_Fragment, { children: [_jsx("button", { type: "button", disabled: i === 0, onClick: () => moveFile(i, -1), "aria-label": "Move attachment left", children: _jsx(ChevronLeft, { className: "h-3.5 w-3.5" }) }), _jsx("button", { type: "button", disabled: i === selectedFiles.length - 1, onClick: () => moveFile(i, 1), "aria-label": "Move attachment right", children: _jsx(ChevronRight, { className: "h-3.5 w-3.5" }) })] }), _jsx("button", { onClick: () => removeFile(i), className: "ml-2 text-red-500 hover:text-red-700 font-bold", children: "\u00D7" })] }, `${file.name}-${i}`))) })), announcementMode && !editMessage && (_jsxs("div", { className: "mx-auto mb-2 flex max-w-4xl items-center justify-between rounded-xl border border-amber-200 bg-amber-50 px-3 py-2 text-sm text-amber-900", children: [_jsxs("span", { className: "flex items-center gap-2 font-medium", children: [_jsx(Megaphone, { className: "h-4 w-4" }), "Sending as a group announcement"] }), _jsx("button", { type: "button", onClick: () => setAnnouncementMode(false), "aria-label": "Cancel announcement", children: _jsx(X, { className: "h-4 w-4" }) })] })), replyTo && (_jsxs("div", { className: "max-w-4xl mx-auto mb-2 flex items-center gap-2 bg-gray-100 dark:bg-gray-800 px-3 py-2 rounded-lg border-l-2 border-teal-500", children: [_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "text-xs font-semibold text-teal-600 dark:text-teal-400", children: editMessage ? "Editing" : `Replying to ${participantLabel(participants.find((participant) => participant.actorId === replyTo.senderId) || {})}` }), _jsx("div", { className: "text-xs text-gray-600 dark:text-gray-400 truncate", children: (_c = replyTo.content.text) === null || _c === void 0 ? void 0 : _c.substring(0, 60) })] }), _jsx("button", { onClick: onCancelReply, className: "text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 flex-shrink-0", children: _jsx(X, { className: "w-4 h-4" }) })] })), _jsxs("div", { className: `${showMessageInput ? "flex" : "hidden md:flex"} items-end gap-2 max-w-4xl mx-auto`, children: [allowAdvancedActions && enableAttachments && (_jsx("input", { type: "file", ref: fileInputRef, onChange: handleFileChange, accept: fileAcceptType, multiple: true, className: "hidden" })), allowAdvancedActions && !editMessage && _jsxs(Popover, { open: isAttachmentMenuOpen, onOpenChange: setIsAttachmentMenuOpen, children: [_jsx(PopoverTrigger, { asChild: true, children: _jsx(Button, { variant: "ghost", size: "icon", className: "text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 rounded-full h-10 w-10 shrink-0", children: _jsx(PlusCircleIcon, { className: "w-5 h-5" }) }) }), _jsxs(PopoverContent, { side: "top", align: "start", className: "w-48 p-2 flex flex-col gap-1", children: [enableAttachments && _jsxs(_Fragment, { children: [_jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full", onClick: () => chooseFiles(".pdf,.doc,.docx,.txt,.xlsx,.pptx"), children: [_jsx(FileText, { className: "w-4 h-4 text-purple-500" }), "Document"] }), _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full", onClick: () => chooseFiles("image/*"), children: [_jsx(ImageIcon, { className: "w-4 h-4 text-blue-500" }), "Photos"] }), _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full", onClick: () => chooseFiles("video/*"), children: [_jsx(VideoIcon, { className: "w-4 h-4 text-rose-500" }), "Videos"] }), _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full", onClick: () => { setIsAttachmentMenuOpen(false); setIsLocationDialogOpen(true); }, children: [_jsx(MapPin, { className: "w-4 h-4 text-green-500" }), "Location"] })] }), allowCollaborationActions && _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full", onClick: () => { setIsAttachmentMenuOpen(false); setIsPollOpen(true); }, children: [_jsx(ChartBar, { className: "w-4 h-4 text-orange-500" }), "Poll"] }), allowCollaborationActions && _jsx("div", { className: "border-t border-gray-200 dark:border-gray-700 my-1" }), allowCollaborationActions && _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full text-teal-600 dark:text-teal-400", onClick: () => {
                                             setIsAttachmentMenuOpen(false);
                                             onAddMilestone === null || onAddMilestone === void 0 ? void 0 : onAddMilestone();
                                         }, children: [_jsx(ListTodo, { className: "w-4 h-4" }), "Add Milestone"] }), allowCollaborationActions && _jsxs(Button, { variant: "ghost", className: "justify-start gap-2 w-full text-teal-600 dark:text-teal-400", onClick: () => {

package/dist/chat/dialogs/HostWorkspaceDialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"HostWorkspaceDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/HostWorkspaceDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAGR,gBAAgB,EAGnB,MAAM,oCAAoC,CAAC;AAkB5C,wBAAgB,mBAAmB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,UAAU,EACV,cAAc,GACjB,EAAE;IACC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACvD,2CAsHA"}
+{"version":3,"file":"HostWorkspaceDialog.d.ts","sourceRoot":"","sources":["../../../src/chat/dialogs/HostWorkspaceDialog.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAGR,gBAAgB,EAGnB,MAAM,oCAAoC,CAAC;AAkB5C,wBAAgB,mBAAmB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,cAAc,EACd,UAAU,EACV,cAAc,GACjB,EAAE;IACC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,EAAE,CAAC,OAAO,EAAE,gBAAgB,KAAK,IAAI,CAAC;CACvD,2CA+HA"}

package/dist/chat/dialogs/HostWorkspaceDialog.js

@@ -32,6 +32,7 @@ export function HostWorkspaceDialog({ open, onOpenChange, conversationId, onUseR
     const [aiInstruction, setAiInstruction] = useState("");
     const [aiResult, setAiResult] = useState("");
     const [aiLoading, setAiLoading] = useState(false);
+    const [aiProposal, setAiProposal] = useState(null);
     const reload = async () => {
         const [business, conversationState, quickReplies, ownedListings] = await Promise.all([
             chatApi.getChatBusinessProfile(),
@@ -83,7 +84,14 @@ export function HostWorkspaceDialog({ open, onOpenChange, conversationId, onUseR
         ["ai", "AI copilot"],
         ["profile", "Business"],
     ];
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "w-[calc(100vw-1.5rem)] sm:max-w-[560px]", children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(BriefcaseBusiness, { className: "h-5 w-5 text-teal-600" }), "Host workspace"] }) }), _jsx("div", { className: "flex gap-1 overflow-x-auto rounded-lg bg-slate-100 p-1", children: tabs.map(([value, label]) => _jsx("button", { type: "button", onClick: () => setTab(value), className: `whitespace-nowrap rounded-md px-3 py-2 text-sm ${tab === value ? "bg-white font-medium shadow-sm" : "text-slate-600"}`, children: label }, value)) }), _jsxs("div", { className: "max-h-[62vh] space-y-3 overflow-y-auto pr-1", children: [tab === "conversation" && _jsxs(_Fragment, { children: [_jsx("label", { className: "block text-sm font-medium", children: "Lead stage" }), _jsxs("select", { className: "h-10 w-full rounded-md border bg-background px-3 text-sm", value: (state === null || state === void 0 ? void 0 : state.leadStage) || "new", onChange: (e) => void updateState({ leadStage: e.target.value }), children: [_jsx("option", { value: "new", children: "New lead" }), _jsx("option", { value: "qualified", children: "Qualified" }), _jsx("option", { value: "quote_sent", children: "Quote sent" }), _jsx("option", { value: "booking_pending", children: "Booking pending" }), _jsx("option", { value: "confirmed", children: "Confirmed" }), _jsx("option", { value: "completed", children: "Completed" }), _jsx("option", { value: "follow_up", children: "Follow-up" }), _jsx("option", { value: "closed", children: "Closed" })] }), _jsx(Input, { value: ((state === null || state === void 0 ? void 0 : state.labels) || []).join(", "), onChange: (e) => setState((current) => ({ ...(current || { conversationId, leadStage: "new", privateNotes: [] }), labels: e.target.value.split(",").map((item) => item.trim()).filter(Boolean) })), onBlur: () => void updateState({ labels: (state === null || state === void 0 ? void 0 : state.labels) || [] }), placeholder: "Labels, separated by commas" }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(Input, { type: "datetime-local", value: ((_a = state === null || state === void 0 ? void 0 : state.followUpAt) === null || _a === void 0 ? void 0 : _a.slice(0, 16)) || "", onChange: (e) => setState((current) => ({ ...(current || { conversationId, leadStage: "new", labels: [], privateNotes: [] }), followUpAt: e.target.value })) }), _jsxs(Button, { variant: "outline", onClick: () => void updateState({ followUpAt: (state === null || state === void 0 ? void 0 : state.followUpAt) || null }), children: [_jsx(CalendarClock, { className: "mr-2 h-4 w-4" }), "Schedule"] })] }), _jsx(Textarea, { value: note, onChange: (e) => setNote(e.target.value), placeholder: "Private host note (never visible to the traveller)" }), _jsx(Button, { className: "w-full", disabled: !note.trim() || saving, onClick: () => void updateState({ privateNote: note }), children: "Add private note" }), !!((_b = state === null || state === void 0 ? void 0 : state.privateNotes) === null || _b === void 0 ? void 0 : _b.length) && _jsx("div", { className: "space-y-2 rounded-xl bg-amber-50 p-3", children: state.privateNotes.slice().reverse().map((item, index) => _jsx("p", { className: "text-sm text-amber-950", children: item.text }, `${item.createdAt}-${index}`)) })] }), tab === "replies" && _jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-[120px_1fr] gap-2", children: [_jsx(Input, { value: shortcut, onChange: (e) => setShortcut(e.target.value), placeholder: "/shortcut" }), _jsx(Input, { value: replyText, onChange: (e) => setReplyText(e.target.value), placeholder: "Reply text" })] }), _jsxs(Button, { className: "w-full", onClick: () => void addReply(), disabled: !shortcut.trim() || !replyText.trim(), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Save quick reply"] }), replies.map((reply) => _jsxs("div", { className: "flex items-center gap-2 rounded-xl border p-3", children: [_jsxs("button", { className: "min-w-0 flex-1 text-left", onClick: () => { onUseReply(reply.text); onOpenChange(false); }, children: [_jsxs("span", { className: "block text-xs font-semibold text-teal-700", children: ["/", reply.shortcut] }), _jsx("span", { className: "line-clamp-2 text-sm", children: reply.text })] }), _jsx(Button, { size: "icon", variant: "ghost", className: "text-red-600", onClick: () => void chatApi.deleteChatQuickReply(reply._id).then(() => setReplies((items) => items.filter((item) => item._id !== reply._id))), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, reply._id))] }), tab === "listings" && _jsx(_Fragment, { children: listings.length ? listings.map((listing) => _jsxs("div", { className: "flex items-center gap-3 rounded-xl border p-3", children: [listing.image && _jsx("img", { src: listing.image, alt: "", className: "h-12 w-12 rounded-lg object-cover" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-semibold", children: listing.title }), _jsx("p", { className: "text-xs capitalize text-slate-500", children: listing.category })] }), _jsxs(Button, { size: "sm", disabled: !listing.publicPath, onClick: () => { onShareListing(listing); onOpenChange(false); }, children: [_jsx(Send, { className: "mr-1 h-3.5 w-3.5" }), "Share"] })] }, `${listing.category}:${listing.listingId}`)) : _jsx("p", { className: "py-6 text-center text-sm text-slate-500", children: "No published owned listings found." }) }), tab === "ai" && _jsxs(_Fragment, { children: [_jsx("p", { className: "text-sm text-slate-500", children: "Suggestions are private drafts. Nothing is sent or changed automatically." }), _jsx(Textarea, { value: aiInstruction, onChange: (e) => setAiInstruction(e.target.value), placeholder: "Optional instruction, e.g. keep it concise and recommend a family stay" }), _jsx("div", { className: "grid grid-cols-2 gap-2", children: [["suggest_reply", "Suggest reply"], ["summarize", "Summarize"], ["classify", "Lead insights"], ["recommend_listings", "Recommend listings"]].map(([task, label]) => _jsxs(Button, { variant: "outline", disabled: aiLoading, onClick: () => {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "w-[calc(100vw-1.5rem)] sm:max-w-[560px]", children: [_jsx(DialogHeader, { children: _jsxs(DialogTitle, { className: "flex items-center gap-2", children: [_jsx(BriefcaseBusiness, { className: "h-5 w-5 text-teal-600" }), "Host workspace"] }) }), _jsx("div", { className: "flex gap-1 overflow-x-auto rounded-lg bg-slate-100 p-1", children: tabs.map(([value, label]) => _jsx("button", { type: "button", onClick: () => setTab(value), className: `whitespace-nowrap rounded-md px-3 py-2 text-sm ${tab === value ? "bg-white font-medium shadow-sm" : "text-slate-600"}`, children: label }, value)) }), _jsxs("div", { className: "max-h-[62vh] space-y-3 overflow-y-auto pr-1", children: [tab === "conversation" && _jsxs(_Fragment, { children: [_jsx("label", { className: "block text-sm font-medium", children: "Lead stage" }), _jsxs("select", { className: "h-10 w-full rounded-md border bg-background px-3 text-sm", value: (state === null || state === void 0 ? void 0 : state.leadStage) || "new", onChange: (e) => void updateState({ leadStage: e.target.value }), children: [_jsx("option", { value: "new", children: "New lead" }), _jsx("option", { value: "qualified", children: "Qualified" }), _jsx("option", { value: "quote_sent", children: "Quote sent" }), _jsx("option", { value: "booking_pending", children: "Booking pending" }), _jsx("option", { value: "confirmed", children: "Confirmed" }), _jsx("option", { value: "completed", children: "Completed" }), _jsx("option", { value: "follow_up", children: "Follow-up" }), _jsx("option", { value: "closed", children: "Closed" })] }), _jsx(Input, { value: ((state === null || state === void 0 ? void 0 : state.labels) || []).join(", "), onChange: (e) => setState((current) => ({ ...(current || { conversationId, leadStage: "new", privateNotes: [] }), labels: e.target.value.split(",").map((item) => item.trim()).filter(Boolean) })), onBlur: () => void updateState({ labels: (state === null || state === void 0 ? void 0 : state.labels) || [] }), placeholder: "Labels, separated by commas" }), _jsxs("div", { className: "grid grid-cols-2 gap-2", children: [_jsx(Input, { type: "datetime-local", value: ((_a = state === null || state === void 0 ? void 0 : state.followUpAt) === null || _a === void 0 ? void 0 : _a.slice(0, 16)) || "", onChange: (e) => setState((current) => ({ ...(current || { conversationId, leadStage: "new", labels: [], privateNotes: [] }), followUpAt: e.target.value })) }), _jsxs(Button, { variant: "outline", onClick: () => void updateState({ followUpAt: (state === null || state === void 0 ? void 0 : state.followUpAt) || null }), children: [_jsx(CalendarClock, { className: "mr-2 h-4 w-4" }), "Schedule"] })] }), _jsx(Textarea, { value: note, onChange: (e) => setNote(e.target.value), placeholder: "Private host note (never visible to the traveller)" }), _jsx(Button, { className: "w-full", disabled: !note.trim() || saving, onClick: () => void updateState({ privateNote: note }), children: "Add private note" }), !!((_b = state === null || state === void 0 ? void 0 : state.privateNotes) === null || _b === void 0 ? void 0 : _b.length) && _jsx("div", { className: "space-y-2 rounded-xl bg-amber-50 p-3", children: state.privateNotes.slice().reverse().map((item, index) => _jsx("p", { className: "text-sm text-amber-950", children: item.text }, `${item.createdAt}-${index}`)) })] }), tab === "replies" && _jsxs(_Fragment, { children: [_jsxs("div", { className: "grid grid-cols-[120px_1fr] gap-2", children: [_jsx(Input, { value: shortcut, onChange: (e) => setShortcut(e.target.value), placeholder: "/shortcut" }), _jsx(Input, { value: replyText, onChange: (e) => setReplyText(e.target.value), placeholder: "Reply text" })] }), _jsxs(Button, { className: "w-full", onClick: () => void addReply(), disabled: !shortcut.trim() || !replyText.trim(), children: [_jsx(Plus, { className: "mr-2 h-4 w-4" }), "Save quick reply"] }), replies.map((reply) => _jsxs("div", { className: "flex items-center gap-2 rounded-xl border p-3", children: [_jsxs("button", { className: "min-w-0 flex-1 text-left", onClick: () => { onUseReply(reply.text); onOpenChange(false); }, children: [_jsxs("span", { className: "block text-xs font-semibold text-teal-700", children: ["/", reply.shortcut] }), _jsx("span", { className: "line-clamp-2 text-sm", children: reply.text })] }), _jsx(Button, { size: "icon", variant: "ghost", className: "text-red-600", onClick: () => void chatApi.deleteChatQuickReply(reply._id).then(() => setReplies((items) => items.filter((item) => item._id !== reply._id))), children: _jsx(Trash2, { className: "h-4 w-4" }) })] }, reply._id))] }), tab === "listings" && _jsx(_Fragment, { children: listings.length ? listings.map((listing) => _jsxs("div", { className: "flex items-center gap-3 rounded-xl border p-3", children: [listing.image && _jsx("img", { src: listing.image, alt: "", className: "h-12 w-12 rounded-lg object-cover" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("p", { className: "truncate text-sm font-semibold", children: listing.title }), _jsx("p", { className: "text-xs capitalize text-slate-500", children: listing.category })] }), _jsxs(Button, { size: "sm", disabled: !listing.publicPath, onClick: () => { onShareListing(listing); onOpenChange(false); }, children: [_jsx(Send, { className: "mr-1 h-3.5 w-3.5" }), "Share"] })] }, `${listing.category}:${listing.listingId}`)) : _jsx("p", { className: "py-6 text-center text-sm text-slate-500", children: "No published owned listings found." }) }), tab === "ai" && _jsxs(_Fragment, { children: [_jsx("p", { className: "text-sm text-slate-500", children: "Suggestions are private drafts. Nothing is sent or changed automatically." }), _jsx(Textarea, { value: aiInstruction, onChange: (e) => setAiInstruction(e.target.value), placeholder: "Optional instruction, e.g. keep it concise and recommend a family stay" }), _jsxs(Button, { className: "w-full", variant: "secondary", disabled: aiLoading || !aiInstruction.trim(), onClick: () => {
+                                        setAiLoading(true);
+                                        void chatApi.requestChatAICommand(conversationId, aiInstruction).then((result) => {
+                                            setAiProposal(result.proposal ? { _id: result.proposal._id, preview: result.proposal.preview } : null);
+                                            if (result.draft)
+                                                setAiResult(result.draft.content || result.draft.summary || "");
+                                        }).catch((error) => showAlert(error instanceof Error ? error.message : "Command could not be prepared.", "AI command")).finally(() => setAiLoading(false));
+                                    }, children: [_jsx(Sparkles, { className: "mr-2 h-4 w-4" }), "Prepare command"] }), aiProposal && _jsxs("div", { className: "rounded-xl border border-amber-200 bg-amber-50 p-3", children: [_jsx("p", { className: "text-xs font-semibold uppercase text-amber-700", children: "Confirmation required" }), _jsx("p", { className: "mt-1 text-sm text-amber-950", children: aiProposal.preview }), _jsxs("div", { className: "mt-3 flex gap-2", children: [_jsx(Button, { className: "flex-1", onClick: () => void chatApi.decideChatAIProposal(aiProposal._id, true).then(() => { setAiProposal(null); void reload(); }), children: "Confirm" }), _jsx(Button, { className: "flex-1", variant: "outline", onClick: () => void chatApi.decideChatAIProposal(aiProposal._id, false).then(() => setAiProposal(null)), children: "Reject" })] })] }), _jsx("div", { className: "grid grid-cols-2 gap-2", children: [["suggest_reply", "Suggest reply"], ["summarize", "Summarize"], ["classify", "Lead insights"], ["recommend_listings", "Recommend listings"]].map(([task, label]) => _jsxs(Button, { variant: "outline", disabled: aiLoading, onClick: () => {
                                             setAiLoading(true);
                                             void chatApi.requestChatCopilotAssistance(conversationId, { task, instruction: aiInstruction }).then((result) => setAiResult(result.content || result.summary || "")).catch((error) => showAlert(error instanceof Error ? error.message : "AI assistance failed.", "AI copilot")).finally(() => setAiLoading(false));
                                         }, children: [_jsx(Sparkles, { className: "mr-1.5 h-4 w-4" }), label] }, task)) }), aiResult && _jsxs("div", { className: "space-y-3 rounded-xl border border-violet-100 bg-violet-50 p-3", children: [_jsx("p", { className: "whitespace-pre-wrap text-sm text-violet-950", children: aiResult }), _jsx(Button, { className: "w-full", onClick: () => { onUseReply(aiResult); onOpenChange(false); }, children: "Use as draft" })] })] }), tab === "profile" && _jsxs(_Fragment, { children: [_jsx(Input, { value: profile.displayName, onChange: (e) => setProfile({ ...profile, displayName: e.target.value }), placeholder: "Business display name" }), _jsx(Input, { value: profile.languages.join(", "), onChange: (e) => setProfile({ ...profile, languages: e.target.value.split(",").map((item) => item.trim()).filter(Boolean) }), placeholder: "Languages" }), _jsx(Input, { value: profile.responseExpectation, onChange: (e) => setProfile({ ...profile, responseExpectation: e.target.value }), placeholder: "Usually replies within..." }), _jsxs("div", { className: "rounded-xl border p-3", children: [_jsxs("label", { className: "flex items-center justify-between text-sm font-medium", children: ["Greeting message", _jsx(Switch, { checked: profile.greeting.enabled, onCheckedChange: (enabled) => setProfile({ ...profile, greeting: { ...profile.greeting, enabled } }) })] }), _jsx(Textarea, { className: "mt-2", value: profile.greeting.text, onChange: (e) => setProfile({ ...profile, greeting: { ...profile.greeting, text: e.target.value } }), placeholder: "Welcome message" })] }), _jsxs("div", { className: "rounded-xl border p-3", children: [_jsxs("label", { className: "flex items-center justify-between text-sm font-medium", children: ["Away message", _jsx(Switch, { checked: profile.away.enabled, onCheckedChange: (enabled) => setProfile({ ...profile, away: { ...profile.away, enabled } }) })] }), _jsx(Textarea, { className: "mt-2", value: profile.away.text, onChange: (e) => setProfile({ ...profile, away: { ...profile.away, text: e.target.value } }), placeholder: "Outside-hours response" })] }), _jsxs(Button, { className: "w-full", disabled: saving, onClick: () => void saveProfile(), children: [_jsx(MessageSquareText, { className: "mr-2 h-4 w-4" }), "Save business chat settings"] })] })] })] }) }));

package/dist/misc/button.d.ts

@@ -1,6 +1,6 @@
 import { type VariantProps } from "class-variance-authority";
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | null | undefined;
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
 type ButtonProps = React.ComponentProps<"button"> & VariantProps<typeof buttonVariants> & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@myrjfa/ui",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "type": "module",
   "exports": {
     "./dist/*": "./dist/*.js"
@@ -13,7 +13,7 @@
     "dist"
   ],
   "dependencies": {
-    "@myrjfa/state": "0.3.1",
+    "@myrjfa/state": "file:../frontend-state",
     "@hookform/resolvers": "^4.1.3",
     "@iconify/react": "^5.2.0",
     "@radix-ui/react-accordion": "^1.2.3",

package/dist/components/ui/misc/pwa-install-button.d.ts

@@ -1,2 +0,0 @@
-export declare function PwaInstallButton(): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=pwa-install-button.d.ts.map

package/dist/components/ui/misc/pwa-install-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pwa-install-button.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/misc/pwa-install-button.tsx"],"names":[],"mappings":"AAGA,wBAAgB,gBAAgB,mDAsB/B"}

package/dist/components/ui/misc/pwa-install-button.js

@@ -1,17 +0,0 @@
-'use client';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-export function PwaInstallButton() {
-    const [prompt, setPrompt] = useState(null);
-    useEffect(() => {
-        const handler = (e) => {
-            e.preventDefault();
-            setPrompt(e);
-        };
-        window.addEventListener('beforeinstallprompt', handler);
-        return () => window.removeEventListener('beforeinstallprompt', handler);
-    }, []);
-    if (!prompt)
-        return null;
-    return (_jsx("button", { onClick: () => prompt.prompt(), className: "fixed bottom-20 right-6 z-50 bg-primary text-primary-foreground px-4 py-2 rounded-full shadow-lg text-sm font-medium", children: "Install App" }));
-}

package/dist/layout/AppProviders.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from "react";
-export default function AppProviders({ children }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AppProviders.d.ts.map

package/dist/layout/AppProviders.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppProviders.d.ts","sourceRoot":"","sources":["../../src/layout/AppProviders.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAQlC,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAYzE"}

package/dist/layout/AppProviders.js

@@ -1,11 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Provider as JotaiProvider } from "jotai";
-import AuthSessionManager from "@myrjfa/state/dist/lib/authSessionManager";
-import QueryProvider from "@myrjfa/state/dist/lib/QueryProvider";
-import Navbar from "../main/navbar";
-import { PwaInstallButton } from "../misc/pwa-install-button";
-import IosPwaNavBar from "../misc/IosPwaNavBar";
-export default function AppProviders({ children }) {
-    return (_jsx(JotaiProvider, { children: _jsxs(QueryProvider, { children: [_jsx(AuthSessionManager, {}), _jsx(Navbar, { dark: false }), _jsx("main", { className: "z-1", children: children }), _jsx(PwaInstallButton, {}), _jsx(IosPwaNavBar, {})] }) }));
-}

package/dist/layout/PublicShell.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from "react";
-export default function PublicShell({ children }: {
-    children: ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=PublicShell.d.ts.map

package/dist/layout/PublicShell.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PublicShell.d.ts","sourceRoot":"","sources":["../../src/layout/PublicShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlC,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,SAAS,CAAA;CAAE,2CAOxE"}

package/dist/layout/PublicShell.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Footer from "../main/footer";
-export default function PublicShell({ children }) {
-    return (_jsxs("div", { className: "z-1", children: [_jsx("main", { className: "z-1", children: children }), _jsx(Footer, { dark: false })] }));
-}

package/dist/misc/IosPwaNavBar.d.ts

@@ -1,8 +0,0 @@
-/**
- * #12 — iPhone PWA Navigation Bar
- * Shows a fixed bottom bar only when running as a standalone PWA on iOS.
- * iOS Safari in standalone mode has no browser chrome (no back/forward/reload buttons),
- * so users have no way to navigate. This provides that functionality.
- */
-export default function IosPwaNavBar(): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=IosPwaNavBar.d.ts.map

package/dist/misc/IosPwaNavBar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IosPwaNavBar.d.ts","sourceRoot":"","sources":["../../src/misc/IosPwaNavBar.tsx"],"names":[],"mappings":"AAOA;;;;;GAKG;AACH,MAAM,CAAC,OAAO,UAAU,YAAY,mDAiDnC"}

package/dist/misc/IosPwaNavBar.js

@@ -1,25 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { ChevronLeft, ChevronRight, RefreshCw } from 'lucide-react';
-import { Button } from './button';
-import { useRouter } from 'next/navigation';
-/**
- * #12 — iPhone PWA Navigation Bar
- * Shows a fixed bottom bar only when running as a standalone PWA on iOS.
- * iOS Safari in standalone mode has no browser chrome (no back/forward/reload buttons),
- * so users have no way to navigate. This provides that functionality.
- */
-export default function IosPwaNavBar() {
-    const [isIosPwa, setIsIosPwa] = useState(false);
-    const router = useRouter();
-    useEffect(() => {
-        const isStandalone = ('standalone' in window.navigator && window.navigator.standalone === true) ||
-            window.matchMedia('(display-mode: standalone)').matches;
-        const isIos = /iPhone|iPad|iPod/i.test(window.navigator.userAgent);
-        setIsIosPwa(isStandalone && isIos);
-    }, []);
-    if (!isIosPwa)
-        return null;
-    return (_jsxs("nav", { style: { paddingBottom: 'env(safe-area-inset-bottom)' }, className: "fixed bottom-0 left-0 right-0 z-50 bg-white/90 backdrop-blur border-t border-gray-200 flex items-center justify-around h-14", children: [_jsx(Button, { onClick: () => router.back(), "aria-label": "Go back", variant: "ghost", size: "icon", children: _jsx(ChevronLeft, { className: "h-6 w-6" }) }), _jsx(Button, { onClick: () => router.refresh(), "aria-label": "Reload page", variant: "ghost", size: "icon", children: _jsx(RefreshCw, { className: "h-5 w-5" }) }), _jsx(Button, { onClick: () => router.forward(), "aria-label": "Go forward", variant: "ghost", size: "icon", children: _jsx(ChevronRight, { className: "h-6 w-6" }) })] }));
-}

package/dist/misc/location/leafletMap.d.ts

@@ -1,8 +0,0 @@
-import 'leaflet/dist/leaflet.css';
-interface LeafletMapProps {
-    position: [number, number];
-    onMarkerDrag: (lat: number, lng: number) => void;
-}
-export default function LeafletMap({ position, onMarkerDrag }: LeafletMapProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=leafletMap.d.ts.map

package/dist/misc/location/leafletMap.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"leafletMap.d.ts","sourceRoot":"","sources":["../../../src/misc/location/leafletMap.tsx"],"names":[],"mappings":"AAIA,OAAO,0BAA0B,CAAC;AAoDlC,UAAU,eAAe;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC3B,YAAY,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACpD;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EAAE,QAAQ,EAAE,YAAY,EAAE,EAAE,eAAe,2CAmC7E"}

package/dist/misc/location/leafletMap.js

@@ -1,62 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// Dynamically imported (no SSR) from propertyForm.tsx.
-// Must import leaflet CSS here — this is the only safe place when using next/dynamic.
-import 'leaflet/dist/leaflet.css';
-import { useEffect, useRef } from 'react';
-import { MapContainer, TileLayer, Marker, useMap, useMapEvents } from 'react-leaflet';
-import L from 'leaflet';
-// Fix broken Leaflet default icons in webpack / Next.js
-const defaultIcon = L.icon({
-    iconUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon.png',
-    iconRetinaUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-icon-2x.png',
-    shadowUrl: 'https://unpkg.com/leaflet@1.9.4/dist/images/marker-shadow.png',
-    iconSize: [25, 41],
-    iconAnchor: [12, 41],
-    popupAnchor: [1, -34],
-    shadowSize: [41, 41],
-});
-L.Marker.prototype.options.icon = defaultIcon;
-// Sync map view when position prop changes (e.g. after address search)
-function MapSyncer({ position }) {
-    const map = useMap();
-    const prev = useRef(position);
-    useEffect(() => {
-        if (prev.current[0] !== position[0] || prev.current[1] !== position[1]) {
-            map.flyTo(position, Math.max(map.getZoom(), 13), { animate: true, duration: 0.8 });
-            prev.current = position;
-        }
-    }, [position, map]);
-    return null;
-}
-// Fixes the "half-visible" map bug by forcing a resize after mount
-function ResizeMap() {
-    const map = useMap();
-    useEffect(() => {
-        setTimeout(() => {
-            map.invalidateSize();
-        }, 300);
-    }, [map]);
-    return null;
-}
-// Allows clicking anywhere on map to move the marker
-function ClickHandler({ onDrag }) {
-    useMapEvents({
-        click(e) {
-            onDrag(e.latlng.lat, e.latlng.lng);
-        },
-    });
-    return null;
-}
-export default function LeafletMap({ position, onMarkerDrag }) {
-    const markerRef = useRef(null);
-    return (_jsxs(MapContainer, { center: position, zoom: 13, style: { width: '100%', height: '100%', minHeight: '300px' }, scrollWheelZoom: true, children: [_jsx(TileLayer, { attribution: '\u00A9 <a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>', url: "https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png" }), _jsx(ResizeMap, {}), _jsx(MapSyncer, { position: position }), _jsx(ClickHandler, { onDrag: onMarkerDrag }), _jsx(Marker, { position: position, draggable: true, ref: markerRef, icon: defaultIcon, eventHandlers: {
-                    dragend() {
-                        const m = markerRef.current;
-                        if (m) {
-                            const p = m.getLatLng();
-                            onMarkerDrag(p.lat, p.lng);
-                        }
-                    },
-                } })] }));
-}

package/dist/misc/location/locationPicker.d.ts

@@ -1,5 +0,0 @@
-import { useForm } from 'react-hook-form';
-export default function LocationPicker({ form }: {
-    form: ReturnType<typeof useForm<any>>;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=locationPicker.d.ts.map

package/dist/misc/location/locationPicker.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"locationPicker.d.ts","sourceRoot":"","sources":["../../../src/misc/location/locationPicker.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAsF1C,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,UAAU,CAAC,OAAO,OAAO,CAAC,GAAG,CAAC,CAAC,CAAA;CAAE,2CA2IzF"}

package/dist/misc/location/locationPicker.js

@@ -1,95 +0,0 @@
-// ─── Nominatim address search ─────────────────────────────────────────────────
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Loader2, MapPin } from 'lucide-react';
-import { useRef, useState } from 'react';
-import { Input } from '../input';
-import dynamic from 'next/dynamic';
-import { FormControl, FormField, FormItem, FormLabel, FormMessage } from '../form';
-import { Filter } from '../filter';
-import { getCountryNames, getStates } from "@myrjfa/state/dist/lib/data/countryStates";
-function NominatimSearch({ onSelect }) {
-    const [query, setQuery] = useState('');
-    const [results, setResults] = useState([]);
-    const [loading, setLoading] = useState(false);
-    const timer = useRef(null);
-    const search = (q) => {
-        setQuery(q);
-        if (timer.current)
-            clearTimeout(timer.current);
-        if (!q.trim()) {
-            setResults([]);
-            return;
-        }
-        timer.current = setTimeout(async () => {
-            setLoading(true);
-            try {
-                const res = await fetch(`https://nominatim.openstreetmap.org/search?q=${encodeURIComponent(q)}&format=json&addressdetails=1&limit=6`, { headers: { 'Accept-Language': 'en' } });
-                const data = (await res.json());
-                setResults(data);
-            }
-            catch (_a) {
-                setResults([]);
-            }
-            setLoading(false);
-        }, 400);
-    };
-    const pick = (r) => {
-        setQuery(r.display_name);
-        setResults([]);
-        onSelect(r);
-    };
-    return (_jsxs("div", { className: "relative", children: [_jsxs("div", { className: "relative", children: [_jsx(MapPin, { className: "absolute left-3 top-2.5 h-4 w-4 text-muted-foreground pointer-events-none" }), loading && _jsx(Loader2, { className: "absolute right-3 top-2.5 h-4 w-4 text-muted-foreground animate-spin" }), _jsx(Input, { id: "address-search", value: query, onChange: (e) => search(e.target.value), placeholder: "Search for a place or address\u2026", className: "pl-9 pr-9", autoComplete: "off" })] }), results.length > 0 && (_jsx("ul", { className: "absolute z-[9999] w-full mt-1 border border-input bg-background rounded-md shadow-lg max-h-60 overflow-auto text-sm", children: results.map((r) => (_jsxs("li", { className: "px-3 py-2 cursor-pointer hover:bg-muted truncate flex items-center gap-2", onClick: () => pick(r), children: [_jsx(MapPin, { className: "h-3.5 w-3.5 text-muted-foreground shrink-0" }), _jsx("span", { children: r.display_name })] }, r.place_id))) }))] }));
-}
-// Dynamic Leaflet map (SSR disabled — window not available on server)
-const LeafletMap = dynamic(() => import('../../components/location/leafletMap'), {
-    ssr: false,
-    loading: () => (_jsx("div", { className: "w-full h-64 flex items-center justify-center bg-muted rounded-xl border text-sm text-muted-foreground", children: "Loading map\u2026" })),
-});
-// ─── Location picker ─────────────────────────────────────────────────────────
-export default function LocationPicker({ form }) {
-    var _a, _b, _c, _d;
-    const [mapPos, setMapPos] = useState([
-        (_a = form.getValues('lat')) !== null && _a !== void 0 ? _a : 20.5937,
-        (_b = form.getValues('lng')) !== null && _b !== void 0 ? _b : 78.9629,
-    ]);
-    const fillFromNominatim = (result, lat, lng) => {
-        const a = result.address;
-        const city = a.city || a.town || a.village || a.county || '';
-        const state = a.state || '';
-        const country = a.country || '';
-        const pin = a.postcode || '';
-        form.setValue('lat', lat, { shouldDirty: true });
-        form.setValue('lng', lng, { shouldDirty: true });
-        if (city)
-            form.setValue('city', city, { shouldDirty: true });
-        if (state)
-            form.setValue('state', state, { shouldDirty: true });
-        if (country)
-            form.setValue('country', country, { shouldDirty: true });
-        if (pin)
-            form.setValue('pinCode', pin, { shouldDirty: true });
-        form.setValue('address', result.display_name, { shouldDirty: true });
-    };
-    const handleSearchSelect = (result) => {
-        const lat = parseFloat(result.lat);
-        const lng = parseFloat(result.lon);
-        setMapPos([lat, lng]);
-        fillFromNominatim(result, lat, lng);
-    };
-    const handleMapPin = async (lat, lng) => {
-        setMapPos([lat, lng]);
-        form.setValue('lat', lat, { shouldDirty: true });
-        form.setValue('lng', lng, { shouldDirty: true });
-        try {
-            const res = await fetch(`https://nominatim.openstreetmap.org/reverse?lat=${lat}&lon=${lng}&format=json&addressdetails=1`, { headers: { 'Accept-Language': 'en' } });
-            const data = (await res.json());
-            fillFromNominatim(data, lat, lng);
-        }
-        catch ( /* silent */_a) { /* silent */ }
-    };
-    return (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { children: [_jsx(FormLabel, { children: "Search Address" }), _jsx("p", { className: "text-xs text-muted-foreground mb-1", children: "Powered by OpenStreetMap \u2014 free, no API key required" }), _jsx(NominatimSearch, { onSelect: handleSearchSelect })] }), _jsx("div", { style: { height: '300px', width: '100%', borderRadius: '0.75rem', overflow: 'hidden', border: '1px solid var(--border)' }, children: _jsx(LeafletMap, { position: mapPos, onMarkerDrag: handleMapPin }) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Click anywhere on the map or drag the pin to set the exact location. Fields below auto-fill." }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [_jsx(FormField, { control: form.control, name: "country", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Country *" }), _jsx(FormControl, { children: _jsx("div", { className: "border border-input rounded-md text-sm shadow-sm focus-within:ring-2 focus-within:ring-muted", children: _jsx(Filter, { label: "Country", formType: "autoComplete", selectedValue: field.value, values: getCountryNames(), onChange: (value) => { field.onChange(value); form.setValue('state', ''); } }) }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: "state", render: ({ field }) => {
-                            const stateOptions = form.watch('country') ? getStates(form.watch('country')) : [];
-                            return (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "State *" }), _jsx(FormControl, { children: _jsx("div", { className: "border border-input rounded-md text-sm shadow-sm focus-within:ring-2 focus-within:ring-muted", children: _jsx(Filter, { label: "State", formType: "autoComplete", selectedValue: field.value, values: stateOptions, onChange: field.onChange }) }) }), _jsx(FormMessage, {})] }));
-                        } }), _jsx(FormField, { control: form.control, name: "city", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "City *" }), _jsx(FormControl, { children: _jsx(Input, { id: "city", placeholder: "e.g. Rishikesh", ...field }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: "pinCode", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Pin / Postal Code" }), _jsx(FormControl, { children: _jsx(Input, { id: "pinCode", placeholder: "e.g. 249201", ...field }) }), _jsx(FormMessage, {})] })) })] }), _jsx(FormField, { control: form.control, name: "address", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Full Address" }), _jsx(FormControl, { children: _jsx(Input, { id: "address", placeholder: "Street / Landmark\u2026", ...field }) }), _jsx(FormMessage, {})] })) }), (form.watch('lat') || form.watch('lng')) && (_jsxs("p", { className: "text-xs text-muted-foreground", children: ["\uD83D\uDCCD ", (_c = form.watch('lat')) === null || _c === void 0 ? void 0 : _c.toFixed(5), ", ", (_d = form.watch('lng')) === null || _d === void 0 ? void 0 : _d.toFixed(5)] }))] }));
-}