@withpotter/components 0.13.0-next.101

package/dist/behaviors/ticketed-config-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/behaviors/ticketed-config-panel.tsx"],"sourcesContent":["'use client';\n\nimport { useState, useRef, useEffect, useCallback } from 'react';\nimport {\n  Plus,\n  Trash2,\n  MapPin,\n  MapPinOff,\n  Globe,\n  Repeat,\n  Loader2,\n  Search,\n  CheckCircle2,\n  ChevronDown,\n} from 'lucide-react';\nimport type { TicketedConfig, EventRecurrenceRule } from '@withpotter/lib/product-types';\nimport type { BehaviorLabelOverrides } from './behavior-config-section';\nimport { Select } from '@withpotter/ui-kit/select';\nimport { CurrencyInput } from '@withpotter/ui-kit/currency-input';\nimport { geoApi } from '@withpotter/lib/api/geo';\nimport { useApiQuery } from '@withpotter/hooks/use-api-query';\nimport { Button } from '@withpotter/ui-kit/button';\nimport { Input, NumberField } from '@withpotter/ui-kit';\nimport { DateField } from '@withpotter/ui-kit/date-field';\nimport { TimeField } from '@withpotter/ui-kit/time-field';\nimport { asList } from '@withpotter/lib/utils';\n\nconst LABEL_CLS = 'block text-sm font-medium text-[var(--text-secondary)] mb-1';\nconst HELP_CLS = 'mt-1 text-xs text-[var(--text-muted)]';\nconst SECTION_CLS = 'border-t border-[var(--border-default)] pt-4 mt-4';\n\nconst VENUE_COUNTRIES = [\n  { value: 'NG', label: 'Nigeria' },\n  { value: 'US', label: 'United States' },\n  { value: 'GB', label: 'United Kingdom' },\n  { value: 'CA', label: 'Canada' },\n  { value: 'GH', label: 'Ghana' },\n  { value: 'ZA', label: 'South Africa' },\n  { value: 'KE', label: 'Kenya' },\n  { value: 'DE', label: 'Germany' },\n  { value: 'FR', label: 'France' },\n  { value: 'AE', label: 'United Arab Emirates' },\n  { value: 'IN', label: 'India' },\n  { value: 'AU', label: 'Australia' },\n] as const;\n\nfunction generateId(): string {\n  if (typeof crypto !== 'undefined' && crypto.randomUUID) {\n    return crypto.randomUUID();\n  }\n  return `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`;\n}\n\ninterface TicketedConfigPanelProps {\n  config: TicketedConfig;\n  onChange: (config: TicketedConfig) => void;\n  labelOverrides?: BehaviorLabelOverrides['ticketed'];\n  currencySymbol?: string;\n  /** Content ID — needed for series creation. When absent, series section is hidden. */\n  contentId?: string;\n  /** Callback to create event series. Panel shows \"Create Series\" when provided. */\n  onCreateSeries?: (recurrence: EventRecurrenceRule) => Promise<void>;\n  /** Whether this content is a series child (has seriesId). Shows a badge instead. */\n  isSeriesChild?: boolean;\n  /** Parent series ID, if this is a child occurrence. */\n  seriesParentId?: string;\n}\n\nexport function TicketedConfigPanel({\n  config,\n  onChange,\n  labelOverrides,\n  currencySymbol = '$',\n  contentId,\n  onCreateSeries,\n  isSeriesChild,\n  seriesParentId,\n}: TicketedConfigPanelProps) {\n  const fl = (name: string, def: string) =>\n    labelOverrides?.fields?.[name] || def;\n\n  const update = (partial: Partial<TicketedConfig>) =>\n    onChange({ ...config, ...partial });\n\n  // Tier management\n  const tiers = config.tiers || [];\n\n  // Venue search state\n  type GeoResult = {\n    lat: number;\n    lng: number;\n    displayName: string;\n    name?: string;\n    address?: string;\n    city?: string;\n    state?: string;\n    country?: string;\n    source?: 'internal' | 'nominatim';\n    id?: string;\n  };\n  const [showMore, setShowMore] = useState(false);\n  const [editVenue, setEditVenue] = useState(false);\n  const [venueMode, setVenueMode] = useState<'search' | 'manual'>('search');\n  const [venueQuery, setVenueQuery] = useState('');\n  const [venueResults, setVenueResults] = useState<GeoResult[]>([]);\n  const [venueSearching, setVenueSearching] = useState(false);\n  const [showResults, setShowResults] = useState(false);\n  const [searchCountry, setSearchCountry] = useState('ng');\n  const [hasSearched, setHasSearched] = useState(false);\n  const searchContainerRef = useRef<HTMLDivElement>(null);\n  const debounceRef = useRef<ReturnType<typeof setTimeout>>(undefined);\n\n  // Cascading geo data for manual mode (Nigeria only)\n  const venueCountryCode =\n    VENUE_COUNTRIES.find(\n      (c) =>\n        c.label.toLowerCase() === (config.venueCountry || '').toLowerCase(),\n    )?.value || '';\n  const isNigeria = venueCountryCode === 'NG';\n\n  const { data: stateOptionsRaw } = useApiQuery<string[]>(\n    ['geo-states', 'NG'],\n    () => geoApi.states('NG'),\n    { enabled: isNigeria, staleTime: Infinity },\n  );\n  const stateOptions = asList<string>(stateOptionsRaw);\n\n  const { data: cityOptionsRaw } = useApiQuery<string[]>(\n    ['geo-cities', 'NG', config.venueState || ''],\n    () => geoApi.cities('NG', config.venueState || ''),\n    { enabled: isNigeria && !!config.venueState, staleTime: 5 * 60 * 1000 },\n  );\n  const cityOptions = asList<string>(cityOptionsRaw);\n\n  const searchVenue = useCallback(async (q: string, country: string) => {\n    if (!q || q.length < 3) {\n      setVenueResults([]);\n      setHasSearched(false);\n      return;\n    }\n    setVenueSearching(true);\n    try {\n      const results = await geoApi.geocode(q, country || undefined);\n      setVenueResults(results || []);\n      setShowResults(true);\n      setHasSearched(true);\n    } catch {\n      setVenueResults([]);\n      setHasSearched(true);\n    } finally {\n      setVenueSearching(false);\n    }\n  }, []);\n\n  const handleVenueQueryChange = (value: string) => {\n    setVenueQuery(value);\n    if (value.length < 3) setHasSearched(false);\n    if (debounceRef.current) clearTimeout(debounceRef.current);\n    debounceRef.current = setTimeout(\n      () => searchVenue(value, searchCountry),\n      400,\n    );\n  };\n\n  const selectVenueResult = (result: GeoResult) => {\n    update({\n      venueName: result.name || config.venueName,\n      venueAddress: result.address || config.venueAddress,\n      venueCity: result.city || config.venueCity,\n      venueState: result.state || config.venueState,\n      venueCountry: result.country || config.venueCountry,\n      venueCoordinates: result.lat\n        ? { lat: result.lat, lng: result.lng }\n        : config.venueCoordinates,\n    });\n    setVenueQuery('');\n    setVenueResults([]);\n    setShowResults(false);\n    setHasSearched(false);\n  };\n\n  const switchToManual = () => {\n    if (venueQuery && !config.venueName) {\n      update({ venueName: venueQuery });\n    }\n    setVenueMode('manual');\n    setVenueQuery('');\n    setVenueResults([]);\n    setShowResults(false);\n    setHasSearched(false);\n  };\n\n  // Close dropdown on outside click\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (\n        searchContainerRef.current &&\n        !searchContainerRef.current.contains(e.target as Node)\n      ) {\n        setShowResults(false);\n      }\n    };\n    document.addEventListener('mousedown', handler);\n    return () => document.removeEventListener('mousedown', handler);\n  }, []);\n\n  const addTier = () => {\n    update({\n      tiers: [...tiers, { id: generateId(), name: '', price: 0, quantity: 0 }],\n    });\n  };\n\n  const updateTier = (\n    index: number,\n    field: keyof (typeof tiers)[0],\n    value: string | number,\n  ) => {\n    const updated = [...tiers];\n    updated[index] = { ...updated[index], [field]: value };\n    update({ tiers: updated });\n  };\n\n  const removeTier = (index: number) => {\n    update({ tiers: tiers.filter((_, i) => i !== index) });\n  };\n\n  return (\n    <div className=\"space-y-4\">\n      {/* Event date & time */}\n      <div className=\"grid grid-cols-3 gap-4\">\n        <div>\n          <label className={LABEL_CLS}>{fl('eventDate', 'Event date')}</label>\n          <DateField\n            value={config.eventDate || ''}\n            onChange={(value) => update({ eventDate: value || undefined })}\n            className=\"w-full\"\n          />\n        </div>\n        <div>\n          <label className={LABEL_CLS}>\n            {fl('eventStartTime', 'Start time')}\n          </label>\n          <TimeField\n            value={config.eventStartTime || ''}\n            onChange={(value) => update({ eventStartTime: value || undefined })}\n            className=\"w-full\"\n          />\n        </div>\n        <div>\n          <label className={LABEL_CLS}>{fl('eventEndTime', 'End time')}</label>\n          <TimeField\n            value={config.eventEndTime || ''}\n            onChange={(value) => update({ eventEndTime: value || undefined })}\n            className=\"w-full\"\n          />\n        </div>\n      </div>\n\n      {/* Ticket Tiers */}\n      <div>\n        <label className={LABEL_CLS}>{fl('tiers', 'Ticket tiers')}</label>\n\n        {tiers.length > 0 && (\n          <div className=\"space-y-2 mb-3\">\n            {/* Header */}\n            <div className=\"grid grid-cols-[1fr_140px_72px_32px] gap-2 text-xs font-medium text-[var(--text-tertiary)] uppercase tracking-wider px-1\">\n              <span>Tier name</span>\n              <span>Price</span>\n              <span>Qty</span>\n              <span />\n            </div>\n\n            {tiers.map((tier, i) => (\n              <div\n                key={i}\n                className=\"grid grid-cols-[1fr_140px_72px_32px] gap-2 items-center\"\n              >\n                <Input\n                  type=\"text\"\n                  value={tier.name}\n                  onChange={(e) => updateTier(i, 'name', e.target.value)}\n                  placeholder=\"e.g. VIP\"\n                />\n                <CurrencyInput\n                  value={tier.price || undefined}\n                  onChange={(val) => updateTier(i, 'price', val ?? 0)}\n                  prefix={currencySymbol}\n                  placeholder=\"0.00\"\n                />\n                <Input\n                  type=\"number\"\n                  min={0}\n                  value={tier.quantity || ''}\n                  onChange={(e) =>\n                    updateTier(\n                      i,\n                      'quantity',\n                      e.target.value ? parseInt(e.target.value) : 0,\n                    )\n                  }\n                  placeholder=\"0\"\n                />\n                <button\n                  type=\"button\"\n                  onClick={() => removeTier(i)}\n                  className=\"p-2 text-[var(--text-muted)] hover:text-[var(--error)] transition-colors\"\n                  title=\"Remove tier\"\n                >\n                  <Trash2 />\n                </button>\n              </div>\n            ))}\n          </div>\n        )}\n\n        <button\n          type=\"button\"\n          onClick={addTier}\n          className=\"flex items-center gap-2 text-sm text-brand-500 hover:text-brand-600 font-medium transition-colors\"\n        >\n          <Plus />\n          Add tier\n        </button>\n        <p className={HELP_CLS}>\n          Create multiple tiers (e.g., VIP, Regular, Early Bird) with different\n          prices and quantities.\n        </p>\n      </div>\n\n      {/* Venue */}\n      <div className={SECTION_CLS}>\n        <div className=\"flex items-center justify-between mb-3\">\n          <div className=\"flex items-center gap-2\">\n            <MapPin className=\"size-4 text-[var(--text-muted)]\" />\n            <span className=\"text-sm font-medium text-[var(--text-primary)]\">\n              Venue\n            </span>\n          </div>\n          {/* Mode toggle */}\n          <div className=\"flex rounded-md border border-[var(--border-default)] overflow-hidden\">\n            <button\n              type=\"button\"\n              onClick={() => setVenueMode('search')}\n              className={`px-3 py-1 text-xs font-medium transition-colors ${\n                venueMode === 'search'\n                  ? 'bg-[var(--bg-subtle)] text-[var(--text-primary)]'\n                  : 'text-[var(--text-muted)] hover:text-[var(--text-secondary)]'\n              }`}\n            >\n              Search\n            </button>\n            <button\n              type=\"button\"\n              onClick={switchToManual}\n              className={`px-3 py-1 text-xs font-medium transition-colors border-l border-[var(--border-default)] ${\n                venueMode === 'manual'\n                  ? 'bg-[var(--bg-subtle)] text-[var(--text-primary)]'\n                  : 'text-[var(--text-muted)] hover:text-[var(--text-secondary)]'\n              }`}\n            >\n              Enter manually\n            </button>\n          </div>\n        </div>\n\n        <div className=\"space-y-3\">\n          {venueMode === 'search' ? (\n            <>\n              {/* Venue search */}\n              <div ref={searchContainerRef} className=\"relative\">\n                <div className=\"flex gap-2\">\n                  <Select\n                    value={searchCountry}\n                    onChange={(next) => {\n                      setSearchCountry(next);\n                      if (venueQuery.length >= 3) {\n                        if (debounceRef.current)\n                          clearTimeout(debounceRef.current);\n                        debounceRef.current = setTimeout(\n                          () => searchVenue(venueQuery, next),\n                          200,\n                        );\n                      }\n                    }}\n                    options={[\n                      { value: '', label: 'All' },\n                      ...VENUE_COUNTRIES.map((c) => ({\n                        value: c.value.toLowerCase(),\n                        label: c.value,\n                      })),\n                    ]}\n                    placeholder=\"All\"\n                    searchable={VENUE_COUNTRIES.length > 15}\n                    className=\"w-[88px] flex-shrink-0\"\n                  />\n                  <div className=\"relative flex-1\">\n                    <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 text-[var(--text-muted)]\" />\n                    <Input\n                      value={venueQuery}\n                      onChange={(e) => handleVenueQueryChange(e.target.value)}\n                      onFocus={() =>\n                        venueResults.length > 0 && setShowResults(true)\n                      }\n                      placeholder=\"Search address, venue, or landmark...\"\n                      className=\"pl-9\"\n                    />\n                    {venueSearching && (\n                      <Loader2 className=\"absolute right-3 top-1/2 -translate-y-1/2 animate-spin text-[var(--text-muted)]\" />\n                    )}\n                  </div>\n                </div>\n\n                {/* Results dropdown */}\n                {showResults && venueResults.length > 0 && (\n                  <div className=\"absolute z-50 mt-1 w-full border border-[var(--border-default)] rounded-md shadow-lg max-h-48 overflow-y-auto bg-[var(--bg-base)]\">\n                    {venueResults.map((result, i) => (\n                      <button\n                        key={result.id || i}\n                        type=\"button\"\n                        onClick={() => selectVenueResult(result)}\n                        className=\"w-full text-left px-3 py-3 text-sm hover:bg-[var(--interactive-hover)] transition-colors border-b last:border-b-0 border-[var(--border-default)]\"\n                      >\n                        <div className=\"flex items-start gap-2\">\n                          {result.source === 'internal' ? (\n                            <CheckCircle2 className=\"mt-0.5 flex-shrink-0 text-green-500\" />\n                          ) : (\n                            <MapPin className=\"mt-0.5 flex-shrink-0 text-brand-500\" />\n                          )}\n                          <span className=\"text-[var(--text-primary)] line-clamp-2\">\n                            {result.displayName}\n                          </span>\n                        </div>\n                      </button>\n                    ))}\n                  </div>\n                )}\n\n                {/* Graceful empty state */}\n                {showResults &&\n                  hasSearched &&\n                  !venueSearching &&\n                  venueQuery.length >= 3 &&\n                  venueResults.length === 0 && (\n                    <div className=\"absolute z-50 mt-1 w-full border border-[var(--border-default)] rounded-md shadow-lg bg-[var(--bg-base)]\">\n                      <div className=\"flex flex-col items-center py-4 px-4\">\n                        <MapPinOff className=\"size-8 text-[var(--text-muted)] mb-2\" />\n                        <p className=\"text-sm font-medium text-[var(--text-secondary)] text-center\">\n                          This venue isn&apos;t in our directory yet\n                        </p>\n                        <p className=\"text-xs text-[var(--text-muted)] mt-1 text-center\">\n                          Enter the details manually and we&apos;ll save it for\n                          future searches\n                        </p>\n                        <Button\n                          variant=\"secondary\"\n                          className=\"mt-3 text-brand-500\"\n                          onClick={switchToManual}\n                        >\n                          Enter manually\n                        </Button>\n                      </div>\n                    </div>\n                  )}\n              </div>\n\n              {/* A confirmed venue is a fact, not a form. Once the search has\n                  filled these in, five fields of name and geography are noise —\n                  the promoter already told us where it is. Show what was chosen\n                  and let them open it if the geocoder got something wrong. */}\n              {config.venueName && !editVenue ? (\n                <div className=\"flex items-start justify-between gap-3 rounded-md border border-[var(--border-subtle)] bg-[var(--bg-subtle)] px-3 py-3\">\n                  <div className=\"min-w-0\">\n                    <p className=\"truncate text-sm font-medium text-[var(--text-primary)]\">\n                      {config.venueName}\n                    </p>\n                    {(config.venueAddress || config.venueCity) && (\n                      <p className=\"mt-0.5 truncate text-xs text-[var(--text-tertiary)]\">\n                        {[\n                          config.venueAddress,\n                          config.venueCity,\n                          config.venueState,\n                        ]\n                          .filter(Boolean)\n                          .join(', ')}\n                      </p>\n                    )}\n                  </div>\n                  <button\n                    type=\"button\"\n                    onClick={() => setEditVenue(true)}\n                    className=\"shrink-0 text-xs font-medium text-[var(--text-secondary)] underline-offset-2 transition-colors hover:text-[var(--text-primary)] hover:underline\"\n                  >\n                    Edit\n                  </button>\n                </div>\n              ) : (\n                <>\n                  {/* Venue detail fields (always visible below search) */}\n                  <div>\n                    <label className={LABEL_CLS}>Venue name</label>\n                    <Input\n                      type=\"text\"\n                      value={config.venueName || ''}\n                      onChange={(e) =>\n                        update({ venueName: e.target.value || undefined })\n                      }\n                      placeholder=\"e.g. Landmark Event Centre\"\n                    />\n                  </div>\n\n                  <div>\n                    <label className={LABEL_CLS}>Venue address</label>\n                    <Input\n                      type=\"text\"\n                      value={config.venueAddress || ''}\n                      onChange={(e) =>\n                        update({ venueAddress: e.target.value || undefined })\n                      }\n                      placeholder=\"Street address\"\n                    />\n                  </div>\n\n                  <div className=\"grid grid-cols-3 gap-3\">\n                    <div>\n                      <label className={LABEL_CLS}>City</label>\n                      <Input\n                        type=\"text\"\n                        value={config.venueCity || ''}\n                        onChange={(e) =>\n                          update({ venueCity: e.target.value || undefined })\n                        }\n                        placeholder=\"Lagos\"\n                      />\n                    </div>\n                    <div>\n                      <label className={LABEL_CLS}>State / region</label>\n                      <Input\n                        type=\"text\"\n                        value={config.venueState || ''}\n                        onChange={(e) =>\n                          update({ venueState: e.target.value || undefined })\n                        }\n                        placeholder=\"Lagos\"\n                      />\n                    </div>\n                    <div>\n                      <label className={LABEL_CLS}>Country</label>\n                      <Input\n                        type=\"text\"\n                        value={config.venueCountry || ''}\n                        onChange={(e) =>\n                          update({ venueCountry: e.target.value || undefined })\n                        }\n                        placeholder=\"Nigeria\"\n                      />\n                    </div>\n                  </div>\n                </>\n              )}\n            </>\n          ) : (\n            <>\n              {/* Manual mode with smart dropdowns */}\n              <div>\n                <label className={LABEL_CLS}>Venue name</label>\n                <Input\n                  type=\"text\"\n                  value={config.venueName || ''}\n                  onChange={(e) =>\n                    update({ venueName: e.target.value || undefined })\n                  }\n                  placeholder=\"e.g. Landmark Event Centre\"\n                />\n              </div>\n\n              <div>\n                <label className={LABEL_CLS}>Country</label>\n                <Select\n                  value={venueCountryCode}\n                  onChange={(value) => {\n                    const country = VENUE_COUNTRIES.find(\n                      (c) => c.value === value,\n                    );\n                    update({\n                      venueCountry: country?.label || value || undefined,\n                      // Reset state/city when country changes\n                      venueState: undefined,\n                      venueCity: undefined,\n                    });\n                  }}\n                  options={VENUE_COUNTRIES.map((c) => ({\n                    value: c.value,\n                    label: c.label,\n                  }))}\n                  placeholder=\"Select country...\"\n                  searchable\n                />\n              </div>\n\n              <div className=\"grid grid-cols-2 gap-3\">\n                <div>\n                  <label className={LABEL_CLS}>State / region</label>\n                  {isNigeria && stateOptions.length > 0 ? (\n                    <Select\n                      value={config.venueState || ''}\n                      onChange={(value) =>\n                        update({\n                          venueState: value || undefined,\n                          venueCity: undefined, // Reset city when state changes\n                        })\n                      }\n                      options={stateOptions.map((s) => ({\n                        value: s,\n                        label: s,\n                      }))}\n                      placeholder=\"Select state...\"\n                      searchable\n                    />\n                  ) : (\n                    <Input\n                      type=\"text\"\n                      value={config.venueState || ''}\n                      onChange={(e) =>\n                        update({ venueState: e.target.value || undefined })\n                      }\n                      placeholder=\"State or region\"\n                    />\n                  )}\n                </div>\n                <div>\n                  <label className={LABEL_CLS}>City</label>\n                  {isNigeria && config.venueState && cityOptions.length > 0 ? (\n                    <Select\n                      value={config.venueCity || ''}\n                      onChange={(value) =>\n                        update({ venueCity: value || undefined })\n                      }\n                      options={cityOptions.map((c) => ({ value: c, label: c }))}\n                      placeholder=\"Select city...\"\n                      searchable\n                    />\n                  ) : (\n                    <Input\n                      type=\"text\"\n                      value={config.venueCity || ''}\n                      onChange={(e) =>\n                        update({ venueCity: e.target.value || undefined })\n                      }\n                      placeholder=\"City\"\n                    />\n                  )}\n                </div>\n              </div>\n\n              <div>\n                <label className={LABEL_CLS}>Street address</label>\n                <Input\n                  type=\"text\"\n                  value={config.venueAddress || ''}\n                  onChange={(e) =>\n                    update({ venueAddress: e.target.value || undefined })\n                  }\n                  placeholder=\"Street address\"\n                />\n              </div>\n            </>\n          )}\n        </div>\n      </div>\n\n      {/* Everything a promoter does not need to answer to list a party.\n          Kept one click away rather than on the page: the form asked for\n          thirty things when the job is \"Afrobeats Night, the 29th, 10k a\n          ticket\". */}\n      <div className={SECTION_CLS}>\n        <button\n          type=\"button\"\n          onClick={() => setShowMore((v) => !v)}\n          className=\"flex w-full items-center justify-between rounded-md px-1 py-2 text-left transition-colors hover:bg-[var(--bg-subtle)]\"\n        >\n          <span className=\"text-sm font-medium text-[var(--text-primary)]\">\n            More options\n          </span>\n          <ChevronDown\n            className={` text-[var(--text-muted)] transition-transform duration-[var(--motion-normal)] ${showMore ? 'rotate-180' : ''}`}\n          />\n        </button>\n        {showMore && (\n          <div className=\"mt-3 space-y-4\">\n            {/* Capacity & seating */}\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <label className={LABEL_CLS}>\n                  {fl('venueCapacity', 'Venue capacity')}\n                </label>\n                <Input\n                  type=\"number\"\n                  min={1}\n                  value={config.venueCapacity ?? ''}\n                  onChange={(e) =>\n                    update({\n                      venueCapacity: e.target.value\n                        ? parseInt(e.target.value)\n                        : undefined,\n                    })\n                  }\n                  placeholder=\"100\"\n                />\n              </div>\n              <div>\n                <label className={LABEL_CLS}>\n                  {fl('seating', 'Seating type')}\n                </label>\n                <Select\n                  value={config.seating || 'general-admission'}\n                  onChange={(value) =>\n                    update({\n                      seating: value as TicketedConfig['seating'],\n                    })\n                  }\n                  options={[\n                    { value: 'general-admission', label: 'General admission' },\n                    { value: 'assigned', label: 'Assigned seating' },\n                  ]}\n                />\n              </div>\n            </div>\n\n            {/* Limits */}\n            <div className=\"grid grid-cols-2 gap-4\">\n              <div>\n                <label className={LABEL_CLS}>\n                  {fl('maxPerCustomer', 'Max tickets per customer')}\n                </label>\n                <Input\n                  type=\"number\"\n                  min={1}\n                  value={config.maxPerCustomer ?? ''}\n                  onChange={(e) =>\n                    update({\n                      maxPerCustomer: e.target.value\n                        ? parseInt(e.target.value)\n                        : undefined,\n                    })\n                  }\n                  placeholder=\"10\"\n                />\n              </div>\n              <div>\n                <label className={LABEL_CLS}>\n                  {fl('salesDeadline', 'Sales deadline')}\n                </label>\n                <Input\n                  type=\"datetime-local\"\n                  value={config.salesDeadline || ''}\n                  onChange={(e) =>\n                    update({ salesDeadline: e.target.value || undefined })\n                  }\n                />\n                <p className={HELP_CLS}>Stop ticket sales at this time.</p>\n              </div>\n            </div>\n\n            {/* Online event */}\n            <div className={SECTION_CLS}>\n              <div className=\"flex items-center gap-2 mb-3\">\n                <Globe className=\"size-4 text-[var(--text-muted)]\" />\n                <span className=\"text-sm font-medium text-[var(--text-primary)]\">\n                  Online event\n                </span>\n              </div>\n\n              <div>\n                <label className={LABEL_CLS}>Event URL</label>\n                <Input\n                  type=\"url\"\n                  value={config.onlineEventUrl || ''}\n                  onChange={(e) =>\n                    update({ onlineEventUrl: e.target.value || undefined })\n                  }\n                  placeholder=\"https://zoom.us/j/...\"\n                />\n                <p className={HELP_CLS}>\n                  Link to virtual event (Zoom, Google Meet, etc.). Shown to\n                  attendees after purchase.\n                </p>\n              </div>\n            </div>\n\n            {/* Event Series */}\n            {isSeriesChild ? (\n              <div className={SECTION_CLS}>\n                <div className=\"flex items-center gap-2 px-3 py-2 bg-[var(--bg-subtle)] rounded-md\">\n                  <Repeat className=\"size-4 text-brand-500\" />\n                  <span className=\"text-sm text-[var(--text-secondary)]\">\n                    This event is part of a series.\n                  </span>\n                </div>\n              </div>\n            ) : contentId && onCreateSeries ? (\n              <EventSeriesSection\n                config={config}\n                onCreateSeries={onCreateSeries}\n              />\n            ) : null}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n\n// =============================================================================\n// EVENT SERIES SECTION\n// =============================================================================\n\nconst FREQUENCY_OPTIONS = [\n  { value: 'weekly', label: 'Weekly' },\n  { value: 'biweekly', label: 'Bi-weekly' },\n  { value: 'monthly', label: 'Monthly' },\n  { value: 'daily', label: 'Daily' },\n] as const;\n\nfunction EventSeriesSection({\n  config,\n  onCreateSeries,\n}: {\n  config: TicketedConfig;\n  onCreateSeries: (recurrence: EventRecurrenceRule) => Promise<void>;\n}) {\n  const [expanded, setExpanded] = useState(false);\n  const [frequency, setFrequency] =\n    useState<EventRecurrenceRule['frequency']>('weekly');\n  const [occurrences, setOccurrences] = useState(4);\n  const [endDate, setEndDate] = useState('');\n  const [endMode, setEndMode] = useState<'count' | 'date'>('count');\n  const [creating, setCreating] = useState(false);\n\n  const hasEventDate = !!config.eventDate;\n\n  const handleCreate = async () => {\n    if (!hasEventDate) return;\n    setCreating(true);\n    try {\n      await onCreateSeries({\n        frequency,\n        ...(endMode === 'count' ? { occurrences } : { endDate }),\n      });\n      setExpanded(false);\n    } finally {\n      setCreating(false);\n    }\n  };\n\n  // Generate preview dates\n  const previewDates = hasEventDate\n    ? generatePreviewDates(\n        config.eventDate!,\n        frequency,\n        endMode === 'count' ? occurrences : 8,\n        endMode === 'date' ? endDate : undefined,\n      )\n    : [];\n\n  return (\n    <div className={SECTION_CLS}>\n      <div className=\"flex items-center gap-2 mb-3\">\n        <Repeat className=\"size-4 text-[var(--text-muted)]\" />\n        <span className=\"text-sm font-medium text-[var(--text-primary)]\">\n          Event series\n        </span>\n      </div>\n\n      {!expanded ? (\n        <button\n          type=\"button\"\n          onClick={() => setExpanded(true)}\n          disabled={!hasEventDate}\n          className=\"flex items-center gap-2 text-sm text-brand-500 hover:text-brand-600 font-medium transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n        >\n          <Plus />\n          Create series\n        </button>\n      ) : (\n        <div className=\"space-y-3 p-3 border border-[var(--border-default)] rounded-md\">\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div>\n              <label className={LABEL_CLS}>Frequency</label>\n              <Select\n                value={frequency}\n                onChange={(v) =>\n                  setFrequency(v as EventRecurrenceRule['frequency'])\n                }\n                options={FREQUENCY_OPTIONS.map((o) => ({\n                  value: o.value,\n                  label: o.label,\n                }))}\n              />\n            </div>\n            <div>\n              <label className={LABEL_CLS}>End after</label>\n              <Select\n                value={endMode}\n                onChange={(v) => setEndMode(v as 'count' | 'date')}\n                options={[\n                  { value: 'count', label: 'Number of events' },\n                  { value: 'date', label: 'End date' },\n                ]}\n              />\n            </div>\n          </div>\n\n          {endMode === 'count' ? (\n            <div>\n              <label className={LABEL_CLS}>Number of occurrences</label>\n              <NumberField\n                min={1}\n                max={52}\n                decimal={false}\n                value={occurrences}\n                onChange={(v) => setOccurrences(Math.min(52, v ?? 1))}\n              />\n            </div>\n          ) : (\n            <div>\n              <label className={LABEL_CLS}>End date</label>\n              <DateField\n                value={endDate}\n                min={config.eventDate || ''}\n                onChange={setEndDate}\n              />\n            </div>\n          )}\n\n          {/* Preview */}\n          {previewDates.length > 0 && (\n            <div>\n              <label className={LABEL_CLS}>\n                Preview ({previewDates.length} events)\n              </label>\n              <div className=\"max-h-32 overflow-y-auto space-y-1\">\n                {previewDates.map((d, i) => (\n                  <div\n                    key={i}\n                    className=\"text-xs text-[var(--text-secondary)] px-2 py-1 bg-[var(--bg-subtle)] rounded-md\"\n                  >\n                    {formatPreviewDate(d)}\n                  </div>\n                ))}\n              </div>\n            </div>\n          )}\n\n          <div className=\"flex items-center gap-2 pt-1\">\n            <Button\n              onClick={handleCreate}\n              disabled={\n                creating || !hasEventDate || (endMode === 'date' && !endDate)\n              }\n            >\n              {creating ? 'Creating...' : 'Create series'}\n            </Button>\n            <button\n              type=\"button\"\n              onClick={() => setExpanded(false)}\n              className=\"px-3 py-2 text-sm text-[var(--text-secondary)] hover:text-[var(--text-primary)] transition-colors\"\n            >\n              Cancel\n            </button>\n          </div>\n        </div>\n      )}\n\n      {!hasEventDate && (\n        <p className={HELP_CLS}>\n          Set an event date first to create a recurring series.\n        </p>\n      )}\n    </div>\n  );\n}\n\n// =============================================================================\n// PREVIEW HELPERS\n// =============================================================================\n\nfunction generatePreviewDates(\n  startDate: string,\n  frequency: EventRecurrenceRule['frequency'],\n  maxCount: number,\n  endDate?: string,\n): string[] {\n  const dates: string[] = [];\n  const current = new Date(startDate);\n  const end = endDate ? new Date(endDate) : null;\n\n  for (let i = 0; i < maxCount; i++) {\n    switch (frequency) {\n      case 'daily':\n        current.setDate(current.getDate() + 1);\n        break;\n      case 'weekly':\n        current.setDate(current.getDate() + 7);\n        break;\n      case 'biweekly':\n        current.setDate(current.getDate() + 14);\n        break;\n      case 'monthly':\n        current.setMonth(current.getMonth() + 1);\n        break;\n    }\n\n    if (end && current > end) break;\n    dates.push(current.toISOString().split('T')[0]);\n  }\n\n  return dates;\n}\n\nfunction formatPreviewDate(dateStr: string): string {\n  const date = new Date(dateStr + 'T00:00:00');\n  return date.toLocaleDateString('en-US', {\n    weekday: 'short',\n    month: 'short',\n    day: 'numeric',\n    year: 'numeric',\n  });\n}\n"],"mappings":"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","names":[]}

package/dist/behaviors/use-rentable-siblings.d.ts

@@ -0,0 +1,19 @@
+/**
+ * The other things this business lets out.
+ *
+ * A house sold both whole and by the room is one building under several
+ * names, and the only way the calendar can know that is if the owner says so.
+ * Saying so means picking from a list, which means the panel has to know what
+ * else is on sale.
+ *
+ * Quiet on failure: a container that cannot be chosen is a missing control,
+ * not a broken form, and the rest of the panel still saves.
+ */
+export interface RentableSibling {
+    id: string;
+    title: string;
+}
+export declare function useRentableSiblings(excludeId?: string): {
+    siblings: RentableSibling[];
+    loading: boolean;
+};

package/dist/behaviors/use-rentable-siblings.js

@@ -0,0 +1,37 @@
+"use client";
+import { useEffect, useState } from "react";
+import { contentApi } from "@withpotter/lib/api/content";
+import { useAuth } from "@withpotter/lib/auth-context";
+function useRentableSiblings(excludeId) {
+  const { tenant } = useAuth();
+  const slug = tenant?.slug;
+  const [siblings, setSiblings] = useState([]);
+  const [loading, setLoading] = useState(false);
+  useEffect(() => {
+    if (!slug) return;
+    let cancelled = false;
+    setLoading(true);
+    contentApi.list(slug, "products", { behaviors: ["rentable"], limit: 100 }).then((response) => {
+      if (cancelled) return;
+      const items = response?.data ?? [];
+      setSiblings(
+        items.map((item) => ({
+          id: String(item.id ?? item.documentId ?? ""),
+          title: String(item.title ?? item.name ?? "")
+        })).filter((item) => item.id && item.title && item.id !== excludeId)
+      );
+    }).catch(() => {
+      if (!cancelled) setSiblings([]);
+    }).finally(() => {
+      if (!cancelled) setLoading(false);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [slug, excludeId]);
+  return { siblings, loading };
+}
+export {
+  useRentableSiblings
+};
+//# sourceMappingURL=use-rentable-siblings.js.map

package/dist/behaviors/use-rentable-siblings.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/behaviors/use-rentable-siblings.ts"],"sourcesContent":["'use client';\n\nimport { useEffect, useState } from 'react';\nimport { contentApi } from '@withpotter/lib/api/content';\nimport { useAuth } from '@withpotter/lib/auth-context';\n\n/**\n * The other things this business lets out.\n *\n * A house sold both whole and by the room is one building under several\n * names, and the only way the calendar can know that is if the owner says so.\n * Saying so means picking from a list, which means the panel has to know what\n * else is on sale.\n *\n * Quiet on failure: a container that cannot be chosen is a missing control,\n * not a broken form, and the rest of the panel still saves.\n */\nexport interface RentableSibling {\n  id: string;\n  title: string;\n}\n\nexport function useRentableSiblings(excludeId?: string): {\n  siblings: RentableSibling[];\n  loading: boolean;\n} {\n  const { tenant } = useAuth();\n  const slug = tenant?.slug;\n  const [siblings, setSiblings] = useState<RentableSibling[]>([]);\n  const [loading, setLoading] = useState(false);\n\n  useEffect(() => {\n    if (!slug) return;\n    let cancelled = false;\n    setLoading(true);\n\n    contentApi\n      .list(slug, 'products', { behaviors: ['rentable'], limit: 100 })\n      .then((response) => {\n        if (cancelled) return;\n        const items = (response?.data ?? []) as Array<{\n          id?: string;\n          documentId?: string;\n          title?: string;\n          name?: string;\n        }>;\n        setSiblings(\n          items\n            .map((item) => ({\n              id: String(item.id ?? item.documentId ?? ''),\n              title: String(item.title ?? item.name ?? ''),\n            }))\n            .filter((item) => item.id && item.title && item.id !== excludeId),\n        );\n      })\n      .catch(() => {\n        if (!cancelled) setSiblings([]);\n      })\n      .finally(() => {\n        if (!cancelled) setLoading(false);\n      });\n\n    return () => {\n      cancelled = true;\n    };\n  }, [slug, excludeId]);\n\n  return { siblings, loading };\n}\n"],"mappings":";AAEA,SAAS,WAAW,gBAAgB;AACpC,SAAS,kBAAkB;AAC3B,SAAS,eAAe;AAkBjB,SAAS,oBAAoB,WAGlC;AACA,QAAM,EAAE,OAAO,IAAI,QAAQ;AAC3B,QAAM,OAAO,QAAQ;AACrB,QAAM,CAAC,UAAU,WAAW,IAAI,SAA4B,CAAC,CAAC;AAC9D,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,YAAU,MAAM;AACd,QAAI,CAAC,KAAM;AACX,QAAI,YAAY;AAChB,eAAW,IAAI;AAEf,eACG,KAAK,MAAM,YAAY,EAAE,WAAW,CAAC,UAAU,GAAG,OAAO,IAAI,CAAC,EAC9D,KAAK,CAAC,aAAa;AAClB,UAAI,UAAW;AACf,YAAM,QAAS,UAAU,QAAQ,CAAC;AAMlC;AAAA,QACE,MACG,IAAI,CAAC,UAAU;AAAA,UACd,IAAI,OAAO,KAAK,MAAM,KAAK,cAAc,EAAE;AAAA,UAC3C,OAAO,OAAO,KAAK,SAAS,KAAK,QAAQ,EAAE;AAAA,QAC7C,EAAE,EACD,OAAO,CAAC,SAAS,KAAK,MAAM,KAAK,SAAS,KAAK,OAAO,SAAS;AAAA,MACpE;AAAA,IACF,CAAC,EACA,MAAM,MAAM;AACX,UAAI,CAAC,UAAW,aAAY,CAAC,CAAC;AAAA,IAChC,CAAC,EACA,QAAQ,MAAM;AACb,UAAI,CAAC,UAAW,YAAW,KAAK;AAAA,IAClC,CAAC;AAEH,WAAO,MAAM;AACX,kBAAY;AAAA,IACd;AAAA,EACF,GAAG,CAAC,MAAM,SAAS,CAAC;AAEpB,SAAO,EAAE,UAAU,QAAQ;AAC7B;","names":[]}

package/dist/behaviors.d.ts

@@ -0,0 +1 @@
+export * from './behaviors/index';

package/dist/behaviors.js

@@ -0,0 +1 @@
+export * from './behaviors/index.js';

package/dist/billing/cancel-subscription-dialog.d.ts

@@ -0,0 +1,8 @@
+interface CancelSubscriptionDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onConfirm: () => void;
+    isPending: boolean;
+}
+export declare function CancelSubscriptionDialog({ open, onOpenChange, onConfirm, isPending, }: CancelSubscriptionDialogProps): import("react").JSX.Element;
+export {};

package/dist/billing/cancel-subscription-dialog.js

@@ -0,0 +1,39 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogCancel,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle
+} from "@withpotter/ui-kit/alert-dialog";
+function CancelSubscriptionDialog({
+  open,
+  onOpenChange,
+  onConfirm,
+  isPending
+}) {
+  return /* @__PURE__ */ jsx(AlertDialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [
+    /* @__PURE__ */ jsxs(AlertDialogHeader, { children: [
+      /* @__PURE__ */ jsx(AlertDialogTitle, { children: "Cancel Subscription?" }),
+      /* @__PURE__ */ jsx(AlertDialogDescription, { children: "Your subscription will remain active until the end of the current billing period. After that, you will lose access to premium features." })
+    ] }),
+    /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [
+      /* @__PURE__ */ jsx(AlertDialogCancel, { children: "Keep subscription" }),
+      /* @__PURE__ */ jsx(
+        AlertDialogAction,
+        {
+          onClick: onConfirm,
+          className: "bg-[var(--error)] text-white hover:bg-[var(--error)]",
+          children: isPending ? "Cancelling..." : "Cancel Subscription"
+        }
+      )
+    ] })
+  ] }) });
+}
+export {
+  CancelSubscriptionDialog
+};
+//# sourceMappingURL=cancel-subscription-dialog.js.map

