@pichetch08/trip-ui 0.1.0 → 0.2.1

package/dist/{tabs.js → components/shared/tabs.js}

@@ -1,5 +1,5 @@
 "use client";
-import "./chunk-ORMEWXMH.js";
+import "../../chunk-ORMEWXMH.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 function Tabs({
   items,

package/dist/{tag.js → components/shared/tag.js}

@@ -1,5 +1,5 @@
 "use client";
-import "./chunk-ORMEWXMH.js";
+import "../../chunk-ORMEWXMH.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef } from "react";
 const TAG_BG = {

package/dist/{time-picker.js → components/shared/time-picker.js}

@@ -1,5 +1,5 @@
 "use client";
-import "./chunk-ORMEWXMH.js";
+import "../../chunk-ORMEWXMH.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback } from "react";
 const QUICK_TIMES = [

package/dist/{timeline.js → components/shared/timeline.js}

@@ -1,4 +1,4 @@
-import "./chunk-ORMEWXMH.js";
+import "../../chunk-ORMEWXMH.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const colorClasses = {
   primary: "bg-primary/10 text-primary",

package/dist/{toast.js → components/shared/toast.js}

@@ -2,7 +2,7 @@
 import {
   __spreadProps,
   __spreadValues
-} from "./chunk-ORMEWXMH.js";
+} from "../../chunk-ORMEWXMH.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { createContext, useCallback, useContext, useMemo, useState, useRef } from "react";
 const ToastContext = createContext(null);

package/dist/{toggle-switch.js → components/shared/toggle-switch.js}

@@ -1,5 +1,5 @@
 "use client";
-import "./chunk-ORMEWXMH.js";
+import "../../chunk-ORMEWXMH.js";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function ToggleSwitch({
   checked,

package/dist/{tooltip.js → components/shared/tooltip.js}

@@ -1,5 +1,5 @@
 "use client";
-import "./chunk-ORMEWXMH.js";
+import "../../chunk-ORMEWXMH.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useRef, useState } from "react";
 function Tooltip({

package/dist/{trip-day-map-lazy.d.ts → components/shared/trip-day-map-lazy.d.ts}

@@ -5,10 +5,16 @@ interface MapActivity {
     lat: number;
     lng: number;
     time?: string | null;
+    type?: string | null;
+    description?: string | null;
+    placeName?: string | null;
+    mapsLink?: string | null;
+    imageUrl?: string | null;
 }
 interface TripDayMapLazyProps {
     activities: MapActivity[];
     height?: string;
+    apiKey: string;
 }
 declare function TripDayMapLazy(props: TripDayMapLazyProps): react_jsx_runtime.JSX.Element;
 

package/dist/{trip-day-map-lazy.js → components/shared/trip-day-map-lazy.js}

@@ -1,12 +1,12 @@
 "use client";
 import {
   __spreadValues
-} from "./chunk-ORMEWXMH.js";
+} from "../../chunk-ORMEWXMH.js";
 import { jsx } from "react/jsx-runtime";
 import dynamic from "next/dynamic";
 const TripDayMapInner = dynamic(
   () => import("./trip-day-map").then((m) => ({ default: m.TripDayMap })),
-  { ssr: false, loading: () => /* @__PURE__ */ jsx("div", { className: "w-full h-[280px] rounded-2xl bg-surface-variant animate-pulse" }) }
+  { ssr: false, loading: () => /* @__PURE__ */ jsx("div", { className: "w-full h-full bg-surface-variant animate-pulse" }) }
 );
 function TripDayMapLazy(props) {
   return /* @__PURE__ */ jsx(TripDayMapInner, __spreadValues({}, props));

package/dist/components/shared/trip-day-map.d.ts

@@ -0,0 +1,28 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+
+interface MapActivity {
+    name: string;
+    lat: number;
+    lng: number;
+    time?: string | null;
+    type?: string | null;
+    description?: string | null;
+    placeName?: string | null;
+    mapsLink?: string | null;
+    imageUrl?: string | null;
+}
+interface TripDayMapProps {
+    activities: MapActivity[];
+    height?: string;
+    apiKey: string;
+}
+type GoogleMaps = any;
+declare global {
+    interface Window {
+        google: GoogleMaps;
+        _gmapsLoading?: Promise<void>;
+    }
+}
+declare function TripDayMap({ activities, height, apiKey }: TripDayMapProps): react_jsx_runtime.JSX.Element | null;
+
+export { type MapActivity, TripDayMap };

package/dist/components/shared/trip-day-map.js

@@ -0,0 +1,146 @@
+"use client";
+import "../../chunk-ORMEWXMH.js";
+import { jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+function loadGoogleMaps(apiKey) {
+  var _a;
+  if ((_a = window.google) == null ? void 0 : _a.maps) return Promise.resolve();
+  if (window._gmapsLoading) return window._gmapsLoading;
+  window._gmapsLoading = new Promise((resolve) => {
+    const existing = document.getElementById("gmaps-script");
+    if (existing) {
+      existing.addEventListener("load", () => resolve());
+      return;
+    }
+    const script = document.createElement("script");
+    script.id = "gmaps-script";
+    script.src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=places&language=th`;
+    script.async = true;
+    script.defer = true;
+    script.onload = () => resolve();
+    document.head.appendChild(script);
+  });
+  return window._gmapsLoading;
+}
+function markerSvg(color, label) {
+  const svg = `
+    <svg xmlns="http://www.w3.org/2000/svg" width="36" height="44" viewBox="0 0 36 44">
+      <path d="M18 0C8.06 0 0 8.06 0 18c0 13.5 18 26 18 26S36 31.5 36 18C36 8.06 27.94 0 18 0z" fill="${color}"/>
+      <circle cx="18" cy="18" r="11" fill="white"/>
+      <text x="18" y="23" text-anchor="middle" font-size="12" font-weight="700" font-family="sans-serif" fill="${color}">${label}</text>
+    </svg>`.trim();
+  return "data:image/svg+xml;charset=UTF-8," + encodeURIComponent(svg);
+}
+function TripDayMap({ activities, height = "100%", apiKey }) {
+  const ref = useRef(null);
+  useEffect(() => {
+    if (!ref.current || activities.length === 0) return;
+    const container = ref.current;
+    loadGoogleMaps(apiKey).then(() => {
+      const bounds = new window.google.maps.LatLngBounds();
+      const map = new window.google.maps.Map(container, {
+        center: { lat: activities[0].lat, lng: activities[0].lng },
+        zoom: 13,
+        mapTypeControl: true,
+        mapTypeControlOptions: { position: window.google.maps.ControlPosition.TOP_RIGHT },
+        streetViewControl: false,
+        fullscreenControl: false,
+        gestureHandling: "greedy",
+        zoomControlOptions: { position: window.google.maps.ControlPosition.RIGHT_CENTER }
+      });
+      if (activities.length > 1) {
+        new window.google.maps.Polyline({
+          path: activities.map((a) => ({ lat: a.lat, lng: a.lng })),
+          geodesic: true,
+          strokeColor: "#1e3a5f",
+          strokeOpacity: 0.6,
+          strokeWeight: 3,
+          map
+        });
+      }
+      const placesService = new window.google.maps.places.PlacesService(map);
+      const photoCache = /* @__PURE__ */ new Map();
+      const buildContent = (act, idx, color, photoUrl) => {
+        const mb2 = act.description ? "8px" : "0";
+        return `
+          <div style="font-family:'Noto Sans Thai',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-width:220px;max-width:300px;overflow:hidden;border-radius:4px">
+            ${photoUrl ? `<div style="width:100%;height:130px;overflow:hidden"><img src="${photoUrl}" alt="${act.name}" style="width:100%;height:100%;object-fit:cover;display:block"/></div>` : ""}
+            <div style="background:${color};padding:10px 14px;display:flex;align-items:center;gap:8px">
+              <span style="background:rgba(255,255,255,0.25);color:#fff;font-size:12px;font-weight:800;border-radius:50%;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0">${idx + 1}</span>
+              <div style="flex:1;min-width:0">
+                ${act.time ? `<div style="font-size:11px;color:rgba(255,255,255,0.8);font-weight:600;margin-bottom:1px">${act.time}</div>` : ""}
+                <div style="font-size:13px;font-weight:700;color:#fff;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis">${act.name}</div>
+              </div>
+            </div>
+            <div style="padding:12px 14px">
+              ${act.placeName && act.placeName !== act.name ? `
+                <div style="display:flex;align-items:center;gap:4px;margin-bottom:${mb2}">
+                  <svg width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="#94a3b8" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg>
+                  <span style="font-size:11px;color:#64748b;font-weight:500">${act.placeName}</span>
+                </div>` : ""}
+              ${act.description ? `<p style="font-size:12px;color:#475569;margin:0 0 10px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden">${act.description}</p>` : ""}
+              ${act.mapsLink ? `
+                <a href="${act.mapsLink}" target="_blank" rel="noreferrer"
+                  style="display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;color:#fff;text-decoration:none;background:#4285F4;padding:5px 10px;border-radius:6px">
+                  <svg width="11" height="11" viewBox="0 0 24 24" fill="currentColor"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5c-1.38 0-2.5-1.12-2.5-2.5s1.12-2.5 2.5-2.5 2.5 1.12 2.5 2.5-1.12 2.5-2.5 2.5z"/></svg>
+                  \u0E40\u0E1B\u0E34\u0E14 Google Maps
+                </a>` : ""}
+            </div>
+          </div>`;
+      };
+      let openInfo = null;
+      activities.forEach((act, i) => {
+        var _a, _b, _c, _d;
+        const pos = { lat: act.lat, lng: act.lng };
+        bounds.extend(pos);
+        const colorMap = {
+          restaurant: "#E53935",
+          hotel: "#8E24AA",
+          transport: "#1E88E5",
+          shopping: "#FB8C00",
+          attraction: "#00897B",
+          other: "#546E7A"
+        };
+        const color = (_c = colorMap[(_b = (_a = act.type) == null ? void 0 : _a.toLowerCase()) != null ? _b : "other"]) != null ? _c : colorMap.other;
+        const marker = new window.google.maps.Marker({
+          position: pos,
+          map,
+          icon: { url: markerSvg(color, String(i + 1)), scaledSize: new window.google.maps.Size(36, 44), anchor: new window.google.maps.Point(18, 44) },
+          title: act.name,
+          zIndex: i
+        });
+        const info = new window.google.maps.InfoWindow({
+          content: buildContent(act, i, color, (_d = act.imageUrl) != null ? _d : void 0)
+        });
+        marker.addListener("click", () => {
+          if (openInfo) openInfo.close();
+          info.open(map, marker);
+          openInfo = info;
+          if (act.imageUrl || photoCache.has(act.name)) return;
+          const query = act.placeName && act.placeName !== act.name ? act.placeName : act.name;
+          placesService.findPlaceFromQuery(
+            { query, fields: ["photos"], locationBias: { lat: act.lat, lng: act.lng } },
+            (results, status) => {
+              var _a2, _b2;
+              if (status !== "OK" || !((_b2 = (_a2 = results == null ? void 0 : results[0]) == null ? void 0 : _a2.photos) == null ? void 0 : _b2[0])) return;
+              const photoUrl = results[0].photos[0].getUrl({ maxWidth: 400, maxHeight: 200 });
+              photoCache.set(act.name, photoUrl);
+              info.setContent(buildContent(act, i, color, photoUrl));
+            }
+          );
+        });
+      });
+      if (activities.length > 1) {
+        map.fitBounds(bounds, { top: 48, right: 48, bottom: 48, left: 48 });
+      } else {
+        map.setCenter({ lat: activities[0].lat, lng: activities[0].lng });
+        map.setZoom(15);
+      }
+    });
+  }, [JSON.stringify(activities), apiKey]);
+  if (activities.length === 0) return null;
+  return /* @__PURE__ */ jsx("div", { ref, style: { height, width: "100%" } });
+}
+export {
+  TripDayMap
+};

package/dist/components/trip/acknowledge-banner.d.ts

@@ -0,0 +1,9 @@
+import { PendingChange } from '../../types/trip.js';
+
+type AcknowledgeBannerProps = {
+    pendingChange: PendingChange;
+    onAcknowledge: (changelogId: string) => void;
+};
+declare function AcknowledgeBanner({ pendingChange, onAcknowledge, }: AcknowledgeBannerProps): React.JSX.Element | null;
+
+export { AcknowledgeBanner };

package/dist/components/trip/acknowledge-banner.js

@@ -0,0 +1,47 @@
+"use client";
+import "../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+function AcknowledgeBanner({
+  pendingChange,
+  onAcknowledge
+}) {
+  const [isAcknowledged, setIsAcknowledged] = useState(false);
+  const [isVisible, setIsVisible] = useState(true);
+  function handleAcknowledge() {
+    setIsAcknowledged(true);
+    onAcknowledge(pendingChange.changelogId);
+    setTimeout(() => setIsVisible(false), 3e3);
+  }
+  if (!isVisible) return null;
+  if (isAcknowledged) {
+    return /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-50 border-b border-success/30 bg-success/10 px-4 py-3 text-center transition-all", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-center gap-2 text-sm font-medium text-success", children: [
+      /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined text-sm", children: "check" }),
+      "\u0E23\u0E31\u0E1A\u0E17\u0E23\u0E32\u0E1A\u0E41\u0E25\u0E49\u0E27 \u2014 \u0E02\u0E2D\u0E1A\u0E04\u0E38\u0E13\u0E04\u0E48\u0E30 \u{1F64F}"
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "sticky top-0 z-50 border-b border-warning/30 bg-warning-light px-4 py-3", children: /* @__PURE__ */ jsx("div", { className: "mx-auto max-w-2xl", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3", children: [
+    /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined mt-0.5 shrink-0 text-lg text-warning", children: "warning" }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-bold text-foreground", children: "\u0E21\u0E35\u0E01\u0E32\u0E23\u0E40\u0E1B\u0E25\u0E35\u0E48\u0E22\u0E19\u0E41\u0E1B\u0E25\u0E07!" }),
+      /* @__PURE__ */ jsx("ul", { className: "mt-1 space-y-0.5", children: pendingChange.changes.map((change, i) => /* @__PURE__ */ jsxs("li", { className: "text-xs text-muted-foreground", children: [
+        "\u2022 ",
+        change.description
+      ] }, i)) })
+    ] }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: handleAcknowledge,
+        className: "shrink-0 rounded-full bg-primary px-4 py-2 text-xs font-bold text-white shadow-md transition-all hover:scale-105 hover:bg-primary-dark active:scale-95",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined mr-1 inline text-xs", children: "check" }),
+          "\u0E23\u0E31\u0E1A\u0E17\u0E23\u0E32\u0E1A\u0E41\u0E25\u0E49\u0E27"
+        ]
+      }
+    )
+  ] }) }) });
+}
+export {
+  AcknowledgeBanner
+};

package/dist/components/trip/activity-item.d.ts

@@ -0,0 +1,8 @@
+import { Activity } from '../../types/trip.js';
+
+type ActivityItemProps = {
+    activity: Activity;
+};
+declare function ActivityItem({ activity }: ActivityItemProps): React.JSX.Element;
+
+export { ActivityItem };

package/dist/components/trip/activity-item.js

@@ -0,0 +1,174 @@
+"use client";
+import "../../chunk-ORMEWXMH.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState, useCallback, useEffect } from "react";
+import { cn, detectMapProvider, getMapButtonLabel, getActivityTypeStyle } from "../../utils/trip-utils";
+function ActivityGallery({ images, name }) {
+  const [lightboxIndex, setLightboxIndex] = useState(null);
+  const open = (i) => setLightboxIndex(i);
+  const close = useCallback(() => setLightboxIndex(null), []);
+  const prev = useCallback(() => setLightboxIndex((i) => i != null ? (i - 1 + images.length) % images.length : null), [images.length]);
+  const next = useCallback(() => setLightboxIndex((i) => i != null ? (i + 1) % images.length : null), [images.length]);
+  useEffect(() => {
+    if (lightboxIndex == null) return;
+    const onKey = (e) => {
+      if (e.key === "Escape") close();
+      if (e.key === "ArrowLeft") prev();
+      if (e.key === "ArrowRight") next();
+    };
+    window.addEventListener("keydown", onKey);
+    return () => window.removeEventListener("keydown", onKey);
+  }, [lightboxIndex, close, prev, next]);
+  if (images.length === 0) return null;
+  const thumbnails = images.slice(0, 6);
+  const overflow = images.length - 6;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "no-scrollbar mt-3 flex gap-2 overflow-x-auto", children: thumbnails.map((url, i) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        onClick: () => open(i),
+        className: "relative shrink-0 overflow-hidden rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-primary",
+        "aria-label": `\u0E14\u0E39\u0E23\u0E39\u0E1B\u0E17\u0E35\u0E48 ${i + 1}`,
+        children: [
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: url,
+              alt: `${name} \u0E23\u0E39\u0E1B\u0E17\u0E35\u0E48 ${i + 1}`,
+              className: "h-20 w-20 object-cover transition-transform duration-300 hover:scale-105 sm:h-24 sm:w-24"
+            }
+          ),
+          i === 5 && overflow > 0 && /* @__PURE__ */ jsx("div", { className: "absolute inset-0 flex items-center justify-center bg-black/50", children: /* @__PURE__ */ jsxs("span", { className: "text-sm font-bold text-white", children: [
+            "+",
+            overflow
+          ] }) })
+        ]
+      },
+      url
+    )) }),
+    lightboxIndex != null && /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: "fixed inset-0 z-50 flex items-center justify-center bg-black/90",
+        onClick: close,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "absolute top-4 left-1/2 -translate-x-1/2 rounded-full bg-black/50 px-3 py-1 text-sm text-white", children: [
+            lightboxIndex + 1,
+            " / ",
+            images.length
+          ] }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: close,
+              className: "absolute top-4 right-4 rounded-full bg-black/50 p-2 text-white hover:bg-black/70",
+              "aria-label": "\u0E1B\u0E34\u0E14",
+              children: /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined text-xl", children: "close" })
+            }
+          ),
+          images.length > 1 && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                prev();
+              },
+              className: "absolute left-3 rounded-full bg-black/50 p-2 text-white hover:bg-black/70 sm:left-6",
+              "aria-label": "\u0E01\u0E48\u0E2D\u0E19\u0E2B\u0E19\u0E49\u0E32",
+              children: /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined text-2xl", children: "chevron_left" })
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            "img",
+            {
+              src: images[lightboxIndex],
+              alt: `${name} \u0E23\u0E39\u0E1B\u0E17\u0E35\u0E48 ${lightboxIndex + 1}`,
+              className: "max-h-[85dvh] max-w-[90vw] rounded-xl object-contain shadow-2xl",
+              onClick: (e) => e.stopPropagation()
+            }
+          ),
+          images.length > 1 && /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                next();
+              },
+              className: "absolute right-3 rounded-full bg-black/50 p-2 text-white hover:bg-black/70 sm:right-6",
+              "aria-label": "\u0E16\u0E31\u0E14\u0E44\u0E1B",
+              children: /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined text-2xl", children: "chevron_right" })
+            }
+          ),
+          images.length > 1 && images.length <= 10 && /* @__PURE__ */ jsx("div", { className: "absolute bottom-5 flex gap-1.5", children: images.map((_, i) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                setLightboxIndex(i);
+              },
+              className: cn(
+                "h-1.5 rounded-full transition-all",
+                i === lightboxIndex ? "w-4 bg-white" : "w-1.5 bg-white/40"
+              ),
+              "aria-label": `\u0E23\u0E39\u0E1B\u0E17\u0E35\u0E48 ${i + 1}`
+            },
+            i
+          )) })
+        ]
+      }
+    )
+  ] });
+}
+function ActivityItem({ activity }) {
+  var _a;
+  const typeStyle = getActivityTypeStyle(activity.type);
+  const galleryImages = ((_a = activity.imageUrls) == null ? void 0 : _a.length) ? activity.imageUrls : activity.imageUrl ? [activity.imageUrl] : [];
+  const hasGallery = galleryImages.length > 0;
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: cn(
+        "relative flex flex-col gap-3 rounded-xl border bg-white p-4 transition-all",
+        activity.isNew && "border-success/50 bg-success/5",
+        activity.isChanged && "border-warning/50 bg-warning-light/30",
+        (activity.isNew || activity.isChanged) && "activity-highlight"
+      ),
+      children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-col items-center", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-2xl", children: activity.emoji }),
+            /* @__PURE__ */ jsx("span", { className: cn("mt-1 rounded-md px-2 py-0.5 text-xs font-bold", typeStyle.bg, typeStyle.text), children: activity.time })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
+            /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between gap-2", children: [
+              /* @__PURE__ */ jsx("h4", { className: "font-semibold text-foreground", children: activity.name }),
+              /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 gap-1", children: [
+                activity.isNew && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-success px-2 py-0.5 text-[10px] font-bold text-white", children: "NEW" }),
+                activity.isChanged && /* @__PURE__ */ jsx("span", { className: "rounded-full bg-warning px-2 py-0.5 text-[10px] font-bold text-white", children: "\u0E41\u0E01\u0E49\u0E44\u0E02" })
+              ] })
+            ] }),
+            activity.description && /* @__PURE__ */ jsx("p", { className: "mt-0.5 text-sm text-muted-foreground", children: activity.description }),
+            activity.mapsLink && /* @__PURE__ */ jsxs(
+              "a",
+              {
+                href: activity.mapsLink,
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: "mt-2 inline-flex items-center gap-1 text-xs font-medium text-primary hover:underline",
+                children: [
+                  /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined text-xs", children: "location_on" }),
+                  getMapButtonLabel(detectMapProvider(activity.mapsLink))
+                ]
+              }
+            )
+          ] }),
+          !hasGallery && activity.imageUrl && /* @__PURE__ */ jsx("div", { className: "hidden shrink-0 sm:block", children: /* @__PURE__ */ jsx("img", { src: activity.imageUrl, alt: activity.name, className: "h-20 w-20 rounded-lg object-cover" }) })
+        ] }),
+        hasGallery && /* @__PURE__ */ jsx(ActivityGallery, { images: galleryImages, name: activity.name })
+      ]
+    }
+  );
+}
+export {
+  ActivityItem
+};

package/dist/components/trip/company-footer.d.ts

@@ -0,0 +1,9 @@
+import { Company } from '../../types/trip.js';
+
+type CompanyFooterProps = {
+    company: Company;
+    showWatermark?: boolean;
+};
+declare function CompanyFooter({ company, showWatermark }: CompanyFooterProps): React.JSX.Element;
+
+export { CompanyFooter };

package/dist/components/trip/company-footer.js

@@ -0,0 +1,99 @@
+import "../../chunk-ORMEWXMH.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CompanyFooter({ company, showWatermark }) {
+  return /* @__PURE__ */ jsxs("div", { className: "rounded-2xl border border-border bg-white p-5", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
+      /* @__PURE__ */ jsx("img", { src: company.logoUrl, alt: company.name, className: "h-14 w-14 rounded-full object-cover" }),
+      /* @__PURE__ */ jsxs("div", { children: [
+        /* @__PURE__ */ jsx("h4", { className: "font-bold text-foreground", children: company.name }),
+        company.tatLicense && /* @__PURE__ */ jsxs("p", { className: "text-xs text-muted-foreground", children: [
+          "TAT License: ",
+          company.tatLicense
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-4 grid grid-cols-2 gap-2", children: [
+      company.phone && /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: `tel:${company.phone}`,
+          className: "flex items-center gap-2 rounded-lg bg-muted px-3 py-2 text-xs font-medium text-foreground transition-colors hover:bg-primary-100",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined text-sm text-primary", children: "call" }),
+            company.phone
+          ]
+        }
+      ),
+      company.lineId && /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: `https://line.me/R/ti/p/${company.lineId}`,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "flex items-center gap-2 rounded-lg bg-muted px-3 py-2 text-xs font-medium text-foreground transition-colors hover:bg-[#06c755]/10",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-[#06c755]", children: "\u{1F49A}" }),
+            "LINE ",
+            company.lineId
+          ]
+        }
+      ),
+      company.facebook && /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: `https://facebook.com/${company.facebook}`,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "flex items-center gap-2 rounded-lg bg-muted px-3 py-2 text-xs font-medium text-foreground transition-colors hover:bg-primary-100",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-[#1877f2]", children: "\u{1F4D8}" }),
+            company.facebook
+          ]
+        }
+      ),
+      company.instagram && /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: `https://instagram.com/${company.instagram}`,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "flex items-center gap-2 rounded-lg bg-muted px-3 py-2 text-xs font-medium text-foreground transition-colors hover:bg-pink-50",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "text-sm", children: "\u{1F4F7}" }),
+            "@",
+            company.instagram
+          ]
+        }
+      ),
+      company.website && /* @__PURE__ */ jsxs(
+        "a",
+        {
+          href: company.website,
+          target: "_blank",
+          rel: "noopener noreferrer",
+          className: "col-span-2 flex items-center gap-2 rounded-lg bg-muted px-3 py-2 text-xs font-medium text-foreground transition-colors hover:bg-primary-100",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "material-symbols-outlined text-sm text-primary", children: "language" }),
+            company.website.replace(/https?:\/\//, "")
+          ]
+        }
+      )
+    ] }),
+    showWatermark && /* @__PURE__ */ jsx("div", { className: "mt-4 border-t border-border pt-3 text-center", children: /* @__PURE__ */ jsxs(
+      "a",
+      {
+        href: "https://tripapp.io",
+        target: "_blank",
+        rel: "noopener noreferrer",
+        className: "inline-flex items-center gap-1.5 text-xs text-muted-foreground transition-colors hover:text-primary",
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "rounded-md bg-primary-50 px-1.5 py-0.5 text-[10px] font-bold text-primary", children: "T" }),
+          "Powered by TripApp"
+        ]
+      }
+    ) })
+  ] });
+}
+export {
+  CompanyFooter
+};

package/dist/components/trip/countdown-badge.d.ts

@@ -0,0 +1,7 @@
+type CountdownBadgeProps = {
+    startDate: string;
+    endDate: string;
+};
+declare function CountdownBadge({ startDate, endDate }: CountdownBadgeProps): React.JSX.Element;
+
+export { CountdownBadge };