@myrjfa/ui 2.1.8 → 2.2.0

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

@@ -0,0 +1,193 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ImageIcon, Loader2, Plus, Trash2, UploadCloud } from "lucide-react";
+import * as React from "react";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+import { normalizeImageFiles } from "@myrjfa/state/dist/lib/imageUpload";
+import { showAlert } from "../../misc/alertdialogclaude";
+import { compressImage } from "../../misc/image-compressor";
+function createUploadEvent(files) {
+    if (typeof DataTransfer === "undefined")
+        return null;
+    const dataTransfer = new DataTransfer();
+    files.forEach((file) => dataTransfer.items.add(file));
+    const input = document.createElement("input");
+    input.type = "file";
+    input.multiple = files.length > 1;
+    input.files = dataTransfer.files;
+    return {
+        target: input,
+        currentTarget: input,
+    };
+}
+export default function ImageUploader({ previews = [], files, onFilesChange, onFilesSelected, onUploadEvent, onRemove, prepareFiles, title = "Upload Photos", message = "Add clear images that help guests understand what they are booking.", helperText, minImages, maxImages = 10, formatLabel = "PNG, JPG, WEBP, HEIC", accept = "image/*", multiple = true, disabled = false, dedupe = true, enableCompression = true, normalizeFiles = true, previewAspectClassName = "aspect-video", previewGridClassName = "grid grid-cols-2 gap-4 md:grid-cols-3", containerClassName, dropzoneClassName, emptyIcon, }) {
+    const inputId = React.useId();
+    const inputRef = React.useRef(null);
+    const processingKeyRef = React.useRef(null);
+    const acceptedFingerprintRef = React.useRef(new Set());
+    const [dragging, setDragging] = React.useState(false);
+    const [busy, setBusy] = React.useState(false);
+    const [processingMessage, setProcessingMessage] = React.useState("");
+    const filePreviews = React.useMemo(() => (files !== null && files !== void 0 ? files : []).map((file) => URL.createObjectURL(file)), [files]);
+    React.useEffect(() => {
+        return () => {
+            filePreviews.forEach((preview) => URL.revokeObjectURL(preview));
+        };
+    }, [filePreviews]);
+    const displayPreviews = files ? [...previews, ...filePreviews] : previews;
+    const remainingSlots = Math.max(0, maxImages - displayPreviews.length);
+    const canAddMore = !disabled && remainingSlots > 0;
+    const fileKey = (file) => `${file.name}:${file.size}:${file.lastModified}`;
+    const fileFingerprint = async (file) => {
+        var _a;
+        if (!((_a = globalThis.crypto) === null || _a === void 0 ? void 0 : _a.subtle))
+            return fileKey(file);
+        try {
+            const hashBuffer = await crypto.subtle.digest("SHA-256", await file.arrayBuffer());
+            return Array.from(new Uint8Array(hashBuffer))
+                .map((byte) => byte.toString(16).padStart(2, "0"))
+                .join("");
+        }
+        catch (_b) {
+            return fileKey(file);
+        }
+    };
+    const currentFileKeys = React.useMemo(() => new Set((files !== null && files !== void 0 ? files : []).map(fileKey)), [files]);
+    React.useEffect(() => {
+        if (!(files === null || files === void 0 ? void 0 : files.length))
+            return;
+        let cancelled = false;
+        Promise.all(files.map(fileFingerprint)).then((fingerprints) => {
+            if (cancelled)
+                return;
+            fingerprints.forEach((fingerprint) => acceptedFingerprintRef.current.add(fingerprint));
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, [files]);
+    const prepareSelectedFiles = async (selectedFiles) => {
+        const compressedFiles = [];
+        for (const [index, file] of selectedFiles.entries()) {
+            setProcessingMessage(enableCompression
+                ? `Compressing image ${index + 1} of ${selectedFiles.length}...`
+                : `Preparing image ${index + 1} of ${selectedFiles.length}...`);
+            compressedFiles.push(enableCompression ? await compressImage(file).catch(() => file) : file);
+        }
+        if (normalizeFiles)
+            setProcessingMessage("Finalizing images...");
+        const normalizedFiles = normalizeFiles
+            ? await normalizeImageFiles(compressedFiles)
+            : compressedFiles;
+        return prepareFiles ? prepareFiles(normalizedFiles) : normalizedFiles;
+    };
+    const handleFiles = async (selectedFiles) => {
+        const selected = Array.from(selectedFiles);
+        if (!selected.length || disabled || busy)
+            return;
+        const selectionKey = selected.map(fileKey).sort().join("|");
+        if (processingKeyRef.current === selectionKey)
+            return;
+        const invalidFiles = selected.filter((file) => !file.type.startsWith("image/"));
+        if (invalidFiles.length) {
+            await showAlert(`Invalid file type(s): ${invalidFiles.map((file) => file.name).join(", ")}. Only images are allowed.`);
+            return;
+        }
+        setProcessingMessage("Checking selected images...");
+        const selectedFingerprints = await Promise.all(selected.map(fileFingerprint));
+        const seenFingerprints = new Set();
+        const uniqueFiles = dedupe
+            ? selected.filter((file, index) => {
+                var _a;
+                const fingerprint = (_a = selectedFingerprints[index]) !== null && _a !== void 0 ? _a : fileKey(file);
+                const isDuplicate = seenFingerprints.has(fingerprint) ||
+                    acceptedFingerprintRef.current.has(fingerprint) ||
+                    currentFileKeys.has(fileKey(file));
+                seenFingerprints.add(fingerprint);
+                return !isDuplicate;
+            })
+            : selected;
+        if (!uniqueFiles.length) {
+            await showAlert("These images are already selected.");
+            return;
+        }
+        const acceptedFiles = uniqueFiles.slice(0, remainingSlots);
+        if (!acceptedFiles.length) {
+            await showAlert(`You can upload a maximum of ${maxImages} images.`);
+            return;
+        }
+        if (uniqueFiles.length > acceptedFiles.length) {
+            await showAlert(`Only ${remainingSlots} more image${remainingSlots === 1 ? "" : "s"} can be added.`);
+        }
+        processingKeyRef.current = selectionKey;
+        setBusy(true);
+        try {
+            const processedFiles = await prepareSelectedFiles(acceptedFiles);
+            const acceptedFingerprints = await Promise.all(acceptedFiles.map(fileFingerprint));
+            acceptedFingerprints.forEach((fingerprint) => acceptedFingerprintRef.current.add(fingerprint));
+            if (files && onFilesChange) {
+                onFilesChange([...files, ...processedFiles]);
+                return;
+            }
+            if (onFilesSelected) {
+                await onFilesSelected(processedFiles);
+                return;
+            }
+            if (onUploadEvent) {
+                const event = createUploadEvent(processedFiles);
+                if (event)
+                    await onUploadEvent(event);
+            }
+        }
+        finally {
+            setBusy(false);
+            setProcessingMessage("");
+            processingKeyRef.current = null;
+            if (inputRef.current)
+                inputRef.current.value = "";
+        }
+    };
+    const removeImage = (index) => {
+        if (files && onFilesChange) {
+            if (index < previews.length) {
+                onRemove === null || onRemove === void 0 ? void 0 : onRemove(index);
+                return;
+            }
+            const fileIndex = index - previews.length;
+            onFilesChange(files.filter((_, currentFileIndex) => currentFileIndex !== fileIndex));
+            return;
+        }
+        onRemove === null || onRemove === void 0 ? void 0 : onRemove(index);
+    };
+    const handleInputChange = (event) => {
+        var _a;
+        void handleFiles((_a = event.target.files) !== null && _a !== void 0 ? _a : []);
+    };
+    const handleDrop = (event) => {
+        event.preventDefault();
+        setDragging(false);
+        void handleFiles(event.dataTransfer.files);
+    };
+    return (_jsxs("div", { className: cn("space-y-5", containerClassName), children: [_jsxs("div", { role: "button", tabIndex: canAddMore ? 0 : -1, onClick: () => {
+                    var _a;
+                    if (canAddMore && !busy)
+                        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+                }, onKeyDown: (event) => {
+                    var _a;
+                    if ((event.key === "Enter" || event.key === " ") && canAddMore && !busy) {
+                        event.preventDefault();
+                        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click();
+                    }
+                }, onDragEnter: (event) => {
+                    event.preventDefault();
+                    if (canAddMore)
+                        setDragging(true);
+                }, onDragOver: (event) => {
+                    event.preventDefault();
+                    if (canAddMore)
+                        setDragging(true);
+                }, onDragLeave: (event) => {
+                    event.preventDefault();
+                    setDragging(false);
+                }, onDrop: handleDrop, className: cn("group relative flex min-h-64 cursor-pointer flex-col items-center justify-center gap-5 overflow-hidden rounded-[2rem] border-2 border-dashed border-gray-200 bg-white p-8 text-center transition", "hover:border-primary hover:bg-primary/5", dragging && "border-primary bg-primary/5 ring-4 ring-primary/10", !canAddMore && "cursor-not-allowed opacity-60 hover:border-gray-200 hover:bg-white", dropzoneClassName), 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: emptyIcon !== null && emptyIcon !== void 0 ? emptyIcon : _jsx(UploadCloud, { className: "h-8 w-8" }) }), _jsxs("div", { className: "max-w-xl", children: [_jsx("p", { className: "text-lg font-black text-gray-900", children: title }), _jsx("p", { className: "mt-1 text-sm font-semibold text-gray-500", children: message }), _jsxs("div", { className: "mt-4 flex flex-wrap items-center justify-center gap-2", children: [typeof minImages === "number" && (_jsxs("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: ["Min ", minImages] })), _jsxs("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: ["Max ", maxImages] }), _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 font-semibold text-gray-400", children: helperText !== null && helperText !== void 0 ? helperText : (canAddMore ? "Drag and drop images here, or click to browse." : "Maximum image limit reached.") }), busy && _jsx("p", { className: "mt-2 text-xs font-bold text-primary", children: processingMessage || "Processing images..." })] }), busy && (_jsxs("div", { className: "absolute inset-0 flex flex-col items-center justify-center rounded-[2rem] bg-white/85 backdrop-blur-sm", children: [_jsx(Loader2, { className: "h-8 w-8 animate-spin text-primary" }), _jsx("p", { className: "mt-3 text-sm font-black text-gray-900", children: processingMessage || "Processing images..." })] })), _jsx("input", { ref: inputRef, id: inputId, type: "file", accept: accept, multiple: multiple, disabled: !canAddMore || busy, onChange: handleInputChange, className: "hidden" })] }), displayPreviews.length > 0 && (_jsxs("div", { className: previewGridClassName, children: [displayPreviews.map((image, index) => (_jsxs("div", { className: cn("group relative overflow-hidden rounded-2xl border border-gray-100 bg-gray-50 shadow-sm", previewAspectClassName), children: [_jsx("img", { src: image, alt: `Uploaded image ${index + 1}`, className: "h-full w-full object-cover transition duration-500 group-hover:scale-105" }), _jsxs("div", { className: "absolute inset-x-0 bottom-0 flex items-center justify-between bg-gradient-to-t from-black/60 to-transparent p-3 pt-10 text-white", children: [_jsxs("span", { className: "flex items-center gap-1.5 text-xs font-bold", children: [_jsx(ImageIcon, { className: "h-3.5 w-3.5" }), index + 1] }), _jsx("button", { type: "button", onClick: () => removeImage(index), className: "rounded-full bg-white/95 p-2 text-red-500 opacity-0 shadow-lg transition hover:bg-white group-hover:opacity-100", "aria-label": `Remove image ${index + 1}`, children: _jsx(Trash2, { className: "h-4 w-4" }) })] })] }, `${image}-${index}`))), canAddMore && (_jsxs("button", { type: "button", onClick: () => { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, className: cn("flex flex-col items-center justify-center gap-2 rounded-2xl border-2 border-dashed border-gray-200 bg-gray-50 text-sm font-bold text-gray-500 transition hover:border-primary hover:bg-primary/5 hover:text-primary", previewAspectClassName), children: [_jsx(Plus, { className: "h-6 w-6" }), "Add more"] }))] }))] }));
+}

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

@@ -0,0 +1,25 @@
+import type { ReactNode } from "react";
+export type MultiStepWizardProps = {
+    title: string;
+    description: string;
+    backHref: string;
+    backLabel: string;
+    steps: {
+        label: string;
+        icon: any;
+    }[];
+    currentStep: number;
+    onStepClick: (step: number) => void;
+    allowAllSteps: boolean;
+    submitError?: string;
+    draftSavedMessage?: string;
+    submitting?: boolean;
+    publishLabel: string;
+    onNext: any;
+    onBack: () => void;
+    onSaveDraft?: any;
+    onPublish: any;
+    children: ReactNode;
+};
+export default function MultiStepWizard({ title, description, backHref, backLabel, steps, currentStep, onStepClick, allowAllSteps, submitError, draftSavedMessage, submitting, publishLabel, onNext, onBack, onSaveDraft, onPublish, children, }: MultiStepWizardProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MultiStepWizard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiStepWizard.d.ts","sourceRoot":"","sources":["../../../src/components/create-flow/MultiStepWizard.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAQzD,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAElB,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,EAAE,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,aAAa,EAAE,OAAO,CAAC;IAEvB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IAErB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,GAAG,CAAC;IACZ,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,SAAS,EAAE,GAAG,CAAC;IAEf,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAiBF,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,EACT,KAAK,EACL,WAAW,EACX,WAAW,EACX,aAAa,EACb,WAAW,EACX,iBAAiB,EACjB,UAAkB,EAClB,YAAY,EACZ,MAAM,EACN,MAAM,EACN,WAAW,EACX,SAAS,EACT,QAAQ,GACT,EAAE,oBAAoB,2CA0EtB"}

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

@@ -0,0 +1,31 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import Link from "next/link";
+import { ArrowLeft, AlertCircle, CheckCircle } from "lucide-react";
+import { MotionDiv, AnimatePresence } from "../ui/motion";
+import StepProgress from "../../misc/step-progress";
+import WizardFooter from "../../misc/wizard-footer";
+const slideVariants = {
+    enter: (direction) => ({
+        x: direction * 50,
+        opacity: 0,
+    }),
+    center: {
+        x: 0,
+        opacity: 1,
+    },
+    exit: (direction) => ({
+        x: -direction * 50,
+        opacity: 0,
+    }),
+};
+export default function MultiStepWizard({ title, description, backHref, backLabel, steps, currentStep, onStepClick, allowAllSteps, submitError, draftSavedMessage, submitting = false, publishLabel, onNext, onBack, onSaveDraft, onPublish, children, }) {
+    const [prevStep, setPrevStep] = useState(currentStep);
+    const [direction, setDirection] = useState(1);
+    if (currentStep !== prevStep) {
+        setDirection(currentStep > prevStep ? 1 : -1);
+        setPrevStep(currentStep);
+    }
+    return (_jsxs("div", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12", children: [_jsxs("div", { className: "mb-8", children: [_jsxs(Link, { href: backHref, className: "inline-flex items-center gap-1.5 text-gray-500 text-sm font-bold hover:text-primary transition mb-4", children: [_jsx(ArrowLeft, { className: "w-4 h-4" }), " ", backLabel] }), _jsx("h1", { className: "text-3xl font-bold text-gray-900", children: title }), _jsx("p", { className: "text-gray-500 mt-1 text-sm", children: description })] }), _jsx(StepProgress, { steps: steps, currentStep: currentStep, onStepClick: onStepClick, allowAllSteps: allowAllSteps, size: "md", className: "mb-8 pb-2" }), _jsxs("div", { className: "bg-white rounded-3xl border border-gray-100 shadow-sm overflow-hidden", children: [_jsx("div", { className: "p-8 overflow-hidden", children: _jsx(AnimatePresence, { mode: "wait", custom: direction, children: _jsx(MotionDiv, { custom: direction, variants: slideVariants, initial: "enter", animate: "center", exit: "exit", transition: { duration: 0.2 }, children: children }, currentStep) }) }), submitError && (_jsxs("div", { className: "mx-8 mb-4 flex items-center gap-2 bg-red-50 border border-red-100 p-4 rounded-2xl text-red-600 text-sm font-bold", children: [_jsx(AlertCircle, { className: "w-4 h-4" }), " ", submitError] })), draftSavedMessage && (_jsxs("div", { className: "mx-8 mb-4 flex items-center gap-2 rounded-2xl border border-emerald-100 bg-emerald-50 p-4 text-sm font-bold text-emerald-700", children: [_jsx(CheckCircle, { className: "h-4 w-4" }), " ", draftSavedMessage] })), _jsx(WizardFooter, { isFirstStep: currentStep === 0, isLastStep: currentStep === steps.length - 1, isSubmitting: submitting, publishLabel: publishLabel, showPublishOnEveryStep: allowAllSteps, onBack: onBack, onNext: onNext, onSaveDraft: onSaveDraft, onPublish: onPublish })] })] }));
+}

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

@@ -0,0 +1,8 @@
+type ReviewConfirmationCardProps = {
+    title: string;
+    body: string;
+    className?: string;
+};
+export default function ReviewConfirmationCard({ title, body, className, }: ReviewConfirmationCardProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ReviewConfirmationCard.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewConfirmationCard.d.ts","sourceRoot":"","sources":["../../../src/components/create-flow/ReviewConfirmationCard.tsx"],"names":[],"mappings":"AAEA,KAAK,2BAA2B,GAAG;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,KAAK,EACL,IAAI,EACJ,SAAoE,GACrE,EAAE,2BAA2B,2CAO7B"}

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

@@ -0,0 +1,5 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function ReviewConfirmationCard({ title, body, className = "rounded-[2rem] border border-slate-100 bg-slate-50 p-6", }) {
+    return (_jsxs("div", { className: className, children: [_jsx("div", { className: "text-sm font-bold text-slate-700", children: title }), _jsx("div", { className: "mt-2 text-sm text-slate-600", children: body })] }));
+}

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

@@ -0,0 +1,15 @@
+type ReviewMetric = {
+    label: string;
+    value: string;
+    valueClassName?: string;
+    description?: string;
+    className?: string;
+};
+type ReviewMetricGridProps = {
+    items: ReviewMetric[];
+    className?: string;
+    itemClassName?: string;
+};
+export default function ReviewMetricGrid({ items, className, itemClassName, }: ReviewMetricGridProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ReviewMetricGrid.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ReviewMetricGrid.d.ts","sourceRoot":"","sources":["../../../src/components/create-flow/ReviewMetricGrid.tsx"],"names":[],"mappings":"AAEA,KAAK,YAAY,GAAG;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,EACvC,KAAK,EACL,SAAmD,EACnD,aAA2E,GAC5E,EAAE,qBAAqB,2CAkBvB"}

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

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function ReviewMetricGrid({ items, className = "grid grid-cols-1 gap-4 md:grid-cols-2", itemClassName = "rounded-2xl border border-slate-200 bg-slate-50 px-4 py-3", }) {
+    return (_jsx("div", { className: className, children: items.map((item) => {
+            var _a, _b;
+            return (_jsxs("div", { className: `min-w-0 ${itemClassName} ${(_a = item.className) !== null && _a !== void 0 ? _a : ""}`.trim(), children: [_jsx("div", { className: "text-[11px] font-bold uppercase tracking-[0.18em] text-slate-400", children: item.label }), _jsx("div", { className: `mt-2 break-words text-sm font-semibold text-slate-900 ${(_b = item.valueClassName) !== null && _b !== void 0 ? _b : ""}`.trim(), children: item.value }), item.description ? (_jsx("div", { className: "mt-1 text-xs font-medium text-slate-500", children: item.description })) : null] }, item.label));
+        }) }));
+}

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

@@ -0,0 +1,17 @@
+type TemplateOption = {
+    slug: string;
+    title: string;
+};
+type TemplateSelectionDialogProps = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    title: string;
+    items: TemplateOption[];
+    draftItems?: TemplateOption[];
+    onSelect: (slug: string) => void;
+    onDraftSelect?: (slug: string) => void;
+    emptyActionLabel?: string;
+};
+export default function TemplateSelectionDialog({ open, onOpenChange, title, items, draftItems, onSelect, onDraftSelect, emptyActionLabel, }: TemplateSelectionDialogProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TemplateSelectionDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateSelectionDialog.d.ts","sourceRoot":"","sources":["../../../src/components/create-flow/TemplateSelectionDialog.tsx"],"names":[],"mappings":"AAWA,KAAK,cAAc,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,KAAK,4BAA4B,GAAG;IAClC,IAAI,EAAE,OAAO,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,cAAc,EAAE,CAAC;IACxB,UAAU,CAAC,EAAE,cAAc,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,uBAAuB,CAAC,EAC9C,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,KAAK,EACL,UAAe,EACf,QAAQ,EACR,aAAa,EACb,gBAAgC,GACjC,EAAE,4BAA4B,2CAoD9B"}

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

@@ -0,0 +1,7 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "@myrjfa/ui/dist/misc/button";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle, } from "@myrjfa/ui/dist/misc/dialog";
+export default function TemplateSelectionDialog({ open, onOpenChange, title, items, draftItems = [], onSelect, onDraftSelect, emptyActionLabel = "Start Fresh", }) {
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "max-w-lg", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: title }) }), _jsxs("div", { className: "mt-3 max-h-[60vh] overflow-y-auto pr-2", children: [items.length > 0 && (_jsx("div", { className: "space-y-3 mb-6", children: items.map((item) => (_jsx("button", { type: "button", className: "w-full rounded-lg border p-3 text-left hover:bg-gray-100", onClick: () => onSelect(item.slug), children: _jsx("div", { className: "font-medium", children: item.title }) }, item.slug))) })), draftItems.length > 0 && (_jsxs("div", { className: "mt-2", children: [_jsx("h3", { className: "text-sm font-bold text-gray-900 mb-3", children: "Complete Pending Creation" }), _jsx("div", { className: "space-y-3", children: draftItems.map((item) => (_jsxs("button", { type: "button", className: "w-full flex items-center justify-between rounded-lg border border-dashed border-gray-300 p-3 text-left hover:bg-gray-50", onClick: () => onDraftSelect ? onDraftSelect(item.slug) : onSelect(item.slug), children: [_jsx("div", { className: "font-medium text-gray-700", children: item.title }), _jsx("span", { className: "text-xs font-semibold text-primary bg-primary/10 px-2 py-1 rounded-full", children: "Draft" })] }, item.slug))) })] }))] }), _jsx(DialogFooter, { className: "mt-4 flex justify-end", children: _jsx(Button, { variant: "outline", onClick: () => onOpenChange(false), children: emptyActionLabel }) })] }) }));
+}

package/dist/components/enquiry/EnquiryFormParts.d.ts

@@ -0,0 +1,40 @@
+import type { ReactNode } from "react";
+export declare function EnquiryStepLabel({ number, label, }: {
+    number: number;
+    label: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EnquirySectionCard({ step, title, description, children, className, }: {
+    step: number;
+    title: string;
+    description?: string;
+    children: ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EnquiryGuestFields({ values, onChange, }: {
+    values: {
+        name: string;
+        email: string;
+        phone: string;
+    };
+    onChange: (field: "name" | "email" | "phone", value: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EnquiryTravellerSplitFields({ males, females, onMalesChange, onFemalesChange, }: {
+    males: number;
+    females: number;
+    onMalesChange: (value: number) => void;
+    onFemalesChange: (value: number) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EnquiryTravellerCountField({ value, onChange, }: {
+    value: string;
+    onChange: (value: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EnquiryMessageField({ value, onChange, placeholder, }: {
+    value: string;
+    onChange: (value: string) => void;
+    placeholder?: string;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function EnquirySubmitButton({ loading, children, }: {
+    loading?: boolean;
+    children?: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EnquiryFormParts.d.ts.map

package/dist/components/enquiry/EnquiryFormParts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EnquiryFormParts.d.ts","sourceRoot":"","sources":["../../../src/components/enquiry/EnquiryFormParts.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAOvC,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,KAAK,GACN,EAAE;IACD,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf,2CAWA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,IAAI,EACJ,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE;IACD,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,2CAiBA;AAED,wBAAgB,kBAAkB,CAAC,EACjC,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC;IACvD,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,GAAG,OAAO,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACtE,2CA8CA;AAED,wBAAgB,2BAA2B,CAAC,EAC1C,KAAK,EACL,OAAO,EACP,aAAa,EACb,eAAe,GAChB,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1C,2CA4CA;AAED,wBAAgB,0BAA0B,CAAC,EACzC,KAAK,EACL,QAAQ,GACT,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC,2CAiBA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,EACR,WAAuG,GACxG,EAAE;IACD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,2CASA;AAED,wBAAgB,mBAAmB,CAAC,EAClC,OAAO,EACP,QAAyB,GAC1B,EAAE;IACD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,2CAWA"}

package/dist/components/enquiry/EnquiryFormParts.js

@@ -0,0 +1,29 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Loader2, Mail, Phone, Send, User, Users } from "lucide-react";
+import { Input } from "@myrjfa/ui/dist/misc/input";
+import { Label } from "@myrjfa/ui/dist/misc/label";
+import { Textarea } from "@myrjfa/ui/dist/misc/textarea";
+import { cn } from "@myrjfa/state/dist/lib/utils";
+export function EnquiryStepLabel({ number, label, }) {
+    return (_jsxs("div", { className: "mb-5 flex items-center gap-3", children: [_jsx("span", { className: "flex h-6 w-6 shrink-0 items-center justify-center rounded-full bg-trippeaze-primary text-xs font-bold text-white", children: number }), _jsx("p", { className: "text-[15px] font-semibold tracking-tight text-slate-950", children: label })] }));
+}
+export function EnquirySectionCard({ step, title, description, children, className, }) {
+    return (_jsxs("section", { className: cn("rounded-2xl border border-cyan-100 bg-white p-6 shadow-sm", className), children: [_jsx(EnquiryStepLabel, { number: step, label: title }), description && (_jsx("p", { className: "-mt-3 mb-5 text-sm leading-6 text-slate-500", children: description })), children] }));
+}
+export function EnquiryGuestFields({ values, onChange, }) {
+    return (_jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "enquiry-name", children: "Full name" }), _jsxs("div", { className: "relative", children: [_jsx(User, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-cyan-500" }), _jsx(Input, { id: "enquiry-name", value: values.name, onChange: (event) => onChange("name", event.target.value), placeholder: "e.g. Arjun Sharma", className: "pl-9" })] })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "enquiry-email", children: "Email" }), _jsxs("div", { className: "relative", children: [_jsx(Mail, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-cyan-500" }), _jsx(Input, { id: "enquiry-email", type: "email", value: values.email, onChange: (event) => onChange("email", event.target.value), placeholder: "you@email.com", className: "pl-9" })] })] }), _jsxs("div", { className: "space-y-2 sm:col-span-2", children: [_jsx(Label, { htmlFor: "enquiry-phone", children: "Phone" }), _jsxs("div", { className: "relative", children: [_jsx(Phone, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-cyan-500" }), _jsx(Input, { id: "enquiry-phone", type: "tel", value: values.phone, onChange: (event) => onChange("phone", event.target.value), placeholder: "+91 98765 43210", className: "pl-9" })] })] })] }));
+}
+export function EnquiryTravellerSplitFields({ males, females, onMalesChange, onFemalesChange, }) {
+    const totalPeople = Math.max(Number(males) || 0, 0) + Math.max(Number(females) || 0, 0);
+    return (_jsxs("div", { children: [_jsxs("div", { className: "grid grid-cols-1 gap-4 sm:grid-cols-2", children: [_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "enquiry-males", children: "Males" }), _jsx(Input, { id: "enquiry-males", type: "number", min: "0", value: males, onChange: (event) => onMalesChange(parseInt(event.target.value, 10) || 0), showZeroAsEmpty: true })] }), _jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "enquiry-females", children: "Females" }), _jsx(Input, { id: "enquiry-females", type: "number", min: "0", value: females, onChange: (event) => onFemalesChange(parseInt(event.target.value, 10) || 0), showZeroAsEmpty: true })] })] }), totalPeople > 0 && (_jsxs("div", { className: "mt-4 inline-flex items-center gap-2 rounded-full bg-cyan-50 px-3.5 py-1.5 text-sm font-medium text-cyan-700", children: [_jsx(Users, { className: "h-3.5 w-3.5" }), _jsxs("span", { children: [totalPeople, " traveller", totalPeople !== 1 ? "s" : ""] }), males > 0 && females > 0 && (_jsxs("span", { className: "text-xs text-cyan-600/70", children: [males, "M ", females, "F"] }))] }))] }));
+}
+export function EnquiryTravellerCountField({ value, onChange, }) {
+    return (_jsxs("div", { className: "space-y-2", children: [_jsx(Label, { htmlFor: "enquiry-travellers", children: "Travellers" }), _jsxs("div", { className: "relative", children: [_jsx(Users, { className: "pointer-events-none absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-slate-400" }), _jsx(Input, { id: "enquiry-travellers", type: "number", min: "1", value: value, onChange: (event) => onChange(event.target.value), className: "pl-9" })] })] }));
+}
+export function EnquiryMessageField({ value, onChange, placeholder = "Special requirements, dietary needs, pickup questions, or anything else we should know.", }) {
+    return (_jsx(Textarea, { value: value, onChange: (event) => onChange(event.target.value), placeholder: placeholder, className: "min-h-[120px] resize-none rounded-2xl" }));
+}
+export function EnquirySubmitButton({ loading, children = "Send Enquiry", }) {
+    return (_jsxs("button", { type: "submit", disabled: loading, className: "flex h-14 w-full cursor-pointer items-center justify-center gap-2.5 rounded-2xl bg-trippeaze-primary text-base font-semibold text-white shadow-lg shadow-cyan-500/25 transition-all hover:-translate-y-0.5 hover:bg-trippeaze-primary/90 disabled:cursor-not-allowed disabled:opacity-60 disabled:hover:translate-y-0", children: [loading ? _jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : _jsx(Send, { className: "h-4 w-4" }), loading ? "Submitting..." : children] }));
+}

package/dist/components/form-sections/FaqSection.d.ts

@@ -0,0 +1,24 @@
+import { type FieldValues, type UseFormReturn } from "react-hook-form";
+type FaqItem = {
+    question: string;
+    answer: string;
+};
+type FaqSectionProps<TFieldValues extends FieldValues> = {
+    form: UseFormReturn<TFieldValues>;
+    questions: FaqItem[];
+    onAddQuestion: () => void;
+    onRemoveQuestion: (index: number) => void;
+    title?: string;
+    description?: string;
+    questionPlaceholder: string;
+    answerPlaceholder: string;
+    cardClassName?: string;
+    removeButtonClassName?: string;
+    questionItemClassName?: string;
+    questionHeadingClassName?: string;
+    addButtonLabel?: string;
+    onFieldChange?: () => void;
+};
+export default function FaqSection<TFieldValues extends FieldValues>({ form, questions, onAddQuestion, onRemoveQuestion, title, description, questionPlaceholder, answerPlaceholder, cardClassName, removeButtonClassName, questionItemClassName, questionHeadingClassName, addButtonLabel, onFieldChange, }: FaqSectionProps<TFieldValues>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=FaqSection.d.ts.map

package/dist/components/form-sections/FaqSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FaqSection.d.ts","sourceRoot":"","sources":["../../../src/components/form-sections/FaqSection.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,WAAW,EAAa,KAAK,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAOlF,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,eAAe,CAAC,YAAY,SAAS,WAAW,IAAI;IACvD,IAAI,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IAClC,SAAS,EAAE,OAAO,EAAE,CAAC;IACrB,aAAa,EAAE,MAAM,IAAI,CAAC;IAC1B,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC5B,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,YAAY,SAAS,WAAW,EAAE,EACnE,IAAI,EACJ,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,KAAoC,EACpC,WAAW,EACX,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,qBAAyE,EACzE,qBAA0D,EAC1D,wBAA0C,EAC1C,cAA+B,EAC/B,aAAa,GACd,EAAE,eAAe,CAAC,YAAY,CAAC,2CA6E/B"}

package/dist/components/form-sections/FaqSection.js

@@ -0,0 +1,17 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Plus, Trash2 } from "lucide-react";
+import { Button } from "@myrjfa/ui/dist/misc/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@myrjfa/ui/dist/misc/card";
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "@myrjfa/ui/dist/misc/form";
+import { Input } from "@myrjfa/ui/dist/misc/input";
+import { Textarea } from "@myrjfa/ui/dist/misc/textarea";
+export default function FaqSection({ form, questions, onAddQuestion, onRemoveQuestion, title = "Frequently Asked Questions", description, questionPlaceholder, answerPlaceholder, cardClassName, removeButtonClassName = "text-red-500 hover:text-red-700 hover:bg-red-50", questionItemClassName = "p-4 border rounded-2xl space-y-4", questionHeadingClassName = "font-semibold", addButtonLabel = "Add Question", onFieldChange, }) {
+    return (_jsxs(Card, { className: cardClassName, children: [_jsxs(CardHeader, { children: [_jsx(CardTitle, { children: title }), description && _jsx(FormDescription, { children: description })] }), _jsxs(CardContent, { className: "space-y-6", children: [questions.map((_, index) => (_jsxs("div", { className: questionItemClassName, children: [_jsxs("div", { className: "flex justify-between items-center", children: [_jsxs("h3", { className: questionHeadingClassName, children: ["Question ", index + 1] }), _jsxs(Button, { type: "button", onClick: () => onRemoveQuestion(index), variant: "ghost", size: "sm", className: removeButtonClassName, children: [_jsx(Trash2, { className: "h-4 w-4 mr-1" }), "Remove"] })] }), _jsx(FormField, { control: form.control, name: `questions.${index}.question`, render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Question" }), _jsx(FormControl, { children: _jsx(Input, { id: `question-${index}`, placeholder: questionPlaceholder, ...field, onChange: (e) => {
+                                                    onFieldChange === null || onFieldChange === void 0 ? void 0 : onFieldChange();
+                                                    field.onChange(e);
+                                                } }) }), _jsx(FormMessage, {})] })) }), _jsx(FormField, { control: form.control, name: `questions.${index}.answer`, render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Answer" }), _jsx(FormControl, { children: _jsx(Textarea, { id: `answer-${index}`, placeholder: answerPlaceholder, ...field, onChange: (e) => {
+                                                    onFieldChange === null || onFieldChange === void 0 ? void 0 : onFieldChange();
+                                                    field.onChange(e);
+                                                } }) }), _jsx(FormMessage, {})] })) })] }, index))), _jsxs(Button, { type: "button", onClick: onAddQuestion, className: "flex justify-start", children: [_jsx(Plus, { className: "w-4 h-4 mr-2" }), addButtonLabel] })] })] }));
+}