package/dist/billing/cancel-subscription-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/billing/cancel-subscription-dialog.tsx"],"sourcesContent":["import {\n  AlertDialog,\n  AlertDialogAction,\n  AlertDialogCancel,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n} from '@withpotter/ui-kit/alert-dialog';\n\ninterface CancelSubscriptionDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  onConfirm: () => void;\n  isPending: boolean;\n}\n\nexport function CancelSubscriptionDialog({\n  open,\n  onOpenChange,\n  onConfirm,\n  isPending,\n}: CancelSubscriptionDialogProps) {\n  return (\n    <AlertDialog open={open} onOpenChange={onOpenChange}>\n      <AlertDialogContent>\n        <AlertDialogHeader>\n          <AlertDialogTitle>Cancel Subscription?</AlertDialogTitle>\n          <AlertDialogDescription>\n            Your subscription will remain active until the end of the current\n            billing period. After that, you will lose access to premium\n            features.\n          </AlertDialogDescription>\n        </AlertDialogHeader>\n        <AlertDialogFooter>\n          <AlertDialogCancel>Keep subscription</AlertDialogCancel>\n          <AlertDialogAction\n            onClick={onConfirm}\n            className=\"bg-[var(--error)] text-white hover:bg-[var(--error)]\"\n          >\n            {isPending ? 'Cancelling...' : 'Cancel Subscription'}\n          </AlertDialogAction>\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </AlertDialog>\n  );\n}\n"],"mappings":"AA2BQ,SACE,KADF;AA3BR;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AASA,SAAS,yBAAyB;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAkC;AAChC,SACE,oBAAC,eAAY,MAAY,cACvB,+BAAC,sBACC;AAAA,yBAAC,qBACC;AAAA,0BAAC,oBAAiB,kCAAoB;AAAA,MACtC,oBAAC,0BAAuB,qJAIxB;AAAA,OACF;AAAA,IACA,qBAAC,qBACC;AAAA,0BAAC,qBAAkB,+BAAiB;AAAA,MACpC;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,WAAU;AAAA,UAET,sBAAY,kBAAkB;AAAA;AAAA,MACjC;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/billing/change-plan-dialog.d.ts

@@ -0,0 +1,13 @@
+import type { BillingPlan, Subscription } from './helpers';
+interface ChangePlanDialogProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    subscription: Subscription | null | undefined;
+    selectedPlanId: string | null;
+    plans: BillingPlan[] | undefined;
+    formatCurrency: (amount: number, currency: string) => string;
+    onConfirm: () => void;
+    isPending: boolean;
+}
+export declare function ChangePlanDialog({ open, onOpenChange, subscription, selectedPlanId, plans, formatCurrency, onConfirm, isPending, }: ChangePlanDialogProps): import("react").JSX.Element;
+export {};

