@myrjfa/ui 1.1.2 → 2.0.0

package/dist/profile/socialLink.js

@@ -3,60 +3,30 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
 import { Input } from "../misc/input";
 import { Button } from "../misc/button";
-import { GithubIcon, InstagramIcon, StoreIcon, YoutubeIcon } from "lucide-react";
-import { normalizeSocialUrl } from "@myrjfa/state/dist/lib/utils/socialMediaUrl";
-import { FacebookIcon, LinkedinIcon, TwitterIcon } from "react-share";
+import { InstagramIcon, YoutubeIcon, LinkedinIcon, StoreIcon } from "lucide-react";
+import { useRouter } from "next/navigation";
 const platformConfig = {
-    instagram: { label: "Instagram", icon: InstagramIcon, color: "hover:text-pink-600", hint: "Enter username or profile URL" },
-    youtube: { label: "YouTube", icon: YoutubeIcon, color: "hover:text-red-600", hint: "Enter @handle or profile URL" },
-    twitter: { label: "Twitter", icon: TwitterIcon, color: "hover:text-blue-600", hint: "Enter @handle or profile URL" },
-    facebook: { label: "Facebook", icon: FacebookIcon, color: "hover:text-blue-600", hint: "Enter @handle or profile URL" },
-    github: { label: "GitHub", icon: GithubIcon, color: "hover:text-blue-600", hint: "Enter @handle or profile URL" },
-    linkedin: { label: "LinkedIn", icon: LinkedinIcon, color: "hover:text-blue-600", hint: "Enter username or profile URL" },
-    googleBusiness: { label: "Google Business", icon: StoreIcon, color: "hover:text-green-600", hint: "Enter full Google Business URL" },
+    instagram: { label: "Instagram", icon: InstagramIcon, color: "hover:text-pink-600" },
+    youtube: { label: "YouTube", icon: YoutubeIcon, color: "hover:text-red-600" },
+    linkedin: { label: "LinkedIn", icon: LinkedinIcon, color: "hover:text-blue-600" },
+    googleBusiness: { label: "Google Business", icon: StoreIcon, color: "hover:text-green-600" },
 };
 export function SocialLinkField({ platform, url, isCurrentUser, updateUserSocialLink, }) {
-    const [input, setInput] = useState(url !== null && url !== void 0 ? url : "");
-    const [urlError, setUrlError] = useState(null);
+    const [input, setInput] = useState(url);
     const [loading, setLoading] = useState(false);
-    const { label, icon: Icon, color, hint } = platformConfig[platform];
-    // #13: Validate and normalize the URL when focus leaves the input
-    const handleBlur = () => {
-        if (!input.trim() || platform === "googleBusiness")
-            return;
-        const { url: normalized, error } = normalizeSocialUrl(platform, input);
-        setUrlError(error);
-        if (!error)
-            setInput(normalized); // auto-correct the field to canonical URL
-    };
-    const handleSave = async () => {
-        if (!input.trim() || !updateUserSocialLink)
-            return;
-        // Final normalization before saving
-        let finalUrl = input;
-        if (platform !== "googleBusiness") {
-            const { url: normalized, error } = normalizeSocialUrl(platform, input);
-            if (error) {
-                setUrlError(error);
-                return;
-            }
-            finalUrl = normalized;
-            setInput(normalized);
-        }
-        try {
-            setLoading(true);
-            await updateUserSocialLink(platform, finalUrl);
-            setUrlError(null);
-        }
-        finally {
-            setLoading(false);
-        }
-    };
+    const router = useRouter();
+    const { label, icon: Icon, color } = platformConfig[platform];
     if (isCurrentUser) {
-        return (_jsxs("div", { className: "flex flex-col gap-1", children: [_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Icon, { className: `h-5 w-5 shrink-0 text-gray-400 ${color}` }), _jsx(Input, { type: "text", placeholder: hint, value: input, onChange: (e) => {
-                                setInput(e.target.value);
-                                setUrlError(null);
-                            }, onBlur: handleBlur, className: urlError ? "border-red-400 focus:ring-red-400" : "" }), _jsx(Button, { disabled: loading || !input.trim(), onClick: handleSave, children: loading ? "Adding..." : "Add" })] }), urlError && (_jsx("p", { className: "text-xs text-red-500 ml-6", children: urlError }))] }));
+        return (_jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Input, { type: "url", placeholder: `${label} profile url`, value: input, onChange: (e) => setInput(e.target.value) }), updateUserSocialLink &&
+                    _jsx(Button, { disabled: loading || !input, onClick: async () => {
+                            try {
+                                setLoading(true);
+                                await updateUserSocialLink(platform, input);
+                            }
+                            finally {
+                                setLoading(false);
+                            }
+                        }, children: "Add" })] }));
     }
     else if (url) {
         return (_jsx("a", { href: url, target: "_blank", rel: "noopener noreferrer", className: `text-gray-500 ${color} flex flex-row gap-1`, children: _jsx(Icon, { className: "h-5 w-5" }) }));

package/package.json

@@ -1,11 +1,14 @@
 {
   "name": "@myrjfa/ui",
-  "version": "1.1.2",
+  "version": "2.0.0",
   "type": "module",
+  "exports": {
+    ".": "./dist/index.js",
+    "./*": "./*.js"
+  },
   "description": "Shared UI components for my apps",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
-  "sideEffects": false,
   "files": [
     "dist"
   ],
@@ -38,9 +41,11 @@
     "cmdk": "1.1.1",
     "embla-carousel-react": "^8.5.2",
     "emoji-picker-react": "^4.18.0",
-    "react-easy-crop": "^5.5.6",
+    "leaflet": "1.9.4",
+    "pnpm": "^10.14.0",
     "react-hook-form": "^7.54.2",
     "react-icons": "^5.5.0",
+    "react-leaflet": "^5.0.0",
     "react-share": "^5.2.2"
   },
   "peerDependencies": {
@@ -50,11 +55,12 @@
     "lucide-react": "*",
     "next": "*",
     "react": "*",
-    "react-dom": "*",
+    "react-dom": "",
     "zod": "*"
   },
   "devDependencies": {
-    "@myrjfa/state": "1.1.2",
+    "@myrjfa/state": "2.0.0",
+    "@types/leaflet": "1.9.21",
     "@types/react": "19.0.10",
     "@types/react-dom": "^19.0.4",
     "date-fns": "^3.0.0",

package/dist/misc/document-upload-button.d.ts

@@ -1,12 +0,0 @@
-type UploadType = "image" | "document" | "both";
-interface FileUploadProps {
-    label?: string;
-    required?: boolean;
-    type?: UploadType;
-    value?: File | null;
-    onChange: (file: File | null) => void;
-    className?: string;
-}
-export declare function FileUpload({ label, required, type, value, onChange, className, }: FileUploadProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=document-upload-button.d.ts.map

package/dist/misc/document-upload-button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"document-upload-button.d.ts","sourceRoot":"","sources":["../../src/misc/document-upload-button.tsx"],"names":[],"mappings":"AAMA,KAAK,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;AAEhD,UAAU,eAAe;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,KAAK,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,UAAU,CAAC,EACvB,KAAqB,EACrB,QAAQ,EACR,IAAa,EACb,KAAK,EACL,QAAQ,EACR,SAAS,GACZ,EAAE,eAAe,2CAmEjB"}

package/dist/misc/document-upload-button.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef } from "react";
-import { cn } from "@myrjfa/state/dist/lib/utils";
-import { FileUp, ImageIcon, FileText } from "lucide-react";
-import { Input } from "./input";
-import { Label } from "./label";
-export function FileUpload({ label = "Upload File", required, type = "both", value, onChange, className, }) {
-    const inputRef = useRef(null);
-    const acceptMap = {
-        image: "image/*",
-        document: "application/pdf",
-        both: "application/pdf,image/*",
-    };
-    const helperTextMap = {
-        image: "Image only",
-        document: "PDF only",
-        both: "PDF or image",
-    };
-    const Icon = type === "image"
-        ? ImageIcon
-        : type === "document"
-            ? FileText
-            : FileUp;
-    return (_jsxs("div", { className: cn("w-full", className), children: [_jsxs(Label, { className: "text-sm font-medium", children: [label, " ", required && _jsx("span", { className: "text-destructive", children: "*" }), _jsxs("span", { className: "text-xs text-muted-foreground ml-2", children: ["(", helperTextMap[type], ")"] })] }), _jsxs("div", { onClick: () => { var _a; return (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.click(); }, className: cn("mt-2 border-2 border-dashed rounded-lg cursor-pointer transition-all", "flex flex-col items-center justify-center text-center", "hover:border-primary/50", 
-                // 📱 Responsive sizing
-                "p-3"), children: [_jsx(Icon, { className: "w-5 h-5 sm:w-6 sm:h-6 text-muted-foreground mb-1" }), value ? (_jsx("p", { className: "text-xs sm:text-sm text-primary font-medium break-all", children: value.name })) : (_jsx("p", { className: "text-xs sm:text-sm text-muted-foreground", children: "Tap or click to upload" })), _jsx(Input, { ref: inputRef, type: "file", accept: acceptMap[type], className: "hidden", onChange: (e) => { var _a, _b; return onChange((_b = (_a = e.target.files) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : null); } })] })] }));
-}

package/dist/misc/empty-state.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-interface EmptyStateProps {
-    title?: string;
-    description?: string;
-    icon?: React.ReactNode;
-    action?: React.ReactNode;
-}
-export declare function EmptyState({ title, description, icon, action, }: EmptyStateProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=empty-state.d.ts.map

package/dist/misc/empty-state.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"empty-state.d.ts","sourceRoot":"","sources":["../../src/misc/empty-state.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,eAAe;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,wBAAgB,UAAU,CAAC,EACvB,KAA0B,EAC1B,WAAW,EACX,IAAI,EACJ,MAAM,GACT,EAAE,eAAe,2CAajB"}

package/dist/misc/empty-state.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Inbox } from 'lucide-react';
-export function EmptyState({ title = 'Nothing here yet', description, icon, action, }) {
-    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-16 px-4 text-center gap-3", children: [_jsx("div", { className: "text-muted-foreground", children: icon !== null && icon !== void 0 ? icon : _jsx(Inbox, { className: "w-12 h-12 mx-auto mb-2 opacity-40" }) }), _jsx("h3", { className: "text-lg font-semibold text-foreground", children: title }), description && (_jsx("p", { className: "text-sm text-muted-foreground max-w-xs", children: description })), action && _jsx("div", { className: "mt-2", children: action })] }));
-}

package/dist/misc/image-compressor.d.ts

@@ -1,29 +0,0 @@
-export interface CompressOptions {
-    quality?: number;
-    maxWidth?: number;
-    maxHeight?: number;
-}
-/**
- * Compress an image File using Canvas API.
- * Returns a new File object with the same name but compressed content.
- */
-export declare function compressImage(file: File, options?: CompressOptions): Promise<File>;
-export interface ImageCompressorProps {
-    enableCompression?: boolean;
-    quality?: number;
-    maxWidth?: number;
-    maxHeight?: number;
-    accept?: string;
-    multiple?: boolean;
-    onChange: (files: File[]) => void;
-    children?: React.ReactNode;
-    className?: string;
-    id?: string;
-}
-/**
- * #26 — Image Compressor Input Component
- * Drop-in replacement for a file input that optionally compresses images
- * before passing them to the onChange handler.
- */
-export declare function ImageCompressorInput({ enableCompression, quality, maxWidth, maxHeight, accept, multiple, onChange, children, className, id, }: ImageCompressorProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=image-compressor.d.ts.map

package/dist/misc/image-compressor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-compressor.d.ts","sourceRoot":"","sources":["../../src/misc/image-compressor.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,eAAe;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;GAGG;AACH,wBAAsB,aAAa,CAC/B,IAAI,EAAE,IAAI,EACV,OAAO,GAAE,eAAoB,GAC9B,OAAO,CAAC,IAAI,CAAC,CAkDf;AAED,MAAM,WAAW,oBAAoB;IACjC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAClC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,EAAE,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,EACjC,iBAAwB,EACxB,OAAa,EACb,QAAe,EACf,SAAgB,EAChB,MAAoD,EACpD,QAAgB,EAChB,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,EAAE,GACL,EAAE,oBAAoB,2CAmCtB"}

package/dist/misc/image-compressor.js

@@ -1,70 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef, useCallback } from 'react';
-/**
- * Compress an image File using Canvas API.
- * Returns a new File object with the same name but compressed content.
- */
-export async function compressImage(file, options = {}) {
-    const { quality = 0.8, maxWidth = 1920, maxHeight = 1920 } = options;
-    return new Promise((resolve, reject) => {
-        const img = new Image();
-        const url = URL.createObjectURL(file);
-        img.onload = () => {
-            URL.revokeObjectURL(url);
-            let { width, height } = img;
-            if (width > maxWidth) {
-                height = Math.round((height * maxWidth) / width);
-                width = maxWidth;
-            }
-            if (height > maxHeight) {
-                width = Math.round((width * maxHeight) / height);
-                height = maxHeight;
-            }
-            const canvas = document.createElement('canvas');
-            canvas.width = width;
-            canvas.height = height;
-            const ctx = canvas.getContext('2d');
-            if (!ctx) {
-                resolve(file); // fallback: return original
-                return;
-            }
-            ctx.drawImage(img, 0, 0, width, height);
-            canvas.toBlob((blob) => {
-                if (!blob) {
-                    resolve(file); // fallback
-                    return;
-                }
-                resolve(new File([blob], file.name, { type: 'image/webp', lastModified: Date.now() }));
-            }, 'image/webp', quality);
-        };
-        img.onerror = () => {
-            URL.revokeObjectURL(url);
-            reject(new Error(`Failed to load image: ${file.name}`));
-        };
-        img.src = url;
-    });
-}
-/**
- * #26 — Image Compressor Input Component
- * Drop-in replacement for a file input that optionally compresses images
- * before passing them to the onChange handler.
- */
-export function ImageCompressorInput({ enableCompression = true, quality = 0.8, maxWidth = 1920, maxHeight = 1920, accept = 'image/jpeg,image/jpg,image/png,image/webp', multiple = false, onChange, children, className, id, }) {
-    const inputRef = useRef(null);
-    const handleChange = useCallback(async (e) => {
-        const rawFiles = Array.from(e.target.files || []);
-        if (!rawFiles.length)
-            return;
-        if (!enableCompression) {
-            onChange(rawFiles);
-            return;
-        }
-        const compressed = await Promise.all(rawFiles.map(f => compressImage(f, { quality, maxWidth, maxHeight }).catch(() => f)));
-        onChange(compressed);
-        // Reset input so the same file can be re-selected
-        if (inputRef.current)
-            inputRef.current.value = '';
-    }, [enableCompression, quality, maxWidth, maxHeight, onChange]);
-    return (_jsxs("label", { className: className, style: { cursor: 'pointer' }, children: [children, _jsx("input", { ref: inputRef, id: id, type: "file", accept: accept, multiple: multiple, onChange: handleChange, style: { display: 'none' } })] }));
-}

package/dist/misc/image-cropper.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-interface ImageCropperProps {
-    image: string;
-    onCancel: () => void;
-    onCropComplete: (croppedImage: Blob) => void;
-    open: boolean;
-}
-declare const ImageCropper: React.FC<ImageCropperProps>;
-export default ImageCropper;
-//# sourceMappingURL=image-cropper.d.ts.map

package/dist/misc/image-cropper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"image-cropper.d.ts","sourceRoot":"","sources":["../../src/misc/image-cropper.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAMrD,UAAU,iBAAiB;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,cAAc,EAAE,CAAC,YAAY,EAAE,IAAI,KAAK,IAAI,CAAC;IAC7C,IAAI,EAAE,OAAO,CAAC;CACjB;AAED,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgG7C,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/misc/image-cropper.js

@@ -1,44 +0,0 @@
-"use client";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useCallback } from "react";
-import Cropper from "react-easy-crop";
-import { Button } from "./button";
-import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "./dialog";
-import { Slider } from "./slider";
-const ImageCropper = ({ image, onCancel, onCropComplete, open }) => {
-    const [crop, setCrop] = useState({ x: 0, y: 0 });
-    const [zoom, setZoom] = useState(1);
-    const [croppedAreaPixels, setCroppedAreaPixels] = useState(null);
-    const onCropChange = (crop) => {
-        setCrop(crop);
-    };
-    const onZoomChange = (zoom) => {
-        setZoom(zoom);
-    };
-    const onCropCompleteCallback = useCallback((_, croppedAreaPixels) => {
-        setCroppedAreaPixels(croppedAreaPixels);
-    }, []);
-    const createCroppedImage = async () => {
-        if (!croppedAreaPixels || !image)
-            return;
-        const img = new Image();
-        img.src = image;
-        await new Promise((resolve) => {
-            img.onload = resolve;
-        });
-        const canvas = document.createElement("canvas");
-        const ctx = canvas.getContext("2d");
-        if (!ctx)
-            return;
-        canvas.width = croppedAreaPixels.width;
-        canvas.height = croppedAreaPixels.height;
-        ctx.drawImage(img, croppedAreaPixels.x, croppedAreaPixels.y, croppedAreaPixels.width, croppedAreaPixels.height, 0, 0, croppedAreaPixels.width, croppedAreaPixels.height);
-        canvas.toBlob((blob) => {
-            if (blob) {
-                onCropComplete(blob);
-            }
-        }, "image/jpeg");
-    };
-    return (_jsx(Dialog, { open: open, onOpenChange: (isOpen) => !isOpen && onCancel(), children: _jsxs(DialogContent, { className: "sm:max-w-[500px] z-[300]", children: [_jsx(DialogHeader, { children: _jsx(DialogTitle, { children: "Crop Profile Picture" }) }), _jsx("div", { className: "relative h-[300px] w-full bg-gray-100 rounded-md overflow-hidden", children: _jsx(Cropper, { image: image, crop: crop, zoom: zoom, aspect: 1, cropShape: "round", showGrid: false, onCropChange: onCropChange, onCropComplete: onCropCompleteCallback, onZoomChange: onZoomChange }) }), _jsx("div", { className: "py-4", children: _jsxs("div", { className: "flex items-center gap-4", children: [_jsx("span", { className: "text-sm font-medium", children: "Zoom" }), _jsx(Slider, { value: [zoom], min: 1, max: 5, step: 0.1, onValueChange: (values) => { var _a; return setZoom((_a = values[0]) !== null && _a !== void 0 ? _a : 1); }, className: "flex-1" })] }) }), _jsxs(DialogFooter, { className: "flex gap-2", children: [_jsx(Button, { variant: "outline", onClick: onCancel, children: "Cancel" }), _jsx(Button, { onClick: createCroppedImage, children: "Set Profile Picture" })] })] }) }));
-};
-export default ImageCropper;

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

@@ -1,9 +0,0 @@
-/**
- * #9 — Floating PWA Install Button
- * Premium banner aligned with Trippeaze brand.
- * - Only shows on mobile (beforeinstallprompt)
- * - Auto-hides after 10 s
- * - Animated entrance / exit
- */
-export declare function PwaInstallButton(): import("react/jsx-runtime").JSX.Element | null;
-//# sourceMappingURL=pwa-install-button.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"pwa-install-button.d.ts","sourceRoot":"","sources":["../../src/misc/pwa-install-button.tsx"],"names":[],"mappings":"AAKA;;;;;;GAMG;AACH,wBAAgB,gBAAgB,mDA0M/B"}

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

@@ -1,158 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
-import Image from 'next/image';
-/**
- * #9 — Floating PWA Install Button
- * Premium banner aligned with Trippeaze brand.
- * - Only shows on mobile (beforeinstallprompt)
- * - Auto-hides after 10 s
- * - Animated entrance / exit
- */
-export function PwaInstallButton() {
-    const [show, setShow] = useState(false);
-    const [hiding, setHiding] = useState(false);
-    const promptRef = useRef(null);
-    const timerRef = useRef(null);
-    const dismiss = () => {
-        setHiding(true);
-        setTimeout(() => setShow(false), 350);
-    };
-    useEffect(() => {
-        const isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
-        if (!isMobile)
-            return;
-        const handler = (e) => {
-            e.preventDefault();
-            promptRef.current = e;
-            setShow(true);
-            setHiding(false);
-            timerRef.current = setTimeout(dismiss, 10000);
-        };
-        window.addEventListener('beforeinstallprompt', handler);
-        return () => {
-            window.removeEventListener('beforeinstallprompt', handler);
-            if (timerRef.current)
-                clearTimeout(timerRef.current);
-        };
-    }, []);
-    const handleInstall = async () => {
-        if (!promptRef.current)
-            return;
-        if (timerRef.current)
-            clearTimeout(timerRef.current);
-        promptRef.current.prompt();
-        const { outcome } = await promptRef.current.userChoice;
-        if (outcome === 'accepted')
-            dismiss();
-    };
-    if (!show)
-        return null;
-    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
-                @keyframes tpz-slide-up {
-                    from { opacity: 0; transform: translateX(-50%) translateY(20px); }
-                    to   { opacity: 1; transform: translateX(-50%) translateY(0); }
-                }
-                @keyframes tpz-slide-down {
-                    from { opacity: 1; transform: translateX(-50%) translateY(0); }
-                    to   { opacity: 0; transform: translateX(-50%) translateY(20px); }
-                }
-                @keyframes tpz-orbit {
-                    from { transform: rotate(0deg) translateX(22px) rotate(0deg); }
-                    to   { transform: rotate(360deg) translateX(22px) rotate(-360deg); }
-                }
-                @keyframes tpz-shimmer {
-                    0%   { background-position: -200% center; }
-                    100% { background-position: 200% center; }
-                }
-            ` }), _jsxs("div", { style: {
-                    position: 'fixed',
-                    bottom: '88px',
-                    left: '50%',
-                    transform: 'translateX(-50%)',
-                    zIndex: 9999,
-                    animation: hiding
-                        ? 'tpz-slide-down 0.35s cubic-bezier(.4,0,.2,1) forwards'
-                        : 'tpz-slide-up 0.4s cubic-bezier(.16,1,.3,1) forwards',
-                    // Prevent layout shift during animation
-                    willChange: 'transform, opacity',
-                }, children: [_jsx("div", { style: {
-                            position: 'absolute',
-                            inset: '-3px',
-                            borderRadius: '9999px',
-                            background: 'linear-gradient(135deg, #f97316, #fb923c, #22d3ee, #0891b2)',
-                            opacity: 0.3,
-                            filter: 'blur(8px)',
-                            zIndex: 0,
-                        } }), _jsxs("button", { onClick: handleInstall, style: {
-                            position: 'relative',
-                            zIndex: 1,
-                            display: 'flex',
-                            alignItems: 'center',
-                            gap: '10px',
-                            padding: '10px 18px 10px 12px',
-                            borderRadius: '9999px',
-                            border: '1px solid rgba(0,0,0,0.06)',
-                            background: 'linear-gradient(135deg, #ffffff 0%, #f8fafc 100%)',
-                            boxShadow: '0 12px 32px rgba(0,0,0,0.12), inset 0 1px 0 rgba(255,255,255,0.9)',
-                            cursor: 'pointer',
-                            whiteSpace: 'nowrap',
-                            backdropFilter: 'blur(8px)',
-                        }, children: [_jsx("div", { style: {
-                                    width: '36px',
-                                    height: '36px',
-                                    borderRadius: '50%',
-                                    overflow: 'hidden',
-                                    flexShrink: 0,
-                                    boxShadow: '0 2px 8px rgba(249,115,22,0.2)',
-                                }, children: _jsx(Image, { src: "/images/logoicon.webp", alt: "Trippeaze", width: 36, height: 36, style: { objectFit: 'cover' } }) }), _jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'flex-start', gap: '1px' }, children: [_jsx("span", { style: {
-                                            fontSize: '11px',
-                                            fontWeight: 500,
-                                            letterSpacing: '0.08em',
-                                            textTransform: 'uppercase',
-                                            color: '#64748b',
-                                            lineHeight: 1,
-                                        }, children: "Get the app" }), _jsx("span", { style: {
-                                            fontSize: '15px',
-                                            fontWeight: 700,
-                                            letterSpacing: '-0.01em',
-                                            lineHeight: 1.2,
-                                            // Shimmer text using logo colors
-                                            background: 'linear-gradient(90deg, #fb923c, #fbbf24, #22d3ee, #fb923c)',
-                                            backgroundSize: '200% auto',
-                                            WebkitBackgroundClip: 'text',
-                                            WebkitTextFillColor: 'transparent',
-                                            backgroundClip: 'text',
-                                            animation: 'tpz-shimmer 3s linear infinite',
-                                        }, children: "Install Trippeaze" })] }), _jsx("div", { style: {
-                                    marginLeft: '4px',
-                                    width: '28px',
-                                    height: '28px',
-                                    borderRadius: '50%',
-                                    background: 'linear-gradient(135deg, #f97316, #dc2626)',
-                                    display: 'flex',
-                                    alignItems: 'center',
-                                    justifyContent: 'center',
-                                    flexShrink: 0,
-                                    boxShadow: '0 2px 8px rgba(249,115,22,0.5)',
-                                }, children: _jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: _jsx("path", { d: "M7 2v7M4 6.5l3 3 3-3M2.5 11h9", stroke: "white", strokeWidth: "1.7", strokeLinecap: "round", strokeLinejoin: "round" }) }) })] }), _jsx("button", { onClick: (e) => { e.stopPropagation(); dismiss(); }, "aria-label": "Dismiss", style: {
-                            position: 'absolute',
-                            top: '-6px',
-                            right: '-6px',
-                            zIndex: 2,
-                            width: '20px',
-                            height: '20px',
-                            borderRadius: '50%',
-                            background: '#ffffff',
-                            border: '1px solid rgba(0,0,0,0.1)',
-                            color: '#64748b',
-                            fontSize: '11px',
-                            lineHeight: '20px',
-                            textAlign: 'center',
-                            cursor: 'pointer',
-                            display: 'flex',
-                            alignItems: 'center',
-                            justifyContent: 'center',
-                            boxShadow: '0 2px 6px rgba(0,0,0,0.1)',
-                        }, children: "\u2715" })] })] }));
-}

package/dist/misc/whatsapp-help.d.ts

@@ -1,9 +0,0 @@
-/**
- * #21 — Floating WhatsApp Help Button
- * Fixed bottom-right pill button that opens a WhatsApp chat with support.
- * Matches the "Need help? Chat with us" pill + green icon design.
- */
-export declare function WhatsAppHelpButton({ message }: {
-    message: string;
-}): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=whatsapp-help.d.ts.map

package/dist/misc/whatsapp-help.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"whatsapp-help.d.ts","sourceRoot":"","sources":["../../src/misc/whatsapp-help.tsx"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,2CAyClE"}

package/dist/misc/whatsapp-help.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { WhatsappIcon } from 'react-share';
-import Link from 'next/link';
-/**
- * #21 — Floating WhatsApp Help Button
- * Fixed bottom-right pill button that opens a WhatsApp chat with support.
- * Matches the "Need help? Chat with us" pill + green icon design.
- */
-export function WhatsAppHelpButton({ message }) {
-    const whatsappUrl = `https://wa.me/918482944029?text=${encodeURIComponent(message)}`;
-    return (_jsxs(Link, { href: whatsappUrl, target: "_blank", rel: "noopener noreferrer", "aria-label": "Get help on WhatsApp", className: "\r\n                fixed bottom-6 right-6 z-[9998]\r\n                flex items-center gap-0\r\n                rounded-full\r\n                bg-white\r\n                shadow-[0_2px_12px_rgba(0,0,0,0.15)]\r\n                hover:shadow-[0_4px_16px_rgba(0,0,0,0.2)]\r\n                border border-gray-200\r\n                transition-all duration-200\r\n                hover:scale-[1.03]\r\n                overflow-hidden\r\n                no-underline\r\n                group\r\n            ", children: [_jsx("span", { className: "\r\n                pl-4 pr-3 py-2.5\r\n                text-sm font-medium text-gray-700\r\n                whitespace-nowrap\r\n                group-hover:text-gray-900\r\n                transition-colors\r\n            ", children: "Need help? Chat with us" }), _jsx("span", { className: "flex-shrink-0 pr-0.5 py-0.5", children: _jsx(WhatsappIcon, { size: 42, round: true }) })] }));
-}