@campfire-interactive/shell-header 0.13.0 → 0.13.2

package/dist/index.d.ts

@@ -134,8 +134,8 @@ interface AboutInfo {
 interface BugReportContext {
     /** Reporting app slug, e.g. "omsf". */
     appId: string;
-    /** Environment label, e.g. "dev". Hosts should omit the whole `bugReport`
-     * prop in prod until the prod-visibility story exists. */
+    /** Environment label, e.g. "dev" / "prod". Reports land in the same
+     * environment's DMS and surface on its /issues page. */
     environment: string;
     /** Defaults to window.location.href at submit time. */
     url?: string;
@@ -356,13 +356,30 @@ declare function LocaleSwitcher({ currentLocale, supportedLocales, onLocaleChang
 declare function installBugReportCapture(): void;
 
 declare const appCatalog: AppDefinition[];
+/**
+ * Read the environment segment out of a deployed suite hostname.
+ *
+ * The environment is always the label adjacent to the base domain, deduced
+ * from the host rather than matched against a fixed list so a new environment
+ * needs no code change here:
+ * - `<app>.campfiresuite.com`               → '' (prod)
+ * - `<app>.<env>.campfiresuite.com`         → `<env>` (dev / uat / qa / …)
+ * - `pr-<n>.<app>.<env>.campfiresuite.com`  → `<env>` (PR previews run against
+ *   a shared env; the `pr-<n>` / app labels ahead of it don't change that)
+ *
+ * Anything that isn't a `*.campfiresuite.com` host is treated as prod (empty
+ * segment) — the same conservative default as before.
+ */
+declare function getEnvSegment(host: string): string;
 /**
  * Derive the app URL from the current hostname, optionally appending the
- * catalog entry's preferred landing path.
+ * catalog entry's preferred landing path. Keeps whatever environment the
+ * current host is on (see {@link getEnvSegment}) and just swaps in the target
+ * app id:
  * - localhost → localhost:<localPort>[<path>]
- * - *.dev.campfiresuite.com → <id>.dev.campfiresuite.com[<path>]
- * - *.campfiresuite.com → <id>.campfiresuite.com[<path>]
+ * - <app>.campfiresuite.com → <id>.campfiresuite.com[<path>]           (prod)
+ * - <app>.<env>.campfiresuite.com → <id>.<env>.campfiresuite.com[<path>]
  */
 declare function getAppUrl(app: AppDefinition): string;
 
-export { type AboutInfo, type AppDefinition, type BugReportConfig, type BugReportContext, type BugReportPayload, type CurrencyOption, type LocaleOption, LocaleSwitcher, type NotificationItem, ShellHeader, type ShellHeaderProps, type ShellUser, type VersionInfo, appCatalog, getAppUrl, installBugReportCapture };
+export { type AboutInfo, type AppDefinition, type BugReportConfig, type BugReportContext, type BugReportPayload, type CurrencyOption, type LocaleOption, LocaleSwitcher, type NotificationItem, ShellHeader, type ShellHeaderProps, type ShellUser, type VersionInfo, appCatalog, getAppUrl, getEnvSegment, installBugReportCapture };

package/dist/index.js

@@ -120,6 +120,13 @@ var appCatalog = [
     path: "/admin/users"
   }
 ];
+var BASE_DOMAIN = "campfiresuite.com";
+function getEnvSegment(host) {
+  const suffix = `.${BASE_DOMAIN}`;
+  if (!host.endsWith(suffix)) return "";
+  const labels = host.slice(0, -suffix.length).split(".");
+  return labels.length > 1 ? labels[labels.length - 1] : "";
+}
 function getAppUrl(app) {
   const host = typeof window !== "undefined" ? window.location.hostname : "";
   const protocol = typeof window !== "undefined" ? window.location.protocol : "https:";
@@ -127,10 +134,9 @@ function getAppUrl(app) {
   if (host === "localhost" || host === "127.0.0.1") {
     return app.localPort ? `http://localhost:${app.localPort}${path}` : "#";
   }
-  if (host.includes(".dev.")) {
-    return `${protocol}//${app.id}.dev.campfiresuite.com${path}`;
-  }
-  return `${protocol}//${app.id}.campfiresuite.com${path}`;
+  const env = getEnvSegment(host);
+  const infix = env ? `.${env}` : "";
+  return `${protocol}//${app.id}${infix}.${BASE_DOMAIN}${path}`;
 }
 
 // src/AppSwitcher.tsx
@@ -1114,7 +1120,7 @@ function BugReportModal({ config, initialScreenshot, onClose }) {
       onFocus: (e) => e.stopPropagation(),
       children: /* @__PURE__ */ jsxs6("div", { className: `cfi-sh-bug-card${view === "editor" ? " cfi-sh-bug-card-wide" : ""}`, children: [
         /* @__PURE__ */ jsxs6("div", { className: "cfi-sh-bug-header", children: [
-          /* @__PURE__ */ jsx6("span", { className: "cfi-sh-bug-title", children: "Report an issue" }),
+          /* @__PURE__ */ jsx6("span", { className: "cfi-sh-bug-title", children: view === "editor" ? "New Issue - Attach Screenshot (Optional)" : "Report an issue" }),
           /* @__PURE__ */ jsx6("span", { className: "cfi-sh-bug-env", children: config.context.environment }),
           /* @__PURE__ */ jsx6("button", { className: "cfi-sh-bug-close", type: "button", onClick: closeUnlessBusy, "aria-label": "Close", children: "\xD7" })
         ] }),
@@ -1142,6 +1148,7 @@ function BugReportModal({ config, initialScreenshot, onClose }) {
             ] }),
             /* @__PURE__ */ jsx6("span", { className: "cfi-sh-bug-hint", children: mode === "crop" ? "Drag to crop to a region" : "Drag to black out sensitive data" }),
             /* @__PURE__ */ jsxs6("div", { className: "cfi-sh-bug-modes", children: [
+              /* @__PURE__ */ jsx6("button", { type: "button", className: "cfi-sh-bug-btn", onClick: () => setView("form"), children: "Skip" }),
               /* @__PURE__ */ jsx6("button", { type: "button", className: "cfi-sh-bug-btn", onClick: handleEditorReset, children: "Reset" }),
               /* @__PURE__ */ jsx6("button", { type: "button", className: "cfi-sh-bug-btn cfi-sh-bug-btn-primary", onClick: handleEditorDone, children: "Done" })
             ] })
@@ -1505,5 +1512,6 @@ export {
   ShellHeader,
   appCatalog,
   getAppUrl,
+  getEnvSegment,
   installBugReportCapture
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campfire-interactive/shell-header",
-  "version": "0.13.0",
+  "version": "0.13.2",
   "description": "Shared shell header with app switcher for Campfire Suite",
   "type": "module",
   "main": "dist/index.js",