package/dist/billing/change-plan-dialog.js

@@ -0,0 +1,45 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Button } from "@withpotter/ui-kit/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle
+} from "@withpotter/ui-kit/dialog";
+function ChangePlanDialog({
+  open,
+  onOpenChange,
+  subscription,
+  selectedPlanId,
+  plans,
+  formatCurrency,
+  onConfirm,
+  isPending
+}) {
+  return /* @__PURE__ */ jsx(Dialog, { open, onOpenChange, children: /* @__PURE__ */ jsxs(DialogContent, { children: [
+    /* @__PURE__ */ jsxs(DialogHeader, { children: [
+      /* @__PURE__ */ jsx(DialogTitle, { children: "Change plan" }),
+      /* @__PURE__ */ jsx(DialogDescription, { children: subscription ? "Your new plan will take effect at the end of the current billing period." : "Start your subscription with the selected plan." })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "py-4", children: selectedPlanId && plans && /* @__PURE__ */ jsxs("div", { className: "text-center", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-lg font-semibold text-[var(--text-primary)]", children: plans.find((p) => p.id === selectedPlanId)?.name }),
+      /* @__PURE__ */ jsxs("p", { className: "text-[var(--text-tertiary)]", children: [
+        formatCurrency(
+          plans.find((p) => p.id === selectedPlanId)?.prices["NGN"] || 0,
+          "NGN"
+        ),
+        "/month"
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsxs(DialogFooter, { children: [
+      /* @__PURE__ */ jsx(Button, { variant: "secondary", onClick: () => onOpenChange(false), children: "Cancel" }),
+      /* @__PURE__ */ jsx(Button, { onClick: onConfirm, disabled: isPending, children: isPending ? "Processing..." : "Confirm" })
+    ] })
+  ] }) });
+}
+export {
+  ChangePlanDialog
+};
+//# sourceMappingURL=change-plan-dialog.js.map

package/dist/billing/change-plan-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/billing/change-plan-dialog.tsx"],"sourcesContent":["import { Button } from '@withpotter/ui-kit/button';\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n} from '@withpotter/ui-kit/dialog';\nimport type { BillingPlan, Subscription } from './helpers';\n\ninterface ChangePlanDialogProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  subscription: Subscription | null | undefined;\n  selectedPlanId: string | null;\n  plans: BillingPlan[] | undefined;\n  formatCurrency: (amount: number, currency: string) => string;\n  onConfirm: () => void;\n  isPending: boolean;\n}\n\nexport function ChangePlanDialog({\n  open,\n  onOpenChange,\n  subscription,\n  selectedPlanId,\n  plans,\n  formatCurrency,\n  onConfirm,\n  isPending,\n}: ChangePlanDialogProps) {\n  return (\n    <Dialog open={open} onOpenChange={onOpenChange}>\n      <DialogContent>\n        <DialogHeader>\n          <DialogTitle>Change plan</DialogTitle>\n          <DialogDescription>\n            {subscription\n              ? 'Your new plan will take effect at the end of the current billing period.'\n              : 'Start your subscription with the selected plan.'}\n          </DialogDescription>\n        </DialogHeader>\n        <div className=\"py-4\">\n          {selectedPlanId && plans && (\n            <div className=\"text-center\">\n              <p className=\"text-lg font-semibold text-[var(--text-primary)]\">\n                {plans.find((p) => p.id === selectedPlanId)?.name}\n              </p>\n              <p className=\"text-[var(--text-tertiary)]\">\n                {formatCurrency(\n                  plans.find((p) => p.id === selectedPlanId)?.prices['NGN'] ||\n                    0,\n                  'NGN',\n                )}\n                /month\n              </p>\n            </div>\n          )}\n        </div>\n        <DialogFooter>\n          <Button variant=\"secondary\" onClick={() => onOpenChange(false)}>\n            Cancel\n          </Button>\n          <Button onClick={onConfirm} disabled={isPending}>\n            {isPending ? 'Processing...' : 'Confirm'}\n          </Button>\n        </DialogFooter>\n      </DialogContent>\n    </Dialog>\n  );\n}\n"],"mappings":"AAmCQ,SACE,KADF;AAnCR,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAcA,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA0B;AACxB,SACE,oBAAC,UAAO,MAAY,cAClB,+BAAC,iBACC;AAAA,yBAAC,gBACC;AAAA,0BAAC,eAAY,yBAAW;AAAA,MACxB,oBAAC,qBACE,yBACG,6EACA,mDACN;AAAA,OACF;AAAA,IACA,oBAAC,SAAI,WAAU,QACZ,4BAAkB,SACjB,qBAAC,SAAI,WAAU,eACb;AAAA,0BAAC,OAAE,WAAU,oDACV,gBAAM,KAAK,CAAC,MAAM,EAAE,OAAO,cAAc,GAAG,MAC/C;AAAA,MACA,qBAAC,OAAE,WAAU,+BACV;AAAA;AAAA,UACC,MAAM,KAAK,CAAC,MAAM,EAAE,OAAO,cAAc,GAAG,OAAO,KAAK,KACtD;AAAA,UACF;AAAA,QACF;AAAA,QAAE;AAAA,SAEJ;AAAA,OACF,GAEJ;AAAA,IACA,qBAAC,gBACC;AAAA,0BAAC,UAAO,SAAQ,aAAY,SAAS,MAAM,aAAa,KAAK,GAAG,oBAEhE;AAAA,MACA,oBAAC,UAAO,SAAS,WAAW,UAAU,WACnC,sBAAY,kBAAkB,WACjC;AAAA,OACF;AAAA,KACF,GACF;AAEJ;","names":[]}

package/dist/billing/credits-tab.d.ts

@@ -0,0 +1,8 @@
+import type { EmailCreditsInfo } from './helpers';
+interface CreditsTabProps {
+    emailCredits?: EmailCreditsInfo;
+    onTopUpMessaging: () => void;
+    onTopUpEmail: () => void;
+}
+export declare function CreditsTab({ emailCredits, onTopUpMessaging, onTopUpEmail, }: CreditsTabProps): import("react").JSX.Element;
+export {};

package/dist/billing/credits-tab.js

@@ -0,0 +1,53 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { MessageSquare, Mail, History } from "lucide-react";
+import { MessagingBillingTab } from "./messaging-billing-tab";
+import { EmailBillingTab } from "./email-billing-tab";
+const SEGMENTS = [
+  { id: "messaging", label: "Messaging", icon: /* @__PURE__ */ jsx(MessageSquare, { className: "w-4 h-4" }) },
+  { id: "email", label: "Email", icon: /* @__PURE__ */ jsx(Mail, { className: "w-4 h-4" }) },
+  { id: "history", label: "History", icon: /* @__PURE__ */ jsx(History, { className: "w-4 h-4" }) }
+];
+function CreditsTab({
+  emailCredits,
+  onTopUpMessaging,
+  onTopUpEmail
+}) {
+  const [view, setView] = useState("messaging");
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "inline-flex items-center gap-1 p-1 rounded-lg bg-[var(--bg-muted)] border border-[var(--border-subtle)]",
+        role: "tablist",
+        "aria-label": "Credits sections",
+        children: SEGMENTS.map((seg) => {
+          const isActive = view === seg.id;
+          return /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              role: "tab",
+              "aria-selected": isActive,
+              onClick: () => setView(seg.id),
+              className: `inline-flex items-center gap-2 px-3 py-1.5 text-sm rounded-md transition-colors ${isActive ? "bg-[var(--bg-base)] text-[var(--text-primary)]" : "text-[var(--text-tertiary)] hover:text-[var(--text-primary)]"}`,
+              children: [
+                seg.icon,
+                seg.label
+              ]
+            },
+            seg.id
+          );
+        })
+      }
+    ),
+    view === "messaging" && /* @__PURE__ */ jsx(MessagingBillingTab, { view: "overview", onBuyCredits: onTopUpMessaging }),
+    view === "email" && /* @__PURE__ */ jsx(EmailBillingTab, { creditsInfo: emailCredits, onBuyCredits: onTopUpEmail }),
+    view === "history" && /* @__PURE__ */ jsx(MessagingBillingTab, { view: "history", onBuyCredits: onTopUpMessaging })
+  ] });
+}
+export {
+  CreditsTab
+};
+//# sourceMappingURL=credits-tab.js.map

