@adminide-stack/yantra-mobile 12.0.142-alpha.0 → 12.0.144

package/lib/features/webbuilder/components/PublishSheet.js

@@ -1,72 +1,605 @@
-import {jsx,jsxs}from'react/jsx-runtime';import {useState,useEffect}from'react';import {StyleSheet,Text,View,Linking,Share,TextInput}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {publishSlug,displayHost,isValidPublishSlug}from'../buildFragments.js';import {PrimaryButton,SecondaryButton,Sheet}from'./ui.js';function PublishSheet({
+import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {useState,useEffect,useCallback,useMemo}from'react';import {StyleSheet,Text,View,TextInput,ScrollView,Linking,Clipboard,Alert,ActivityIndicator}from'react-native';import {MaterialCommunityIcons}from'@expo/vector-icons';import {Tap,DIM}from'../../inbox/components/Tap.js';import {publishSlug,displayHost,isValidPublishSlug}from'../buildFragments.js';import {EXPORT_TARGETS}from'../exportCode.js';import {publishKind,projectNameOfLiveUrl,AI_BUSY_TEXT,publishStatusLine,publishPrimaryLabel,UNPUBLISH_ACTION,unpublishParams,plainActionError,CUSTOM_DOMAIN_ACTION,domainStatusParams,parseDomainDns,isNotAttachedError,normalizeDomain,isValidDomain,dnsStateText,REGISTRAR_GUIDES,parsePrePublishReport,reviewFindings,findingsForTab,scoreBadges,TAB_EMPTY,domainSteps,formatTtl,recordHostLabel,recordValueLabel,dnsStateLabel,removeDomainParams,attachDomainParams,SEVERITY_LABEL}from'../publishTools.js';import {PrimaryButton,Sheet,SecondaryButton}from'./ui.js';var _a;
+let AsyncStorage = null;
+try {
+  AsyncStorage = (_a = require("@react-native-async-storage/async-storage").default) != null ? _a : null;
+} catch (e) {
+  AsyncStorage = null;
+}
+const domainKey = (projectName) => `yantra.webbuilder.customDomain.${projectName}`;
+const DOMAIN_TIMEOUT_MS = 6e4;
+const UNPUBLISH_TIMEOUT_MS = 12e4;
+function toneColors(tone, theme) {
+  if (tone === "success") return {
+    bg: theme.goodSoft,
+    ink: theme.good
+  };
+  if (tone === "warning") return {
+    bg: theme.warnSoft,
+    ink: theme.warn
+  };
+  if (tone === "info") return {
+    bg: theme.infoSoft,
+    ink: theme.info
+  };
+  return {
+    bg: theme.chip,
+    ink: theme.muted
+  };
+}
+function StatusPill({
+  tone,
+  text,
+  theme
+}) {
+  const c = toneColors(tone, theme);
+  return /* @__PURE__ */ jsxs(View, { style: [styles.pill, {
+    backgroundColor: c.bg
+  }], testID: "webbuilder-publish-status", children: [
+    /* @__PURE__ */ jsx(View, { style: [styles.pillDot, {
+      backgroundColor: c.ink
+    }] }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.pillText, {
+      color: c.ink
+    }], children: text })
+  ] });
+}
+function SectionTitle({
+  children,
+  theme
+}) {
+  return /* @__PURE__ */ jsx(Text, { style: [styles.section, {
+    color: theme.muted
+  }], children });
+}
+function MenuRow({
+  icon,
+  label,
+  hint,
+  onPress,
+  theme,
+  trailing = "chevron-right",
+  disabled = false,
+  danger = false,
+  testID
+}) {
+  return /* @__PURE__ */ jsxs(Tap, { onPress, disabled, accessibilityRole: "button", accessibilityLabel: hint ? `${label}. ${hint}` : label, style: [styles.row, disabled && styles.disabled], pressedStyle: DIM, testID, children: [
+    /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: icon, size: 20, color: danger ? theme.crit : theme.muted }),
+    /* @__PURE__ */ jsxs(View, { style: styles.rowText, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.rowLabel, {
+        color: danger ? theme.crit : theme.ink
+      }], children: label }),
+      hint ? /* @__PURE__ */ jsx(Text, { style: [styles.rowHint, {
+        color: theme.muted
+      }], children: hint }) : null
+    ] }),
+    trailing ? /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: trailing, size: 20, color: theme.faint }) : null
+  ] });
+}
+function Divider({
+  theme
+}) {
+  return /* @__PURE__ */ jsx(View, { style: [styles.divider, {
+    backgroundColor: theme.border
+  }] });
+}
+function BackRow({
+  label,
+  onPress,
+  theme
+}) {
+  return /* @__PURE__ */ jsxs(Tap, { onPress, accessibilityRole: "button", accessibilityLabel: `Back to ${label}`, style: styles.back, pressedStyle: DIM, children: [
+    /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "chevron-left", size: 22, color: theme.ink }),
+    /* @__PURE__ */ jsx(Text, { style: [styles.backText, {
+      color: theme.ink
+    }], children: label })
+  ] });
+}
+function copy(text) {
+  try {
+    Clipboard.setString(text);
+  } catch (e) {
+  }
+}
+function StepList({
+  view,
+  attached,
+  theme
+}) {
+  const steps = domainSteps({
+    attached,
+    state: view == null ? void 0 : view.state,
+    autoConfigured: view == null ? void 0 : view.autoConfigured
+  });
+  return /* @__PURE__ */ jsx(View, { style: styles.steps, children: steps.map((s, i) => {
+    const done = s.status === "done";
+    const failed = s.status === "failed";
+    const active = s.status === "active";
+    let ring = theme.border;
+    if (done) ring = theme.good;
+    else if (failed) ring = theme.crit;
+    else if (active) ring = theme.accent;
+    return /* @__PURE__ */ jsxs(View, { style: styles.step, children: [
+      /* @__PURE__ */ jsx(View, { style: [styles.stepDot, {
+        borderColor: ring,
+        backgroundColor: done ? theme.good : "transparent"
+      }], children: done ? /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "check", size: 14, color: theme.card }) : /* @__PURE__ */ jsx(Text, { style: [styles.stepNum, {
+        color: failed ? theme.crit : theme.muted
+      }], children: i + 1 }) }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.stepLabel, {
+        color: active || done ? theme.ink : theme.muted
+      }], numberOfLines: 2, children: s.label })
+    ] }, s.id);
+  }) });
+}
+function RecordCard({
+  row,
+  domain,
+  theme
+}) {
+  const ttl = formatTtl(row.ttl);
+  return /* @__PURE__ */ jsxs(View, { style: [styles.record, {
+    borderColor: theme.border,
+    backgroundColor: theme.screen
+  }], children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.recordHead, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.recordType, {
+        color: theme.ink,
+        backgroundColor: theme.chip
+      }], children: row.type }),
+      row.state ? /* @__PURE__ */ jsx(Text, { style: [styles.rowHint, {
+        color: row.state === "active" ? theme.good : theme.muted
+      }], children: dnsStateLabel(row.state) }) : null,
+      ttl ? /* @__PURE__ */ jsxs(Text, { style: [styles.rowHint, {
+        color: theme.muted
+      }], children: [
+        "TTL ",
+        ttl
+      ] }) : null
+    ] }),
+    [{
+      label: recordHostLabel(row.name, domain),
+      value: row.name
+    }, {
+      label: recordValueLabel(row.type),
+      value: row.value
+    }].map((f) => /* @__PURE__ */ jsxs(View, { style: styles.recordField, children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.rowText, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.rowHint, {
+          color: theme.muted
+        }], children: f.label }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.mono, {
+          color: theme.ink
+        }], selectable: true, children: f.value })
+      ] }),
+      /* @__PURE__ */ jsx(Tap, { onPress: () => copy(f.value), accessibilityRole: "button", accessibilityLabel: `Copy ${f.label}`, hitSlop: 8, pressedStyle: DIM, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "content-copy", size: 18, color: theme.muted }) })
+    ] }, f.label)),
+    row.note ? /* @__PURE__ */ jsx(Text, { style: [styles.rowHint, {
+      color: theme.muted
+    }], children: row.note }) : null
+  ] });
+}
+function DomainPage({
+  build,
+  live,
+  projectName,
+  tools,
+  aiBusy,
+  onPublishWithDomain,
+  onBack,
+  theme
+}) {
+  var _a2;
+  const [input, setInput] = useState("");
+  const [domain, setDomain] = useState(null);
+  const [view, setView] = useState(null);
+  const [busy, setBusy] = useState(null);
+  const [error, setError] = useState(null);
+  const [guide, setGuide] = useState(null);
+  const status = useCallback(async (d, retry = false) => {
+    setBusy("status");
+    setError(null);
+    const r = await tools.run(build, CUSTOM_DOMAIN_ACTION, domainStatusParams(projectName, d, retry), DOMAIN_TIMEOUT_MS);
+    setBusy(null);
+    if (r.successful) {
+      setView(parseDomainDns(r.data, d));
+      return;
+    }
+    if (isNotAttachedError(r.error, r.data)) {
+      setDomain(null);
+      setView(null);
+      setInput(d);
+      AsyncStorage == null ? void 0 : AsyncStorage.removeItem(domainKey(projectName)).catch(() => void 0);
+      return;
+    }
+    setError(plainActionError(r.error, "Couldn't read the domain's status. Try again."));
+  }, [build, projectName, tools]);
+  useEffect(() => {
+    if (!projectName || !live) return;
+    let alive = true;
+    AsyncStorage == null ? void 0 : AsyncStorage.getItem(domainKey(projectName)).then((stored) => {
+      const d = normalizeDomain(stored || "");
+      if (!alive || !d) return;
+      setDomain(d);
+      status(d).catch(() => void 0);
+    }).catch(() => void 0);
+    return () => {
+      alive = false;
+    };
+  }, [projectName, live, status]);
+  const typed = normalizeDomain(input);
+  const valid = isValidDomain(typed);
+  const attach = async () => {
+    if (!valid) return;
+    if (!live) {
+      onPublishWithDomain(typed);
+      return;
+    }
+    setBusy("attach");
+    setError(null);
+    const r = await tools.run(build, CUSTOM_DOMAIN_ACTION, attachDomainParams(projectName, typed), DOMAIN_TIMEOUT_MS);
+    setBusy(null);
+    if (!r.successful) {
+      setError(plainActionError(r.error, "Couldn't add the domain. Check the spelling, then try again."));
+      return;
+    }
+    setDomain(typed);
+    setView(parseDomainDns(r.data, typed));
+    AsyncStorage == null ? void 0 : AsyncStorage.setItem(domainKey(projectName), typed).catch(() => void 0);
+  };
+  const remove = () => {
+    if (!domain) return;
+    Alert.alert(`Remove ${domain}?`, "The site stays live on its own address.", [{
+      text: "Cancel",
+      style: "cancel"
+    }, {
+      text: "Remove",
+      style: "destructive",
+      onPress: () => {
+        setBusy("remove");
+        tools.run(build, CUSTOM_DOMAIN_ACTION, removeDomainParams(projectName, domain), DOMAIN_TIMEOUT_MS).then((r) => {
+          if (!r.successful) {
+            setError(plainActionError(r.error, "Couldn't remove the domain. Try again."));
+            return;
+          }
+          AsyncStorage == null ? void 0 : AsyncStorage.removeItem(domainKey(projectName)).catch(() => void 0);
+          setDomain(null);
+          setView(null);
+          setInput("");
+        }).catch(() => setError("Couldn't remove the domain. Try again.")).finally(() => setBusy(null));
+      }
+    }]);
+  };
+  const attached = Boolean(domain);
+  return /* @__PURE__ */ jsxs(ScrollView, { style: styles.page, contentContainerStyle: styles.pageBody, keyboardShouldPersistTaps: "handled", children: [
+    /* @__PURE__ */ jsx(BackRow, { label: "Publish", onPress: onBack, theme }),
+    /* @__PURE__ */ jsx(StepList, { view, attached, theme }),
+    attached && domain ? /* @__PURE__ */ jsxs(View, { style: styles.block, children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.domainHead, children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "web", size: 20, color: theme.ink }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.domainName, {
+          color: theme.ink
+        }], numberOfLines: 1, children: domain }),
+        busy === "status" ? /* @__PURE__ */ jsx(ActivityIndicator, { size: "small", color: theme.accent }) : null
+      ] }),
+      view ? /* @__PURE__ */ jsx(Text, { style: [styles.note, {
+        color: view.state === "error" ? theme.crit : theme.muted
+      }, view.state === "active" && {
+        color: theme.good
+      }], children: view.errorMessage || dnsStateText(view.state) }) : null,
+      (view == null ? void 0 : view.suggestion) ? /* @__PURE__ */ jsxs(Text, { style: [styles.note, {
+        color: theme.muted
+      }], children: [
+        view.suggestion.why || "Connect this address instead:",
+        " ",
+        view.suggestion.domain
+      ] }) : null,
+      view == null ? void 0 : view.records.map((row) => /* @__PURE__ */ jsx(RecordCard, { row, domain, theme }, `${row.type}-${row.name}-${row.value}`)),
+      (view == null ? void 0 : view.records.length) ? /* @__PURE__ */ jsxs(View, { style: styles.block, children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+          color: theme.muted
+        }], children: "Where you bought the domain" }),
+        /* @__PURE__ */ jsx(View, { style: styles.chips, children: REGISTRAR_GUIDES.map((g) => /* @__PURE__ */ jsx(Tap, { onPress: () => setGuide(guide === g.id ? null : g.id), accessibilityRole: "button", accessibilityState: {
+          selected: guide === g.id
+        }, style: [styles.chip, {
+          borderColor: guide === g.id ? theme.accent : theme.border,
+          backgroundColor: guide === g.id ? theme.accentSoft : theme.card
+        }], pressedStyle: DIM, children: /* @__PURE__ */ jsx(Text, { style: [styles.chipText, {
+          color: theme.ink
+        }], children: g.label }) }, g.id)) }),
+        guide ? (_a2 = REGISTRAR_GUIDES.find((g) => g.id === guide)) == null ? void 0 : _a2.steps.map((step, i) => /* @__PURE__ */ jsxs(Text, { style: [styles.note, {
+          color: theme.ink
+        }], children: [
+          i + 1,
+          ". ",
+          step
+        ] }, step)) : null
+      ] }) : null,
+      (view == null ? void 0 : view.state) !== "active" ? /* @__PURE__ */ jsx(PrimaryButton, { label: "Check again", icon: "refresh", onPress: () => {
+        status(domain, true).catch(() => void 0);
+      }, theme, busy: busy === "status" }) : null,
+      /* @__PURE__ */ jsx(SecondaryButton, { label: "Remove domain", icon: "trash-can-outline", onPress: remove, theme })
+    ] }) : /* @__PURE__ */ jsxs(View, { style: styles.block, children: [
+      /* @__PURE__ */ jsx(Text, { style: [styles.label, {
+        color: theme.ink
+      }], children: "Domain you own" }),
+      /* @__PURE__ */ jsx(TextInput, { value: input, onChangeText: setInput, placeholder: "www.yourname.com", placeholderTextColor: theme.faint, autoCapitalize: "none", autoCorrect: false, keyboardType: "url", returnKeyType: "done", onSubmitEditing: () => {
+        attach().catch(() => void 0);
+      }, style: [styles.input, styles.field, {
+        color: theme.ink,
+        borderColor: input && !valid ? theme.crit : theme.accent
+      }], accessibilityLabel: "Domain you own", testID: "webbuilder-domain-input" }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+        color: theme.muted
+      }], children: live ? "We add it to your site and show the DNS record to add where you bought it." : "Your site needs to be published first: we publish it with this domain." }),
+      aiBusy && !live ? /* @__PURE__ */ jsxs(Text, { style: [styles.help, {
+        color: theme.muted
+      }], children: [
+        AI_BUSY_TEXT,
+        ", then publish."
+      ] }) : null,
+      /* @__PURE__ */ jsx(PrimaryButton, { label: live ? "Add domain" : "Publish with this domain", onPress: () => {
+        attach().catch(() => void 0);
+      }, theme, busy: busy === "attach", disabled: !valid || !live && aiBusy, testID: "webbuilder-domain-submit" })
+    ] }),
+    error ? /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+      color: theme.crit
+    }], children: error }) : null
+  ] });
+}
+const TABS = [{
+  id: "security",
+  label: "Security",
+  icon: "shield-check-outline"
+}, {
+  id: "seo",
+  label: "SEO",
+  icon: "magnify"
+}, {
+  id: "speed",
+  label: "Speed",
+  icon: "speedometer"
+}];
+function FindingCard({
+  finding,
+  onFix,
+  fixDisabled,
+  theme
+}) {
+  const problem = finding.status === "problem";
+  let icon = "minus-circle-outline";
+  let tint = theme.muted;
+  if (finding.status === "ok") {
+    icon = "check-circle-outline";
+    tint = theme.good;
+  } else if (problem) {
+    icon = finding.severity === "critical" ? "alert-octagon-outline" : "alert-outline";
+    tint = finding.severity === "critical" ? theme.crit : theme.warn;
+  }
+  return /* @__PURE__ */ jsxs(View, { style: [styles.finding, {
+    borderColor: theme.border
+  }], children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.findingHead, children: [
+      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: icon, size: 20, color: tint }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.rowLabel, styles.rowText, {
+        color: theme.ink
+      }], children: finding.title }),
+      problem && finding.severity ? /* @__PURE__ */ jsx(Text, { style: [styles.rowHint, {
+        color: tint
+      }], children: SEVERITY_LABEL[finding.severity] }) : null
+    ] }),
+    finding.detail ? /* @__PURE__ */ jsx(Text, { style: [styles.note, {
+      color: theme.muted
+    }], children: finding.detail }) : null,
+    problem && finding.why ? /* @__PURE__ */ jsx(Text, { style: [styles.note, {
+      color: theme.muted
+    }], children: finding.why }) : null,
+    finding.fixText && onFix ? /* @__PURE__ */ jsx(SecondaryButton, { label: "Fix with AI", icon: "auto-fix", onPress: () => {
+      if (!fixDisabled && finding.fixText) onFix(finding.fixText);
+    }, theme }) : null
+  ] });
+}
+function ReviewPage({
+  build,
+  tools,
+  aiBusy,
+  onFix,
+  onPublish,
+  onBack,
+  theme
+}) {
+  const [tab, setTab] = useState("security");
+  const [report, setReport] = useState(null);
+  const [loading, setLoading] = useState(true);
+  const [nonce, setNonce] = useState(0);
+  useEffect(() => {
+    if (!tools.review) {
+      setLoading(false);
+      return void 0;
+    }
+    let alive = true;
+    setLoading(true);
+    tools.review(build).then((raw) => {
+      if (alive) setReport(parsePrePublishReport(raw));
+    }).catch(() => {
+      if (alive) setReport(null);
+    }).finally(() => {
+      if (alive) setLoading(false);
+    });
+    return () => {
+      alive = false;
+    };
+  }, [build, tools, nonce]);
+  const findings = useMemo(() => reviewFindings(report), [report]);
+  const shown = findingsForTab(findings, tab);
+  const badges = tab === "speed" ? scoreBadges(report) : [];
+  const empty = TAB_EMPTY[tab];
+  const toneOf = (t) => {
+    if (t === "good") return theme.good;
+    return t === "ok" ? theme.warn : theme.crit;
+  };
+  return /* @__PURE__ */ jsxs(View, { style: styles.page, children: [
+    /* @__PURE__ */ jsxs(View, { style: styles.reviewHead, children: [
+      /* @__PURE__ */ jsx(BackRow, { label: "Publish", onPress: onBack, theme }),
+      /* @__PURE__ */ jsx(Tap, { onPress: () => setNonce((n) => n + 1), accessibilityRole: "button", accessibilityLabel: "Run the checks again", hitSlop: 8, pressedStyle: DIM, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "refresh", size: 20, color: theme.muted }) })
+    ] }),
+    /* @__PURE__ */ jsx(View, { style: [styles.tabs, {
+      borderBottomColor: theme.border
+    }], children: TABS.map((t) => /* @__PURE__ */ jsxs(Tap, { onPress: () => setTab(t.id), accessibilityRole: "tab", accessibilityState: {
+      selected: tab === t.id
+    }, style: [styles.tab, tab === t.id && {
+      backgroundColor: theme.chip
+    }], pressedStyle: DIM, testID: `webbuilder-review-${t.id}`, children: [
+      /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: t.icon, size: 16, color: tab === t.id ? theme.ink : theme.muted }),
+      /* @__PURE__ */ jsx(Text, { style: [styles.tabText, {
+        color: tab === t.id ? theme.ink : theme.muted
+      }], children: t.label })
+    ] }, t.id)) }),
+    /* @__PURE__ */ jsxs(ScrollView, { style: styles.page, contentContainerStyle: styles.pageBody, children: [
+      loading ? /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.accent, style: styles.spin }) : null,
+      !loading && badges.length ? /* @__PURE__ */ jsx(View, { style: styles.badges, children: badges.map((b) => /* @__PURE__ */ jsxs(View, { style: [styles.badge, {
+        borderColor: theme.border
+      }], children: [
+        /* @__PURE__ */ jsx(Text, { style: [styles.badgeValue, {
+          color: toneOf(b.tone)
+        }], children: b.value }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.rowHint, {
+          color: theme.muted
+        }], children: b.label })
+      ] }, b.key)) }) : null,
+      !loading && !shown.length && !badges.length ? /* @__PURE__ */ jsxs(View, { style: styles.empty, children: [
+        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "shield-check-outline", size: 26, color: theme.muted }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.emptyTitle, {
+          color: theme.ink
+        }], children: empty.title }),
+        /* @__PURE__ */ jsx(Text, { style: [styles.note, styles.center, {
+          color: theme.muted
+        }], children: empty.body })
+      ] }) : null,
+      !loading ? shown.map((f) => /* @__PURE__ */ jsx(FindingCard, { finding: f, onFix, fixDisabled: aiBusy, theme }, f.key)) : null,
+      aiBusy && shown.some((f) => f.fixText) ? /* @__PURE__ */ jsxs(Text, { style: [styles.help, {
+        color: theme.muted
+      }], children: [
+        AI_BUSY_TEXT,
+        ", then fix."
+      ] }) : null
+    ] }),
+    /* @__PURE__ */ jsx(View, { style: [styles.footer, {
+      borderTopColor: theme.border
+    }], children: /* @__PURE__ */ jsx(PrimaryButton, { label: "Publish\u2026", onPress: onPublish, theme, disabled: aiBusy }) })
+  ] });
+}
+function PublishSheet({
   visible,
   build,
   publishing,
   onPublish,
   onClose,
-  theme
+  theme,
+  liveUrl,
+  aiBusy = false,
+  tools,
+  onDownloadCode,
+  onExport,
+  onOwnCloudflare,
+  onFixWithAi,
+  onUnpublished
 }) {
-  var _a;
+  const [page, setPage] = useState("menu");
   const [name, setName] = useState("");
+  const [pendingDomain, setPendingDomain] = useState(null);
   const [starting, setStarting] = useState(false);
   const [error, setError] = useState(null);
+  const [exportOpen, setExportOpen] = useState(false);
+  const [unpublishing, setUnpublishing] = useState(false);
+  const [offline, setOffline] = useState(false);
+  const live = offline ? null : liveUrl || (build == null ? void 0 : build.liveUrl) || null;
+  const kind = publishKind({
+    liveUrl: live,
+    buildLive: Boolean(build == null ? void 0 : build.liveUrl)
+  });
+  const status = publishStatusLine(kind, publishing);
+  const liveName = projectNameOfLiveUrl(live);
+  const projectName = liveName || name;
   useEffect(() => {
-    if (!visible || !build) return;
-    setName((prev) => prev || publishSlug(build.title));
+    if (!visible) return;
+    setPage("menu");
     setError(null);
-  }, [visible, build]);
-  const live = (_a = build == null ? void 0 : build.liveUrl) != null ? _a : null;
+    setExportOpen(false);
+    setPendingDomain(null);
+  }, [visible]);
+  useEffect(() => {
+    if (!build) return;
+    setName((prev) => prev || liveName || publishSlug(build.title));
+  }, [build, liveName]);
+  useEffect(() => setOffline(false), [liveUrl]);
   const valid = isValidPublishSlug(name);
