@withpotter/components 0.13.0-next.101

package/dist/mobile/screens/domains.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mobile/screens/domains.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { MobileScreenFrame } from '@withpotter/components/mobile/screen-frame-host';\nimport { Globe, Plus } from 'lucide-react';\nimport {\n  ListRow,\n  Section,\n  SectionHeader,\n  StickyCtaBar,\n  stickyCtaScrollPadding,\n} from '@withpotter/components/mobile/primitives';\nimport type { TenantDomain } from '@withpotter/pages-core/dashboard/settings/domains/_components/helpers';\nimport { DOMAIN_STATUS_LABELS } from '@withpotter/pages-core/dashboard/settings/domains/_components/helpers';\nimport {\n  daysUntil,\n  expiryStageFor,\n  formatDate,\n} from '@withpotter/pages-core/dashboard/settings/domains/_components/lifecycle';\n\n/**\n * Mobile screen — Domains\n *\n * Domains had no mobile screen at all, which is why the route rendered the\n * desktop body with no shell around it: `PageHeader` and `DetailHeader` are\n * both `lg`-only, so a phone got a bare card floating at the top of the page\n * with no title, no action and no tab bar. Every other route in the dashboard\n * branches to a screen like this one.\n *\n * The row is the same idea as the desktop one, cut to a phone: a tone-coloured\n * hint carrying the condition, and the renewal only when it is worth a glance.\n */\n\nexport interface MobileDomainsScreenProps {\n  domains: TenantDomain[];\n  loading: boolean;\n  /** The free Box address, always reachable. */\n  defaultHost: string;\n  onOpen: (domainId: string) => void;\n  onAdd: () => void;\n}\n\n/** Condition and tone, matching the desktop row so the two never disagree. */\nfunction condition(domain: TenantDomain): {\n  tone: 'good' | 'warn' | 'bad';\n  hint: string;\n} {\n  if (domain.isTransferring) return { tone: 'warn', hint: 'Moving here' };\n  if (domain.pendingOrderId) return { tone: 'warn', hint: 'Renewing' };\n\n  if (domain.status === 'expired') return { tone: 'bad', hint: 'Run out' };\n  if (domain.status === 'failed') {\n    return { tone: 'bad', hint: 'Records not found' };\n  }\n\n  if (domain.status !== 'active') {\n    return {\n      tone: 'warn',\n      hint: DOMAIN_STATUS_LABELS[domain.status] ?? 'Setting up',\n    };\n  }\n\n  // Active, and what it is actually doing. `status` stops here and never moves\n  // again, so without the watch's answer a store that went dark months ago\n  // reads the same on this list as one that has never missed a request.\n  if (domain.health === 'no_certificate') {\n    return { tone: 'warn', hint: 'Visitors are being warned' };\n  }\n  if (domain.health === 'dns_broken') {\n    return { tone: 'bad', hint: 'Not reaching your store' };\n  }\n  if (domain.health === 'not_responding') {\n    return { tone: 'bad', hint: 'Store not answering' };\n  }\n  if (domain.health === 'serving_errors') {\n    return { tone: 'bad', hint: 'Showing an error page' };\n  }\n\n  // Working. The renewal is the only thing left worth saying, and only when\n  // it is close enough to act on.\n  if (domain.expiresAt && !domain.isExternal) {\n    const stage = expiryStageFor(domain.expiresAt);\n    if (stage === 'expiring') {\n      const left = daysUntil(domain.expiresAt);\n      return {\n        tone: 'bad',\n        hint: left <= 0 ? 'Runs out today' : `Runs out in ${left} days`,\n      };\n    }\n    if (stage !== 'healthy') return { tone: 'bad', hint: 'Past its date' };\n    return { tone: 'good', hint: `Renews ${formatDate(domain.expiresAt)}` };\n  }\n\n  return { tone: 'good', hint: 'Working' };\n}\n\nexport function MobileDomainsScreen({\n  domains,\n  loading,\n  defaultHost,\n  onOpen,\n  onAdd,\n}: MobileDomainsScreenProps) {\n  const hasPrimary = domains.some((domain) => domain.isPrimary);\n\n  return (\n    // The screen owns its own frame, title and tab bar. MobileShell is only a\n    // theme provider (\"Each screen handles its own layout\"), so a route that\n    // does not draw these gets none of them, which is exactly what Domains had:\n    // a bare card at the top of a phone with no title and no way anywhere.\n    /* The frame owns the app row, the sheet, the title and the tab bar. Every\n       native screen used to draw all four itself — the same root div, the same\n       `env(safe-area-inset-top)`, the same title, the same `<BottomTabBar/>`,\n       thirteen times and already disagreeing on padding and title size. */\n    <MobileScreenFrame title={'Domains'}>\n      <div\n        className=\"flex-1 px-4\"\n        style={{ paddingBottom: stickyCtaScrollPadding(true) }}\n      >\n        {loading ? (\n          <Section>\n            <p\n              className=\"py-8 text-center text-sm\"\n              style={{ color: 'var(--mb-text-tertiary)' }}\n            >\n              Loading your addresses\n            </p>\n          </Section>\n        ) : domains.length ===\n          0 /* No empty state. \"Always works\" below is an address, and the sticky\n             bar is already the way to add another — a panel announcing there\n             is no address, above an address, under a button that adds one. */ ? null : (\n          <Section>\n            <SectionHeader title=\"Your addresses\" />\n            {domains.map((domain, index) => {\n              const { tone, hint } = condition(domain);\n              return (\n                <div\n                  key={domain.id}\n                  className=\"motion-safe:animate-[slide-up_var(--motion-normal)_var(--motion-ease-out)_both]\"\n                  style={{ animationDelay: `${Math.min(index, 6) * 40}ms` }}\n                >\n                  <ListRow\n                    icon={Globe}\n                    label={domain.domain}\n                    hint={domain.isPrimary ? `Primary · ${hint}` : hint}\n                    tone={tone}\n                    onClick={() => onOpen(domain.id)}\n                  />\n                </div>\n              );\n            })}\n          </Section>\n        )}\n\n        {/* The floor the store never falls through. Listed like the others so\n            \"what is my address\" has one answer in one place. */}\n        <Section>\n          <SectionHeader title=\"Always works\" />\n          <ListRow\n            icon={Globe}\n            label={defaultHost}\n            hint={hasPrimary ? 'Free backup address' : 'Primary · Free'}\n            tone=\"good\"\n          />\n        </Section>\n      </div>\n\n      <StickyCtaBar respectTabBar>\n        <button\n          type=\"button\"\n          onClick={onAdd}\n          className=\"flex w-full items-center justify-center gap-2 rounded-xl py-3 text-sm font-semibold\"\n          style={{ background: 'var(--mb-accent)', color: '#fff' }}\n        >\n          <Plus className=\"size-4\" />\n          Add domain\n        </button>\n      </StickyCtaBar>\n    </MobileScreenFrame>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/mobile/screens/event-detail.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+interface MobileEventDetailScreenProps {
+    title: string;
+    statusLabel?: string;
+    statusTone?: 'good' | 'warn' | 'bad' | 'accent';
+    whenLabel: string;
+    locationLabel?: string;
+    capacity?: number;
+    sold?: number;
+    revenueLabel?: string;
+    refundedLabel?: string;
+    refundedCount?: number;
+    coverColor?: string;
+    description?: string;
+    ticketTypes?: {
+        id: string;
+        name: string;
+        price: string;
+        sold: number;
+        capacity: number;
+    }[];
+    onBack?: () => void;
+    onMore?: () => void;
+    onShare?: () => void;
+    onCheckIn?: () => void;
+    onAttendees?: () => void;
+    onPromote?: () => void;
+    onDiscounts?: () => void;
+    onEdit?: () => void;
+    /** Action menu items. If any are provided the “…” button opens an action sheet. */
+    isPublished?: boolean;
+    onPreview?: () => void;
+    onToggleStatus?: () => void;
+    onDuplicate?: () => void;
+    onDelete?: () => void;
+}
+export declare function MobileEventDetailScreen({ title, statusLabel, statusTone, whenLabel, locationLabel, capacity, sold, revenueLabel, refundedLabel, refundedCount, coverColor, description, ticketTypes, onBack, onMore, onShare, onCheckIn, onAttendees, onPromote, onDiscounts, onEdit, isPublished, onPreview, onToggleStatus, onDuplicate, onDelete, }: MobileEventDetailScreenProps): React.JSX.Element;
+export {};