package/dist/billing/credits-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/billing/credits-tab.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { MessageSquare, Mail, History } from 'lucide-react';\nimport { MessagingBillingTab } from './messaging-billing-tab';\nimport { EmailBillingTab } from './email-billing-tab';\nimport type { EmailCreditsInfo } from './helpers';\n\ntype CreditsView = 'messaging' | 'email' | 'history';\n\ninterface CreditsTabProps {\n  emailCredits?: EmailCreditsInfo;\n  onTopUpMessaging: () => void;\n  onTopUpEmail: () => void;\n}\n\nconst SEGMENTS: { id: CreditsView; label: string; icon: React.ReactNode }[] = [\n  { id: 'messaging', label: 'Messaging', icon: <MessageSquare className=\"w-4 h-4\" /> },\n  { id: 'email', label: 'Email', icon: <Mail className=\"w-4 h-4\" /> },\n  { id: 'history', label: 'History', icon: <History className=\"w-4 h-4\" /> },\n];\n\nexport function CreditsTab({\n  emailCredits,\n  onTopUpMessaging,\n  onTopUpEmail,\n}: CreditsTabProps) {\n  const [view, setView] = useState<CreditsView>('messaging');\n\n  return (\n    <div className=\"space-y-6\">\n      <div\n        className=\"inline-flex items-center gap-1 p-1 rounded-lg bg-[var(--bg-muted)] border border-[var(--border-subtle)]\"\n        role=\"tablist\"\n        aria-label=\"Credits sections\"\n      >\n        {SEGMENTS.map((seg) => {\n          const isActive = view === seg.id;\n          return (\n            <button\n              key={seg.id}\n              type=\"button\"\n              role=\"tab\"\n              aria-selected={isActive}\n              onClick={() => setView(seg.id)}\n              className={`inline-flex items-center gap-2 px-3 py-1.5 text-sm rounded-md transition-colors ${\n                isActive\n                  ? 'bg-[var(--bg-base)] text-[var(--text-primary)]'\n                  : 'text-[var(--text-tertiary)] hover:text-[var(--text-primary)]'\n              }`}\n            >\n              {seg.icon}\n              {seg.label}\n            </button>\n          );\n        })}\n      </div>\n\n      {view === 'messaging' && (\n        <MessagingBillingTab view=\"overview\" onBuyCredits={onTopUpMessaging} />\n      )}\n      {view === 'email' && (\n        <EmailBillingTab creditsInfo={emailCredits} onBuyCredits={onTopUpEmail} />\n      )}\n      {view === 'history' && (\n        <MessagingBillingTab view=\"history\" onBuyCredits={onTopUpMessaging} />\n      )}\n    </div>\n  );\n}\n"],"mappings":";AAiB+C,cAsBnC,YAtBmC;AAf/C,SAAS,gBAAgB;AACzB,SAAS,eAAe,MAAM,eAAe;AAC7C,SAAS,2BAA2B;AACpC,SAAS,uBAAuB;AAWhC,MAAM,WAAwE;AAAA,EAC5E,EAAE,IAAI,aAAa,OAAO,aAAa,MAAM,oBAAC,iBAAc,WAAU,WAAU,EAAG;AAAA,EACnF,EAAE,IAAI,SAAS,OAAO,SAAS,MAAM,oBAAC,QAAK,WAAU,WAAU,EAAG;AAAA,EAClE,EAAE,IAAI,WAAW,OAAO,WAAW,MAAM,oBAAC,WAAQ,WAAU,WAAU,EAAG;AAC3E;AAEO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AACF,GAAoB;AAClB,QAAM,CAAC,MAAM,OAAO,IAAI,SAAsB,WAAW;AAEzD,SACE,qBAAC,SAAI,WAAU,aACb;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,WAAU;AAAA,QACV,MAAK;AAAA,QACL,cAAW;AAAA,QAEV,mBAAS,IAAI,CAAC,QAAQ;AACrB,gBAAM,WAAW,SAAS,IAAI;AAC9B,iBACE;AAAA,YAAC;AAAA;AAAA,cAEC,MAAK;AAAA,cACL,MAAK;AAAA,cACL,iBAAe;AAAA,cACf,SAAS,MAAM,QAAQ,IAAI,EAAE;AAAA,cAC7B,WAAW,mFACT,WACI,mDACA,8DACN;AAAA,cAEC;AAAA,oBAAI;AAAA,gBACJ,IAAI;AAAA;AAAA;AAAA,YAZA,IAAI;AAAA,UAaX;AAAA,QAEJ,CAAC;AAAA;AAAA,IACH;AAAA,IAEC,SAAS,eACR,oBAAC,uBAAoB,MAAK,YAAW,cAAc,kBAAkB;AAAA,IAEtE,SAAS,WACR,oBAAC,mBAAgB,aAAa,cAAc,cAAc,cAAc;AAAA,IAEzE,SAAS,aACR,oBAAC,uBAAoB,MAAK,WAAU,cAAc,kBAAkB;AAAA,KAExE;AAEJ;","names":[]}

