@burdenoff/website-sdk 2026.828.1 → 2026.828.3

package/dist/index.js

@@ -88,6 +88,26 @@ function sanitizeHeaders(headers) {
     )
   );
 }
+var CF_ACCESS_GATED_HOSTS = /* @__PURE__ */ new Set([
+  "alphagraphql.burdenoff.com",
+  "alphagraphqlworkspaces.burdenoff.com"
+]);
+function cfAccessHeaders(gatewayUrl, cfAccess) {
+  const clientId = cfAccess?.clientId?.trim();
+  const clientSecret = cfAccess?.clientSecret?.trim();
+  if (!clientId || !clientSecret) return {};
+  let host;
+  try {
+    host = new URL(gatewayUrl).hostname.toLowerCase();
+  } catch {
+    return {};
+  }
+  if (!CF_ACCESS_GATED_HOSTS.has(host)) return {};
+  return {
+    "CF-Access-Client-Id": clientId,
+    "CF-Access-Client-Secret": clientSecret
+  };
+}
 
 // src/client/graphql-client.ts
 var _WebSDKClient = class _WebSDKClient {
@@ -170,7 +190,8 @@ var _WebSDKClient = class _WebSDKClient {
         headers: {
           "Content-Type": "application/json",
           "x-product-id": this.config.productId,
-          ...this.config.headers
+          ...this.config.headers,
+          ...cfAccessHeaders(this.config.gatewayUrl, this.config.cfAccess)
         },
         body: JSON.stringify({ query, variables }),
         signal: controller.signal
@@ -6600,7 +6621,11 @@ function ExploreCta({
     onNavigate(href);
   };
   const classes = {
-    header: "inline-flex items-center gap-1.5 rounded-full bg-gradient-to-r from-primary to-primary/70 px-3.5 py-1.5 text-sm font-medium text-primary-foreground shadow-sm transition-opacity hover:opacity-90",
+    // `shrink-0` matters: this sits in a host header's flex row, and without it the
+    // surrounding nav gets squeezed and its links wrap onto two lines. The label is hidden
+    // below 2xl for the same reason — most product headers are already close to full at
+    // 1440px, and a 90px pill there pushes them over.
+    header: "inline-flex shrink-0 items-center gap-1.5 rounded-full bg-gradient-to-r from-primary to-primary/70 px-2.5 py-1.5 text-sm font-medium text-primary-foreground shadow-sm transition-opacity hover:opacity-90 2xl:px-3.5",
     mobile: "inline-flex w-full items-center gap-2 rounded-lg border border-border bg-card px-3 py-2 text-sm font-medium text-card-foreground transition-colors hover:bg-accent hover:text-accent-foreground",
     floating: "fixed bottom-5 right-5 z-40 inline-flex items-center gap-2 rounded-full bg-gradient-to-r from-primary to-primary/70 px-4 py-3 text-sm font-medium text-primary-foreground shadow-lg transition-opacity hover:opacity-90"
   };
@@ -6633,7 +6658,16 @@ function ExploreCta({
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ jsxRuntime.jsx("span", { className: cn(variant === "floating" && "hidden sm:inline"), children: label })
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: cn(
+              variant === "floating" && "hidden sm:inline",
+              variant === "header" && "hidden 2xl:inline"
+            ),
+            children: label
+          }
+        )
       ]
     }
   );