braid-ui 1.0.8 → 1.0.10

package/dist/index.cjs

@@ -5791,6 +5791,50 @@ var StatementView = ({
     !statementGenerated && /* @__PURE__ */ jsxRuntime.jsxs(Card, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { size: "md", children: "Statement Parameters" }) }),
       /* @__PURE__ */ jsxRuntime.jsxs(CardContent, { className: "space-y-4", children: [
+        statementType === "program" && programsError && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 p-4 bg-destructive/10 border border-destructive/20 rounded-md", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-5 w-5 text-destructive flex-shrink-0" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-destructive", children: "Failed to load programs" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive/80 mt-0.5", children: programsError })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Button,
+            {
+              onClick: onRetryFetch,
+              variant: "outline",
+              size: "sm",
+              disabled: programsLoading,
+              children: [
+                programsLoading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-4 w-4" }),
+                "Retry"
+              ]
+            }
+          )
+        ] }),
+        statementType === "product" && productsError && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2 p-4 bg-destructive/10 border border-destructive/20 rounded-md", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-5 w-5 text-destructive flex-shrink-0" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium text-destructive", children: "Failed to load products" }),
+              /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-destructive/80 mt-0.5", children: productsError })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            Button,
+            {
+              onClick: onRetryFetch,
+              variant: "outline",
+              size: "sm",
+              disabled: productsLoading,
+              children: [
+                productsLoading ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-4 w-4" }),
+                "Retry"
+              ]
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             EnhancedSelect,
@@ -5802,14 +5846,6 @@ var StatementView = ({
               onValueChange: onStatementTypeChange
             }
           ),
-          statementType === "program" && programsError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-3 bg-destructive/10 border border-destructive/20 rounded-md text-sm text-destructive", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: programsError })
-          ] }) }),
-          statementType === "product" && productsError && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "col-span-full", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-3 bg-destructive/10 border border-destructive/20 rounded-md text-sm text-destructive", children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.AlertCircle, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsxRuntime.jsx("span", { children: productsError })
-          ] }) }),
           statementType === "program" && /* @__PURE__ */ jsxRuntime.jsx(
             EnhancedSelect,
             {
@@ -5866,21 +5902,7 @@ var StatementView = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: shouldShowRetry ? /* @__PURE__ */ jsxRuntime.jsxs(
-          Button,
-          {
-            onClick: onRetryFetch,
-            variant: "outline",
-            disabled: programsLoading || productsLoading,
-            children: [
-              (programsLoading || productsLoading) && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2, { className: "h-4 w-4 animate-spin" }),
-              programsLoading || productsLoading ? "Retrying..." : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { className: "h-4 w-4" }),
-                "Retry"
-              ] })
-            ]
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsxs(
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsxs(
           Button,
           {
             onClick: onGenerateStatement,
@@ -8723,7 +8745,12 @@ function Statement() {
     setProgramsError(null);
     try {
       await new Promise((resolve) => setTimeout(resolve, 1e3));
-      setPrograms(mockPrograms);
+      throw new Error("Network connection timeout - Unable to reach program service");
+      const data = mockPrograms;
+      if (typeof data === "string") {
+        throw new Error(data);
+      }
+      setPrograms(data);
     } catch (error) {
       const errorMessage = error instanceof Error ? error.message : "Failed to load programs";
       setProgramsError(errorMessage);
@@ -8742,7 +8769,11 @@ function Statement() {
     setProductsError(null);
     try {
       await new Promise((resolve) => setTimeout(resolve, 1e3));
-      setProducts(mockProducts);
+      const data = mockProducts;
+      if (typeof data === "string") {
+        throw new Error(data);
+      }
+      setProducts(data);
     } catch (error) {
       const errorMessage = error instanceof Error ? error.message : "Failed to load products";
       setProductsError(errorMessage);