package/dist/components/form-sections/ImageUploadSection.d.ts

@@ -0,0 +1,12 @@
+type ImageUploadSectionProps = {
+    title?: string;
+    message: string;
+    previewImages: string[];
+    onUpload: (e: React.ChangeEvent<HTMLInputElement>) => Promise<void>;
+    onRemove: (index: number) => void;
+    cardClassName?: string;
+    titleClassName?: string;
+};
+export default function ImageUploadSection({ title, message, previewImages, onUpload, onRemove, cardClassName, titleClassName, }: ImageUploadSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ImageUploadSection.d.ts.map

package/dist/components/form-sections/ImageUploadSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImageUploadSection.d.ts","sourceRoot":"","sources":["../../../src/components/form-sections/ImageUploadSection.tsx"],"names":[],"mappings":"AAMA,KAAK,uBAAuB,GAAG;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpE,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,kBAAkB,CAAC,EACzC,KAAgB,EAChB,OAAO,EACP,aAAa,EACb,QAAQ,EACR,QAAQ,EACR,aAAa,EACb,cAA0C,GAC3C,EAAE,uBAAuB,2CAmBzB"}

package/dist/components/form-sections/ImageUploadSection.js

@@ -0,0 +1,8 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Upload } from "lucide-react";
+import { Card, CardContent, CardHeader, CardTitle } from "@myrjfa/ui/dist/misc/card";
+import MultiImageUploader from "@myrjfa/ui/dist/misc/multiImageUploader";
+export default function ImageUploadSection({ title = "Photos", message, previewImages, onUpload, onRemove, cardClassName, titleClassName = "flex items-center gap-2", }) {
+    return (_jsxs(Card, { className: cardClassName, children: [_jsx(CardHeader, { children: _jsxs(CardTitle, { className: titleClassName, children: [_jsx(Upload, { className: "h-5 w-5 text-primary" }), title] }) }), _jsx(CardContent, { children: _jsx(MultiImageUploader, { previewImages: previewImages, handleImageUpload: onUpload, handleRemoveImage: onRemove, message: message }) })] }));
+}