package/dist/billing/email-billing-tab.d.ts

@@ -0,0 +1,7 @@
+import type { EmailCreditsInfo } from './helpers';
+interface EmailBillingTabProps {
+    creditsInfo?: EmailCreditsInfo;
+    onBuyCredits: () => void;
+}
+export declare function EmailBillingTab({ creditsInfo, onBuyCredits, }: EmailBillingTabProps): import("react").JSX.Element;
+export {};

package/dist/billing/email-billing-tab.js

@@ -0,0 +1,100 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Mail, TrendingUp, AlertTriangle, Plus, Info } from "lucide-react";
+function EmailBillingTab({
+  creditsInfo,
+  onBuyCredits
+}) {
+  const currentBalance = creditsInfo?.balance ?? 0;
+  const usedThisPeriod = creditsInfo?.usedThisPeriod ?? 0;
+  const monthlyAllowance = creditsInfo?.monthlyAllowance ?? 0;
+  const nextResetDate = creditsInfo?.nextResetDate ?? null;
+  return /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ jsxs("div", { className: "bg-[var(--bg-base)] rounded-md border border-[var(--border-default)]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "px-5 py-4 border-b border-[var(--border-subtle)] flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+          /* @__PURE__ */ jsx("div", { className: "p-2 rounded-md bg-[var(--accent-secondary)] text-brand-500", children: /* @__PURE__ */ jsx(Mail, { className: "w-5 h-5" }) }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("h2", { className: "text-base font-medium text-[var(--text-primary)]", children: "Email credit balance" }),
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-tertiary)]", children: "Available email sending credits" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs(
+          "button",
+          {
+            onClick: onBuyCredits,
+            className: "inline-flex items-center gap-2 px-4 py-2 bg-brand-500 text-[var(--text-inverse)] rounded-md text-sm font-medium hover:bg-brand-600 transition-colors cursor-pointer",
+            children: [
+              /* @__PURE__ */ jsx(Plus, { className: "w-4 h-4" }),
+              "Buy credits"
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "p-5", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("p", { className: "text-4xl font-bold text-[var(--text-primary)]", children: currentBalance }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-tertiary)] mt-1", children: "credits available" })
+        ] }),
+        creditsInfo?.isLowBalance && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 px-3 py-2 bg-[var(--warning-bg)] border border-[var(--warning)]/20 rounded-md text-[var(--warning)] text-sm", children: [
+          /* @__PURE__ */ jsx(AlertTriangle, { className: "w-4 h-4" }),
+          "Low balance"
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "bg-[var(--bg-base)] rounded-md border border-[var(--border-default)]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "px-5 py-4 border-b border-[var(--border-subtle)] flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx("div", { className: "p-2 rounded-md bg-[var(--accent-secondary)] text-brand-500", children: /* @__PURE__ */ jsx(TrendingUp, { className: "w-5 h-5" }) }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("h2", { className: "text-base font-medium text-[var(--text-primary)]", children: "Usage this month" }),
+          /* @__PURE__ */ jsx("p", { className: "text-sm text-[var(--text-tertiary)]", children: "Emails sent this billing period" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "p-5", children: [
+        /* @__PURE__ */ jsxs("div", { className: "p-4 bg-[var(--bg-subtle)] rounded-md", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+            /* @__PURE__ */ jsx(Mail, { className: "w-4 h-4 text-[var(--text-tertiary)]" }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--text-secondary)]", children: "Email" })
+          ] }),
+          /* @__PURE__ */ jsx("p", { className: "text-2xl font-bold text-[var(--text-primary)]", children: usedThisPeriod }),
+          /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-tertiary)] mt-1", children: "credits used" })
+        ] }),
+        monthlyAllowance > 0 && /* @__PURE__ */ jsxs("div", { className: "mt-4 pt-4 border-t border-[var(--border-subtle)]", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+            /* @__PURE__ */ jsx("span", { className: "text-[var(--text-secondary)]", children: "Monthly allowance" }),
+            /* @__PURE__ */ jsxs("span", { className: "font-medium text-[var(--text-primary)]", children: [
+              usedThisPeriod,
+              " / ",
+              monthlyAllowance,
+              " used"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "mt-2 h-2 bg-[var(--bg-muted)] rounded-full overflow-hidden", children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "h-full bg-brand-500 rounded-full transition-all",
+              style: {
+                width: `${Math.min(usedThisPeriod / monthlyAllowance * 100, 100)}%`
+              }
+            }
+          ) }),
+          nextResetDate && /* @__PURE__ */ jsxs("p", { className: "text-xs text-[var(--text-tertiary)] mt-2", children: [
+            "Resets on ",
+            new Date(nextResetDate).toLocaleDateString()
+          ] })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "bg-[var(--info-bg)] border border-[var(--info)]/20 rounded-md p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex gap-3", children: [
+      /* @__PURE__ */ jsx(Info, { className: "w-5 h-5 text-[var(--info)] flex-shrink-0 mt-0.5" }),
+      /* @__PURE__ */ jsxs("div", { className: "text-sm", children: [
+        /* @__PURE__ */ jsx("p", { className: "font-medium text-[var(--info)] mb-1", children: "About email credits" }),
+        /* @__PURE__ */ jsx("p", { className: "text-[var(--info)]", children: "Email credits are consumed when sending emails to your customers." })
+      ] })
+    ] }) })
+  ] });
+}
+export {
+  EmailBillingTab
+};
+//# sourceMappingURL=email-billing-tab.js.map

