@withpotter/components 0.13.0-next.101

package/dist/mobile/mobile-redesign-mockups/loyalty-earn-rule-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mobile/mobile-redesign-mockups/loyalty-earn-rule-editor.tsx"],"sourcesContent":["'use client';\n\nimport {\n  Calendar,\n  Check,\n  Gift,\n  ShoppingBag,\n  Star,\n  Users,\n  X,\n} from 'lucide-react';\nimport { tokens } from '../mobile-redesign-theme';\nimport { Caption } from './pill-presets-tailwind-utilit';\nimport {\n  ChipRow,\n  SheetHeader,\n  SheetOverlay,\n  ToggleRow,\n} from './recover-sheets-shared-chrome';\nimport { LoyaltyMemberDetail } from './loyalty-member-detail';\n\n/**\n * Loyalty — Earn rule editor\n *\n * One chapter of the mobile visual contract. ~40 screens cite this file as\n * the spec they implement, so the markup here is the artifact and is never\n * converted onto primitives — see CLAUDE.md. Splitting it moves nothing:\n * every screen is the same markup, in a file named for what it draws.\n */\n\n// ─────────────────────────────────────────────────────────────\n// Loyalty — Earn rule editor\n// ─────────────────────────────────────────────────────────────\nexport function LoyaltyEarnRuleEditor() {\n  return (\n    <div className=\"flex h-full flex-col\">\n      <div\n        className=\"sticky top-0 z-10 flex h-[88px] items-end px-4 pb-2 pt-2\"\n        style={{\n          background: tokens.surface,\n          borderBottom: `1px solid ${tokens.border}`,\n        }}\n      >\n        <div className=\"flex h-12 w-full items-center justify-between\">\n          <button\n            type=\"button\"\n            className=\"flex h-10 items-center gap-1 px-1 text-sm font-medium\"\n            style={{ color: tokens.textSecondary }}\n          >\n            <X className=\"size-4\" />\n            Cancel\n          </button>\n          <p className=\"text-md font-semibold text-white\">New earn rule</p>\n          <button\n            type=\"button\"\n            className=\"text-sm font-semibold\"\n            style={{ color: tokens.accent }}\n          >\n            Save\n          </button>\n        </div>\n      </div>\n\n      <div className=\"flex-1 overflow-y-auto px-4 pb-32 pt-4\">\n        <p className=\"text-2xl font-semibold leading-tight tracking-tight text-white\">\n          When does a member earn?\n        </p>\n        <p\n          className=\"mt-2 text-xs leading-relaxed\"\n          style={{ color: tokens.textSecondary }}\n        >\n          Pick a trigger, then how points are calculated. You can cap and\n          schedule it.\n        </p>\n\n        <Caption>\n          <span className=\"mt-5 inline-block\">Trigger</span>\n        </Caption>\n        <div className=\"mt-2 space-y-2\">\n          {[\n            {\n              icon: ShoppingBag,\n              label: 'Order placed',\n              sub: 'Member completes an order',\n              active: true,\n            },\n            {\n              icon: Star,\n              label: 'Review submitted',\n              sub: 'After purchase, leaves a 4★+ review',\n            },\n            {\n              icon: Calendar,\n              label: 'Birthday',\n              sub: 'On member\\u2019s birthday',\n            },\n            {\n              icon: Users,\n              label: 'Referral converts',\n              sub: 'Referred friend places first order',\n            },\n          ].map((t) => (\n            <button\n              type=\"button\"\n              key={t.label}\n              className=\"flex w-full items-center gap-3 rounded-2xl border p-3.5 text-left\"\n              style={{\n                borderColor: t.active ? tokens.accent : tokens.border,\n                background: t.active ? 'rgba(17,109,255,0.08)' : tokens.card,\n              }}\n            >\n              <div\n                className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl\"\n                style={{\n                  background: t.active\n                    ? 'rgba(17,109,255,0.18)'\n                    : tokens.elevated,\n                }}\n              >\n                <t.icon\n                  className=\"h-4 w-4\"\n                  style={{\n                    color: t.active ? tokens.accent : tokens.textSecondary,\n                  }}\n                />\n              </div>\n              <div className=\"min-w-0 flex-1\">\n                <p className=\"truncate text-sm font-medium text-white\">\n                  {t.label}\n                </p>\n                <p\n                  className=\"mt-0.5 truncate text-2xs\"\n                  style={{ color: tokens.textTertiary }}\n                >\n                  {t.sub}\n                </p>\n              </div>\n              {t.active && (\n                <Check className=\"size-4\" style={{ color: tokens.accent }} />\n              )}\n            </button>\n          ))}\n        </div>\n\n        <Caption>\n          <span className=\"mt-5 inline-block\">Calculation</span>\n        </Caption>\n        <div\n          className=\"mt-2 rounded-2xl border p-4\"\n          style={{ borderColor: tokens.border, background: tokens.card }}\n        >\n          <p className=\"text-2xs\" style={{ color: tokens.textTertiary }}>\n            Award\n          </p>\n          <div className=\"mt-2 flex items-center gap-2\">\n            <div\n              className=\"flex h-12 w-20 items-center justify-center rounded-xl border text-base font-bold tabular-nums text-white\"\n              style={{\n                borderColor: tokens.border,\n                background: tokens.elevated,\n              }}\n            >\n              1\n            </div>\n            <p className=\"text-sm\" style={{ color: tokens.textSecondary }}>\n              point per\n            </p>\n            <div\n              className=\"flex h-12 flex-1 items-center justify-center rounded-xl border text-base font-bold tabular-nums text-white\"\n              style={{\n                borderColor: tokens.border,\n                background: tokens.elevated,\n              }}\n            >\n              ₦100\n            </div>\n          </div>\n          <p className=\"mt-3 text-2xs\" style={{ color: tokens.textTertiary }}>\n            Example: a ₦12,800 order earns 128 points\n          </p>\n        </div>\n\n        <Caption>\n          <span className=\"mt-5 inline-block\">Multiplier</span>\n        </Caption>\n        <div className=\"mt-2\">\n          <ChipRow options={['1x', '2x', '3x', '5x']} active=\"1x\" />\n        </div>\n\n        <Caption>\n          <span className=\"mt-5 inline-block\">Schedule</span>\n        </Caption>\n        <div className=\"mt-2 space-y-2\">\n          <ToggleRow label=\"Always on\" hint=\"Active any time of week\" />\n          <ToggleRow\n            label=\"Cap monthly earn\"\n            hint=\"Max 1,000 points per member / month\"\n            active={false}\n          />\n        </div>\n      </div>\n\n      <div\n        className=\"absolute inset-x-0 bottom-0 z-20 flex h-[80px] items-center px-4 pb-4 pt-2\"\n        style={{\n          background: `${tokens.surface}f2`,\n          borderTop: `1px solid ${tokens.border}`,\n        }}\n      >\n        <button\n          type=\"button\"\n          className=\"flex h-12 w-full items-center justify-center gap-1.5 rounded-2xl text-sm font-semibold\"\n          style={{ background: tokens.accent, color: tokens.accentFg }}\n        >\n          Save rule\n          <Check className=\"size-4\" />\n        </button>\n      </div>\n    </div>\n  );\n}\n\n// ─────────────────────────────────────────────────────────────\n// Loyalty — Redeem sheet\n// ─────────────────────────────────────────────────────────────\nexport function LoyaltyRedeemSheet() {\n  return (\n    <SheetOverlay background={<LoyaltyMemberDetail />}>\n      <SheetHeader\n        title=\"Approve redemption\"\n        subtitle=\"Tunde Adekunle · Gold · 2,140 pts available\"\n      />\n\n      <div\n        className=\"mt-4 rounded-2xl border p-4\"\n        style={{\n          borderColor: 'rgba(244,183,64,0.32)',\n          background: 'rgba(244,183,64,0.06)',\n        }}\n      >\n        <div className=\"flex items-center gap-3\">\n          <div\n            className=\"flex h-12 w-12 items-center justify-center rounded-2xl\"\n            style={{ background: 'rgba(244,183,64,0.18)' }}\n          >\n            <Gift className=\"size-5\" style={{ color: tokens.warn }} />\n          </div>\n          <div className=\"min-w-0 flex-1\">\n            <p className=\"truncate text-lg font-semibold text-white\">\n              Free dessert\n            </p>\n            <p\n              className=\"mt-0.5 text-2xs\"\n              style={{ color: tokens.textSecondary }}\n            >\n              Costs 500 points · single use\n            </p>\n          </div>\n        </div>\n\n        <div\n          className=\"mt-3 rounded-xl border p-3\"\n          style={{\n            borderColor: tokens.borderStrong,\n            background: tokens.elevated,\n          }}\n        >\n          <p className=\"text-3xs\" style={{ color: tokens.textTertiary }}>\n            Reward code\n          </p>\n          <p className=\"mt-1 text-title font-bold tracking-[0.2em] tabular-nums text-white\">\n            FRDESS-9X4K\n          </p>\n        </div>\n      </div>\n\n      <div className=\"mt-4\">\n        <p\n          className=\"px-1 text-3xs font-medium\"\n          style={{ color: tokens.textTertiary }}\n        >\n          Balance after\n        </p>\n        <div\n          className=\"mt-2 rounded-2xl border p-4\"\n          style={{ borderColor: tokens.border, background: tokens.elevated }}\n        >\n          <div className=\"flex items-baseline justify-between\">\n            <p className=\"text-2xs\" style={{ color: tokens.textTertiary }}>\n              2,140 − 500\n            </p>\n            <p className=\"text-title font-bold text-white\">1,640 pts</p>\n          </div>\n          <p className=\"mt-1 text-3xs\" style={{ color: tokens.textTertiary }}>\n            Still Gold tier\n          </p>\n        </div>\n      </div>\n\n      <div className=\"mt-4 space-y-2\">\n        <ToggleRow label=\"Send code by SMS\" />\n        <ToggleRow\n          label=\"Apply to current order\"\n          hint=\"Order #4127 · ₦12,800\"\n          active={false}\n        />\n      </div>\n\n      <div\n        className=\"sticky bottom-0 -mx-4 mt-4 grid grid-cols-2 gap-2 px-4 pb-2 pt-3\"\n        style={{\n          background: `linear-gradient(to top, ${tokens.card} 70%, transparent)`,\n        }}\n      >\n        <button\n          type=\"button\"\n          className=\"flex h-12 items-center justify-center rounded-2xl border text-sm font-medium text-white\"\n          style={{ borderColor: tokens.border, background: tokens.elevated }}\n        >\n          Decline\n        </button>\n        <button\n          type=\"button\"\n          className=\"flex h-12 items-center justify-center gap-2 rounded-2xl text-sm font-semibold\"\n          style={{ background: tokens.warn, color: '#1A1308' }}\n        >\n          <Check className=\"size-4\" />\n          Approve · 500 pts\n        </button>\n      </div>\n    </SheetOverlay>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/mobile/mobile-redesign-mockups/loyalty-first-class-on-the-pho.d.ts

