@burdenoff/microfe-ggnomad 2026.719.1 → 2026.719.2

package/dist/ggnomad/components/ReviewsSection.js

@@ -244,8 +244,8 @@ function x({ targetType: e, targetId: i }) {
 	} }), { data: S, refetch: C } = d(t, { variables: {
 		targetType: e,
 		targetId: i,
-		first: 10,
-		skip: 0
+		limit: 10,
+		offset: 0
 	} }), w = h?.ggnomadReviewSummary, T = S?.ggnomadReviews ?? [], E = () => {
 		m(!1), x(), C();
 	};

package/dist/ggnomad/components/ReviewsSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReviewsSection.js","names":[],"sources":["../../../src/ggnomad/components/ReviewsSection.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Star, MessageSquare, AlertCircle } from 'lucide-react';\nimport { Button, GlassCard, Input, Textarea } from '@burdenoff/fe-libs/ui';\n\nimport {\n  GGNOMAD_REVIEW_SUMMARY_QUERY,\n  GGNOMAD_REVIEWS_QUERY,\n  CREATE_GGNOMAD_REVIEW_MUTATION,\n} from '../graphql';\nimport { notify } from '../utils/notify';\nimport { cn } from '../utils/cn';\n\ntype GgnomadBookingType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY';\n\ntype ReviewsSectionProps = {\n  targetType: GgnomadBookingType;\n  targetId: string;\n};\n\ntype ReviewSummaryData = {\n  ggnomadReviewSummary: {\n    average: number;\n    count: number;\n    distribution: number[];\n  };\n};\n\ntype ReviewsData = {\n  ggnomadReviews: Array<{\n    id: string;\n    rating: number;\n    title?: string;\n    content?: string;\n    isVerified: boolean;\n    helpfulCount: number;\n    response?: string;\n    respondedAt?: string;\n    createdAt: string;\n  }>;\n};\n\ntype CreateReviewInput = {\n  targetType: GgnomadBookingType;\n  targetId: string;\n  rating: number;\n  title?: string;\n  content?: string;\n  images?: string[];\n};\n\n/**\n * Star distribution bar chart component.\n * Displays a 5-row breakdown of rating distribution.\n */\nfunction StarDistributionChart({ distribution }: { distribution: number[] }) {\n  const total = distribution.reduce((a, b) => a + b, 0);\n\n  return (\n    <div className=\"space-y-2\">\n      {[5, 4, 3, 2, 1].map((stars, idx) => {\n        const count = distribution[4 - idx] ?? 0;\n        const percentage = total > 0 ? (count / total) * 100 : 0;\n\n        return (\n          <div key={stars} className=\"flex items-center gap-2\">\n            <div className=\"flex items-center gap-1 whitespace-nowrap text-xs text-text-secondary\">\n              <span>{stars}</span>\n              <Star className=\"size-3 text-status-warning-text\" aria-hidden=\"true\" />\n            </div>\n            <div className=\"flex-1 h-2 rounded-full bg-bg-sunken overflow-hidden\">\n              <div\n                className=\"h-full bg-status-warning-bg transition-all\"\n                style={{ width: `${percentage}%` }}\n                role=\"progressbar\"\n                aria-label={`${count} reviews with ${stars} stars`}\n                aria-valuenow={percentage}\n                aria-valuemin={0}\n                aria-valuemax={100}\n              />\n            </div>\n            <span className=\"text-xs text-text-secondary tabular-nums w-8 text-right\">{count}</span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n/**\n * Individual review card component.\n */\nfunction ReviewCard({ review }: { review: ReviewsData['ggnomadReviews'][0] }) {\n  const { t } = useI18n();\n  const createdDate = new Date(review.createdAt);\n  const formattedDate = createdDate.toLocaleDateString(undefined, {\n    month: 'short',\n    day: 'numeric',\n    year: createdDate.getFullYear() !== new Date().getFullYear() ? 'numeric' : undefined,\n  });\n\n  return (\n    <div className=\"rounded-lg border border-border-seam bg-bg-surface/40 p-4 space-y-3\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex items-center gap-2\">\n          <div className=\"flex gap-0.5\">\n            {[...Array(5)].map((_, i) => (\n              <Star\n                key={i}\n                className={cn(\n                  'size-3.5',\n                  i < review.rating\n                    ? 'fill-status-warning-text text-status-warning-text'\n                    : 'text-border-seam'\n                )}\n                aria-hidden=\"true\"\n              />\n            ))}\n          </div>\n          <span className=\"text-xs text-text-secondary font-medium\">{review.rating}/5</span>\n        </div>\n        {review.isVerified && (\n          <span className=\"inline-flex items-center gap-1 text-xs font-medium text-status-success-text bg-status-success-bg-subtle px-2 py-1 rounded-full\">\n            <span className=\"size-1.5 bg-status-success-text rounded-full\" aria-hidden=\"true\" />\n            {t('ggnomad.reviews.verified', 'Verified')}\n          </span>\n        )}\n      </div>\n\n      {review.title && <h4 className=\"font-medium text-text-primary text-sm\">{review.title}</h4>}\n\n      {review.content && (\n        <p className=\"text-sm text-text-secondary leading-relaxed\">{review.content}</p>\n      )}\n\n      <div className=\"flex items-center justify-between pt-2 border-t border-border-seam\">\n        <span className=\"text-xs text-text-secondary\">{formattedDate}</span>\n        {review.helpfulCount > 0 && (\n          <span className=\"text-xs text-text-secondary flex items-center gap-1\">\n            <MessageSquare className=\"size-3\" aria-hidden=\"true\" />\n            {review.helpfulCount}\n          </span>\n        )}\n      </div>\n\n      {review.response && (\n        <div className=\"mt-3 pt-3 border-t border-border-seam bg-bg-sunken/50 rounded p-3 text-sm\">\n          <p className=\"font-medium text-text-primary mb-1\">\n            {t('ggnomad.reviews.hostResponse', 'Host response')}\n          </p>\n          <p className=\"text-text-secondary\">{review.response}</p>\n          {review.respondedAt && (\n            <p className=\"text-xs text-text-secondary mt-2\">\n              {new Date(review.respondedAt).toLocaleDateString()}\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\n/**\n * Review composer component.\n */\nfunction ReviewComposer({\n  targetType,\n  targetId,\n  onReviewCreated,\n}: {\n  targetType: GgnomadBookingType;\n  targetId: string;\n  onReviewCreated: () => void;\n}) {\n  const { t } = useI18n();\n  const [rating, setRating] = useState(5);\n  const [title, setTitle] = useState('');\n  const [content, setContent] = useState('');\n\n  const [createReview, { loading: creating }] = useMutation(\n    CREATE_GGNOMAD_REVIEW_MUTATION as TypedDocumentNode<\n      {\n        createGgnomadReview: {\n          id: string;\n          rating: number;\n          title?: string;\n          content?: string;\n        };\n      },\n      { input: CreateReviewInput }\n    >\n  );\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (rating === 0) {\n      notify.warning(\n        t('ggnomad.reviews.composer.ratingRequired', 'Rating required'),\n        t('ggnomad.reviews.composer.selectRating', 'Please select a rating before submitting.')\n      );\n      return;\n    }\n\n    try {\n      const result = await createReview({\n        variables: {\n          input: {\n            targetType,\n            targetId,\n            rating,\n            title: title.trim() || undefined,\n            content: content.trim() || undefined,\n          },\n        },\n      });\n\n      if (result.error) {\n        notify.error(\n          t('ggnomad.reviews.composer.error', 'Could not post review'),\n          result.error.message\n        );\n        return;\n      }\n\n      notify.success(\n        t('ggnomad.reviews.composer.success', 'Review posted'),\n        t('ggnomad.reviews.composer.successDesc', 'Thank you for sharing your experience!')\n      );\n\n      // Reset form\n      setRating(5);\n      setTitle('');\n      setContent('');\n\n      // Trigger refresh\n      onReviewCreated();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.reviews.composer.error', 'Could not post review'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  return (\n    <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n      <h3 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n        {t('ggnomad.reviews.composer.title', 'Share your experience')}\n      </h3>\n\n      <form onSubmit={handleSubmit} className=\"space-y-4\">\n        {/* Rating selector */}\n        <div>\n          <label className=\"block text-sm font-medium text-text-primary mb-2\">\n            {t('ggnomad.reviews.composer.rating', 'Your rating')}\n          </label>\n          <div className=\"flex gap-2\">\n            {[1, 2, 3, 4, 5].map((star) => (\n              <button\n                key={star}\n                type=\"button\"\n                onClick={() => setRating(star)}\n                className={cn(\n                  'p-1.5 rounded-lg transition-all',\n                  rating >= star\n                    ? 'bg-status-warning-bg-subtle'\n                    : 'bg-bg-sunken hover:bg-bg-surface'\n                )}\n                aria-label={t(\n                  'ggnomad.reviews.composer.ratingLabel',\n                  `Rate {{stars}} out of 5 stars`\n                ).replace('{{stars}}', String(star))}\n                aria-pressed={rating >= star}\n              >\n                <Star\n                  className={cn(\n                    'size-5 transition-colors',\n                    rating >= star\n                      ? 'fill-status-warning-text text-status-warning-text'\n                      : 'text-border-seam'\n                  )}\n                  aria-hidden=\"true\"\n                />\n              </button>\n            ))}\n          </div>\n        </div>\n\n        {/* Title input */}\n        <div>\n          <label\n            htmlFor=\"review-title\"\n            className=\"block text-sm font-medium text-text-primary mb-2\"\n          >\n            {t('ggnomad.reviews.composer.titleLabel', 'Title (optional)')}\n          </label>\n          <Input\n            id=\"review-title\"\n            placeholder={t(\n              'ggnomad.reviews.composer.titlePlaceholder',\n              'e.g., \"Great location, friendly host\"'\n            )}\n            value={title}\n            onChange={(e) => setTitle(e.target.value)}\n            maxLength={100}\n            disabled={creating}\n            className=\"bg-bg-surface border-border-seam\"\n          />\n          <p className=\"text-xs text-text-secondary mt-1\">{title.length}/100</p>\n        </div>\n\n        {/* Content textarea */}\n        <div>\n          <label\n            htmlFor=\"review-content\"\n            className=\"block text-sm font-medium text-text-primary mb-2\"\n          >\n            {t('ggnomad.reviews.composer.contentLabel', 'Your review (optional)')}\n          </label>\n          <Textarea\n            id=\"review-content\"\n            placeholder={t(\n              'ggnomad.reviews.composer.contentPlaceholder',\n              'Share the details of your experience...'\n            )}\n            value={content}\n            onChange={(e) => setContent(e.target.value)}\n            maxLength={1000}\n            rows={4}\n            disabled={creating}\n            className=\"bg-bg-surface border-border-seam resize-none\"\n          />\n          <p className=\"text-xs text-text-secondary mt-1\">{content.length}/1000</p>\n        </div>\n\n        {/* Submit button */}\n        <Button type=\"submit\" disabled={creating || rating === 0} className=\"w-full\">\n          {creating\n            ? t('ggnomad.reviews.composer.submitting', 'Posting…')\n            : t('ggnomad.reviews.composer.submit', 'Post review')}\n        </Button>\n      </form>\n    </GlassCard>\n  );\n}\n\n/**\n * ReviewsSection component.\n * Displays review summary, list, and composition UI for a bookable item.\n */\nexport function ReviewsSection({ targetType, targetId }: ReviewsSectionProps) {\n  const { t } = useI18n();\n  const [showComposer, setShowComposer] = useState(false);\n\n  // Fetch review summary\n  const { data: summaryData, refetch: refetchSummary } = useQuery(\n    GGNOMAD_REVIEW_SUMMARY_QUERY as TypedDocumentNode<\n      ReviewSummaryData,\n      { targetType: GgnomadBookingType; targetId: string }\n    >,\n    { variables: { targetType, targetId } }\n  );\n\n  // Fetch reviews list\n  const { data: reviewsData, refetch: refetchReviews } = useQuery(\n    GGNOMAD_REVIEWS_QUERY as TypedDocumentNode<\n      ReviewsData,\n      { targetType: GgnomadBookingType; targetId: string; first?: number; skip?: number }\n    >,\n    {\n      variables: { targetType, targetId, first: 10, skip: 0 },\n    }\n  );\n\n  const summary = summaryData?.ggnomadReviewSummary;\n  const reviews = reviewsData?.ggnomadReviews ?? [];\n\n  const handleReviewCreated = () => {\n    setShowComposer(false);\n    void refetchSummary();\n    void refetchReviews();\n  };\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Summary Section */}\n      {summary && summary.count > 0 && (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.reviews.summary', 'Ratings & reviews')}\n          </h2>\n\n          <div className=\"grid gap-6 sm:grid-cols-2\">\n            {/* Average Rating */}\n            <div className=\"flex flex-col items-center justify-center py-4\">\n              <div className=\"text-5xl font-bold text-text-primary tabular-nums\">\n                {summary.average.toFixed(1)}\n              </div>\n              <div className=\"flex gap-0.5 mt-2\">\n                {[...Array(5)].map((_, i) => (\n                  <Star\n                    key={i}\n                    className={cn(\n                      'size-4',\n                      i < Math.round(summary.average)\n                        ? 'fill-status-warning-text text-status-warning-text'\n                        : 'text-border-seam'\n                    )}\n                    aria-hidden=\"true\"\n                  />\n                ))}\n              </div>\n              <p className=\"text-sm text-text-secondary mt-2\">\n                {t('ggnomad.reviews.totalCount', '{{count}} {{plural}}')\n                  .replace('{{count}}', String(summary.count))\n                  .replace(\n                    '{{plural}}',\n                    summary.count === 1\n                      ? t('ggnomad.reviews.review', 'review')\n                      : t('ggnomad.reviews.reviews', 'reviews')\n                  )}\n              </p>\n            </div>\n\n            {/* Distribution Chart */}\n            <div>\n              <StarDistributionChart distribution={summary.distribution} />\n            </div>\n          </div>\n        </GlassCard>\n      )}\n\n      {/* Write Review Composer */}\n      {!showComposer && (\n        <Button onClick={() => setShowComposer(true)} variant=\"secondary\" className=\"w-full\">\n          {t('ggnomad.reviews.writeReview', 'Write a review')}\n        </Button>\n      )}\n\n      {showComposer && (\n        <ReviewComposer\n          targetType={targetType}\n          targetId={targetId}\n          onReviewCreated={handleReviewCreated}\n        />\n      )}\n\n      {/* Reviews List */}\n      {reviews.length > 0 ? (\n        <div>\n          <h3 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.reviews.allReviews', 'All reviews')}\n          </h3>\n          <div className=\"grid gap-3\">\n            {reviews.map((review) => (\n              <ReviewCard key={review.id} review={review} />\n            ))}\n          </div>\n        </div>\n      ) : summary && summary.count === 0 ? (\n        <div className=\"text-center py-8 rounded-lg border border-border-seam bg-bg-surface/40\">\n          <AlertCircle className=\"size-6 text-text-secondary mx-auto mb-2\" aria-hidden=\"true\" />\n          <p className=\"text-sm text-text-secondary\">\n            {t('ggnomad.reviews.noReviewsYet', 'Be the first to review')}\n          </p>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ReviewsSection.js","names":[],"sources":["../../../src/ggnomad/components/ReviewsSection.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Star, MessageSquare, AlertCircle } from 'lucide-react';\nimport { Button, GlassCard, Input, Textarea } from '@burdenoff/fe-libs/ui';\n\nimport {\n  GGNOMAD_REVIEW_SUMMARY_QUERY,\n  GGNOMAD_REVIEWS_QUERY,\n  CREATE_GGNOMAD_REVIEW_MUTATION,\n} from '../graphql';\nimport { notify } from '../utils/notify';\nimport { cn } from '../utils/cn';\n\ntype GgnomadBookingType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY';\n\ntype ReviewsSectionProps = {\n  targetType: GgnomadBookingType;\n  targetId: string;\n};\n\ntype ReviewSummaryData = {\n  ggnomadReviewSummary: {\n    average: number;\n    count: number;\n    distribution: number[];\n  };\n};\n\ntype ReviewsData = {\n  ggnomadReviews: Array<{\n    id: string;\n    rating: number;\n    title?: string;\n    content?: string;\n    isVerified: boolean;\n    helpfulCount: number;\n    response?: string;\n    respondedAt?: string;\n    createdAt: string;\n  }>;\n};\n\ntype CreateReviewInput = {\n  targetType: GgnomadBookingType;\n  targetId: string;\n  rating: number;\n  title?: string;\n  content?: string;\n  images?: string[];\n};\n\n/**\n * Star distribution bar chart component.\n * Displays a 5-row breakdown of rating distribution.\n */\nfunction StarDistributionChart({ distribution }: { distribution: number[] }) {\n  const total = distribution.reduce((a, b) => a + b, 0);\n\n  return (\n    <div className=\"space-y-2\">\n      {[5, 4, 3, 2, 1].map((stars, idx) => {\n        const count = distribution[4 - idx] ?? 0;\n        const percentage = total > 0 ? (count / total) * 100 : 0;\n\n        return (\n          <div key={stars} className=\"flex items-center gap-2\">\n            <div className=\"flex items-center gap-1 whitespace-nowrap text-xs text-text-secondary\">\n              <span>{stars}</span>\n              <Star className=\"size-3 text-status-warning-text\" aria-hidden=\"true\" />\n            </div>\n            <div className=\"flex-1 h-2 rounded-full bg-bg-sunken overflow-hidden\">\n              <div\n                className=\"h-full bg-status-warning-bg transition-all\"\n                style={{ width: `${percentage}%` }}\n                role=\"progressbar\"\n                aria-label={`${count} reviews with ${stars} stars`}\n                aria-valuenow={percentage}\n                aria-valuemin={0}\n                aria-valuemax={100}\n              />\n            </div>\n            <span className=\"text-xs text-text-secondary tabular-nums w-8 text-right\">{count}</span>\n          </div>\n        );\n      })}\n    </div>\n  );\n}\n\n/**\n * Individual review card component.\n */\nfunction ReviewCard({ review }: { review: ReviewsData['ggnomadReviews'][0] }) {\n  const { t } = useI18n();\n  const createdDate = new Date(review.createdAt);\n  const formattedDate = createdDate.toLocaleDateString(undefined, {\n    month: 'short',\n    day: 'numeric',\n    year: createdDate.getFullYear() !== new Date().getFullYear() ? 'numeric' : undefined,\n  });\n\n  return (\n    <div className=\"rounded-lg border border-border-seam bg-bg-surface/40 p-4 space-y-3\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"flex items-center gap-2\">\n          <div className=\"flex gap-0.5\">\n            {[...Array(5)].map((_, i) => (\n              <Star\n                key={i}\n                className={cn(\n                  'size-3.5',\n                  i < review.rating\n                    ? 'fill-status-warning-text text-status-warning-text'\n                    : 'text-border-seam'\n                )}\n                aria-hidden=\"true\"\n              />\n            ))}\n          </div>\n          <span className=\"text-xs text-text-secondary font-medium\">{review.rating}/5</span>\n        </div>\n        {review.isVerified && (\n          <span className=\"inline-flex items-center gap-1 text-xs font-medium text-status-success-text bg-status-success-bg-subtle px-2 py-1 rounded-full\">\n            <span className=\"size-1.5 bg-status-success-text rounded-full\" aria-hidden=\"true\" />\n            {t('ggnomad.reviews.verified', 'Verified')}\n          </span>\n        )}\n      </div>\n\n      {review.title && <h4 className=\"font-medium text-text-primary text-sm\">{review.title}</h4>}\n\n      {review.content && (\n        <p className=\"text-sm text-text-secondary leading-relaxed\">{review.content}</p>\n      )}\n\n      <div className=\"flex items-center justify-between pt-2 border-t border-border-seam\">\n        <span className=\"text-xs text-text-secondary\">{formattedDate}</span>\n        {review.helpfulCount > 0 && (\n          <span className=\"text-xs text-text-secondary flex items-center gap-1\">\n            <MessageSquare className=\"size-3\" aria-hidden=\"true\" />\n            {review.helpfulCount}\n          </span>\n        )}\n      </div>\n\n      {review.response && (\n        <div className=\"mt-3 pt-3 border-t border-border-seam bg-bg-sunken/50 rounded p-3 text-sm\">\n          <p className=\"font-medium text-text-primary mb-1\">\n            {t('ggnomad.reviews.hostResponse', 'Host response')}\n          </p>\n          <p className=\"text-text-secondary\">{review.response}</p>\n          {review.respondedAt && (\n            <p className=\"text-xs text-text-secondary mt-2\">\n              {new Date(review.respondedAt).toLocaleDateString()}\n            </p>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\n/**\n * Review composer component.\n */\nfunction ReviewComposer({\n  targetType,\n  targetId,\n  onReviewCreated,\n}: {\n  targetType: GgnomadBookingType;\n  targetId: string;\n  onReviewCreated: () => void;\n}) {\n  const { t } = useI18n();\n  const [rating, setRating] = useState(5);\n  const [title, setTitle] = useState('');\n  const [content, setContent] = useState('');\n\n  const [createReview, { loading: creating }] = useMutation(\n    CREATE_GGNOMAD_REVIEW_MUTATION as TypedDocumentNode<\n      {\n        createGgnomadReview: {\n          id: string;\n          rating: number;\n          title?: string;\n          content?: string;\n        };\n      },\n      { input: CreateReviewInput }\n    >\n  );\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (rating === 0) {\n      notify.warning(\n        t('ggnomad.reviews.composer.ratingRequired', 'Rating required'),\n        t('ggnomad.reviews.composer.selectRating', 'Please select a rating before submitting.')\n      );\n      return;\n    }\n\n    try {\n      const result = await createReview({\n        variables: {\n          input: {\n            targetType,\n            targetId,\n            rating,\n            title: title.trim() || undefined,\n            content: content.trim() || undefined,\n          },\n        },\n      });\n\n      if (result.error) {\n        notify.error(\n          t('ggnomad.reviews.composer.error', 'Could not post review'),\n          result.error.message\n        );\n        return;\n      }\n\n      notify.success(\n        t('ggnomad.reviews.composer.success', 'Review posted'),\n        t('ggnomad.reviews.composer.successDesc', 'Thank you for sharing your experience!')\n      );\n\n      // Reset form\n      setRating(5);\n      setTitle('');\n      setContent('');\n\n      // Trigger refresh\n      onReviewCreated();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.reviews.composer.error', 'Could not post review'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  return (\n    <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n      <h3 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n        {t('ggnomad.reviews.composer.title', 'Share your experience')}\n      </h3>\n\n      <form onSubmit={handleSubmit} className=\"space-y-4\">\n        {/* Rating selector */}\n        <div>\n          <label className=\"block text-sm font-medium text-text-primary mb-2\">\n            {t('ggnomad.reviews.composer.rating', 'Your rating')}\n          </label>\n          <div className=\"flex gap-2\">\n            {[1, 2, 3, 4, 5].map((star) => (\n              <button\n                key={star}\n                type=\"button\"\n                onClick={() => setRating(star)}\n                className={cn(\n                  'p-1.5 rounded-lg transition-all',\n                  rating >= star\n                    ? 'bg-status-warning-bg-subtle'\n                    : 'bg-bg-sunken hover:bg-bg-surface'\n                )}\n                aria-label={t(\n                  'ggnomad.reviews.composer.ratingLabel',\n                  `Rate {{stars}} out of 5 stars`\n                ).replace('{{stars}}', String(star))}\n                aria-pressed={rating >= star}\n              >\n                <Star\n                  className={cn(\n                    'size-5 transition-colors',\n                    rating >= star\n                      ? 'fill-status-warning-text text-status-warning-text'\n                      : 'text-border-seam'\n                  )}\n                  aria-hidden=\"true\"\n                />\n              </button>\n            ))}\n          </div>\n        </div>\n\n        {/* Title input */}\n        <div>\n          <label\n            htmlFor=\"review-title\"\n            className=\"block text-sm font-medium text-text-primary mb-2\"\n          >\n            {t('ggnomad.reviews.composer.titleLabel', 'Title (optional)')}\n          </label>\n          <Input\n            id=\"review-title\"\n            placeholder={t(\n              'ggnomad.reviews.composer.titlePlaceholder',\n              'e.g., \"Great location, friendly host\"'\n            )}\n            value={title}\n            onChange={(e) => setTitle(e.target.value)}\n            maxLength={100}\n            disabled={creating}\n            className=\"bg-bg-surface border-border-seam\"\n          />\n          <p className=\"text-xs text-text-secondary mt-1\">{title.length}/100</p>\n        </div>\n\n        {/* Content textarea */}\n        <div>\n          <label\n            htmlFor=\"review-content\"\n            className=\"block text-sm font-medium text-text-primary mb-2\"\n          >\n            {t('ggnomad.reviews.composer.contentLabel', 'Your review (optional)')}\n          </label>\n          <Textarea\n            id=\"review-content\"\n            placeholder={t(\n              'ggnomad.reviews.composer.contentPlaceholder',\n              'Share the details of your experience...'\n            )}\n            value={content}\n            onChange={(e) => setContent(e.target.value)}\n            maxLength={1000}\n            rows={4}\n            disabled={creating}\n            className=\"bg-bg-surface border-border-seam resize-none\"\n          />\n          <p className=\"text-xs text-text-secondary mt-1\">{content.length}/1000</p>\n        </div>\n\n        {/* Submit button */}\n        <Button type=\"submit\" disabled={creating || rating === 0} className=\"w-full\">\n          {creating\n            ? t('ggnomad.reviews.composer.submitting', 'Posting…')\n            : t('ggnomad.reviews.composer.submit', 'Post review')}\n        </Button>\n      </form>\n    </GlassCard>\n  );\n}\n\n/**\n * ReviewsSection component.\n * Displays review summary, list, and composition UI for a bookable item.\n */\nexport function ReviewsSection({ targetType, targetId }: ReviewsSectionProps) {\n  const { t } = useI18n();\n  const [showComposer, setShowComposer] = useState(false);\n\n  // Fetch review summary\n  const { data: summaryData, refetch: refetchSummary } = useQuery(\n    GGNOMAD_REVIEW_SUMMARY_QUERY as TypedDocumentNode<\n      ReviewSummaryData,\n      { targetType: GgnomadBookingType; targetId: string }\n    >,\n    { variables: { targetType, targetId } }\n  );\n\n  // Fetch reviews list\n  const { data: reviewsData, refetch: refetchReviews } = useQuery(\n    GGNOMAD_REVIEWS_QUERY as TypedDocumentNode<\n      ReviewsData,\n      { targetType: GgnomadBookingType; targetId: string; limit?: number; offset?: number }\n    >,\n    {\n      variables: { targetType, targetId, limit: 10, offset: 0 },\n    }\n  );\n\n  const summary = summaryData?.ggnomadReviewSummary;\n  const reviews = reviewsData?.ggnomadReviews ?? [];\n\n  const handleReviewCreated = () => {\n    setShowComposer(false);\n    void refetchSummary();\n    void refetchReviews();\n  };\n\n  return (\n    <div className=\"space-y-6\">\n      {/* Summary Section */}\n      {summary && summary.count > 0 && (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.reviews.summary', 'Ratings & reviews')}\n          </h2>\n\n          <div className=\"grid gap-6 sm:grid-cols-2\">\n            {/* Average Rating */}\n            <div className=\"flex flex-col items-center justify-center py-4\">\n              <div className=\"text-5xl font-bold text-text-primary tabular-nums\">\n                {summary.average.toFixed(1)}\n              </div>\n              <div className=\"flex gap-0.5 mt-2\">\n                {[...Array(5)].map((_, i) => (\n                  <Star\n                    key={i}\n                    className={cn(\n                      'size-4',\n                      i < Math.round(summary.average)\n                        ? 'fill-status-warning-text text-status-warning-text'\n                        : 'text-border-seam'\n                    )}\n                    aria-hidden=\"true\"\n                  />\n                ))}\n              </div>\n              <p className=\"text-sm text-text-secondary mt-2\">\n                {t('ggnomad.reviews.totalCount', '{{count}} {{plural}}')\n                  .replace('{{count}}', String(summary.count))\n                  .replace(\n                    '{{plural}}',\n                    summary.count === 1\n                      ? t('ggnomad.reviews.review', 'review')\n                      : t('ggnomad.reviews.reviews', 'reviews')\n                  )}\n              </p>\n            </div>\n\n            {/* Distribution Chart */}\n            <div>\n              <StarDistributionChart distribution={summary.distribution} />\n            </div>\n          </div>\n        </GlassCard>\n      )}\n\n      {/* Write Review Composer */}\n      {!showComposer && (\n        <Button onClick={() => setShowComposer(true)} variant=\"secondary\" className=\"w-full\">\n          {t('ggnomad.reviews.writeReview', 'Write a review')}\n        </Button>\n      )}\n\n      {showComposer && (\n        <ReviewComposer\n          targetType={targetType}\n          targetId={targetId}\n          onReviewCreated={handleReviewCreated}\n        />\n      )}\n\n      {/* Reviews List */}\n      {reviews.length > 0 ? (\n        <div>\n          <h3 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.reviews.allReviews', 'All reviews')}\n          </h3>\n          <div className=\"grid gap-3\">\n            {reviews.map((review) => (\n              <ReviewCard key={review.id} review={review} />\n            ))}\n          </div>\n        </div>\n      ) : summary && summary.count === 0 ? (\n        <div className=\"text-center py-8 rounded-lg border border-border-seam bg-bg-surface/40\">\n          <AlertCircle className=\"size-6 text-text-secondary mx-auto mb-2\" aria-hidden=\"true\" />\n          <p className=\"text-sm text-text-secondary\">\n            {t('ggnomad.reviews.noReviewsYet', 'Be the first to review')}\n          </p>\n        </div>\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/ggnomad/graphql.js

@@ -18,25 +18,25 @@ var t = e`
   }
 `, n = e`
   query GGNomadBookableSample {
-    ggnomadProperties(pagination: { first: 1, skip: 0 }) {
+    ggnomadProperties(pagination: { limit: 1, offset: 0 }) {
       id
       name
       pricePerNight
       currency
     }
-    ggnomadTours(pagination: { first: 1, skip: 0 }) {
+    ggnomadTours(pagination: { limit: 1, offset: 0 }) {
       id
       name
       price
       currency
     }
-    ggnomadEvents(pagination: { first: 1, skip: 0 }) {
+    ggnomadEvents(pagination: { limit: 1, offset: 0 }) {
       id
       name
       price
       currency
     }
-    ggnomadActivities(pagination: { first: 1, skip: 0 }) {
+    ggnomadActivities(pagination: { limit: 1, offset: 0 }) {
       id
       name
       price
@@ -45,26 +45,26 @@ var t = e`
   }
 `, r = e`
   query GGNomadFavoriteTargets {
-    ggnomadProperties(pagination: { first: 100, skip: 0 }) {
+    ggnomadProperties(pagination: { limit: 100, offset: 0 }) {
       id
       name
     }
-    ggnomadTours(pagination: { first: 100, skip: 0 }) {
+    ggnomadTours(pagination: { limit: 100, offset: 0 }) {
       id
       name
     }
-    ggnomadEvents(pagination: { first: 100, skip: 0 }) {
+    ggnomadEvents(pagination: { limit: 100, offset: 0 }) {
       id
       name
     }
-    ggnomadActivities(pagination: { first: 100, skip: 0 }) {
+    ggnomadActivities(pagination: { limit: 100, offset: 0 }) {
       id
       name
     }
   }
 `, i = e`
-  query GGNomadProviders($first: Int, $skip: Int) {
-    ggnomadProviders(pagination: { first: $first, skip: $skip }) {
+  query GGNomadProviders($limit: Int, $offset: Int) {
+    ggnomadProviders(pagination: { limit: $limit, offset: $offset }) {
       id
       name
       type
@@ -78,8 +78,8 @@ var t = e`
     }
   }
 `, a = e`
-  query GGNomadProperties($first: Int, $skip: Int) {
-    ggnomadProperties(pagination: { first: $first, skip: $skip }) {
+  query GGNomadProperties($limit: Int, $offset: Int) {
+    ggnomadProperties(pagination: { limit: $limit, offset: $offset }) {
       id
       name
       type
@@ -135,8 +135,8 @@ e`
   }
 `;
 var s = e`
-  query GGNomadTours($first: Int, $skip: Int) {
-    ggnomadTours(pagination: { first: $first, skip: $skip }) {
+  query GGNomadTours($limit: Int, $offset: Int) {
+    ggnomadTours(pagination: { limit: $limit, offset: $offset }) {
       id
       name
       description
@@ -177,8 +177,8 @@ var s = e`
     }
   }
 `, l = e`
-  query GGNomadEvents($first: Int, $skip: Int) {
-    ggnomadEvents(pagination: { first: $first, skip: $skip }) {
+  query GGNomadEvents($limit: Int, $offset: Int) {
+    ggnomadEvents(pagination: { limit: $limit, offset: $offset }) {
       id
       name
       description
@@ -217,8 +217,8 @@ var s = e`
     }
   }
 `, d = e`
-  query GGNomadActivities($first: Int, $skip: Int) {
-    ggnomadActivities(pagination: { first: $first, skip: $skip }) {
+  query GGNomadActivities($limit: Int, $offset: Int) {
+    ggnomadActivities(pagination: { limit: $limit, offset: $offset }) {
       id
       name
       description
@@ -263,8 +263,8 @@ var s = e`
     }
   }
 `, p = e`
-  query GGNomadTrips($first: Int, $skip: Int) {
-    ggnomadTrips(pagination: { first: $first, skip: $skip }) {
+  query GGNomadTrips($limit: Int, $offset: Int) {
+    ggnomadTrips(pagination: { limit: $limit, offset: $offset }) {
       id
       name
       transportMode
@@ -283,8 +283,8 @@ var s = e`
     }
   }
 `, m = e`
-  query GGNomadBookings($first: Int, $skip: Int) {
-    ggnomadBookings(pagination: { first: $first, skip: $skip }) {
+  query GGNomadBookings($limit: Int, $offset: Int) {
+    ggnomadBookings(pagination: { limit: $limit, offset: $offset }) {
       id
       referenceCode
       bookingType
@@ -337,8 +337,8 @@ var s = e`
     }
   }
 `, y = e`
-  query GGNomadTripPlans($first: Int, $skip: Int) {
-    ggnomadTripPlans(pagination: { first: $first, skip: $skip }) {
+  query GGNomadTripPlans($limit: Int, $offset: Int) {
+    ggnomadTripPlans(pagination: { limit: $limit, offset: $offset }) {
       id
       name
       description
@@ -444,13 +444,13 @@ var C = e`
   query GGNomadReviews(
     $targetType: GgnomadBookingType!
     $targetId: String!
-    $first: Int
-    $skip: Int
+    $limit: Int
+    $offset: Int
   ) {
     ggnomadReviews(
       targetType: $targetType
       targetId: $targetId
-      pagination: { first: $first, skip: $skip }
+      pagination: { limit: $limit, offset: $offset }
     ) {
       id
       rating

package/dist/ggnomad/graphql.js.map

@@ -1 +1 @@
-{"version":3,"file":"graphql.js","names":[],"sources":["../../src/ggnomad/graphql.ts"],"sourcesContent":["import { gql } from '@apollo/client/core';\n\nexport const GGNOMAD_OVERVIEW_QUERY = gql`\n  query GGNomadOverview {\n    ggnomadOverviewStats {\n      users\n      listings\n      bookings\n      monthlyRevenue\n    }\n    ggnomadAnalytics {\n      totalRevenue\n      totalBookings\n      totalUsers\n      conversionRate\n      revenueByCategory\n    }\n  }\n`;\n\n/**\n * One bookable item of each type (properties are priced per night, the rest\n * carry a flat price). Used to seed the Bookings \"create demo booking\" action\n * with a REAL listing id so the mutation passes the backend's\n * assertTargetInWorkspace check instead of failing on a synthetic id.\n */\nexport const GGNOMAD_BOOKABLE_SAMPLE_QUERY = gql`\n  query GGNomadBookableSample {\n    ggnomadProperties(pagination: { first: 1, skip: 0 }) {\n      id\n      name\n      pricePerNight\n      currency\n    }\n    ggnomadTours(pagination: { first: 1, skip: 0 }) {\n      id\n      name\n      price\n      currency\n    }\n    ggnomadEvents(pagination: { first: 1, skip: 0 }) {\n      id\n      name\n      price\n      currency\n    }\n    ggnomadActivities(pagination: { first: 1, skip: 0 }) {\n      id\n      name\n      price\n      currency\n    }\n  }\n`;\n\n/**\n * id + name for every favouritable listing type, used to (a) resolve the real\n * entity name for a saved favorite (which the backend only exposes as\n * targetType + targetId) and (b) seed the \"toggle demo favorite\" action with a\n * real target id.\n */\nexport const GGNOMAD_FAVORITE_TARGETS_QUERY = gql`\n  query GGNomadFavoriteTargets {\n    ggnomadProperties(pagination: { first: 100, skip: 0 }) {\n      id\n      name\n    }\n    ggnomadTours(pagination: { first: 100, skip: 0 }) {\n      id\n      name\n    }\n    ggnomadEvents(pagination: { first: 100, skip: 0 }) {\n      id\n      name\n    }\n    ggnomadActivities(pagination: { first: 100, skip: 0 }) {\n      id\n      name\n    }\n  }\n`;\n\nexport const GGNOMAD_PROVIDERS_QUERY = gql`\n  query GGNomadProviders($first: Int, $skip: Int) {\n    ggnomadProviders(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      type\n      status\n      listingCount\n      totalRevenue\n      rating\n      reviewCount\n      contactEmail\n      website\n    }\n  }\n`;\n\nexport const GGNOMAD_PROPERTIES_QUERY = gql`\n  query GGNomadProperties($first: Int, $skip: Int) {\n    ggnomadProperties(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      type\n      status\n      description\n      pricePerNight\n      currency\n      rating\n      reviewCount\n      maxGuests\n      amenities\n      images\n      providerId\n    }\n  }\n`;\n\nexport const GGNOMAD_PROPERTY_QUERY = gql`\n  query GGNomadProperty($id: ID!) {\n    ggnomadProperty(id: $id) {\n      id\n      name\n      type\n      status\n      description\n      address\n      pricePerNight\n      currency\n      rating\n      reviewCount\n      bedrooms\n      bathrooms\n      maxGuests\n      checkInTime\n      checkOutTime\n      amenities\n      images\n      provider {\n        id\n        name\n        type\n        rating\n      }\n    }\n  }\n`;\n\n// Query to get property details for booking - ensures id is included\nexport const GGNOMAD_PROPERTY_FOR_BOOKING_QUERY = gql`\n  query GGNomadPropertyForBooking($id: ID!) {\n    ggnomadProperty(id: $id) {\n      id\n      name\n      pricePerNight\n      currency\n    }\n  }\n`;\n\nexport const GGNOMAD_TOURS_QUERY = gql`\n  query GGNomadTours($first: Int, $skip: Int) {\n    ggnomadTours(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      description\n      type\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      highlights\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_TOUR_QUERY = gql`\n  query GGNomadTour($id: ID!) {\n    ggnomadTour(id: $id) {\n      id\n      name\n      description\n      type\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      highlights\n      images\n      languages\n      guideName\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_EVENTS_QUERY = gql`\n  query GGNomadEvents($first: Int, $skip: Int) {\n    ggnomadEvents(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      description\n      category\n      status\n      startsAt\n      price\n      currency\n      rating\n      reviewCount\n      performers\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_EVENT_QUERY = gql`\n  query GGNomadEvent($id: ID!) {\n    ggnomadEvent(id: $id) {\n      id\n      name\n      description\n      category\n      status\n      startsAt\n      endsAt\n      venue\n      price\n      currency\n      rating\n      reviewCount\n      performers\n      images\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_ACTIVITIES_QUERY = gql`\n  query GGNomadActivities($first: Int, $skip: Int) {\n    ggnomadActivities(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      description\n      category\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      maxParticipants\n      includes\n      requirements\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_ACTIVITY_QUERY = gql`\n  query GGNomadActivity($id: ID!) {\n    ggnomadActivity(id: $id) {\n      id\n      name\n      description\n      category\n      status\n      location\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      maxParticipants\n      includes\n      requirements\n      safetyInfo\n      images\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_TRIPS_QUERY = gql`\n  query GGNomadTrips($first: Int, $skip: Int) {\n    ggnomadTrips(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      transportMode\n      status\n      origin\n      destination\n      departureAt\n      arrivalAt\n      isRoundTrip\n      carrier\n      class\n      price\n      currency\n      passengers\n      ecoFriendly\n    }\n  }\n`;\n\nexport const GGNOMAD_BOOKINGS_QUERY = gql`\n  query GGNomadBookings($first: Int, $skip: Int) {\n    ggnomadBookings(pagination: { first: $first, skip: $skip }) {\n      id\n      referenceCode\n      bookingType\n      status\n      itemId\n      itemName\n      guestName\n      guestEmail\n      guestPhone\n      guests\n      checkIn\n      checkOut\n      eventDate\n      totalPrice\n      currency\n      paymentStatus\n      paymentMethod\n      specialRequests\n      createdAt\n    }\n  }\n`;\n\nexport const GGNOMAD_FAVORITES_QUERY = gql`\n  query GGNomadFavorites {\n    ggnomadFavorites\n  }\n`;\n\nexport const CREATE_GGNOMAD_BOOKING_MUTATION = gql`\n  mutation CreateGGNomadBooking($input: CreateGgnomadBookingInput!) {\n    createGgnomadBooking(input: $input) {\n      id\n      referenceCode\n      bookingType\n      status\n      itemId\n      itemName\n      guestName\n      totalPrice\n      currency\n      createdAt\n    }\n  }\n`;\n\nexport const TOGGLE_GGNOMAD_FAVORITE_MUTATION = gql`\n  mutation ToggleGGNomadFavorite($input: ToggleGgnomadFavoriteInput!) {\n    toggleGgnomadFavorite(input: $input)\n  }\n`;\n\nexport const CANCEL_GGNOMAD_BOOKING_MUTATION = gql`\n  mutation CancelGGNomadBooking($id: ID!, $reason: String) {\n    cancelGgnomadBooking(id: $id, reason: $reason) {\n      id\n      status\n    }\n  }\n`;\n\n// Trip Plan Queries\nexport const GGNOMAD_TRIP_PLANS_QUERY = gql`\n  query GGNomadTripPlans($first: Int, $skip: Int) {\n    ggnomadTripPlans(pagination: { first: $first, skip: $skip }) {\n      id\n      name\n      description\n      startDate\n      endDate\n      travelers\n      status\n      total\n      itemCount\n      createdAt\n    }\n  }\n`;\n\nexport const GGNOMAD_TRIP_PLAN_QUERY = gql`\n  query GGNomadTripPlan($id: ID!) {\n    ggnomadTripPlan(id: $id) {\n      id\n      name\n      description\n      startDate\n      endDate\n      travelers\n      status\n      total\n      itemCount\n      items {\n        id\n        itemType\n        itemId\n        itemName\n        day\n        scheduledAt\n        price\n        currency\n        notes\n      }\n      createdAt\n      updatedAt\n    }\n  }\n`;\n\n// Trip Plan Mutations\nexport const CREATE_GGNOMAD_TRIP_PLAN_MUTATION = gql`\n  mutation CreateGGNomadTripPlan($input: CreateGgnomadTripPlanInput!) {\n    createGgnomadTripPlan(input: $input) {\n      id\n      name\n      description\n      startDate\n      endDate\n      travelers\n      status\n      total\n      itemCount\n      createdAt\n    }\n  }\n`;\n\nexport const UPDATE_GGNOMAD_TRIP_PLAN_MUTATION = gql`\n  mutation UpdateGGNomadTripPlan($id: ID!, $input: UpdateGgnomadTripPlanInput!) {\n    updateGgnomadTripPlan(id: $id, input: $input) {\n      id\n      name\n      description\n      startDate\n      endDate\n      travelers\n      status\n      total\n      itemCount\n      updatedAt\n    }\n  }\n`;\n\nexport const DELETE_GGNOMAD_TRIP_PLAN_MUTATION = gql`\n  mutation DeleteGGNomadTripPlan($id: ID!) {\n    deleteGgnomadTripPlan(id: $id)\n  }\n`;\n\nexport const ADD_GGNOMAD_TRIP_PLAN_ITEM_MUTATION = gql`\n  mutation AddGGNomadTripPlanItem($tripPlanId: ID!, $input: AddGgnomadTripPlanItemInput!) {\n    addGgnomadTripPlanItem(tripPlanId: $tripPlanId, input: $input) {\n      id\n      itemType\n      itemId\n      itemName\n      day\n      scheduledAt\n      price\n      currency\n      notes\n    }\n  }\n`;\n\nexport const REMOVE_GGNOMAD_TRIP_PLAN_ITEM_MUTATION = gql`\n  mutation RemoveGGNomadTripPlanItem($id: ID!) {\n    removeGgnomadTripPlanItem(id: $id)\n  }\n`;\n\n// Review Queries\nexport const GGNOMAD_REVIEW_SUMMARY_QUERY = gql`\n  query GGNomadReviewSummary($targetType: GgnomadBookingType!, $targetId: String!) {\n    ggnomadReviewSummary(targetType: $targetType, targetId: $targetId) {\n      average\n      count\n      distribution\n    }\n  }\n`;\n\nexport const GGNOMAD_REVIEWS_QUERY = gql`\n  query GGNomadReviews(\n    $targetType: GgnomadBookingType!\n    $targetId: String!\n    $first: Int\n    $skip: Int\n  ) {\n    ggnomadReviews(\n      targetType: $targetType\n      targetId: $targetId\n      pagination: { first: $first, skip: $skip }\n    ) {\n      id\n      rating\n      title\n      content\n      images\n      isVerified\n      helpfulCount\n      response\n      respondedAt\n      createdAt\n    }\n  }\n`;\n\n// Review Mutations\nexport const CREATE_GGNOMAD_REVIEW_MUTATION = gql`\n  mutation CreateGGNomadReview($input: CreateGgnomadReviewInput!) {\n    createGgnomadReview(input: $input) {\n      id\n      rating\n      title\n      content\n    }\n  }\n`;\n\nexport const RESPOND_GGNOMAD_REVIEW_MUTATION = gql`\n  mutation RespondGGNomadReview($id: ID!, $response: String!) {\n    respondGgnomadReview(id: $id, response: $response) {\n      id\n      response\n      respondedAt\n    }\n  }\n`;\n\n// Listing Edit Mutations\nexport const UPDATE_GGNOMAD_PROPERTY_MUTATION = gql`\n  mutation UpdateGGNomadProperty($id: ID!, $input: UpdateGgnomadPropertyInput!) {\n    updateGgnomadProperty(id: $id, input: $input) {\n      id\n      name\n      description\n      pricePerNight\n      status\n      images\n    }\n  }\n`;\n\nexport const UPDATE_GGNOMAD_TOUR_MUTATION = gql`\n  mutation UpdateGGNomadTour($id: ID!, $input: UpdateGgnomadTourInput!) {\n    updateGgnomadTour(id: $id, input: $input) {\n      id\n      name\n      description\n      price\n      status\n      images\n    }\n  }\n`;\n\nexport const UPDATE_GGNOMAD_EVENT_MUTATION = gql`\n  mutation UpdateGGNomadEvent($id: ID!, $input: UpdateGgnomadEventInput!) {\n    updateGgnomadEvent(id: $id, input: $input) {\n      id\n      name\n      description\n      price\n      status\n      images\n    }\n  }\n`;\n\nexport const UPDATE_GGNOMAD_ACTIVITY_MUTATION = gql`\n  mutation UpdateGGNomadActivity($id: ID!, $input: UpdateGgnomadActivityInput!) {\n    updateGgnomadActivity(id: $id, input: $input) {\n      id\n      name\n      description\n      price\n      status\n      images\n    }\n  }\n`;\n"],"mappings":";;AAEA,IAAa,IAAyB,CAAG;;;;;;;;;;;;;;;;GAwB5B,IAAgC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCnC,IAAiC,CAAG;;;;;;;;;;;;;;;;;;;GAqBpC,IAA0B,CAAG;;;;;;;;;;;;;;;GAiB7B,IAA2B,CAAG;;;;;;;;;;;;;;;;;;GAoB9B,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BS,CAAG;;;;;;;;;;AAWrD,IAAa,IAAsB,CAAG;;;;;;;;;;;;;;;;;;GAoBzB,IAAqB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;GA0BxB,IAAuB,CAAG;;;;;;;;;;;;;;;;;GAmB1B,IAAsB,CAAG;;;;;;;;;;;;;;;;;;;;;;;GAyBzB,IAA2B,CAAG;;;;;;;;;;;;;;;;;;;;GAsB9B,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;GA4B5B,IAAsB,CAAG;;;;;;;;;;;;;;;;;;;;GAsBzB,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;GA0B5B,IAA0B,CAAG;;;;GAM7B,IAAkC,CAAG;;;;;;;;;;;;;;;GAiBrC,IAAmC,CAAG;;;;GAMtC,IAAkC,CAAG;;;;;;;GAUrC,IAA2B,CAAG;;;;;;;;;;;;;;;GAiB9B,IAA0B,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8B7B,IAAoC,CAAG;;;;;;;;;;;;;;;GAiBvC,IAAoC,CAAG;;;;;;;;;;;;;;;;AAiBH,CAAG;;;;;AAMpD,IAAa,IAAsC,CAAG;;;;;;;;;;;;;;GAgBzC,IAAyC,CAAG;;;;GAO5C,IAA+B,CAAG;;;;;;;;GAUlC,IAAwB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;GA2B3B,IAAiC,CAAG;;;;;;;;;;AAWF,CAAG;;;;;;;;;AAWlD,IAAa,IAAmC,CAAG;;;;;;;;;;;GAatC,IAA+B,CAAG;;;;;;;;;;;GAalC,IAAgC,CAAG;;;;;;;;;;;GAanC,IAAmC,CAAG"}
+{"version":3,"file":"graphql.js","names":[],"sources":["../../src/ggnomad/graphql.ts"],"sourcesContent":["import { gql } from '@apollo/client/core';\n\nexport const GGNOMAD_OVERVIEW_QUERY = gql`\n  query GGNomadOverview {\n    ggnomadOverviewStats {\n      users\n      listings\n      bookings\n      monthlyRevenue\n    }\n    ggnomadAnalytics {\n      totalRevenue\n      totalBookings\n      totalUsers\n      conversionRate\n      revenueByCategory\n    }\n  }\n`;\n\n/**\n * One bookable item of each type (properties are priced per night, the rest\n * carry a flat price). Used to seed the Bookings \"create demo booking\" action\n * with a REAL listing id so the mutation passes the backend's\n * assertTargetInWorkspace check instead of failing on a synthetic id.\n */\nexport const GGNOMAD_BOOKABLE_SAMPLE_QUERY = gql`\n  query GGNomadBookableSample {\n    ggnomadProperties(pagination: { limit: 1, offset: 0 }) {\n      id\n      name\n      pricePerNight\n      currency\n    }\n    ggnomadTours(pagination: { limit: 1, offset: 0 }) {\n      id\n      name\n      price\n      currency\n    }\n    ggnomadEvents(pagination: { limit: 1, offset: 0 }) {\n      id\n      name\n      price\n      currency\n    }\n    ggnomadActivities(pagination: { limit: 1, offset: 0 }) {\n      id\n      name\n      price\n      currency\n    }\n  }\n`;\n\n/**\n * id + name for every favouritable listing type, used to (a) resolve the real\n * entity name for a saved favorite (which the backend only exposes as\n * targetType + targetId) and (b) seed the \"toggle demo favorite\" action with a\n * real target id.\n */\nexport const GGNOMAD_FAVORITE_TARGETS_QUERY = gql`\n  query GGNomadFavoriteTargets {\n    ggnomadProperties(pagination: { limit: 100, offset: 0 }) {\n      id\n      name\n    }\n    ggnomadTours(pagination: { limit: 100, offset: 0 }) {\n      id\n      name\n    }\n    ggnomadEvents(pagination: { limit: 100, offset: 0 }) {\n      id\n      name\n    }\n    ggnomadActivities(pagination: { limit: 100, offset: 0 }) {\n      id\n      name\n    }\n  }\n`;\n\nexport const GGNOMAD_PROVIDERS_QUERY = gql`\n  query GGNomadProviders($limit: Int, $offset: Int) {\n    ggnomadProviders(pagination: { limit: $limit, offset: $offset }) {\n      id\n      name\n      type\n      status\n      listingCount\n      totalRevenue\n      rating\n      reviewCount\n      contactEmail\n      website\n    }\n  }\n`;\n\nexport const GGNOMAD_PROPERTIES_QUERY = gql`\n  query GGNomadProperties($limit: Int, $offset: Int) {\n    ggnomadProperties(pagination: { limit: $limit, offset: $offset }) {\n      id\n      name\n      type\n      status\n      description\n      pricePerNight\n      currency\n      rating\n      reviewCount\n      maxGuests\n      amenities\n      images\n      providerId\n    }\n  }\n`;\n\nexport const GGNOMAD_PROPERTY_QUERY = gql`\n  query GGNomadProperty($id: ID!) {\n    ggnomadProperty(id: $id) {\n      id\n      name\n      type\n      status\n      description\n      address\n      pricePerNight\n      currency\n      rating\n      reviewCount\n      bedrooms\n      bathrooms\n      maxGuests\n      checkInTime\n      checkOutTime\n      amenities\n      images\n      provider {\n        id\n        name\n        type\n        rating\n      }\n    }\n  }\n`;\n\n// Query to get property details for booking - ensures id is included\nexport const GGNOMAD_PROPERTY_FOR_BOOKING_QUERY = gql`\n  query GGNomadPropertyForBooking($id: ID!) {\n    ggnomadProperty(id: $id) {\n      id\n      name\n      pricePerNight\n      currency\n    }\n  }\n`;\n\nexport const GGNOMAD_TOURS_QUERY = gql`\n  query GGNomadTours($limit: Int, $offset: Int) {\n    ggnomadTours(pagination: { limit: $limit, offset: $offset }) {\n      id\n      name\n      description\n      type\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      highlights\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_TOUR_QUERY = gql`\n  query GGNomadTour($id: ID!) {\n    ggnomadTour(id: $id) {\n      id\n      name\n      description\n      type\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      highlights\n      images\n      languages\n      guideName\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_EVENTS_QUERY = gql`\n  query GGNomadEvents($limit: Int, $offset: Int) {\n    ggnomadEvents(pagination: { limit: $limit, offset: $offset }) {\n      id\n      name\n      description\n      category\n      status\n      startsAt\n      price\n      currency\n      rating\n      reviewCount\n      performers\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_EVENT_QUERY = gql`\n  query GGNomadEvent($id: ID!) {\n    ggnomadEvent(id: $id) {\n      id\n      name\n      description\n      category\n      status\n      startsAt\n      endsAt\n      venue\n      price\n      currency\n      rating\n      reviewCount\n      performers\n      images\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_ACTIVITIES_QUERY = gql`\n  query GGNomadActivities($limit: Int, $offset: Int) {\n    ggnomadActivities(pagination: { limit: $limit, offset: $offset }) {\n      id\n      name\n      description\n      category\n      status\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      maxParticipants\n      includes\n      requirements\n      images\n    }\n  }\n`;\n\nexport const GGNOMAD_ACTIVITY_QUERY = gql`\n  query GGNomadActivity($id: ID!) {\n    ggnomadActivity(id: $id) {\n      id\n      name\n      description\n      category\n      status\n      location\n      duration\n      difficulty\n      price\n      currency\n      rating\n      reviewCount\n      maxParticipants\n      includes\n      requirements\n      safetyInfo\n      images\n      provider {\n        id\n        name\n      }\n    }\n  }\n`;\n\nexport const GGNOMAD_TRIPS_QUERY = gql`\n  query GGNomadTrips($limit: Int, $offset: Int) {\n    ggnomadTrips(pagination: { limit: $limit, offset: $offset }) {\n      id\n      name\n      transportMode\n      status\n      origin\n      destination\n      departureAt\n      arrivalAt\n      isRoundTrip\n      carrier\n      class\n      price\n      currency\n      passengers\n      ecoFriendly\n    }\n  }\n`;\n\nexport const GGNOMAD_BOOKINGS_QUERY = gql`\n  query GGNomadBookings($limit: Int, $offset: Int) {\n    ggnomadBookings(pagination: { limit: $limit, offset: $offset }) {\n      id\n      referenceCode\n      bookingType\n      status\n      itemId\n      itemName\n      guestName\n      guestEmail\n      guestPhone\n      guests\n      checkIn\n      checkOut\n      eventDate\n      totalPrice\n      currency\n      paymentStatus\n      paymentMethod\n      specialRequests\n      createdAt\n    }\n  }\n`;\n\nexport const GGNOMAD_FAVORITES_QUERY = gql`\n  query GGNomadFavorites {\n    ggnomadFavorites\n  }\n`;\n\nexport const CREATE_GGNOMAD_BOOKING_MUTATION = gql`\n  mutation CreateGGNomadBooking($input: CreateGgnomadBookingInput!) {\n    createGgnomadBooking(input: $input) {\n      id\n      referenceCode\n      bookingType\n      status\n      itemId\n      itemName\n      guestName\n      totalPrice\n      currency\n      createdAt\n    }\n  }\n`;\n\nexport const TOGGLE_GGNOMAD_FAVORITE_MUTATION = gql`\n  mutation ToggleGGNomadFavorite($input: ToggleGgnomadFavoriteInput!) {\n    toggleGgnomadFavorite(input: $input)\n  }\n`;\n\nexport const CANCEL_GGNOMAD_BOOKING_MUTATION = gql`\n  mutation CancelGGNomadBooking($id: ID!, $reason: String) {\n    cancelGgnomadBooking(id: $id, reason: $reason) {\n      id\n      status\n    }\n  }\n`;\n\n// Trip Plan Queries\nexport const GGNOMAD_TRIP_PLANS_QUERY = gql`\n  query GGNomadTripPlans($limit: Int, $offset: Int) {\n    ggnomadTripPlans(pagination: { limit: $limit, offset: $offset }) {\n      id\n      name\n      description\n      startDate\n      endDate\n      travelers\n      status\n      total\n      itemCount\n      createdAt\n    }\n  }\n`;\n\nexport const GGNOMAD_TRIP_PLAN_QUERY = gql`\n  query GGNomadTripPlan($id: ID!) {\n    ggnomadTripPlan(id: $id) {\n      id\n      name\n      description\n      startDate\n      endDate\n      travelers\n      status\n      total\n      itemCount\n      items {\n        id\n        itemType\n        itemId\n        itemName\n        day\n        scheduledAt\n        price\n        currency\n        notes\n      }\n      createdAt\n      updatedAt\n    }\n  }\n`;\n\n// Trip Plan Mutations\nexport const CREATE_GGNOMAD_TRIP_PLAN_MUTATION = gql`\n  mutation CreateGGNomadTripPlan($input: CreateGgnomadTripPlanInput!) {\n    createGgnomadTripPlan(input: $input) {\n      id\n      name\n      description\n      startDate\n      endDate\n      travelers\n      status\n      total\n      itemCount\n      createdAt\n    }\n  }\n`;\n\nexport const UPDATE_GGNOMAD_TRIP_PLAN_MUTATION = gql`\n  mutation UpdateGGNomadTripPlan($id: ID!, $input: UpdateGgnomadTripPlanInput!) {\n    updateGgnomadTripPlan(id: $id, input: $input) {\n      id\n      name\n      description\n      startDate\n      endDate\n      travelers\n      status\n      total\n      itemCount\n      updatedAt\n    }\n  }\n`;\n\nexport const DELETE_GGNOMAD_TRIP_PLAN_MUTATION = gql`\n  mutation DeleteGGNomadTripPlan($id: ID!) {\n    deleteGgnomadTripPlan(id: $id)\n  }\n`;\n\nexport const ADD_GGNOMAD_TRIP_PLAN_ITEM_MUTATION = gql`\n  mutation AddGGNomadTripPlanItem($tripPlanId: ID!, $input: AddGgnomadTripPlanItemInput!) {\n    addGgnomadTripPlanItem(tripPlanId: $tripPlanId, input: $input) {\n      id\n      itemType\n      itemId\n      itemName\n      day\n      scheduledAt\n      price\n      currency\n      notes\n    }\n  }\n`;\n\nexport const REMOVE_GGNOMAD_TRIP_PLAN_ITEM_MUTATION = gql`\n  mutation RemoveGGNomadTripPlanItem($id: ID!) {\n    removeGgnomadTripPlanItem(id: $id)\n  }\n`;\n\n// Review Queries\nexport const GGNOMAD_REVIEW_SUMMARY_QUERY = gql`\n  query GGNomadReviewSummary($targetType: GgnomadBookingType!, $targetId: String!) {\n    ggnomadReviewSummary(targetType: $targetType, targetId: $targetId) {\n      average\n      count\n      distribution\n    }\n  }\n`;\n\nexport const GGNOMAD_REVIEWS_QUERY = gql`\n  query GGNomadReviews(\n    $targetType: GgnomadBookingType!\n    $targetId: String!\n    $limit: Int\n    $offset: Int\n  ) {\n    ggnomadReviews(\n      targetType: $targetType\n      targetId: $targetId\n      pagination: { limit: $limit, offset: $offset }\n    ) {\n      id\n      rating\n      title\n      content\n      images\n      isVerified\n      helpfulCount\n      response\n      respondedAt\n      createdAt\n    }\n  }\n`;\n\n// Review Mutations\nexport const CREATE_GGNOMAD_REVIEW_MUTATION = gql`\n  mutation CreateGGNomadReview($input: CreateGgnomadReviewInput!) {\n    createGgnomadReview(input: $input) {\n      id\n      rating\n      title\n      content\n    }\n  }\n`;\n\nexport const RESPOND_GGNOMAD_REVIEW_MUTATION = gql`\n  mutation RespondGGNomadReview($id: ID!, $response: String!) {\n    respondGgnomadReview(id: $id, response: $response) {\n      id\n      response\n      respondedAt\n    }\n  }\n`;\n\n// Listing Edit Mutations\nexport const UPDATE_GGNOMAD_PROPERTY_MUTATION = gql`\n  mutation UpdateGGNomadProperty($id: ID!, $input: UpdateGgnomadPropertyInput!) {\n    updateGgnomadProperty(id: $id, input: $input) {\n      id\n      name\n      description\n      pricePerNight\n      status\n      images\n    }\n  }\n`;\n\nexport const UPDATE_GGNOMAD_TOUR_MUTATION = gql`\n  mutation UpdateGGNomadTour($id: ID!, $input: UpdateGgnomadTourInput!) {\n    updateGgnomadTour(id: $id, input: $input) {\n      id\n      name\n      description\n      price\n      status\n      images\n    }\n  }\n`;\n\nexport const UPDATE_GGNOMAD_EVENT_MUTATION = gql`\n  mutation UpdateGGNomadEvent($id: ID!, $input: UpdateGgnomadEventInput!) {\n    updateGgnomadEvent(id: $id, input: $input) {\n      id\n      name\n      description\n      price\n      status\n      images\n    }\n  }\n`;\n\nexport const UPDATE_GGNOMAD_ACTIVITY_MUTATION = gql`\n  mutation UpdateGGNomadActivity($id: ID!, $input: UpdateGgnomadActivityInput!) {\n    updateGgnomadActivity(id: $id, input: $input) {\n      id\n      name\n      description\n      price\n      status\n      images\n    }\n  }\n`;\n"],"mappings":";;AAEA,IAAa,IAAyB,CAAG;;;;;;;;;;;;;;;;GAwB5B,IAAgC,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;GAmCnC,IAAiC,CAAG;;;;;;;;;;;;;;;;;;;GAqBpC,IAA0B,CAAG;;;;;;;;;;;;;;;GAiB7B,IAA2B,CAAG;;;;;;;;;;;;;;;;;;GAoB9B,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BS,CAAG;;;;;;;;;;AAWrD,IAAa,IAAsB,CAAG;;;;;;;;;;;;;;;;;;GAoBzB,IAAqB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;GA0BxB,IAAuB,CAAG;;;;;;;;;;;;;;;;;GAmB1B,IAAsB,CAAG;;;;;;;;;;;;;;;;;;;;;;;GAyBzB,IAA2B,CAAG;;;;;;;;;;;;;;;;;;;;GAsB9B,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;GA4B5B,IAAsB,CAAG;;;;;;;;;;;;;;;;;;;;GAsBzB,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;GA0B5B,IAA0B,CAAG;;;;GAM7B,IAAkC,CAAG;;;;;;;;;;;;;;;GAiBrC,IAAmC,CAAG;;;;GAMtC,IAAkC,CAAG;;;;;;;GAUrC,IAA2B,CAAG;;;;;;;;;;;;;;;GAiB9B,IAA0B,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8B7B,IAAoC,CAAG;;;;;;;;;;;;;;;GAiBvC,IAAoC,CAAG;;;;;;;;;;;;;;;;AAiBH,CAAG;;;;;AAMpD,IAAa,IAAsC,CAAG;;;;;;;;;;;;;;GAgBzC,IAAyC,CAAG;;;;GAO5C,IAA+B,CAAG;;;;;;;;GAUlC,IAAwB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;GA2B3B,IAAiC,CAAG;;;;;;;;;;AAWF,CAAG;;;;;;;;;AAWlD,IAAa,IAAmC,CAAG;;;;;;;;;;;GAatC,IAA+B,CAAG;;;;;;;;;;;GAalC,IAAgC,CAAG;;;;;;;;;;;GAanC,IAAmC,CAAG"}

package/dist/ggnomad/pages/BookingsPage.js

@@ -14,8 +14,8 @@ import { jsx as N, jsxs as P } from "react/jsx-runtime";
 //#region src/ggnomad/pages/BookingsPage.tsx
 function F() {
 	let { t: F } = g(), I = _(), [L, R] = l(null), { data: z, refetch: B } = y(r, { variables: {
-		first: 20,
-		skip: 0
+		limit: 20,
+		offset: 0
 	} }), { data: V } = y(n), [H, { loading: U }] = v(t), [W, { loading: G }] = v(e), K = c(() => z?.ggnomadBookings ?? [], [z?.ggnomadBookings]), q = c(() => {
 		let e = {
 			CONFIRMED: 0,

package/dist/ggnomad/pages/BookingsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BookingsPage.js","names":[],"sources":["../../../src/ggnomad/pages/BookingsPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { CalendarCheck, Compass, Hotel, Plus, Ticket, XCircle } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  CTAOverflowMenu,\n  GlassCard,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  CANCEL_GGNOMAD_BOOKING_MUTATION,\n  CREATE_GGNOMAD_BOOKING_MUTATION,\n  GGNOMAD_BOOKABLE_SAMPLE_QUERY,\n  GGNOMAD_BOOKINGS_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, StatusBadge } from '../components';\nimport { notify } from '../utils/notify';\n\ntype BookingType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY';\n\ntype PricedListing = { id: string; name: string; price: number; currency: string };\n\ntype CancelTarget = { id: string; referenceCode: string };\n\nexport function BookingsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const [cancelTarget, setCancelTarget] = useState<CancelTarget | null>(null);\n\n  const { data, refetch } = useQuery(\n    GGNOMAD_BOOKINGS_QUERY as TypedDocumentNode<\n      {\n        ggnomadBookings: Array<{\n          id: string;\n          referenceCode: string;\n          itemName: string;\n          status: string;\n          totalPrice: number;\n          currency: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 20, skip: 0 } }\n  );\n\n  // One real listing of each type so the demo booking targets an id that\n  // actually exists in the workspace (the backend rejects synthetic ids).\n  const { data: sampleData } = useQuery(\n    GGNOMAD_BOOKABLE_SAMPLE_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Array<{\n          id: string;\n          name: string;\n          pricePerNight: number;\n          currency: string;\n        }>;\n        ggnomadTours: Array<{ id: string; name: string; price: number; currency: string }>;\n        ggnomadEvents: Array<{ id: string; name: string; price: number; currency: string }>;\n        ggnomadActivities: Array<{ id: string; name: string; price: number; currency: string }>;\n      },\n      Record<string, never>\n    >\n  );\n\n  const [createBooking, { loading: creating }] = useMutation(\n    CREATE_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      { createGgnomadBooking: { id: string; referenceCode: string; itemName: string } },\n      {\n        input: {\n          bookingType: BookingType;\n          itemId: string;\n          itemName: string;\n          guestName: string;\n          guestEmail: string;\n          guests: number;\n          totalPrice: number;\n          currency: string;\n          paymentMethod: string;\n        };\n      }\n    >\n  );\n\n  const [cancelBooking, { loading: cancelling }] = useMutation(\n    CANCEL_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      { cancelGgnomadBooking: { id: string; status: string } },\n      { id: string; reason: string }\n    >\n  );\n\n  const bookings = useMemo(() => data?.ggnomadBookings ?? [], [data?.ggnomadBookings]);\n\n  const statusCounts = useMemo(() => {\n    const counts: Record<string, number> = {\n      CONFIRMED: 0,\n      CHECKED_IN: 0,\n      COMPLETED: 0,\n      CANCELLED: 0,\n    };\n    bookings.forEach((booking) => {\n      const status = booking.status?.toUpperCase();\n      if (status && status in counts) {\n        counts[status] += 1;\n      }\n    });\n    return counts;\n  }, [bookings]);\n\n  /** First available real listing, in priority order, mapped to a booking type. */\n  const resolveDemoTarget = (): { type: BookingType; listing: PricedListing } | null => {\n    const property = sampleData?.ggnomadProperties?.[0];\n    if (property) {\n      return {\n        type: 'PROPERTY',\n        listing: {\n          id: property.id,\n          name: property.name,\n          price: property.pricePerNight,\n          currency: property.currency,\n        },\n      };\n    }\n    const tour = sampleData?.ggnomadTours?.[0];\n    if (tour) return { type: 'TOUR', listing: tour };\n    const event = sampleData?.ggnomadEvents?.[0];\n    if (event) return { type: 'EVENT', listing: event };\n    const activity = sampleData?.ggnomadActivities?.[0];\n    if (activity) return { type: 'ACTIVITY', listing: activity };\n    return null;\n  };\n\n  const handleCreateDemoBooking = async () => {\n    const target = resolveDemoTarget();\n    if (!target) {\n      notify.warning(\n        t('ggnomad.bookings.toast.noListingsTitle', 'No listings available to book yet'),\n        t(\n          'ggnomad.bookings.toast.noListingsBody',\n          'Add a property, tour, event or activity first, then create a booking against it.'\n        )\n      );\n      return;\n    }\n    const { type, listing } = target;\n    try {\n      const result = await createBooking({\n        variables: {\n          input: {\n            bookingType: type,\n            itemId: listing.id,\n            itemName: listing.name,\n            guestName: t('ggnomad.bookings.demo.guestName', 'Demo Guest'),\n            guestEmail: 'demo@burdenoff.com',\n            guests: 2,\n            totalPrice: Number(listing.price ?? 0),\n            currency: listing.currency ?? 'USD',\n            paymentMethod: 'card',\n          },\n        },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.bookings.toast.createErrorTitle', 'Could not create booking'),\n          result.error.message\n        );\n        return;\n      }\n      const created = result.data?.createGgnomadBooking;\n      notify.success(\n        t('ggnomad.bookings.toast.createSuccessTitle', 'Booking confirmed'),\n        created\n          ? t('ggnomad.bookings.toast.createSuccessBody', '{{ref}} · {{item}}')\n              .replace('{{ref}}', created.referenceCode)\n              .replace('{{item}}', created.itemName)\n          : listing.name\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.bookings.toast.createErrorTitle', 'Could not create booking'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  const confirmCancel = async () => {\n    if (!cancelTarget) return;\n    try {\n      const result = await cancelBooking({\n        variables: {\n          id: cancelTarget.id,\n          reason: t('ggnomad.bookings.actions.cancelReason', 'Cancelled via UI'),\n        },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.bookings.toast.cancelErrorTitle', 'Could not cancel booking'),\n          result.error.message\n        );\n        return;\n      }\n      notify.success(\n        t('ggnomad.bookings.toast.cancelSuccessTitle', 'Booking cancelled'),\n        cancelTarget.referenceCode\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.bookings.toast.cancelErrorTitle', 'Could not cancel booking'),\n        err instanceof Error ? err.message : String(err)\n      );\n    } finally {\n      setCancelTarget(null);\n    }\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.bookings.title', 'Bookings')}\n      titleAccent={t('ggnomad.bookings.title.accent', 'Bookings')}\n      subtitle={t(\n        'ggnomad.bookings.subtitle',\n        'End-to-end booking operations with real API mutations'\n      )}\n      actions={\n        <CTAOverflowMenu\n          primary={{\n            label: t('ggnomad.bookings.actions.createDemoBooking', 'Create demo booking'),\n            onSelect: () => void handleCreateDemoBooking(),\n            disabled: creating,\n            icon: <Plus />,\n          }}\n          actions={[]}\n        />\n      }\n    >\n      <PagePurpose icon={<CalendarCheck className=\"size-4\" />}>\n        {t(\n          'ggnomad.bookings.purpose',\n          'Your single place to manage every reservation across travel, stays, tours and events. Track each booking’s status and reference code in real time, and cancel a reservation when plans change — all backed by live API mutations.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"ggnomad-bookings\"\n        steps={[\n          {\n            id: 'book-stay',\n            label: t('ggnomad.bookings.next.stay', 'Book a place to stay'),\n            description: t(\n              'ggnomad.bookings.next.stayDesc',\n              'Browse hospitality listings and reserve a property.'\n            ),\n            icon: <Hotel className=\"size-4\" />,\n            onClick: () => navigate('../hospitality'),\n          },\n          {\n            id: 'book-tour',\n            label: t('ggnomad.bookings.next.tour', 'Add a tour or activity'),\n            description: t(\n              'ggnomad.bookings.next.tourDesc',\n              'Pick a curated experience from Tourism.'\n            ),\n            icon: <Compass className=\"size-4\" />,\n            onClick: () => navigate('../tourism'),\n          },\n          {\n            id: 'book-event',\n            label: t('ggnomad.bookings.next.event', 'Grab event tickets'),\n            description: t(\n              'ggnomad.bookings.next.eventDesc',\n              'Find live events to round out the itinerary.'\n            ),\n            icon: <Ticket className=\"size-4\" />,\n            onClick: () => navigate('../entertainment'),\n          },\n        ]}\n      />\n\n      {bookings.length > 0 && (\n        <div className=\"grid gap-3 sm:grid-cols-4\">\n          {[\n            {\n              status: 'CONFIRMED',\n              label: t('ggnomad.bookings.pipeline.confirmed', 'Confirmed'),\n              icon: CalendarCheck,\n            },\n            {\n              status: 'CHECKED_IN',\n              label: t('ggnomad.bookings.pipeline.checkedIn', 'Checked-in'),\n              icon: Hotel,\n            },\n            {\n              status: 'COMPLETED',\n              label: t('ggnomad.bookings.pipeline.completed', 'Completed'),\n              icon: Ticket,\n            },\n            {\n              status: 'CANCELLED',\n              label: t('ggnomad.bookings.pipeline.cancelled', 'Cancelled'),\n              icon: XCircle,\n            },\n          ].map((stage) => {\n            const Icon = stage.icon;\n            const count = statusCounts[stage.status];\n            return (\n              <div\n                key={stage.status}\n                className=\"flex flex-col items-center gap-2 rounded-lg border border-border-seam bg-bg-surface/40 p-3 text-center\"\n              >\n                <div className=\"flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\">\n                  <Icon className=\"size-4\" />\n                </div>\n                <p className=\"text-xs font-medium text-text-secondary\">{stage.label}</p>\n                <p className=\"text-lg font-semibold tabular-nums text-text-primary\">{count}</p>\n              </div>\n            );\n          })}\n        </div>\n      )}\n\n      {bookings.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.bookings.emptyTitle', 'No bookings yet')}\n          description={t(\n            'ggnomad.bookings.emptyDescription',\n            'Create your first booking to see it tracked here in real time.'\n          )}\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.bookings.activeBookings', 'Your bookings')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2\">\n            {bookings.map((booking) => (\n              <EntityCard\n                key={booking.id}\n                title={booking.referenceCode}\n                meta={booking.itemName}\n                price={`${booking.currency} ${Number(booking.totalPrice).toFixed(2)}`}\n                badge={\n                  <StatusBadge status={booking.status} live={booking.status !== 'CANCELLED'} />\n                }\n                footer={\n                  booking.status !== 'CANCELLED' ? (\n                    <CTAOverflowMenu\n                      align=\"end\"\n                      actions={[\n                        {\n                          label: t('ggnomad.bookings.actions.cancel', 'Cancel booking'),\n                          onSelect: () =>\n                            setCancelTarget({\n                              id: booking.id,\n                              referenceCode: booking.referenceCode,\n                            }),\n                          intent: 'destructive',\n                          icon: <XCircle />,\n                        },\n                      ]}\n                    />\n                  ) : null\n                }\n              />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n\n      <AlertDialog\n        open={cancelTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) setCancelTarget(null);\n        }}\n      >\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {t('ggnomad.bookings.cancelDialog.title', 'Cancel this booking?')}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {t(\n                'ggnomad.bookings.cancelDialog.body',\n                'This releases reservation {{ref}} and cannot be undone.'\n              ).replace('{{ref}}', cancelTarget?.referenceCode ?? '')}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={cancelling}>\n              {t('ggnomad.bookings.cancelDialog.keep', 'Keep booking')}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              className=\"bg-action-danger-bg text-action-danger-text hover:bg-action-danger-bgHover\"\n              disabled={cancelling}\n              onClick={(event) => {\n                event.preventDefault();\n                void confirmCancel();\n              }}\n            >\n              {cancelling\n                ? t('ggnomad.bookings.cancelDialog.cancelling', 'Cancelling…')\n                : t('ggnomad.bookings.cancelDialog.confirm', 'Cancel booking')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </PageShell>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"BookingsPage.js","names":[],"sources":["../../../src/ggnomad/pages/BookingsPage.tsx"],"sourcesContent":["import { useMemo, useState } from 'react';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { CalendarCheck, Compass, Hotel, Plus, Ticket, XCircle } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  CTAOverflowMenu,\n  GlassCard,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  CANCEL_GGNOMAD_BOOKING_MUTATION,\n  CREATE_GGNOMAD_BOOKING_MUTATION,\n  GGNOMAD_BOOKABLE_SAMPLE_QUERY,\n  GGNOMAD_BOOKINGS_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, StatusBadge } from '../components';\nimport { notify } from '../utils/notify';\n\ntype BookingType = 'PROPERTY' | 'TOUR' | 'EVENT' | 'ACTIVITY';\n\ntype PricedListing = { id: string; name: string; price: number; currency: string };\n\ntype CancelTarget = { id: string; referenceCode: string };\n\nexport function BookingsPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const [cancelTarget, setCancelTarget] = useState<CancelTarget | null>(null);\n\n  const { data, refetch } = useQuery(\n    GGNOMAD_BOOKINGS_QUERY as TypedDocumentNode<\n      {\n        ggnomadBookings: Array<{\n          id: string;\n          referenceCode: string;\n          itemName: string;\n          status: string;\n          totalPrice: number;\n          currency: string;\n        }>;\n      },\n      { limit: number; offset: number }\n    >,\n    { variables: { limit: 20, offset: 0 } }\n  );\n\n  // One real listing of each type so the demo booking targets an id that\n  // actually exists in the workspace (the backend rejects synthetic ids).\n  const { data: sampleData } = useQuery(\n    GGNOMAD_BOOKABLE_SAMPLE_QUERY as TypedDocumentNode<\n      {\n        ggnomadProperties: Array<{\n          id: string;\n          name: string;\n          pricePerNight: number;\n          currency: string;\n        }>;\n        ggnomadTours: Array<{ id: string; name: string; price: number; currency: string }>;\n        ggnomadEvents: Array<{ id: string; name: string; price: number; currency: string }>;\n        ggnomadActivities: Array<{ id: string; name: string; price: number; currency: string }>;\n      },\n      Record<string, never>\n    >\n  );\n\n  const [createBooking, { loading: creating }] = useMutation(\n    CREATE_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      { createGgnomadBooking: { id: string; referenceCode: string; itemName: string } },\n      {\n        input: {\n          bookingType: BookingType;\n          itemId: string;\n          itemName: string;\n          guestName: string;\n          guestEmail: string;\n          guests: number;\n          totalPrice: number;\n          currency: string;\n          paymentMethod: string;\n        };\n      }\n    >\n  );\n\n  const [cancelBooking, { loading: cancelling }] = useMutation(\n    CANCEL_GGNOMAD_BOOKING_MUTATION as TypedDocumentNode<\n      { cancelGgnomadBooking: { id: string; status: string } },\n      { id: string; reason: string }\n    >\n  );\n\n  const bookings = useMemo(() => data?.ggnomadBookings ?? [], [data?.ggnomadBookings]);\n\n  const statusCounts = useMemo(() => {\n    const counts: Record<string, number> = {\n      CONFIRMED: 0,\n      CHECKED_IN: 0,\n      COMPLETED: 0,\n      CANCELLED: 0,\n    };\n    bookings.forEach((booking) => {\n      const status = booking.status?.toUpperCase();\n      if (status && status in counts) {\n        counts[status] += 1;\n      }\n    });\n    return counts;\n  }, [bookings]);\n\n  /** First available real listing, in priority order, mapped to a booking type. */\n  const resolveDemoTarget = (): { type: BookingType; listing: PricedListing } | null => {\n    const property = sampleData?.ggnomadProperties?.[0];\n    if (property) {\n      return {\n        type: 'PROPERTY',\n        listing: {\n          id: property.id,\n          name: property.name,\n          price: property.pricePerNight,\n          currency: property.currency,\n        },\n      };\n    }\n    const tour = sampleData?.ggnomadTours?.[0];\n    if (tour) return { type: 'TOUR', listing: tour };\n    const event = sampleData?.ggnomadEvents?.[0];\n    if (event) return { type: 'EVENT', listing: event };\n    const activity = sampleData?.ggnomadActivities?.[0];\n    if (activity) return { type: 'ACTIVITY', listing: activity };\n    return null;\n  };\n\n  const handleCreateDemoBooking = async () => {\n    const target = resolveDemoTarget();\n    if (!target) {\n      notify.warning(\n        t('ggnomad.bookings.toast.noListingsTitle', 'No listings available to book yet'),\n        t(\n          'ggnomad.bookings.toast.noListingsBody',\n          'Add a property, tour, event or activity first, then create a booking against it.'\n        )\n      );\n      return;\n    }\n    const { type, listing } = target;\n    try {\n      const result = await createBooking({\n        variables: {\n          input: {\n            bookingType: type,\n            itemId: listing.id,\n            itemName: listing.name,\n            guestName: t('ggnomad.bookings.demo.guestName', 'Demo Guest'),\n            guestEmail: 'demo@burdenoff.com',\n            guests: 2,\n            totalPrice: Number(listing.price ?? 0),\n            currency: listing.currency ?? 'USD',\n            paymentMethod: 'card',\n          },\n        },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.bookings.toast.createErrorTitle', 'Could not create booking'),\n          result.error.message\n        );\n        return;\n      }\n      const created = result.data?.createGgnomadBooking;\n      notify.success(\n        t('ggnomad.bookings.toast.createSuccessTitle', 'Booking confirmed'),\n        created\n          ? t('ggnomad.bookings.toast.createSuccessBody', '{{ref}} · {{item}}')\n              .replace('{{ref}}', created.referenceCode)\n              .replace('{{item}}', created.itemName)\n          : listing.name\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.bookings.toast.createErrorTitle', 'Could not create booking'),\n        err instanceof Error ? err.message : String(err)\n      );\n    }\n  };\n\n  const confirmCancel = async () => {\n    if (!cancelTarget) return;\n    try {\n      const result = await cancelBooking({\n        variables: {\n          id: cancelTarget.id,\n          reason: t('ggnomad.bookings.actions.cancelReason', 'Cancelled via UI'),\n        },\n      });\n      if (result.error) {\n        notify.error(\n          t('ggnomad.bookings.toast.cancelErrorTitle', 'Could not cancel booking'),\n          result.error.message\n        );\n        return;\n      }\n      notify.success(\n        t('ggnomad.bookings.toast.cancelSuccessTitle', 'Booking cancelled'),\n        cancelTarget.referenceCode\n      );\n      await refetch();\n    } catch (err) {\n      notify.error(\n        t('ggnomad.bookings.toast.cancelErrorTitle', 'Could not cancel booking'),\n        err instanceof Error ? err.message : String(err)\n      );\n    } finally {\n      setCancelTarget(null);\n    }\n  };\n\n  return (\n    <PageShell\n      title={t('ggnomad.bookings.title', 'Bookings')}\n      titleAccent={t('ggnomad.bookings.title.accent', 'Bookings')}\n      subtitle={t(\n        'ggnomad.bookings.subtitle',\n        'End-to-end booking operations with real API mutations'\n      )}\n      actions={\n        <CTAOverflowMenu\n          primary={{\n            label: t('ggnomad.bookings.actions.createDemoBooking', 'Create demo booking'),\n            onSelect: () => void handleCreateDemoBooking(),\n            disabled: creating,\n            icon: <Plus />,\n          }}\n          actions={[]}\n        />\n      }\n    >\n      <PagePurpose icon={<CalendarCheck className=\"size-4\" />}>\n        {t(\n          'ggnomad.bookings.purpose',\n          'Your single place to manage every reservation across travel, stays, tours and events. Track each booking’s status and reference code in real time, and cancel a reservation when plans change — all backed by live API mutations.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"ggnomad-bookings\"\n        steps={[\n          {\n            id: 'book-stay',\n            label: t('ggnomad.bookings.next.stay', 'Book a place to stay'),\n            description: t(\n              'ggnomad.bookings.next.stayDesc',\n              'Browse hospitality listings and reserve a property.'\n            ),\n            icon: <Hotel className=\"size-4\" />,\n            onClick: () => navigate('../hospitality'),\n          },\n          {\n            id: 'book-tour',\n            label: t('ggnomad.bookings.next.tour', 'Add a tour or activity'),\n            description: t(\n              'ggnomad.bookings.next.tourDesc',\n              'Pick a curated experience from Tourism.'\n            ),\n            icon: <Compass className=\"size-4\" />,\n            onClick: () => navigate('../tourism'),\n          },\n          {\n            id: 'book-event',\n            label: t('ggnomad.bookings.next.event', 'Grab event tickets'),\n            description: t(\n              'ggnomad.bookings.next.eventDesc',\n              'Find live events to round out the itinerary.'\n            ),\n            icon: <Ticket className=\"size-4\" />,\n            onClick: () => navigate('../entertainment'),\n          },\n        ]}\n      />\n\n      {bookings.length > 0 && (\n        <div className=\"grid gap-3 sm:grid-cols-4\">\n          {[\n            {\n              status: 'CONFIRMED',\n              label: t('ggnomad.bookings.pipeline.confirmed', 'Confirmed'),\n              icon: CalendarCheck,\n            },\n            {\n              status: 'CHECKED_IN',\n              label: t('ggnomad.bookings.pipeline.checkedIn', 'Checked-in'),\n              icon: Hotel,\n            },\n            {\n              status: 'COMPLETED',\n              label: t('ggnomad.bookings.pipeline.completed', 'Completed'),\n              icon: Ticket,\n            },\n            {\n              status: 'CANCELLED',\n              label: t('ggnomad.bookings.pipeline.cancelled', 'Cancelled'),\n              icon: XCircle,\n            },\n          ].map((stage) => {\n            const Icon = stage.icon;\n            const count = statusCounts[stage.status];\n            return (\n              <div\n                key={stage.status}\n                className=\"flex flex-col items-center gap-2 rounded-lg border border-border-seam bg-bg-surface/40 p-3 text-center\"\n              >\n                <div className=\"flex size-8 items-center justify-center rounded-lg bg-[var(--color-accent-soft)] text-text-primary\">\n                  <Icon className=\"size-4\" />\n                </div>\n                <p className=\"text-xs font-medium text-text-secondary\">{stage.label}</p>\n                <p className=\"text-lg font-semibold tabular-nums text-text-primary\">{count}</p>\n              </div>\n            );\n          })}\n        </div>\n      )}\n\n      {bookings.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.bookings.emptyTitle', 'No bookings yet')}\n          description={t(\n            'ggnomad.bookings.emptyDescription',\n            'Create your first booking to see it tracked here in real time.'\n          )}\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.bookings.activeBookings', 'Your bookings')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2\">\n            {bookings.map((booking) => (\n              <EntityCard\n                key={booking.id}\n                title={booking.referenceCode}\n                meta={booking.itemName}\n                price={`${booking.currency} ${Number(booking.totalPrice).toFixed(2)}`}\n                badge={\n                  <StatusBadge status={booking.status} live={booking.status !== 'CANCELLED'} />\n                }\n                footer={\n                  booking.status !== 'CANCELLED' ? (\n                    <CTAOverflowMenu\n                      align=\"end\"\n                      actions={[\n                        {\n                          label: t('ggnomad.bookings.actions.cancel', 'Cancel booking'),\n                          onSelect: () =>\n                            setCancelTarget({\n                              id: booking.id,\n                              referenceCode: booking.referenceCode,\n                            }),\n                          intent: 'destructive',\n                          icon: <XCircle />,\n                        },\n                      ]}\n                    />\n                  ) : null\n                }\n              />\n            ))}\n          </div>\n        </GlassCard>\n      )}\n\n      <AlertDialog\n        open={cancelTarget !== null}\n        onOpenChange={(open) => {\n          if (!open) setCancelTarget(null);\n        }}\n      >\n        <AlertDialogContent>\n          <AlertDialogHeader>\n            <AlertDialogTitle>\n              {t('ggnomad.bookings.cancelDialog.title', 'Cancel this booking?')}\n            </AlertDialogTitle>\n            <AlertDialogDescription>\n              {t(\n                'ggnomad.bookings.cancelDialog.body',\n                'This releases reservation {{ref}} and cannot be undone.'\n              ).replace('{{ref}}', cancelTarget?.referenceCode ?? '')}\n            </AlertDialogDescription>\n          </AlertDialogHeader>\n          <AlertDialogFooter>\n            <AlertDialogCancel disabled={cancelling}>\n              {t('ggnomad.bookings.cancelDialog.keep', 'Keep booking')}\n            </AlertDialogCancel>\n            <AlertDialogAction\n              className=\"bg-action-danger-bg text-action-danger-text hover:bg-action-danger-bgHover\"\n              disabled={cancelling}\n              onClick={(event) => {\n                event.preventDefault();\n                void confirmCancel();\n              }}\n            >\n              {cancelling\n                ? t('ggnomad.bookings.cancelDialog.cancelling', 'Cancelling…')\n                : t('ggnomad.bookings.cancelDialog.confirm', 'Cancel booking')}\n            </AlertDialogAction>\n          </AlertDialogFooter>\n        </AlertDialogContent>\n      </AlertDialog>\n    </PageShell>\n  );\n}\n"],"mappings":"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"}

package/dist/ggnomad/pages/DashboardPage.js

@@ -21,17 +21,17 @@ var E = [
 ], D = (e) => e.replace(/[_-]+/g, " ").trim().replace(/\b\w/g, (e) => e.toUpperCase()) || e;
 function O() {
 	let { t: O } = _(), k = v(), A = y(n), j = y(e, { variables: {
-		first: 5,
-		skip: 0
+		limit: 5,
+		offset: 0
 	} }), M = y(r, { variables: {
-		first: 4,
-		skip: 0
+		limit: 4,
+		offset: 0
 	} }), N = y(i, { variables: {
-		first: 4,
-		skip: 0
+		limit: 4,
+		offset: 0
 	} }), P = y(t, { variables: {
-		first: 4,
-		skip: 0
+		limit: 4,
+		offset: 0
 	} }), F = A.data?.ggnomadOverviewStats, I = A.data?.ggnomadAnalytics, L = j.data?.ggnomadBookings ?? [], R = l(() => {
 		let e = I?.revenueByCategory ?? {};
 		return Object.entries(e).map(([e, t]) => ({

package/dist/ggnomad/pages/DashboardPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/ggnomad/pages/DashboardPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Building, CalendarCheck, Compass, DollarSign, Hotel, Search, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  EmphasisPanel,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  GGNOMAD_OVERVIEW_QUERY,\n  GGNOMAD_BOOKINGS_QUERY,\n  GGNOMAD_PROPERTIES_QUERY,\n  GGNOMAD_TOURS_QUERY,\n  GGNOMAD_EVENTS_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { SectionCard, StatCard, StatusBadge } from '../components';\n\nconst CHART_COLORS = [\n  'var(--color-chart-1)',\n  'var(--color-chart-2)',\n  'var(--color-chart-3)',\n  'var(--color-chart-4)',\n  'var(--color-chart-5)',\n];\n\nconst humanizeCategory = (key: string): string =>\n  key\n    .replace(/[_-]+/g, ' ')\n    .trim()\n    .replace(/\\b\\w/g, (char) => char.toUpperCase()) || key;\n\nexport function DashboardPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const overview = useQuery(\n    GGNOMAD_OVERVIEW_QUERY as TypedDocumentNode<\n      {\n        ggnomadOverviewStats: {\n          users: number;\n          listings: number;\n          bookings: number;\n          monthlyRevenue: number;\n        };\n        ggnomadAnalytics: {\n          totalRevenue: number;\n          totalBookings: number;\n          totalUsers: number;\n          conversionRate: number;\n          revenueByCategory: Record<string, unknown>;\n        };\n      },\n      Record<string, never>\n    >\n  );\n  const bookings = useQuery(\n    GGNOMAD_BOOKINGS_QUERY as TypedDocumentNode<\n      {\n        ggnomadBookings: Array<{\n          id: string;\n          referenceCode: string;\n          itemName: string;\n          status: string;\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: 5, skip: 0 },\n    }\n  );\n  const properties = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      { ggnomadProperties: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    { variables: { first: 4, skip: 0 } }\n  );\n  const tours = useQuery(\n    GGNOMAD_TOURS_QUERY as TypedDocumentNode<\n      { ggnomadTours: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: 4, skip: 0 },\n    }\n  );\n  const events = useQuery(\n    GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n      { ggnomadEvents: Array<{ id: string }> },\n      { first: number; skip: number }\n    >,\n    {\n      variables: { first: 4, skip: 0 },\n    }\n  );\n\n  const stats = overview.data?.ggnomadOverviewStats;\n  const analytics = overview.data?.ggnomadAnalytics;\n  const recentBookings = bookings.data?.ggnomadBookings ?? [];\n\n  const categories = useMemo(() => {\n    const raw = analytics?.revenueByCategory ?? {};\n    return Object.entries(raw)\n      .map(([key, value]) => ({ label: humanizeCategory(key), value: Number(value) }))\n      .filter((entry) => Number.isFinite(entry.value) && entry.value > 0)\n      .sort((a, b) => b.value - a.value);\n  }, [analytics?.revenueByCategory]);\n\n  const maxCategory = categories.length > 0 ? categories[0].value : 0;\n\n  return (\n    <PageShell\n      hero\n      title={t('ggnomad.dashboard.title', 'GGNomad Dashboard')}\n      titleAccent={t('ggnomad.dashboard.title.accent', 'GGNomad')}\n      subtitle={t(\n        'ggnomad.dashboard.subtitle',\n        'Unified travel, hospitality, tourism and entertainment operations'\n      )}\n    >\n      <PagePurpose icon={<Compass className=\"size-4\" />}>\n        {t(\n          'ggnomad.dashboard.purpose',\n          'Your command centre for the whole GGNomad marketplace — see live revenue, users, listings and bookings across travel, hospitality, tourism and entertainment in one place, and jump straight into the area you want to work on.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"ggnomad-dashboard\"\n        steps={[\n          {\n            id: 'search',\n            label: t('ggnomad.dashboard.next.search', 'Search the catalogue'),\n            description: t(\n              'ggnomad.dashboard.next.searchDesc',\n              'Find inventory across every domain at once.'\n            ),\n            icon: <Search className=\"size-4\" />,\n            onClick: () => navigate('search'),\n          },\n          {\n            id: 'stays',\n            label: t('ggnomad.dashboard.next.stays', 'Browse places to stay'),\n            description: t(\n              'ggnomad.dashboard.next.staysDesc',\n              'Explore hospitality listings and open a property.'\n            ),\n            icon: <Hotel className=\"size-4\" />,\n            onClick: () => navigate('hospitality'),\n          },\n          {\n            id: 'tourism',\n            label: t('ggnomad.dashboard.next.tourism', 'Discover tours & activities'),\n            description: t(\n              'ggnomad.dashboard.next.tourismDesc',\n              'Plan what to do at each destination.'\n            ),\n            icon: <Compass className=\"size-4\" />,\n            onClick: () => navigate('tourism'),\n          },\n          {\n            id: 'bookings',\n            label: t('ggnomad.dashboard.next.bookings', 'Manage bookings'),\n            description: t(\n              'ggnomad.dashboard.next.bookingsDesc',\n              'Track and cancel reservations in real time.'\n            ),\n            icon: <CalendarCheck className=\"size-4\" />,\n            onClick: () => navigate('bookings'),\n          },\n        ]}\n      />\n\n      <section className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n        <StatCard\n          hero\n          label={t('ggnomad.dashboard.stats.monthlyRevenue', 'Monthly Revenue')}\n          value={`$${Number(stats?.monthlyRevenue ?? 0).toLocaleString()}`}\n          icon={<DollarSign />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.users', 'Users')}\n          value={Number(stats?.users ?? 0).toLocaleString()}\n          icon={<Users />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.listings', 'Listings')}\n          value={Number(stats?.listings ?? 0).toLocaleString()}\n          icon={<Building />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.bookings', 'Bookings')}\n          value={Number(stats?.bookings ?? 0).toLocaleString()}\n          icon={<CalendarCheck />}\n        />\n      </section>\n\n      <EmphasisPanel>\n        <div className=\"grid gap-4 sm:grid-cols-3\">\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.properties', 'Properties')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {properties.data?.ggnomadProperties?.length ?? 0}\n            </p>\n          </div>\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.tours', 'Tours')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {tours.data?.ggnomadTours?.length ?? 0}\n            </p>\n          </div>\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.events', 'Events')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {events.data?.ggnomadEvents?.length ?? 0}\n            </p>\n          </div>\n        </div>\n        <p className=\"mt-4 text-sm text-text-secondary\">\n          {t(\n            'ggnomad.dashboard.inventory.liveDataNotice',\n            'Data is live from `wspace-ggnomad-svc` GraphQL APIs.'\n          )}\n        </p>\n      </EmphasisPanel>\n\n      <SectionCard title={t('ggnomad.dashboard.sections.recentBookings', 'Recent bookings')}>\n        {recentBookings.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-data\"\n            title={t('ggnomad.dashboard.recentBookings.emptyTitle', 'No recent bookings')}\n            description={t(\n              'ggnomad.dashboard.recentBookings.emptyDescription',\n              'New bookings across travel, hospitality and tourism will appear here.'\n            )}\n          />\n        ) : (\n          <ul className=\"space-y-2 text-sm\">\n            {recentBookings.map((booking) => (\n              <li\n                key={booking.id}\n                className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface/40 p-3\"\n              >\n                <span className=\"min-w-0 truncate text-text-primary\">\n                  {booking.referenceCode} — {booking.itemName}\n                </span>\n                <StatusBadge status={booking.status} />\n              </li>\n            ))}\n          </ul>\n        )}\n      </SectionCard>\n\n      <SectionCard title={t('ggnomad.dashboard.sections.revenueByCategory', 'Revenue by category')}>\n        {categories.length === 0 ? (\n          <div className=\"flex flex-col items-center gap-2 py-8 text-center\">\n            <span className=\"flex size-10 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-text-secondary\">\n              <DollarSign className=\"size-5\" />\n            </span>\n            <p className=\"text-sm font-medium text-text-primary\">\n              {t('ggnomad.dashboard.empty.title', 'Revenue data coming soon')}\n            </p>\n            <p className=\"max-w-sm text-sm text-text-secondary\">\n              {t(\n                'ggnomad.dashboard.empty.description',\n                'Revenue by category appears here as bookings come in across stays, tours and events.'\n              )}\n            </p>\n          </div>\n        ) : (\n          <ul className=\"flex flex-col gap-4\">\n            {categories.map((category, index) => {\n              const pct = maxCategory > 0 ? Math.max((category.value / maxCategory) * 100, 2) : 0;\n              return (\n                <li key={category.label}>\n                  <div className=\"flex items-baseline justify-between gap-3\">\n                    <span className=\"truncate text-sm font-medium text-text-primary\">\n                      {category.label}\n                    </span>\n                    <span className=\"flex-shrink-0 text-sm tabular-nums text-text-secondary\">\n                      ${category.value.toLocaleString()}\n                    </span>\n                  </div>\n                  <div className=\"mt-1.5 h-2.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n                    <div\n                      className=\"h-full rounded-full transition-[width] duration-500 ease-out\"\n                      style={{\n                        width: `${pct}%`,\n                        backgroundColor: CHART_COLORS[index % CHART_COLORS.length],\n                      }}\n                    />\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </SectionCard>\n    </PageShell>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DashboardPage.js","names":[],"sources":["../../../src/ggnomad/pages/DashboardPage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Building, CalendarCheck, Compass, DollarSign, Hotel, Search, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport {\n  EmphasisPanel,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\n\nimport {\n  GGNOMAD_OVERVIEW_QUERY,\n  GGNOMAD_BOOKINGS_QUERY,\n  GGNOMAD_PROPERTIES_QUERY,\n  GGNOMAD_TOURS_QUERY,\n  GGNOMAD_EVENTS_QUERY,\n} from '../graphql';\nimport { PageShell } from './PageShell';\nimport { SectionCard, StatCard, StatusBadge } from '../components';\n\nconst CHART_COLORS = [\n  'var(--color-chart-1)',\n  'var(--color-chart-2)',\n  'var(--color-chart-3)',\n  'var(--color-chart-4)',\n  'var(--color-chart-5)',\n];\n\nconst humanizeCategory = (key: string): string =>\n  key\n    .replace(/[_-]+/g, ' ')\n    .trim()\n    .replace(/\\b\\w/g, (char) => char.toUpperCase()) || key;\n\nexport function DashboardPage() {\n  const { t } = useI18n();\n  const navigate = useNavigate();\n  const overview = useQuery(\n    GGNOMAD_OVERVIEW_QUERY as TypedDocumentNode<\n      {\n        ggnomadOverviewStats: {\n          users: number;\n          listings: number;\n          bookings: number;\n          monthlyRevenue: number;\n        };\n        ggnomadAnalytics: {\n          totalRevenue: number;\n          totalBookings: number;\n          totalUsers: number;\n          conversionRate: number;\n          revenueByCategory: Record<string, unknown>;\n        };\n      },\n      Record<string, never>\n    >\n  );\n  const bookings = useQuery(\n    GGNOMAD_BOOKINGS_QUERY as TypedDocumentNode<\n      {\n        ggnomadBookings: Array<{\n          id: string;\n          referenceCode: string;\n          itemName: string;\n          status: string;\n        }>;\n      },\n      { limit: number; offset: number }\n    >,\n    {\n      variables: { limit: 5, offset: 0 },\n    }\n  );\n  const properties = useQuery(\n    GGNOMAD_PROPERTIES_QUERY as TypedDocumentNode<\n      { ggnomadProperties: Array<{ id: string }> },\n      { limit: number; offset: number }\n    >,\n    { variables: { limit: 4, offset: 0 } }\n  );\n  const tours = useQuery(\n    GGNOMAD_TOURS_QUERY as TypedDocumentNode<\n      { ggnomadTours: Array<{ id: string }> },\n      { limit: number; offset: number }\n    >,\n    {\n      variables: { limit: 4, offset: 0 },\n    }\n  );\n  const events = useQuery(\n    GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n      { ggnomadEvents: Array<{ id: string }> },\n      { limit: number; offset: number }\n    >,\n    {\n      variables: { limit: 4, offset: 0 },\n    }\n  );\n\n  const stats = overview.data?.ggnomadOverviewStats;\n  const analytics = overview.data?.ggnomadAnalytics;\n  const recentBookings = bookings.data?.ggnomadBookings ?? [];\n\n  const categories = useMemo(() => {\n    const raw = analytics?.revenueByCategory ?? {};\n    return Object.entries(raw)\n      .map(([key, value]) => ({ label: humanizeCategory(key), value: Number(value) }))\n      .filter((entry) => Number.isFinite(entry.value) && entry.value > 0)\n      .sort((a, b) => b.value - a.value);\n  }, [analytics?.revenueByCategory]);\n\n  const maxCategory = categories.length > 0 ? categories[0].value : 0;\n\n  return (\n    <PageShell\n      hero\n      title={t('ggnomad.dashboard.title', 'GGNomad Dashboard')}\n      titleAccent={t('ggnomad.dashboard.title.accent', 'GGNomad')}\n      subtitle={t(\n        'ggnomad.dashboard.subtitle',\n        'Unified travel, hospitality, tourism and entertainment operations'\n      )}\n    >\n      <PagePurpose icon={<Compass className=\"size-4\" />}>\n        {t(\n          'ggnomad.dashboard.purpose',\n          'Your command centre for the whole GGNomad marketplace — see live revenue, users, listings and bookings across travel, hospitality, tourism and entertainment in one place, and jump straight into the area you want to work on.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"ggnomad-dashboard\"\n        steps={[\n          {\n            id: 'search',\n            label: t('ggnomad.dashboard.next.search', 'Search the catalogue'),\n            description: t(\n              'ggnomad.dashboard.next.searchDesc',\n              'Find inventory across every domain at once.'\n            ),\n            icon: <Search className=\"size-4\" />,\n            onClick: () => navigate('search'),\n          },\n          {\n            id: 'stays',\n            label: t('ggnomad.dashboard.next.stays', 'Browse places to stay'),\n            description: t(\n              'ggnomad.dashboard.next.staysDesc',\n              'Explore hospitality listings and open a property.'\n            ),\n            icon: <Hotel className=\"size-4\" />,\n            onClick: () => navigate('hospitality'),\n          },\n          {\n            id: 'tourism',\n            label: t('ggnomad.dashboard.next.tourism', 'Discover tours & activities'),\n            description: t(\n              'ggnomad.dashboard.next.tourismDesc',\n              'Plan what to do at each destination.'\n            ),\n            icon: <Compass className=\"size-4\" />,\n            onClick: () => navigate('tourism'),\n          },\n          {\n            id: 'bookings',\n            label: t('ggnomad.dashboard.next.bookings', 'Manage bookings'),\n            description: t(\n              'ggnomad.dashboard.next.bookingsDesc',\n              'Track and cancel reservations in real time.'\n            ),\n            icon: <CalendarCheck className=\"size-4\" />,\n            onClick: () => navigate('bookings'),\n          },\n        ]}\n      />\n\n      <section className=\"grid gap-4 sm:grid-cols-2 xl:grid-cols-4\">\n        <StatCard\n          hero\n          label={t('ggnomad.dashboard.stats.monthlyRevenue', 'Monthly Revenue')}\n          value={`$${Number(stats?.monthlyRevenue ?? 0).toLocaleString()}`}\n          icon={<DollarSign />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.users', 'Users')}\n          value={Number(stats?.users ?? 0).toLocaleString()}\n          icon={<Users />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.listings', 'Listings')}\n          value={Number(stats?.listings ?? 0).toLocaleString()}\n          icon={<Building />}\n        />\n        <StatCard\n          label={t('ggnomad.dashboard.stats.bookings', 'Bookings')}\n          value={Number(stats?.bookings ?? 0).toLocaleString()}\n          icon={<CalendarCheck />}\n        />\n      </section>\n\n      <EmphasisPanel>\n        <div className=\"grid gap-4 sm:grid-cols-3\">\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.properties', 'Properties')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {properties.data?.ggnomadProperties?.length ?? 0}\n            </p>\n          </div>\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.tours', 'Tours')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {tours.data?.ggnomadTours?.length ?? 0}\n            </p>\n          </div>\n          <div>\n            <p className=\"text-sm text-text-secondary\">\n              {t('ggnomad.dashboard.inventory.events', 'Events')}\n            </p>\n            <p className=\"mt-1 text-2xl font-semibold tabular-nums text-text-primary\">\n              {events.data?.ggnomadEvents?.length ?? 0}\n            </p>\n          </div>\n        </div>\n        <p className=\"mt-4 text-sm text-text-secondary\">\n          {t(\n            'ggnomad.dashboard.inventory.liveDataNotice',\n            'Data is live from `wspace-ggnomad-svc` GraphQL APIs.'\n          )}\n        </p>\n      </EmphasisPanel>\n\n      <SectionCard title={t('ggnomad.dashboard.sections.recentBookings', 'Recent bookings')}>\n        {recentBookings.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-data\"\n            title={t('ggnomad.dashboard.recentBookings.emptyTitle', 'No recent bookings')}\n            description={t(\n              'ggnomad.dashboard.recentBookings.emptyDescription',\n              'New bookings across travel, hospitality and tourism will appear here.'\n            )}\n          />\n        ) : (\n          <ul className=\"space-y-2 text-sm\">\n            {recentBookings.map((booking) => (\n              <li\n                key={booking.id}\n                className=\"flex items-center justify-between gap-3 rounded-lg border border-border-seam bg-bg-surface/40 p-3\"\n              >\n                <span className=\"min-w-0 truncate text-text-primary\">\n                  {booking.referenceCode} — {booking.itemName}\n                </span>\n                <StatusBadge status={booking.status} />\n              </li>\n            ))}\n          </ul>\n        )}\n      </SectionCard>\n\n      <SectionCard title={t('ggnomad.dashboard.sections.revenueByCategory', 'Revenue by category')}>\n        {categories.length === 0 ? (\n          <div className=\"flex flex-col items-center gap-2 py-8 text-center\">\n            <span className=\"flex size-10 items-center justify-center rounded-full bg-[var(--color-accent-soft)] text-text-secondary\">\n              <DollarSign className=\"size-5\" />\n            </span>\n            <p className=\"text-sm font-medium text-text-primary\">\n              {t('ggnomad.dashboard.empty.title', 'Revenue data coming soon')}\n            </p>\n            <p className=\"max-w-sm text-sm text-text-secondary\">\n              {t(\n                'ggnomad.dashboard.empty.description',\n                'Revenue by category appears here as bookings come in across stays, tours and events.'\n              )}\n            </p>\n          </div>\n        ) : (\n          <ul className=\"flex flex-col gap-4\">\n            {categories.map((category, index) => {\n              const pct = maxCategory > 0 ? Math.max((category.value / maxCategory) * 100, 2) : 0;\n              return (\n                <li key={category.label}>\n                  <div className=\"flex items-baseline justify-between gap-3\">\n                    <span className=\"truncate text-sm font-medium text-text-primary\">\n                      {category.label}\n                    </span>\n                    <span className=\"flex-shrink-0 text-sm tabular-nums text-text-secondary\">\n                      ${category.value.toLocaleString()}\n                    </span>\n                  </div>\n                  <div className=\"mt-1.5 h-2.5 w-full overflow-hidden rounded-full bg-bg-sunken\">\n                    <div\n                      className=\"h-full rounded-full transition-[width] duration-500 ease-out\"\n                      style={{\n                        width: `${pct}%`,\n                        backgroundColor: CHART_COLORS[index % CHART_COLORS.length],\n                      }}\n                    />\n                  </div>\n                </li>\n              );\n            })}\n          </ul>\n        )}\n      </SectionCard>\n    </PageShell>\n  );\n}\n"],"mappings":"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"}

package/dist/ggnomad/pages/EntertainmentPage.js

@@ -12,8 +12,8 @@ import { jsx as d, jsxs as f } from "react/jsx-runtime";
 //#region src/ggnomad/pages/EntertainmentPage.tsx
 function p() {
 	let { t: p } = o(), [m, h] = i(12), { data: g } = s(e, { variables: {
-		first: m,
-		skip: 0
+		limit: m,
+		offset: 0
 	} }), _ = g?.ggnomadEvents ?? [];
 	return /* @__PURE__ */ f(t, {
 		title: p("ggnomad.entertainment.title", "Entertainment"),

package/dist/ggnomad/pages/EntertainmentPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntertainmentPage.js","names":[],"sources":["../../../src/ggnomad/pages/EntertainmentPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Ticket } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_EVENTS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, LoadMoreButton } from '../components';\n\nexport function EntertainmentPage() {\n  const { t } = useI18n();\n  const [limit, setLimit] = useState(12);\n  const { data } = useQuery(\n    GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n      {\n        ggnomadEvents: Array<{\n          id: string;\n          name: string;\n          category: string;\n          startsAt: string;\n          price: number;\n          currency: string;\n          images?: string[];\n        }>;\n      },\n      { first: number; skip: number }\n    >,\n    { variables: { first: limit, skip: 0 } }\n  );\n  const events = data?.ggnomadEvents ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.entertainment.title', 'Entertainment')}\n      titleAccent={t('ggnomad.entertainment.title.accent', 'Entertainment')}\n      subtitle={t('ggnomad.entertainment.subtitle', 'Events and live experiences')}\n    >\n      <PagePurpose icon={<Ticket className=\"size-4\" />}>\n        {t(\n          'ggnomad.entertainment.purpose',\n          'Find live events and experiences — concerts, shows and local happenings. Open an event to see its lineup, venue and timing, then book tickets for your trip dates.'\n        )}\n      </PagePurpose>\n\n      {events.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.entertainment.emptyTitle', 'No events scheduled')}\n          description={t(\n            'ggnomad.entertainment.emptyDescription',\n            'Upcoming events and live experiences will be listed here.'\n          )}\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.entertainment.upcomingEvents', 'Upcoming events')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {events.map((event) => (\n              <EntityCard\n                key={event.id}\n                to={event.id}\n                image={event.images?.[0]}\n                imageAlt={event.name}\n                title={event.name}\n                meta={event.category}\n                price={`${event.currency} ${Number(event.price).toFixed(2)}`}\n                footer={new Date(event.startsAt).toLocaleString()}\n              />\n            ))}\n          </div>\n          <LoadMoreButton\n            visible={events.length >= limit}\n            onLoadMore={() => setLimit((l) => l + 12)}\n          />\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,IAAoB;CAClC,IAAM,EAAE,SAAM,EAAQ,GAChB,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,EAAE,YAAS,EACf,GAcA,EAAE,WAAW;EAAE,OAAO;EAAO,MAAM;CAAE,EAAE,CACzC,GACM,IAAS,GAAM,iBAAiB,CAAC;CAEvC,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,+BAA+B,eAAe;EACvD,aAAa,EAAE,sCAAsC,eAAe;EACpE,UAAU,EAAE,kCAAkC,6BAA6B;YAH7E,CAKE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,SAAU,CAAA;aAC5C,EACC,iCACA,oKACF;EACW,CAAA,GAEZ,EAAO,WAAW,IACjB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,oCAAoC,qBAAqB;GAClE,aAAa,EACX,0CACA,2DACF;EACD,CAAA,IAED,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C;IACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,wCAAwC,iBAAiB;IAC1D,CAAA;IACJ,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAO,KAAK,MACX,kBAAC,GAAD;MAEE,IAAI,EAAM;MACV,OAAO,EAAM,SAAS;MACtB,UAAU,EAAM;MAChB,OAAO,EAAM;MACb,MAAM,EAAM;MACZ,OAAO,GAAG,EAAM,SAAS,GAAG,OAAO,EAAM,KAAK,EAAE,QAAQ,CAAC;MACzD,QAAQ,IAAI,KAAK,EAAM,QAAQ,EAAE,eAAe;KACjD,GARM,EAAM,EAQZ,CACF;IACE,CAAA;IACL,kBAAC,GAAD;KACE,SAAS,EAAO,UAAU;KAC1B,kBAAkB,GAAU,MAAM,IAAI,EAAE;IACzC,CAAA;GACQ;IAEJ;;AAEf"}
+{"version":3,"file":"EntertainmentPage.js","names":[],"sources":["../../../src/ggnomad/pages/EntertainmentPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport type { TypedDocumentNode } from '@apollo/client';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Ticket } from 'lucide-react';\nimport { GlassCard, IllustratedEmptyState, PagePurpose } from '@burdenoff/fe-libs/ui';\n\nimport { GGNOMAD_EVENTS_QUERY } from '../graphql';\nimport { PageShell } from './PageShell';\nimport { EntityCard, LoadMoreButton } from '../components';\n\nexport function EntertainmentPage() {\n  const { t } = useI18n();\n  const [limit, setLimit] = useState(12);\n  const { data } = useQuery(\n    GGNOMAD_EVENTS_QUERY as TypedDocumentNode<\n      {\n        ggnomadEvents: Array<{\n          id: string;\n          name: string;\n          category: string;\n          startsAt: string;\n          price: number;\n          currency: string;\n          images?: string[];\n        }>;\n      },\n      { limit: number; offset: number }\n    >,\n    { variables: { limit, offset: 0 } }\n  );\n  const events = data?.ggnomadEvents ?? [];\n\n  return (\n    <PageShell\n      title={t('ggnomad.entertainment.title', 'Entertainment')}\n      titleAccent={t('ggnomad.entertainment.title.accent', 'Entertainment')}\n      subtitle={t('ggnomad.entertainment.subtitle', 'Events and live experiences')}\n    >\n      <PagePurpose icon={<Ticket className=\"size-4\" />}>\n        {t(\n          'ggnomad.entertainment.purpose',\n          'Find live events and experiences — concerts, shows and local happenings. Open an event to see its lineup, venue and timing, then book tickets for your trip dates.'\n        )}\n      </PagePurpose>\n\n      {events.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title={t('ggnomad.entertainment.emptyTitle', 'No events scheduled')}\n          description={t(\n            'ggnomad.entertainment.emptyDescription',\n            'Upcoming events and live experiences will be listed here.'\n          )}\n        />\n      ) : (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam p-5\">\n          <h2 className=\"mb-4 text-lg font-medium tracking-tight text-text-primary\">\n            {t('ggnomad.entertainment.upcomingEvents', 'Upcoming events')}\n          </h2>\n          <div className=\"grid gap-3 sm:grid-cols-2 xl:grid-cols-3\">\n            {events.map((event) => (\n              <EntityCard\n                key={event.id}\n                to={event.id}\n                image={event.images?.[0]}\n                imageAlt={event.name}\n                title={event.name}\n                meta={event.category}\n                price={`${event.currency} ${Number(event.price).toFixed(2)}`}\n                footer={new Date(event.startsAt).toLocaleString()}\n              />\n            ))}\n          </div>\n          <LoadMoreButton\n            visible={events.length >= limit}\n            onLoadMore={() => setLimit((l) => l + 12)}\n          />\n        </GlassCard>\n      )}\n    </PageShell>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAWA,SAAgB,IAAoB;CAClC,IAAM,EAAE,SAAM,EAAQ,GAChB,CAAC,GAAO,KAAY,EAAS,EAAE,GAC/B,EAAE,YAAS,EACf,GAcA,EAAE,WAAW;EAAE;EAAO,QAAQ;CAAE,EAAE,CACpC,GACM,IAAS,GAAM,iBAAiB,CAAC;CAEvC,OACE,kBAAC,GAAD;EACE,OAAO,EAAE,+BAA+B,eAAe;EACvD,aAAa,EAAE,sCAAsC,eAAe;EACpE,UAAU,EAAE,kCAAkC,6BAA6B;YAH7E,CAKE,kBAAC,GAAD;GAAa,MAAM,kBAAC,GAAD,EAAQ,WAAU,SAAU,CAAA;aAC5C,EACC,iCACA,oKACF;EACW,CAAA,GAEZ,EAAO,WAAW,IACjB,kBAAC,GAAD;GACE,cAAa;GACb,OAAO,EAAE,oCAAoC,qBAAqB;GAClE,aAAa,EACX,0CACA,2DACF;EACD,CAAA,IAED,kBAAC,GAAD;GAAW,WAAU;GAAQ,MAAA;GAAK,WAAU;aAA5C;IACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,wCAAwC,iBAAiB;IAC1D,CAAA;IACJ,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAO,KAAK,MACX,kBAAC,GAAD;MAEE,IAAI,EAAM;MACV,OAAO,EAAM,SAAS;MACtB,UAAU,EAAM;MAChB,OAAO,EAAM;MACb,MAAM,EAAM;MACZ,OAAO,GAAG,EAAM,SAAS,GAAG,OAAO,EAAM,KAAK,EAAE,QAAQ,CAAC;MACzD,QAAQ,IAAI,KAAK,EAAM,QAAQ,EAAE,eAAe;KACjD,GARM,EAAM,EAQZ,CACF;IACE,CAAA;IACL,kBAAC,GAAD;KACE,SAAS,EAAO,UAAU;KAC1B,kBAAkB,GAAU,MAAM,IAAI,EAAE;IACzC,CAAA;GACQ;IAEJ;;AAEf"}