package/dist/billing/email-billing-tab.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/billing/email-billing-tab.tsx"],"sourcesContent":["'use client';\n\nimport { Mail, TrendingUp, AlertTriangle, Plus, Info } from 'lucide-react';\nimport type { EmailCreditsInfo } from './helpers';\n\ninterface EmailBillingTabProps {\n  creditsInfo?: EmailCreditsInfo;\n  onBuyCredits: () => void;\n}\n\nexport function EmailBillingTab({\n  creditsInfo,\n  onBuyCredits,\n}: EmailBillingTabProps) {\n  const currentBalance = creditsInfo?.balance ?? 0;\n  const usedThisPeriod = creditsInfo?.usedThisPeriod ?? 0;\n  const monthlyAllowance = creditsInfo?.monthlyAllowance ?? 0;\n  const nextResetDate = creditsInfo?.nextResetDate ?? null;\n\n  return (\n    <div className=\"space-y-4\">\n      <div className=\"bg-[var(--bg-base)] rounded-md border border-[var(--border-default)]\">\n        <div className=\"px-5 py-4 border-b border-[var(--border-subtle)] flex items-center justify-between\">\n          <div className=\"flex items-center gap-3\">\n            <div className=\"p-2 rounded-md bg-[var(--accent-secondary)] text-brand-500\">\n              <Mail className=\"w-5 h-5\" />\n            </div>\n            <div>\n              <h2 className=\"text-base font-medium text-[var(--text-primary)]\">\n                Email credit balance\n              </h2>\n              <p className=\"text-sm text-[var(--text-tertiary)]\">\n                Available email sending credits\n              </p>\n            </div>\n          </div>\n          <button\n            onClick={onBuyCredits}\n            className=\"inline-flex items-center gap-2 px-4 py-2 bg-brand-500 text-[var(--text-inverse)] rounded-md text-sm font-medium hover:bg-brand-600 transition-colors cursor-pointer\"\n          >\n            <Plus className=\"w-4 h-4\" />\n            Buy credits\n          </button>\n        </div>\n\n        <div className=\"p-5\">\n          <div className=\"flex items-center justify-between\">\n            <div>\n              <p className=\"text-4xl font-bold text-[var(--text-primary)]\">\n                {currentBalance}\n              </p>\n              <p className=\"text-sm text-[var(--text-tertiary)] mt-1\">\n                credits available\n              </p>\n            </div>\n            {creditsInfo?.isLowBalance && (\n              <div className=\"flex items-center gap-2 px-3 py-2 bg-[var(--warning-bg)] border border-[var(--warning)]/20 rounded-md text-[var(--warning)] text-sm\">\n                <AlertTriangle className=\"w-4 h-4\" />\n                Low balance\n              </div>\n            )}\n          </div>\n        </div>\n      </div>\n\n      <div className=\"bg-[var(--bg-base)] rounded-md border border-[var(--border-default)]\">\n        <div className=\"px-5 py-4 border-b border-[var(--border-subtle)] flex items-center gap-3\">\n          <div className=\"p-2 rounded-md bg-[var(--accent-secondary)] text-brand-500\">\n            <TrendingUp className=\"w-5 h-5\" />\n          </div>\n          <div>\n            <h2 className=\"text-base font-medium text-[var(--text-primary)]\">\n              Usage this month\n            </h2>\n            <p className=\"text-sm text-[var(--text-tertiary)]\">\n              Emails sent this billing period\n            </p>\n          </div>\n        </div>\n\n        <div className=\"p-5\">\n          <div className=\"p-4 bg-[var(--bg-subtle)] rounded-md\">\n            <div className=\"flex items-center gap-2 mb-2\">\n              <Mail className=\"w-4 h-4 text-[var(--text-tertiary)]\" />\n              <span className=\"text-sm font-medium text-[var(--text-secondary)]\">\n                Email\n              </span>\n            </div>\n            <p className=\"text-2xl font-bold text-[var(--text-primary)]\">\n              {usedThisPeriod}\n            </p>\n            <p className=\"text-xs text-[var(--text-tertiary)] mt-1\">\n              credits used\n            </p>\n          </div>\n\n          {monthlyAllowance > 0 && (\n            <div className=\"mt-4 pt-4 border-t border-[var(--border-subtle)]\">\n              <div className=\"flex items-center justify-between text-sm\">\n                <span className=\"text-[var(--text-secondary)]\">\n                  Monthly allowance\n                </span>\n                <span className=\"font-medium text-[var(--text-primary)]\">\n                  {usedThisPeriod} / {monthlyAllowance} used\n                </span>\n              </div>\n              <div className=\"mt-2 h-2 bg-[var(--bg-muted)] rounded-full overflow-hidden\">\n                <div\n                  className=\"h-full bg-brand-500 rounded-full transition-all\"\n                  style={{\n                    width: `${Math.min((usedThisPeriod / monthlyAllowance) * 100, 100)}%`,\n                  }}\n                />\n              </div>\n              {nextResetDate && (\n                <p className=\"text-xs text-[var(--text-tertiary)] mt-2\">\n                  Resets on {new Date(nextResetDate).toLocaleDateString()}\n                </p>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n\n      <div className=\"bg-[var(--info-bg)] border border-[var(--info)]/20 rounded-md p-4\">\n        <div className=\"flex gap-3\">\n          <Info className=\"w-5 h-5 text-[var(--info)] flex-shrink-0 mt-0.5\" />\n          <div className=\"text-sm\">\n            <p className=\"font-medium text-[var(--info)] mb-1\">\n              About email credits\n            </p>\n            <p className=\"text-[var(--info)]\">\n              Email credits are consumed when sending emails to your customers.\n            </p>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/billing/email-credits-modal.d.ts

@@ -0,0 +1,13 @@
+import type { EmailCreditPack, EmailCreditsInfo } from './helpers';
+interface EmailCreditsModalProps {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    packs: EmailCreditPack[];
+    creditsInfo: EmailCreditsInfo | null | undefined;
+    isPending: boolean;
+    onPurchase: (credits: number) => void;
+    formatCurrency: (amount: number, currency?: string) => string;
+    currency: string;
+}
+export declare function EmailCreditsModal({ open, onOpenChange, packs, creditsInfo, isPending, onPurchase, formatCurrency, currency, }: EmailCreditsModalProps): import("react").JSX.Element;
+export {};