@@ -0,0 +1,2 @@
+/** Loyalty — first-class on the phone */
+export declare function ChapterLoyaltyFirstClassOnThePho(): import("react").JSX.Element;

package/dist/mobile/mobile-redesign-mockups/loyalty-first-class-on-the-pho.js

@@ -0,0 +1,433 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import {
+  ArchetypeGroup,
+  PhoneFrame
+} from "./pill-presets-tailwind-utilit";
+import { WizardPayments } from "./editor-blog-long-form";
+import { LoyaltyHub } from "./crm-send-message-sheet";
+import { LoyaltyMemberDetail } from "./loyalty-member-detail";
+import {
+  LoyaltyEarnRuleEditor,
+  LoyaltyRedeemSheet
+} from "./loyalty-earn-rule-editor";
+import { WizardDomainSearch } from "./configure-domain-wizard";
+import { WizardDomain, WizardShipping } from "./configure-domain-wizard-2";
+import { WizardTax } from "./configure-tax-rates";
+import { CalendarMonth } from "./plan-calendar-schedule-resou";
+import { CalendarDay, ScheduleWeek } from "./plan-calendar-schedule-resou-2";
+import { FloorPlan, ResourcesHub } from "./plan-calendar-schedule-resou-3";
+import { StaffShifts } from "./plan-calendar-schedule-resou-4";
+import {
+  AppearanceHub,
+  ResourceDetail
+} from "./plan-calendar-schedule-resou-5";
+import {
+  ThemeLibrary,
+  ThemeSwitchPreview
+} from "./appearance-run-the-storefron";
+import { PageEditor, PagesList } from "./appearance-run-the-storefron-2";
+import {
+  BrandingEditor,
+  NavigationEditor
+} from "./appearance-run-the-storefron-3";
+import { ComposeSheetOverlay } from "./compose-sheet-universal-acti";
+import { MeTab, TodayEmpty } from "./tranche-1-me-empty-events-pe";
+import { EventDetail } from "./today-first-run-empty-state";
+import { AttendeesList } from "./events-detail-attendees-chec";
+import {
+  CheckInDashboard,
+  TicketDetail
+} from "./events-detail-attendees-chec-2";
+import { TodaySubscriptions } from "./events-detail-attendees-chec-3";
+import { TodayDigital, TodayProperty } from "./today-per-intent-variants";
+import { NotificationsInbox } from "./tranche-2-inbox-search-produ";
+import { GlobalSearch } from "./global-search";
+function ChapterLoyaltyFirstClassOnThePho() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      ArchetypeGroup,
+      {
+        eyebrow: "LOYALTY",
+        title: "Loyalty \u2014 first-class on the phone",
+        purpose: "Loyalty is a sibling of Marketing inside Store, not a buried setting. Merchants can see members, tune earn rules, and approve redemptions without a desktop.",
+        children: [
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Loyalty hub",
+              caption: "Program snapshot, top members, earn rules, redemptions queue",
+              children: /* @__PURE__ */ jsx(LoyaltyHub, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Member detail",
+              caption: "Tier, points, ledger, adjust + redeem actions",
+              children: /* @__PURE__ */ jsx(LoyaltyMemberDetail, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Earn rule editor",
+              caption: "Trigger, multiplier, caps, schedule \u2014 wizard form",
+              children: /* @__PURE__ */ jsx(LoyaltyEarnRuleEditor, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Redemption sheet",
+              caption: "Approve member redemption with code preview",
+              children: /* @__PURE__ */ jsx(LoyaltyRedeemSheet, {})
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      ArchetypeGroup,
+      {
+        eyebrow: "CONFIGURE",
+        title: "Settings as wizards",
+        purpose: "Settings become guided 3\u20135 step flows reachable from the Store hub.",
+        children: [
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Payments setup wizard",
+              caption: "3-step guided flow with sensible defaults",
+              children: /* @__PURE__ */ jsx(WizardPayments, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Domain \u2014 search",
+              caption: "Find a domain \xB7 exact-match hero, alternates, bring-your-own",
+              children: /* @__PURE__ */ jsx(WizardDomainSearch, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Domain wizard",
+              caption: "Connect domain \u2014 DNS records, verify, primary toggle",
+              children: /* @__PURE__ */ jsx(WizardDomain, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Shipping zones",
+              caption: "Zone editor \u2014 countries, rates, conditions",
+              children: /* @__PURE__ */ jsx(WizardShipping, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Tax rates",
+              caption: "Region rules \u2014 VAT, overrides, inclusive pricing toggle",
+              children: /* @__PURE__ */ jsx(WizardTax, {})
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      ArchetypeGroup,
+      {
+        eyebrow: "PLAN",
+        title: "Calendar, schedule & resources",
+        purpose: "Time and capacity are first-class. The calendar shows everything happening across intents on a single timeline; resources track what's bookable, who's working, and what's available right now.",
+        children: [
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Calendar \u2014 month",
+              caption: "Activity heatmap, intent dots per day, today highlighted",
+              children: /* @__PURE__ */ jsx(CalendarMonth, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Calendar \u2014 day timeline",
+              caption: "Vertical timeline \u2014 bookings, deliveries, shifts, content publishes",
+              children: /* @__PURE__ */ jsx(CalendarDay, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Schedule \u2014 week strip",
+              caption: "Horizontal day picker \u2192 list of all events for that day",
+              children: /* @__PURE__ */ jsx(ScheduleWeek, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Resources hub",
+              caption: "Tables, staff, rooms, vehicles \u2014 utilization at a glance",
+              children: /* @__PURE__ */ jsx(ResourcesHub, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Floor plan \u2014 live tables",
+              caption: "Visual grid, status colors, tap a table to see the booking",
+              children: /* @__PURE__ */ jsx(FloorPlan, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Staff shifts",
+              caption: "Week roster \u2014 drag to assign, conflicts surfaced inline",
+              children: /* @__PURE__ */ jsx(StaffShifts, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Resource detail \u2014 Table 6",
+              caption: "Capacity, hours, today's bookings, utilization sparkline",
+              children: /* @__PURE__ */ jsx(ResourceDetail, {})
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      ArchetypeGroup,
+      {
+        eyebrow: "APPEARANCE",
+        title: "Run the storefront from a phone",
+        purpose: "Switch templates, manage pages, and edit branding without ever opening a desktop. Preview before publish; the live site only changes when you say so.",
+        children: [
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Appearance hub",
+              caption: "Current theme card \u2192 Pages, Branding, Navigation, Theme library",
+              children: /* @__PURE__ */ jsx(AppearanceHub, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Theme library",
+              caption: "Browse alternates by industry \u2014 Editorial, Bold, Minimal, Market",
+              children: /* @__PURE__ */ jsx(ThemeLibrary, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Switch theme \u2014 preview",
+              caption: "Compare current vs new, content preserved, publish is a single button",
+              children: /* @__PURE__ */ jsx(ThemeSwitchPreview, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Pages",
+              caption: "Home, Menu, About, Contact, Reservations \u2014 drag to reorder, hide from nav",
+              children: /* @__PURE__ */ jsx(PagesList, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Page editor \u2014 sections",
+              caption: "Section list with drag handles; tap to edit, swipe to hide/delete",
+              children: /* @__PURE__ */ jsx(PageEditor, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Branding \u2014 logo, colors, fonts",
+              caption: "One screen for the visual identity that propagates across every theme",
+              children: /* @__PURE__ */ jsx(BrandingEditor, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Navigation editor",
+              caption: "Header and footer menus \u2014 reorder, nest, toggle visibility",
+              children: /* @__PURE__ */ jsx(NavigationEditor, {})
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ArchetypeGroup,
+      {
+        eyebrow: "COMPOSE",
+        title: "Universal action sheet",
+        purpose: "The + FAB opens one sheet \u2014 Create actions on top, Feedback and Help always last. Two taps from any screen.",
+        children: /* @__PURE__ */ jsx(
+          PhoneFrame,
+          {
+            label: "Compose sheet \u2014 open",
+            caption: "Tap +, sheet rises over a dimmed Today",
+            children: /* @__PURE__ */ jsx(ComposeSheetOverlay, {})
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ArchetypeGroup,
+      {
+        eyebrow: "ME",
+        title: "Identity, workspaces & account",
+        purpose: "The fifth tab. Personal identity lives here \u2014 your profile, the workspaces you belong to, app preferences, security, and sign-out. Account is not buried inside Store.",
+        children: /* @__PURE__ */ jsx(
+          PhoneFrame,
+          {
+            label: "Me tab",
+            caption: "Profile card \u2192 workspace switcher \u2192 preferences \u2192 security",
+            children: /* @__PURE__ */ jsx(MeTab, {})
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ArchetypeGroup,
+      {
+        eyebrow: "EMPTY",
+        title: "First-run & zero data",
+        purpose: "Every screen has a first-run state that teaches before it lists. Today's empty state is a guided checklist, not a sad face.",
+        children: /* @__PURE__ */ jsx(
+          PhoneFrame,
+          {
+            label: "Today \u2014 first-run",
+            caption: "Greeting, setup checklist, sample data primer, single CTA",
+            children: /* @__PURE__ */ jsx(TodayEmpty, {})
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      ArchetypeGroup,
+      {
+        eyebrow: "EVENTS",
+        title: "Tickets, attendees & day-of operations",
+        purpose: "Event organizers run the whole event from a phone \u2014 sell tickets, see who's coming, scan them in at the door, and resolve refunds without ever opening a desktop.",
+        children: [
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Event detail",
+              caption: "Hero summary, sales meter, attendees shortcut, check-in CTA",
+              children: /* @__PURE__ */ jsx(EventDetail, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Attendees list",
+              caption: "Ticket holders, status chips, search, bulk message",
+              children: /* @__PURE__ */ jsx(AttendeesList, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Check-in dashboard",
+              caption: "Live counter, scanner viewfinder, name search, recent scans",
+              children: /* @__PURE__ */ jsx(CheckInDashboard, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Ticket detail",
+              caption: "QR code, attendee, status, refund & transfer rail",
+              children: /* @__PURE__ */ jsx(TicketDetail, {})
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      ArchetypeGroup,
+      {
+        eyebrow: "INTENTS",
+        title: "Today \u2014 per-intent variants",
+        purpose: "The Today archetype reskins per intent. Subscriptions lead with MRR & churn; digital products lead with downloads & license keys; property leads with bookings & occupancy. Same primitives, intent-native first reads.",
+        children: [
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Today \u2014 Subscriptions",
+              caption: "MRR hero, churn watch, renewals due this week, dunning queue",
+              children: /* @__PURE__ */ jsx(TodaySubscriptions, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Today \u2014 Digital products",
+              caption: "Downloads today, top sellers, license keys issued, refund window",
+              children: /* @__PURE__ */ jsx(TodayDigital, {})
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            PhoneFrame,
+            {
+              label: "Today \u2014 Rent property",
+              caption: "Occupancy %, check-ins today, upcoming arrivals, maintenance queue",
+              children: /* @__PURE__ */ jsx(TodayProperty, {})
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ArchetypeGroup,
+      {
+        eyebrow: "INBOX",
+        title: "Notifications",
+        purpose: "Alerts are first-class. The notifications inbox is the cross-cutting alert hub for orders, bookings, payments and system signals. (Messages \u2014 unified inbox & thread \u2014 deferred to a later tranche.)",
+        children: /* @__PURE__ */ jsx(
+          PhoneFrame,
+          {
+            label: "Notifications",
+            caption: "Pinned, today, earlier \xB7 type chips \xB7 read / unread",
+            children: /* @__PURE__ */ jsx(NotificationsInbox, {})
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      ArchetypeGroup,
+      {
+        eyebrow: "FIND",
+        title: "Global search",
+        purpose: "One search field, every record. Recent queries up top, then results grouped by intent \u2014 orders, customers, products, bookings \u2014 with smart inline previews.",
+        children: /* @__PURE__ */ jsx(
+          PhoneFrame,
+          {
+            label: "Search \u2014 results",
+            caption: "Grouped results \xB7 recents \xB7 jump-to actions",
+            children: /* @__PURE__ */ jsx(GlobalSearch, {})
+          }
+        )
+      }
+    )
+  ] });
+}
+export {
+  ChapterLoyaltyFirstClassOnThePho
+};
+//# sourceMappingURL=loyalty-first-class-on-the-pho.js.map

package/dist/mobile/mobile-redesign-mockups/loyalty-first-class-on-the-pho.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/mobile/mobile-redesign-mockups/loyalty-first-class-on-the-pho.tsx"],"sourcesContent":["'use client';\n\n/**\n * The mobile redesign mockups, routed at `/dashboard/mobile-redesign`.\n *\n * A VISUAL CONTRACT, not an implementation: ~40 screens cite it as the spec\n * they were built from, and CLAUDE.md says its hand-drawn markup IS the\n * artifact and must never be converted onto primitives. That is why it grew to\n * 15,386 lines — nothing was allowed to touch it, including a knife.\n *\n * Splitting is the one change that is safe, because it moves markup rather\n * than rewriting it. Every screen now lives in a file named for what it draws;\n * this shell only assembles them.\n */\n\nimport {\n  tokens,\n  lightTokens,\n  cssVarsFromTheme,\n} from '../mobile-redesign-theme';\nimport {\n  ArchetypeGroup,\n  Hero,\n  PhoneFrame,\n} from './pill-presets-tailwind-utilit';\nimport { TodaySingleIntent } from './today-single-intent';\nimport { ManageOrders, TodayMultiIntent } from './today-multi-intent';\nimport { ManageMultiIntent } from './manage-multi-intent-sell-boo';\nimport {\n  CatalogMultiIntent,\n  CatalogSingleIntent,\n} from './catalog-single-intent';\nimport { DetailOrder, EditorProductStep } from './detail-order';\nimport { EditorBlogLongForm, WizardPayments } from './editor-blog-long-form';\nimport { StoreTab } from './wizard-payments';\nimport { InsightsHub } from './drill-chrome-sub-app-header-';\nimport { InsightsSalesDrill, MoneyHub } from './insights-sales-drill';\nimport { BillingHub, MoneyPayoutDetail } from './money-payout-detail';\nimport {\n  BillingCredits,\n  BillingInvoices,\n  BillingPlanUpgrade,\n  BillingTopUpSheet,\n  BillingUsage,\n} from './billing-hub';\nimport { MarketingHub } from './billing-hub-2';\nimport { CustomerDetail } from './marketing-hub';\nimport { RecoverRefundOrder } from './recover-sheets-shared-chrome';\nimport {\n  CustomersList,\n  RecoverCancelBooking,\n  RecoverSuspendCustomer,\n} from './cancel-booking-sheet';\nimport { CustomerProfileFull } from './crm-customer-profile-full';\nimport { CustomerTimeline, SegmentsHub } from './crm-customer-timeline-tab';\nimport { LoyaltyHub, SendMessageSheet } from './crm-send-message-sheet';\nimport { LoyaltyMemberDetail } from './loyalty-member-detail';\nimport {\n  LoyaltyEarnRuleEditor,\n  LoyaltyRedeemSheet,\n} from './loyalty-earn-rule-editor';\nimport { WizardDomainSearch } from './configure-domain-wizard';\nimport { WizardDomain, WizardShipping } from './configure-domain-wizard-2';\nimport { WizardTax } from './configure-tax-rates';\nimport { CalendarMonth } from './plan-calendar-schedule-resou';\nimport { CalendarDay, ScheduleWeek } from './plan-calendar-schedule-resou-2';\nimport { FloorPlan, ResourcesHub } from './plan-calendar-schedule-resou-3';\nimport { StaffShifts } from './plan-calendar-schedule-resou-4';\nimport {\n  AppearanceHub,\n  ResourceDetail,\n} from './plan-calendar-schedule-resou-5';\nimport {\n  ThemeLibrary,\n  ThemeSwitchPreview,\n} from './appearance-run-the-storefron';\nimport { PageEditor, PagesList } from './appearance-run-the-storefron-2';\nimport {\n  BrandingEditor,\n  NavigationEditor,\n} from './appearance-run-the-storefron-3';\nimport { ComposeSheetOverlay } from './compose-sheet-universal-acti';\nimport {\n  ManageOrdersLight,\n  TodaySingleIntentLight,\n} from './apple-white-theme-preview-sc';\nimport { MeTab, TodayEmpty } from './tranche-1-me-empty-events-pe';\nimport { EventDetail } from './today-first-run-empty-state';\nimport { AttendeesList } from './events-detail-attendees-chec';\nimport {\n  CheckInDashboard,\n  TicketDetail,\n} from './events-detail-attendees-chec-2';\nimport { TodaySubscriptions } from './events-detail-attendees-chec-3';\nimport { TodayDigital, TodayProperty } from './today-per-intent-variants';\nimport { NotificationsInbox } from './tranche-2-inbox-search-produ';\nimport { GlobalSearch } from './global-search';\nimport { ProductsList } from './products-list-detail';\nimport { DiscountsList, ProductDetail } from './products-list-detail-2';\nimport { BookingRequestDetail } from './discounts-list';\nimport { StaffProfile } from './staff-member-profile';\nimport { BlogList, MediaLibrary } from './blog-list';\nimport { Footer } from './media-library';\n\n/** Loyalty — first-class on the phone */\nexport function ChapterLoyaltyFirstClassOnThePho() {\n  return (\n    <>\n      <ArchetypeGroup\n        eyebrow=\"LOYALTY\"\n        title=\"Loyalty — first-class on the phone\"\n        purpose=\"Loyalty is a sibling of Marketing inside Store, not a buried setting. Merchants can see members, tune earn rules, and approve redemptions without a desktop.\"\n      >\n        <PhoneFrame\n          label=\"Loyalty hub\"\n          caption=\"Program snapshot, top members, earn rules, redemptions queue\"\n        >\n          <LoyaltyHub />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Member detail\"\n          caption=\"Tier, points, ledger, adjust + redeem actions\"\n        >\n          <LoyaltyMemberDetail />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Earn rule editor\"\n          caption=\"Trigger, multiplier, caps, schedule — wizard form\"\n        >\n          <LoyaltyEarnRuleEditor />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Redemption sheet\"\n          caption=\"Approve member redemption with code preview\"\n        >\n          <LoyaltyRedeemSheet />\n        </PhoneFrame>\n      </ArchetypeGroup>\n      <ArchetypeGroup\n        eyebrow=\"CONFIGURE\"\n        title=\"Settings as wizards\"\n        purpose=\"Settings become guided 3–5 step flows reachable from the Store hub.\"\n      >\n        <PhoneFrame\n          label=\"Payments setup wizard\"\n          caption=\"3-step guided flow with sensible defaults\"\n        >\n          <WizardPayments />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Domain — search\"\n          caption=\"Find a domain · exact-match hero, alternates, bring-your-own\"\n        >\n          <WizardDomainSearch />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Domain wizard\"\n          caption=\"Connect domain — DNS records, verify, primary toggle\"\n        >\n          <WizardDomain />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Shipping zones\"\n          caption=\"Zone editor — countries, rates, conditions\"\n        >\n          <WizardShipping />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Tax rates\"\n          caption=\"Region rules — VAT, overrides, inclusive pricing toggle\"\n        >\n          <WizardTax />\n        </PhoneFrame>\n      </ArchetypeGroup>\n      <ArchetypeGroup\n        eyebrow=\"PLAN\"\n        title=\"Calendar, schedule & resources\"\n        purpose=\"Time and capacity are first-class. The calendar shows everything happening across intents on a single timeline; resources track what's bookable, who's working, and what's available right now.\"\n      >\n        <PhoneFrame\n          label=\"Calendar — month\"\n          caption=\"Activity heatmap, intent dots per day, today highlighted\"\n        >\n          <CalendarMonth />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Calendar — day timeline\"\n          caption=\"Vertical timeline — bookings, deliveries, shifts, content publishes\"\n        >\n          <CalendarDay />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Schedule — week strip\"\n          caption=\"Horizontal day picker → list of all events for that day\"\n        >\n          <ScheduleWeek />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Resources hub\"\n          caption=\"Tables, staff, rooms, vehicles — utilization at a glance\"\n        >\n          <ResourcesHub />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Floor plan — live tables\"\n          caption=\"Visual grid, status colors, tap a table to see the booking\"\n        >\n          <FloorPlan />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Staff shifts\"\n          caption=\"Week roster — drag to assign, conflicts surfaced inline\"\n        >\n          <StaffShifts />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Resource detail — Table 6\"\n          caption=\"Capacity, hours, today's bookings, utilization sparkline\"\n        >\n          <ResourceDetail />\n        </PhoneFrame>\n      </ArchetypeGroup>\n      <ArchetypeGroup\n        eyebrow=\"APPEARANCE\"\n        title=\"Run the storefront from a phone\"\n        purpose=\"Switch templates, manage pages, and edit branding without ever opening a desktop. Preview before publish; the live site only changes when you say so.\"\n      >\n        <PhoneFrame\n          label=\"Appearance hub\"\n          caption=\"Current theme card → Pages, Branding, Navigation, Theme library\"\n        >\n          <AppearanceHub />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Theme library\"\n          caption=\"Browse alternates by industry — Editorial, Bold, Minimal, Market\"\n        >\n          <ThemeLibrary />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Switch theme — preview\"\n          caption=\"Compare current vs new, content preserved, publish is a single button\"\n        >\n          <ThemeSwitchPreview />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Pages\"\n          caption=\"Home, Menu, About, Contact, Reservations — drag to reorder, hide from nav\"\n        >\n          <PagesList />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Page editor — sections\"\n          caption=\"Section list with drag handles; tap to edit, swipe to hide/delete\"\n        >\n          <PageEditor />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Branding — logo, colors, fonts\"\n          caption=\"One screen for the visual identity that propagates across every theme\"\n        >\n          <BrandingEditor />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Navigation editor\"\n          caption=\"Header and footer menus — reorder, nest, toggle visibility\"\n        >\n          <NavigationEditor />\n        </PhoneFrame>\n      </ArchetypeGroup>\n      <ArchetypeGroup\n        eyebrow=\"COMPOSE\"\n        title=\"Universal action sheet\"\n        purpose=\"The + FAB opens one sheet — Create actions on top, Feedback and Help always last. Two taps from any screen.\"\n      >\n        <PhoneFrame\n          label=\"Compose sheet — open\"\n          caption=\"Tap +, sheet rises over a dimmed Today\"\n        >\n          <ComposeSheetOverlay />\n        </PhoneFrame>\n      </ArchetypeGroup>\n      <ArchetypeGroup\n        eyebrow=\"ME\"\n        title=\"Identity, workspaces & account\"\n        purpose=\"The fifth tab. Personal identity lives here — your profile, the workspaces you belong to, app preferences, security, and sign-out. Account is not buried inside Store.\"\n      >\n        <PhoneFrame\n          label=\"Me tab\"\n          caption=\"Profile card → workspace switcher → preferences → security\"\n        >\n          <MeTab />\n        </PhoneFrame>\n      </ArchetypeGroup>\n      <ArchetypeGroup\n        eyebrow=\"EMPTY\"\n        title=\"First-run & zero data\"\n        purpose=\"Every screen has a first-run state that teaches before it lists. Today's empty state is a guided checklist, not a sad face.\"\n      >\n        <PhoneFrame\n          label=\"Today — first-run\"\n          caption=\"Greeting, setup checklist, sample data primer, single CTA\"\n        >\n          <TodayEmpty />\n        </PhoneFrame>\n      </ArchetypeGroup>\n      <ArchetypeGroup\n        eyebrow=\"EVENTS\"\n        title=\"Tickets, attendees & day-of operations\"\n        purpose=\"Event organizers run the whole event from a phone — sell tickets, see who's coming, scan them in at the door, and resolve refunds without ever opening a desktop.\"\n      >\n        <PhoneFrame\n          label=\"Event detail\"\n          caption=\"Hero summary, sales meter, attendees shortcut, check-in CTA\"\n        >\n          <EventDetail />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Attendees list\"\n          caption=\"Ticket holders, status chips, search, bulk message\"\n        >\n          <AttendeesList />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Check-in dashboard\"\n          caption=\"Live counter, scanner viewfinder, name search, recent scans\"\n        >\n          <CheckInDashboard />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Ticket detail\"\n          caption=\"QR code, attendee, status, refund &amp; transfer rail\"\n        >\n          <TicketDetail />\n        </PhoneFrame>\n      </ArchetypeGroup>\n      <ArchetypeGroup\n        eyebrow=\"INTENTS\"\n        title=\"Today — per-intent variants\"\n        purpose=\"The Today archetype reskins per intent. Subscriptions lead with MRR &amp; churn; digital products lead with downloads &amp; license keys; property leads with bookings &amp; occupancy. Same primitives, intent-native first reads.\"\n      >\n        <PhoneFrame\n          label=\"Today — Subscriptions\"\n          caption=\"MRR hero, churn watch, renewals due this week, dunning queue\"\n        >\n          <TodaySubscriptions />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Today — Digital products\"\n          caption=\"Downloads today, top sellers, license keys issued, refund window\"\n        >\n          <TodayDigital />\n        </PhoneFrame>\n        <PhoneFrame\n          label=\"Today — Rent property\"\n          caption=\"Occupancy %, check-ins today, upcoming arrivals, maintenance queue\"\n        >\n          <TodayProperty />\n        </PhoneFrame>\n      </ArchetypeGroup>\n      <ArchetypeGroup\n        eyebrow=\"INBOX\"\n        title=\"Notifications\"\n        purpose=\"Alerts are first-class. The notifications inbox is the cross-cutting alert hub for orders, bookings, payments and system signals. (Messages — unified inbox & thread — deferred to a later tranche.)\"\n      >\n        <PhoneFrame\n          label=\"Notifications\"\n          caption=\"Pinned, today, earlier · type chips · read / unread\"\n        >\n          <NotificationsInbox />\n        </PhoneFrame>\n        {/* DEFERRED — messaging surfaces (unified inbox + thread composer) are parked.\n            Reasons: channel integrations (SMS / WhatsApp / Email / IG) and quick-reply\n            templating need separate product spec before mockups are useful.\n            Components MessagesInbox / MessageThread / ChannelBadge / ThreadRow / Bubble\n            / QuickReply remain defined below for when this tranche resumes.\n        <PhoneFrame label=\"Messages — inbox\" caption=\"Unified channels, unread counts, swipe to archive\">\n          <MessagesInbox />\n        </PhoneFrame>\n        <PhoneFrame label=\"Message — thread\" caption=\"Customer context rail, channel-aware composer, quick replies\">\n          <MessageThread />\n        </PhoneFrame>\n        */}\n      </ArchetypeGroup>\n      <ArchetypeGroup\n        eyebrow=\"FIND\"\n        title=\"Global search\"\n        purpose=\"One search field, every record. Recent queries up top, then results grouped by intent — orders, customers, products, bookings — with smart inline previews.\"\n      >\n        <PhoneFrame\n          label=\"Search — results\"\n          caption=\"Grouped results · recents · jump-to actions\"\n        >\n          <GlobalSearch />\n        </PhoneFrame>\n      </ArchetypeGroup>\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/mobile/mobile-redesign-mockups/loyalty-member-detail.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Loyalty — Member detail
+ *
+ * One chapter of the mobile visual contract. ~40 screens cite this file as
+ * the spec they implement, so the markup here is the artifact and is never
+ * converted onto primitives — see CLAUDE.md. Splitting it moves nothing:
+ * every screen is the same markup, in a file named for what it draws.
+ */
+export declare function LoyaltyMemberDetail(): import("react").JSX.Element;