-  const publish = async () => {
-    if (!build || !onPublish || !valid) return;
+  const blocked = aiBusy && !publishing ? `${AI_BUSY_TEXT}, then publish.` : null;
+  const start = async (projectNameToUse, customDomain) => {
+    if (!build || !onPublish) return;
     setStarting(true);
     setError(null);
     try {
-      const result = await onPublish(build, name);
+      const result = await onPublish(build, projectNameToUse, customDomain);
       if (!result.ok) setError(result.message || "Publishing didn't start. Try again.");
+      else setPage("menu");
     } catch (e) {
       setError("Publishing didn't start. Check your connection and try again.");
     } finally {
       setStarting(false);
     }
   };
+  const primary = () => {
+    if (kind !== "never" && liveName) {
+      start(liveName).catch(() => void 0);
+      return;
+    }
+    setPage("name");
+  };
+  const unpublish = () => {
+    if (!build || !tools || !liveName) return;
+    Alert.alert("Unpublish this site?", `${displayHost(live)} stops working until you publish again.`, [{
+      text: "Cancel",
+      style: "cancel"
+    }, {
+      text: "Unpublish",
+      style: "destructive",
+      onPress: () => {
+        setUnpublishing(true);
+        setError(null);
+        AsyncStorage == null ? void 0 : AsyncStorage.getItem(domainKey(liveName)).catch(() => null).then((domain) => tools.run(build, UNPUBLISH_ACTION, unpublishParams(liveName, domain), UNPUBLISH_TIMEOUT_MS)).then((r) => {
+          const data = r.data && typeof r.data === "object" ? r.data : {};
+          if (r.successful && data.unpublished !== false) {
+            setOffline(true);
+            onUnpublished == null ? void 0 : onUnpublished();
+          } else {
+            setError(plainActionError(r.error, "Couldn't take the site offline. Try again."));
+          }
+        }).catch(() => setError("Couldn't take the site offline. Try again.")).finally(() => setUnpublishing(false));
+      }
+    }]);
+  };
   let body;
   if (!(build == null ? void 0 : build.sandboxId)) {
     body = /* @__PURE__ */ jsx(Text, { style: [styles.note, {
       color: theme.muted
     }], children: "There is nothing to publish yet. Build the site first, then publish it here." });
-  } else if (publishing && !starting) {
-    body = /* @__PURE__ */ jsxs(View, { style: styles.block, testID: "webbuilder-publishing", children: [
-      /* @__PURE__ */ jsx(PrimaryButton, { label: "Publishing\u2026", onPress: () => void 0, theme, busy: true }),
-      /* @__PURE__ */ jsx(Text, { style: [styles.note, {
-        color: theme.muted
-      }], children: "This takes a minute or two. You can keep editing; the address appears here when it is live." })
-    ] });
-  } else {
+  } else if (page === "domain" && tools) {
+    body = /* @__PURE__ */ jsx(DomainPage, { build, live: kind !== "never", projectName, tools, aiBusy, onPublishWithDomain: (domain) => {
+      setPendingDomain(domain);
+      setPage("name");
+    }, onBack: () => setPage("menu"), theme });
+  } else if (page === "review" && tools) {
+    body = /* @__PURE__ */ jsx(ReviewPage, { build, tools, aiBusy, onFix: onFixWithAi ? (text) => {
+      onClose();
+      onFixWithAi(text);
+    } : void 0, onPublish: () => setPage("menu"), onBack: () => setPage("menu"), theme });
+  } else if (page === "name") {
     body = /* @__PURE__ */ jsxs(View, { style: styles.block, children: [
-      live ? /* @__PURE__ */ jsxs(View, { style: [styles.liveCard, {
-        backgroundColor: theme.goodSoft
-      }], testID: "webbuilder-live", children: [
-        /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "earth", size: 20, color: theme.good }),
-        /* @__PURE__ */ jsx(Text, { style: [styles.liveHost, {
-          color: theme.good
-        }], numberOfLines: 1, children: displayHost(live) })
-      ] }) : null,
-      live ? /* @__PURE__ */ jsxs(View, { style: styles.row, children: [
-        /* @__PURE__ */ jsx(SecondaryButton, { label: "Open", icon: "open-in-new", onPress: () => {
-          Linking.openURL(live).catch(() => void 0);
-        }, theme }),
-        /* @__PURE__ */ jsx(SecondaryButton, { label: "Share", icon: "share-variant-outline", onPress: () => {
-          Share.share({
-            message: live,
-            url: live
-          }).catch(() => void 0);
-        }, theme })
-      ] }) : null,
+      /* @__PURE__ */ jsx(BackRow, { label: "Publish", onPress: () => setPage("menu"), theme }),
       /* @__PURE__ */ jsx(Text, { style: [styles.label, {
         color: theme.muted
-      }], children: live ? "Publish the latest version" : "Site address" }),
-      /* @__PURE__ */ jsxs(View, { style: [styles.field, {
+      }], children: "Site address" }),
+      /* @__PURE__ */ jsxs(View, { style: [styles.field, styles.nameField, {
         backgroundColor: theme.chip,
         borderColor: valid ? theme.border : theme.crit
       }], children: [
@@ -80,50 +613,218 @@ import {jsx,jsxs}from'react/jsx-runtime';import {useState,useEffect}from'react';
       !valid && name ? /* @__PURE__ */ jsx(Text, { style: [styles.help, {
         color: theme.crit
       }], children: "Letters, numbers and dashes; it cannot start or end with a dash." }) : null,
+      pendingDomain ? /* @__PURE__ */ jsxs(Text, { style: [styles.help, {
+        color: theme.muted
+      }], children: [
+        "Published with ",
+        pendingDomain,
+        " as its domain."
+      ] }) : null,
+      blocked ? /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+        color: theme.muted
+      }], children: blocked }) : null,
       error ? /* @__PURE__ */ jsx(Text, { style: [styles.help, {
         color: theme.crit
       }], children: error }) : null,
-      /* @__PURE__ */ jsx(PrimaryButton, { label: live ? "Publish update" : "Publish", icon: "rocket-launch-outline", onPress: () => {
-        publish().catch(() => void 0);
-      }, theme, busy: starting, disabled: !valid || !onPublish, testID: "webbuilder-publish-submit" })
+      /* @__PURE__ */ jsx(PrimaryButton, { label: pendingDomain ? "Publish with this domain" : "Publish", icon: "rocket-launch-outline", onPress: () => {
+        start(name, pendingDomain != null ? pendingDomain : void 0).catch(() => void 0);
+      }, theme, busy: starting, disabled: !valid || !onPublish || Boolean(blocked), testID: "webbuilder-publish-submit" })
+    ] });
+  } else {
+    body = /* @__PURE__ */ jsxs(ScrollView, { style: styles.page, contentContainerStyle: styles.menuBody, children: [
+      /* @__PURE__ */ jsxs(View, { style: styles.block, children: [
+        /* @__PURE__ */ jsx(StatusPill, { tone: status.tone, text: status.text, theme }),
+        live ? /* @__PURE__ */ jsxs(View, { style: styles.linkRow, children: [
+          /* @__PURE__ */ jsx(Tap, { onPress: () => {
+            Linking.openURL(live).catch(() => void 0);
+          }, accessibilityRole: "link", accessibilityLabel: `Open ${displayHost(live)}`, style: [styles.link, {
+            borderColor: theme.border
+          }], pressedStyle: DIM, testID: "webbuilder-live", children: /* @__PURE__ */ jsx(Text, { style: [styles.linkText, {
+            color: theme.accent
+          }], numberOfLines: 1, children: displayHost(live) }) }),
+          /* @__PURE__ */ jsx(Tap, { onPress: () => copy(live), accessibilityRole: "button", accessibilityLabel: "Copy link", style: [styles.linkBtn, {
+            borderColor: theme.border
+          }], pressedStyle: DIM, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "content-copy", size: 18, color: theme.muted }) }),
+          /* @__PURE__ */ jsx(Tap, { onPress: () => {
+            Linking.openURL(live).catch(() => void 0);
+          }, accessibilityRole: "button", accessibilityLabel: "Open site", style: [styles.linkBtn, {
+            borderColor: theme.border
+          }], pressedStyle: DIM, children: /* @__PURE__ */ jsx(MaterialCommunityIcons, { name: "open-in-new", size: 18, color: theme.muted }) })
+        ] }) : /* @__PURE__ */ jsx(Text, { style: [styles.note, {
+          color: theme.muted
+        }], children: "Put this site on the internet with its own address." }),
+        publishing && !starting ? /* @__PURE__ */ jsxs(View, { testID: "webbuilder-publishing", children: [
+          /* @__PURE__ */ jsx(PrimaryButton, { label: "Publishing\u2026", onPress: () => void 0, theme, busy: true }),
+          /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+            color: theme.muted
+          }], children: "This takes a minute or two. You can keep editing; the address appears here when it is live." })
+        ] }) : /* @__PURE__ */ jsx(PrimaryButton, { label: publishPrimaryLabel(kind), icon: "rocket-launch-outline", onPress: primary, theme, busy: starting, disabled: !onPublish || Boolean(blocked), testID: "webbuilder-publish-primary" }),
+        blocked ? /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+          color: theme.muted
+        }], children: blocked }) : null,
+        error ? /* @__PURE__ */ jsx(Text, { style: [styles.help, {
+          color: theme.crit
+        }], children: error }) : null
+      ] }),
+      tools ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Divider, { theme }),
+        /* @__PURE__ */ jsx(SectionTitle, { theme, children: "YOUR DOMAIN" }),
+        /* @__PURE__ */ jsx(MenuRow, { icon: "web", label: "Add your own domain", hint: "Use an address like www.yourname.com", onPress: () => setPage("domain"), theme, testID: "webbuilder-publish-domains" }),
+        /* @__PURE__ */ jsx(Divider, { theme }),
+        /* @__PURE__ */ jsx(MenuRow, { icon: "clipboard-check-outline", label: "Review site", hint: "Security, SEO and speed", onPress: () => setPage("review"), theme, trailing: null, testID: "webbuilder-publish-review" })
+      ] }) : null,
+      onDownloadCode || onExport ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Divider, { theme }),
+        /* @__PURE__ */ jsx(MenuRow, { icon: "package-variant", label: "Export", hint: "Download the code or host it elsewhere", onPress: () => setExportOpen((v) => !v), theme, trailing: exportOpen ? "chevron-down" : "chevron-right", testID: "webbuilder-publish-export" }),
+        exportOpen ? /* @__PURE__ */ jsxs(View, { style: [styles.sub, {
+          borderLeftColor: theme.border
+        }], children: [
+          onDownloadCode ? /* @__PURE__ */ jsx(MenuRow, { icon: "download-outline", label: "Download code", hint: "ZIP + Dockerfile, ready to run", onPress: () => {
+            onClose();
+            onDownloadCode();
+          }, theme, trailing: null }) : null,
+          onExport ? EXPORT_TARGETS.map((t) => /* @__PURE__ */ jsx(MenuRow, { icon: t.target === "fly" ? "package-variant-closed" : "rocket-launch-outline", label: t.label, hint: t.hint, disabled: aiBusy, onPress: () => {
+            onClose();
+            onExport(t.target);
+          }, theme, trailing: null }, t.target)) : null,
+          onOwnCloudflare ? /* @__PURE__ */ jsx(MenuRow, { icon: "cloud-outline", label: "Publish to my Cloudflare", hint: "With your own Cloudflare account", disabled: aiBusy, onPress: () => {
+            onClose();
+            onOwnCloudflare();
+          }, theme, trailing: null, testID: "webbuilder-export-own-cloudflare" }) : null
+        ] }) : null
+      ] }) : null,
+      live && tools && liveName ? /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Divider, { theme }),
+        /* @__PURE__ */ jsx(MenuRow, { icon: "cloud-off-outline", label: unpublishing ? "Unpublishing\u2026" : "Unpublish", onPress: unpublish, disabled: unpublishing, danger: true, theme, trailing: null, testID: "webbuilder-publish-unpublish" })
+      ] }) : null
     ] });
   }
