@burdenoff/website-sdk 2026.720.8 → 2026.720.9

package/dist/store/index.js

@@ -1,8 +1,42 @@
 'use strict';
 
-var react = require('react');
+var React = require('react');
 var jsxRuntime = require('react/jsx-runtime');
 var reactHelmetAsync = require('react-helmet-async');
+require('isomorphic-dompurify');
+var ReactMarkdown = require('react-markdown');
+var rehypeSanitize = require('rehype-sanitize');
+var remarkGfm = require('remark-gfm');
+require('lucide-react');
+var reactSlot = require('@radix-ui/react-slot');
+var classVarianceAuthority = require('class-variance-authority');
+var clsx = require('clsx');
+var tailwindMerge = require('tailwind-merge');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
+var rehypeSanitize__default = /*#__PURE__*/_interopDefault(rehypeSanitize);
+var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -382,9 +416,9 @@ __publicField(_WebSDKClient, "MAX_CACHE_ENTRIES", 100);
 __publicField(_WebSDKClient, "DEFAULT_TIMEOUT_MS", 12e3);
 __publicField(_WebSDKClient, "DEFAULT_MAX_RETRIES", 1);
 __publicField(_WebSDKClient, "RETRY_BASE_DELAY_MS", 400);
-var WebSDKContext = react.createContext(null);
+var WebSDKContext = React.createContext(null);
 function useWebSDK() {
-  const client = react.useContext(WebSDKContext);
+  const client = React.useContext(WebSDKContext);
   if (!client) {
     throw new Error("useWebSDK must be used within a WebSDKProvider");
   }
@@ -639,7 +673,7 @@ function ScrollRow({
   products,
   onProductClick
 }) {
-  const ref = react.useRef(null);
+  const ref = React.useRef(null);
   function scroll(dir) {
     ref.current?.scrollBy({
       left: dir === "r" ? 272 : -272,
@@ -805,10 +839,10 @@ function StoreHomePage({
   seoKeywords
 }) {
   const client = useWebSDK();
-  const [grouped, setGrouped] = react.useState(null);
-  const [loading, setLoading] = react.useState(true);
-  const [error, setError] = react.useState(null);
-  react.useEffect(() => {
+  const [grouped, setGrouped] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  React.useEffect(() => {
     let cancelled = false;
     async function load() {
       setLoading(true);
@@ -1252,31 +1286,31 @@ function StoreBrowsePage({
   const typeOptions = buildTypeOptions(typeFilters);
   const browseDescription = terminology?.browseDescription ?? "Browse all apps, workflows, nodes, and templates.";
   const initial = parseUrlParams();
-  const [search, setSearch] = react.useState(initial.q);
-  const [inputValue, setInputValue] = react.useState(initial.q);
-  const [type, setType] = react.useState(initial.type);
-  const [pricingModel, setPricingModel] = react.useState(initial.pricingModel);
-  const [category, setCategory] = react.useState(initial.category);
-  const [sortBy, setSortBy] = react.useState(initial.sortBy);
-  const [featured, setFeatured] = react.useState(initial.featured);
-  const [offset, setOffset] = react.useState(0);
-  const [result, setResult] = react.useState(null);
-  const [allProducts, setAllProducts] = react.useState(
+  const [search, setSearch] = React.useState(initial.q);
+  const [inputValue, setInputValue] = React.useState(initial.q);
+  const [type, setType] = React.useState(initial.type);
+  const [pricingModel, setPricingModel] = React.useState(initial.pricingModel);
+  const [category, setCategory] = React.useState(initial.category);
+  const [sortBy, setSortBy] = React.useState(initial.sortBy);
+  const [featured, setFeatured] = React.useState(initial.featured);
+  const [offset, setOffset] = React.useState(0);
+  const [result, setResult] = React.useState(null);
+  const [allProducts, setAllProducts] = React.useState(
     []
   );
-  const [categories, setCategories] = react.useState([]);
-  const [loading, setLoading] = react.useState(true);
-  const [loadingMore, setLoadingMore] = react.useState(false);
-  const [filtersOpen, setFiltersOpen] = react.useState(false);
-  const searchRef = react.useRef(null);
+  const [categories, setCategories] = React.useState([]);
+  const [loading, setLoading] = React.useState(true);
+  const [loadingMore, setLoadingMore] = React.useState(false);
+  const [filtersOpen, setFiltersOpen] = React.useState(false);
+  const searchRef = React.useRef(null);
   const PAGE_SIZE = 24;
-  react.useEffect(() => {
+  React.useEffect(() => {
     client.query(CATEGORIES_QUERY, {}).then((r) => {
       if (r.data?.categories) setCategories(r.data.categories);
     }).catch(() => {
     });
   }, [client]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     let cancelled = false;
     setOffset(0);
     setLoading(true);
@@ -1610,11 +1644,11 @@ function WorkflowEmbed({
   className,
   onError
 }) {
-  const iframeRef = react.useRef(null);
-  const [status, setStatus] = react.useState("loading");
-  const [interactive, setInteractive] = react.useState(!clickToInteract);
-  const resolvedTheme = react.useMemo(() => theme ?? detectTheme(), [theme]);
-  const src = react.useMemo(() => {
+  const iframeRef = React.useRef(null);
+  const [status, setStatus] = React.useState("loading");
+  const [interactive, setInteractive] = React.useState(!clickToInteract);
+  const resolvedTheme = React.useMemo(() => theme ?? detectTheme(), [theme]);
+  const src = React.useMemo(() => {
     const base = appUrl.replace(/\/+$/, "");
     const params = new URLSearchParams({
       productId,
@@ -1623,7 +1657,7 @@ function WorkflowEmbed({
     if (hideCta) params.set("cta", "false");
     return `${base}/embed/workflow?${params.toString()}`;
   }, [appUrl, productId, resolvedTheme, hideCta]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     const handler = (event) => {
       if (event.source !== iframeRef.current?.contentWindow) return;
       const data = event.data;
@@ -1675,6 +1709,108 @@ function WorkflowEmbed({
     }
   );
 }
+var defaultComponents = {
+  a: ({ href, children, ...props }) => {
+    const isExternal = typeof href === "string" && (href.startsWith("http://") || href.startsWith("https://"));
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "a",
+      {
+        href,
+        ...props,
+        ...isExternal ? { target: "_blank", rel: "noopener noreferrer" } : { rel: "noopener noreferrer" },
+        children
+      }
+    );
+  }
+};
+function Markdown({
+  children,
+  className,
+  inline,
+  components
+}) {
+  const content = /* @__PURE__ */ jsxRuntime.jsx(
+    ReactMarkdown__default.default,
+    {
+      remarkPlugins: [remarkGfm__default.default],
+      rehypePlugins: [rehypeSanitize__default.default],
+      components: { ...defaultComponents, ...components },
+      ...inline ? { disallowedElements: ["p"], unwrapDisallowed: true } : {},
+      children
+    }
+  );
+  if (inline) {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className, children: content });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className, children: content });
+}
+React.createContext({
+  product: null,
+  loading: true,
+  error: null,
+  hasProvider: false,
+  refetch: () => {
+  }
+});
+function cn(...inputs) {
+  return tailwindMerge.twMerge(clsx.clsx(inputs));
+}
+var buttonVariants = classVarianceAuthority.cva(
+  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-primary text-primary-foreground shadow hover:bg-primary/90",
+        destructive: "bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",
+        outline: "border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",
+        secondary: "bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",
+        ghost: "hover:bg-accent hover:text-accent-foreground",
+        link: "text-primary underline-offset-4 hover:underline"
+      },
+      size: {
+        default: "h-9 px-4 py-2",
+        sm: "h-8 rounded-md px-3 text-xs",
+        lg: "h-10 rounded-md px-8",
+        icon: "h-9 w-9"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+var Button = React__namespace.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? reactSlot.Slot : "button";
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+var Input = React__namespace.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
 var ANIM_STYLES = `
 @keyframes sdFadeUp {
   from { opacity: 0; transform: translateY(16px); }
@@ -1794,13 +1930,13 @@ function StoreProductDetailPage({
   productName
 }) {
   const client = useWebSDK();
-  const [details, setDetails] = react.useState(null);
-  const [loading, setLoading] = react.useState(true);
-  const [error, setError] = react.useState(null);
-  const [activeScreenshot, setActiveScreenshot] = react.useState(0);
-  const [screenshotKey, setScreenshotKey] = react.useState(0);
-  const [embedFailed, setEmbedFailed] = react.useState(false);
-  react.useEffect(() => {
+  const [details, setDetails] = React.useState(null);
+  const [loading, setLoading] = React.useState(true);
+  const [error, setError] = React.useState(null);
+  const [activeScreenshot, setActiveScreenshot] = React.useState(0);
+  const [screenshotKey, setScreenshotKey] = React.useState(0);
+  const [embedFailed, setEmbedFailed] = React.useState(false);
+  React.useEffect(() => {
     if (!slug && !id) {
       setError("Product not found.");
       setLoading(false);
@@ -2047,7 +2183,7 @@ function StoreProductDetailPage({
         ] }),
         product.longDescription && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d4 mb-8", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-bold text-foreground mb-3", children: "About" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose prose-sm max-w-none text-muted-foreground leading-relaxed whitespace-pre-line", children: product.longDescription })
+          /* @__PURE__ */ jsxRuntime.jsx(Markdown, { className: "prose prose-sm max-w-none text-muted-foreground leading-relaxed", children: product.longDescription })
         ] }),
         publisher && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "sd-fu sd-d5 mb-8 p-4 rounded-xl border border-border bg-card hover:border-primary/30 transition-colors duration-300", children: [
           /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-sm font-semibold text-foreground mb-3", children: "Publisher" }),
@@ -2138,7 +2274,7 @@ function StoreProductDetailPage({
                   review.verifiedPurchase && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-emerald-500 font-medium", children: "Verified" })
                 ] }),
                 review.title && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "font-semibold text-sm text-foreground mb-1", children: review.title }),
-                review.comment && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-muted-foreground leading-relaxed", children: review.comment }),
+                review.comment && /* @__PURE__ */ jsxRuntime.jsx(Markdown, { className: "text-sm text-muted-foreground leading-relaxed", children: review.comment }),
                 review.createdAt && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-muted-foreground mt-2", children: new Date(review.createdAt).toLocaleDateString(
                   "en-US",
                   {