package/dist/components/form-sections/OpportunityBasicsSection.d.ts

@@ -0,0 +1,8 @@
+import type { UseFormReturn } from "react-hook-form";
+type OpportunityBasicsSectionProps = {
+    form: UseFormReturn<any>;
+    showHostUsernameField: boolean;
+};
+export default function OpportunityBasicsSection({ form, showHostUsernameField, }: OpportunityBasicsSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=OpportunityBasicsSection.d.ts.map

package/dist/components/form-sections/OpportunityBasicsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpportunityBasicsSection.d.ts","sourceRoot":"","sources":["../../../src/components/form-sections/OpportunityBasicsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAgBrD,KAAK,6BAA6B,GAAG;IACnC,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACzB,qBAAqB,EAAE,OAAO,CAAC;CAChC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,wBAAwB,CAAC,EAC/C,IAAI,EACJ,qBAAqB,GACtB,EAAE,6BAA6B,2CAuO/B"}

package/dist/components/form-sections/OpportunityBasicsSection.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader, CardTitle } from "@myrjfa/ui/dist/misc/card";
+import { DatePicker } from "@myrjfa/ui/dist/misc/datepicker";
+import { Filter } from "@myrjfa/ui/dist/misc/filter";
+import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage, } from "@myrjfa/ui/dist/misc/form";
+import { Input } from "@myrjfa/ui/dist/misc/input";
+import { getCountryNames, getStates } from "@myrjfa/state/dist/lib/data/countryStates";
+export default function OpportunityBasicsSection({ form, showHostUsernameField, }) {
+    const selectedCountry = form.watch("country");
+    const selectedType = form.watch("opportunityType");
+    const stateOptions = selectedCountry ? getStates(selectedCountry) : [];
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Basic Information" }) }), _jsxs(CardContent, { className: "space-y-4", children: [showHostUsernameField && (_jsx(FormField, { control: form.control, name: "hostId", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Host username" }), _jsx(FormControl, { children: _jsx(Input, { placeholder: "e.g trippeaze", ...field, id: "hostId" }) }), _jsx(FormMessage, {})] })) })), _jsx(FormField, { control: form.control, name: "title", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Title" }), _jsx(FormControl, { children: _jsx(Input, { placeholder: "e.g., Community Garden Project Coordinator", ...field, id: "opportunityTitle" }) }), _jsx(FormDescription, { children: "A clear, attractive, and concise title for your listing" }), _jsx(FormMessage, {})] })) }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [_jsx(FormField, { control: form.control, name: "country", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Country" }), _jsx(FormControl, { children: _jsx("div", { className: "w-full 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", "");
+                                                        form.setValue("city", "");
+                                                    }, "aria-describedby": "country-error" }) }) }), _jsx(FormMessage, { id: "country-error" })] })) }), _jsx(FormField, { control: form.control, name: "state", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "State" }), _jsx(FormControl, { children: _jsx("div", { className: "w-full 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: (value) => {
+                                                        field.onChange(value);
+                                                        form.setValue("city", "");
+                                                    }, "aria-describedby": "state-error" }) }) }), _jsx(FormMessage, { id: "state-error" })] })) }), _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., Jaipur", ...field, autoComplete: "city" }) }), _jsx(FormMessage, {})] })) })] }), _jsx(FormField, { control: form.control, name: "address", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Address" }), _jsx(FormControl, { children: _jsx(Input, { id: "address", placeholder: "Exact address (optional)", ...field, autoComplete: "address" }) }), _jsx(FormMessage, {})] })) }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6", children: [_jsx(FormField, { control: form.control, name: "availableFrom", render: ({ field }) => {
+                                    var _a;
+                                    return (_jsx(DatePicker, { field: {
+                                            ...field,
+                                            value: (_a = field.value) !== null && _a !== void 0 ? _a : null,
+                                        }, minDate: new Date(), label: "Available From" }));
+                                } }), selectedType !== "job" && (_jsx(FormField, { control: form.control, name: "minDuration", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Min Duration (weeks)" }), _jsx(FormControl, { children: _jsx(Input, { id: "minDuration", type: "number", min: 1, ...field, onChange: (e) => field.onChange(parseInt(e.target.value)) }) }), _jsx(FormMessage, {})] })) })), selectedType !== "job" && (_jsx(FormField, { control: form.control, name: "maxDuration", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Max Duration (weeks)" }), _jsx(FormControl, { children: _jsx(Input, { id: "maxDuration", type: "number", min: 1, ...field, onChange: (e) => field.onChange(parseInt(e.target.value)) }) }), _jsx(FormMessage, {})] })) }))] }), _jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", children: [selectedType !== "job" && (_jsx(FormField, { control: form.control, name: "peopleRequired", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "People Required" }), _jsx(FormControl, { children: _jsx(Input, { id: "peopleRequired", type: "number", min: "1", ...field, onChange: (e) => field.onChange(parseInt(e.target.value)) }) }), _jsx(FormMessage, {})] })) })), _jsx(FormField, { control: form.control, name: "hostingType", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Hosting Type" }), _jsx(FormControl, { children: _jsx(Input, { id: "hostingType", placeholder: "e.g., Hotel, NGO, Restaurant...", ...field }) }), _jsx(FormMessage, {})] })) })] })] })] }));
+}