-  return /* @__PURE__ */ jsx(Sheet, { visible, title: "Publish", onClose, theme, testID: "webbuilder-publish-sheet", children: body });
+  let title = "Publish";
+  if (page === "domain") title = "Your domain";
+  else if (page === "review") title = "Review site";
+  return /* @__PURE__ */ jsx(Sheet, { visible, title, onClose, theme, testID: "webbuilder-publish-sheet", children: body });
 }
 const styles = StyleSheet.create({
+  page: {
+    flexGrow: 0
+  },
+  pageBody: {
+    gap: 12,
+    paddingBottom: 12
+  },
+  menuBody: {
+    paddingBottom: 12
+  },
   block: {
     gap: 12,
     paddingTop: 4
   },
-  row: {
+  pill: {
     flexDirection: "row",
-    gap: 10
+    alignItems: "center",
+    alignSelf: "flex-start",
+    gap: 6,
+    paddingHorizontal: 10,
+    paddingVertical: 4,
+    borderRadius: 999
   },
-  liveCard: {
+  pillDot: {
+    width: 6,
+    height: 6,
+    borderRadius: 3
+  },
+  pillText: {
+    fontSize: 13,
+    fontWeight: "600"
+  },
+  linkRow: {
     flexDirection: "row",
     alignItems: "center",
-    gap: 10,
-    padding: 14,
-    borderRadius: 12
+    gap: 8
   },
-  liveHost: {
+  link: {
     flex: 1,
+    borderWidth: StyleSheet.hairlineWidth,
+    borderRadius: 10,
+    paddingHorizontal: 12,
+    paddingVertical: 10
+  },
+  linkText: {
     fontSize: 15,
-    fontWeight: "700"
+    fontWeight: "600"
   },
-  label: {
+  linkBtn: {
+    width: 42,
+    height: 42,
+    borderRadius: 10,
+    borderWidth: StyleSheet.hairlineWidth,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  section: {
+    fontSize: 12,
+    fontWeight: "700",
+    letterSpacing: 0.6,
+    paddingTop: 12,
+    paddingBottom: 2
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 12,
+    paddingVertical: 12,
+    minHeight: 52
+  },
+  rowText: {
+    flex: 1
+  },
+  rowLabel: {
+    fontSize: 16,
+    fontWeight: "500"
+  },
+  rowHint: {
     fontSize: 13,
+    marginTop: 2
+  },
+  sub: {
+    marginLeft: 10,
+    paddingLeft: 12,
+    borderLeftWidth: StyleSheet.hairlineWidth
+  },
+  divider: {
+    height: StyleSheet.hairlineWidth,
+    marginTop: 8
+  },
+  disabled: {
+    opacity: 0.4
+  },
+  back: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 2,
+    alignSelf: "flex-start",
+    paddingVertical: 4
+  },
+  backText: {
+    fontSize: 15,
+    fontWeight: "600"
+  },
+  label: {
+    fontSize: 14,
     fontWeight: "600",
     marginTop: 4
   },
   field: {
-    flexDirection: "row",
-    alignItems: "center",
     borderRadius: 12,
-    borderWidth: StyleSheet.hairlineWidth,
+    borderWidth: 1.5,
     paddingHorizontal: 14,
     minHeight: 48
   },
+  nameField: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderWidth: StyleSheet.hairlineWidth
+  },
   input: {
     flex: 1,
     fontSize: 16,
@@ -133,11 +834,166 @@ const styles = StyleSheet.create({
     fontSize: 15
   },
   help: {
-    fontSize: 13
+    fontSize: 13,
+    lineHeight: 18
   },
   note: {
     fontSize: 14,
-    lineHeight: 20,
-    paddingVertical: 8
+    lineHeight: 20
+  },
+  center: {
+    textAlign: "center"
+  },
+  steps: {
+    flexDirection: "row",
+    gap: 10,
+    paddingVertical: 4
+  },
+  step: {
+    flex: 1,
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  stepDot: {
+    width: 24,
+    height: 24,
+    borderRadius: 12,
+    borderWidth: 1.5,
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  stepNum: {
+    fontSize: 12,
+    fontWeight: "700"
+  },
+  stepLabel: {
+    flex: 1,
+    fontSize: 13,
+    lineHeight: 17
+  },
+  domainHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 8
+  },
+  domainName: {
+    flex: 1,
+    fontSize: 17,
+    fontWeight: "700"
+  },
+  record: {
+    gap: 8,
+    padding: 12,
+    borderRadius: 12,
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  recordHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10
+  },
+  recordType: {
+    fontSize: 12,
+    fontWeight: "700",
+    paddingHorizontal: 8,
+    paddingVertical: 2,
+    borderRadius: 6,
+    overflow: "hidden"
+  },
+  recordField: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10
+  },
+  mono: {
+    fontSize: 14,
+    fontFamily: "Menlo",
+    marginTop: 2
+  },
+  chips: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 8
+  },
+  chip: {
+    paddingHorizontal: 12,
+    paddingVertical: 7,
+    borderRadius: 999,
+    borderWidth: 1
+  },
+  chipText: {
+    fontSize: 14,
+    fontWeight: "500"
+  },
+  reviewHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "space-between"
+  },
+  tabs: {
+    flexDirection: "row",
+    gap: 6,
+    paddingVertical: 8,
+    borderBottomWidth: StyleSheet.hairlineWidth,
+    marginBottom: 8
+  },
+  tab: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 6,
+    paddingHorizontal: 12,
+    paddingVertical: 8,
+    borderRadius: 10
+  },
+  tabText: {
+    fontSize: 14,
+    fontWeight: "600"
+  },
+  spin: {
+    paddingVertical: 24
+  },
+  empty: {
+    alignItems: "center",
+    gap: 8,
+    paddingVertical: 28,
+    paddingHorizontal: 12
+  },
+  emptyTitle: {
+    fontSize: 16,
+    fontWeight: "700",
+    textAlign: "center"
+  },
+  finding: {
+    gap: 8,
+    padding: 12,
+    borderRadius: 12,
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  findingHead: {
+    flexDirection: "row",
+    alignItems: "center",
+    gap: 10
+  },
+  badges: {
+    flexDirection: "row",
+    flexWrap: "wrap",
+    gap: 10
+  },
+  badge: {
+    minWidth: 90,
+    alignItems: "center",
+    paddingVertical: 10,
+    paddingHorizontal: 12,
+    borderRadius: 12,
+    borderWidth: StyleSheet.hairlineWidth
+  },
+  badgeValue: {
+    fontSize: 22,
+    fontWeight: "800"
+  },
+  footer: {
+    paddingTop: 10,
+    borderTopWidth: StyleSheet.hairlineWidth
   }
 });export{PublishSheet};//# sourceMappingURL=PublishSheet.js.map