package/dist/components/form-sections/OpportunityDetailsSection.d.ts

@@ -0,0 +1,18 @@
+import type { UseFormReturn } from "react-hook-form";
+type OpportunityDetailsSectionProps = {
+    form: UseFormReturn<any>;
+    selectedType: string;
+    skills: string[];
+    facilities: string[];
+    responsibilities: string[];
+    onAddSkill: (value: string) => void;
+    onRemoveSkill: (value: string) => void;
+    onAddFacility: (value: string) => void;
+    onRemoveFacility: (value: string) => void;
+    onAddResponsibility: (value: string) => void;
+    onRemoveResponsibility: (value: string) => void;
+    arrayErrors: boolean;
+};
+export default function OpportunityDetailsSection({ form, selectedType, skills, facilities, responsibilities, onAddSkill, onRemoveSkill, onAddFacility, onRemoveFacility, onAddResponsibility, onRemoveResponsibility, arrayErrors, }: OpportunityDetailsSectionProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=OpportunityDetailsSection.d.ts.map

package/dist/components/form-sections/OpportunityDetailsSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpportunityDetailsSection.d.ts","sourceRoot":"","sources":["../../../src/components/form-sections/OpportunityDetailsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAerD,KAAK,8BAA8B,GAAG;IACpC,IAAI,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,UAAU,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,gBAAgB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,mBAAmB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,sBAAsB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,WAAW,EAAE,OAAO,CAAC;CACtB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,IAAI,EACJ,YAAY,EACZ,MAAM,EACN,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,mBAAmB,EACnB,sBAAsB,EACtB,WAAW,GACZ,EAAE,8BAA8B,2CAsEhC"}

package/dist/components/form-sections/OpportunityDetailsSection.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FormControl, FormField, FormItem, FormLabel, FormMessage, } from "@myrjfa/ui/dist/misc/form";
+import { Card, CardContent, CardHeader, CardTitle } from "@myrjfa/ui/dist/misc/card";
+import { Textarea } from "@myrjfa/ui/dist/misc/textarea";
+import TagFilterInput from "@myrjfa/ui/dist/misc/tag-filter-input";
+import { skillsOptions } from "@myrjfa/state/dist/lib/models/props";
+import { facilitiesOptions, responsibilitiesOptions } from "@myrjfa/state/dist/lib/models/opportunities/opportunity";
+export default function OpportunityDetailsSection({ form, selectedType, skills, facilities, responsibilities, onAddSkill, onRemoveSkill, onAddFacility, onRemoveFacility, onAddResponsibility, onRemoveResponsibility, arrayErrors, }) {
+    return (_jsxs(Card, { children: [_jsx(CardHeader, { children: _jsx(CardTitle, { children: "Description & Details" }) }), _jsxs(CardContent, { className: "space-y-6", children: [_jsx(TagFilterInput, { id: "skills", label: "Skills Required", items: skills, onAdd: onAddSkill, onRemove: onRemoveSkill, options: skillsOptions.map((item) => item.title), placeholder: "Select Skill", chipClassName: "flex items-center gap-1", errorMessage: arrayErrors && skills.length === 0 ? "At least one skill is required" : undefined }), _jsxs("div", { className: "flex flex-col md:flex-row gap-6", children: [_jsx("div", { className: "flex-1", children: _jsx(TagFilterInput, { id: "facilities", label: "Facilities Provided", items: facilities, onAdd: onAddFacility, onRemove: onRemoveFacility, options: facilitiesOptions.map((item) => item.title), placeholder: "Select Facility", chipClassName: "flex items-center gap-1", errorMessage: arrayErrors && facilities.length === 0 ? "Add at least 1 facility you are providing" : undefined }) }), _jsx("div", { className: "flex-1", children: _jsx(TagFilterInput, { id: "responsiblities", label: selectedType === "volunteer" ? "Volunteer Responsibilities Expected" : "Key Responsibilities Expected", items: responsibilities, onAdd: onAddResponsibility, onRemove: onRemoveResponsibility, options: responsibilitiesOptions.map((item) => item.title), placeholder: "Responsibility", chipClassName: "flex items-center gap-1", errorMessage: arrayErrors && responsibilities.length === 0 ? "Add at least 1 responsibility" : undefined }) })] }), _jsx(FormField, { control: form.control, name: "description", render: ({ field }) => (_jsxs(FormItem, { children: [_jsx(FormLabel, { children: "Description" }), _jsx(FormControl, { children: _jsx(Textarea, { id: "description", placeholder: "Provide a detailed description of the opportunity", className: "min-h-32", ...field }) }), _jsx(FormMessage, {})] })) })] })] }));
+}