braid-ui 1.0.8 → 1.0.10

package/dist/index.js

@@ -5759,6 +5759,50 @@ var StatementView = ({
     !statementGenerated && /* @__PURE__ */ jsxs(Card, { children: [
       /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { size: "md", children: "Statement Parameters" }) }),
       /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+        statementType === "program" && programsError && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 p-4 bg-destructive/10 border border-destructive/20 rounded-md", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(AlertCircle, { className: "h-5 w-5 text-destructive flex-shrink-0" }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", children: "Failed to load programs" }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive/80 mt-0.5", children: programsError })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              onClick: onRetryFetch,
+              variant: "outline",
+              size: "sm",
+              disabled: programsLoading,
+              children: [
+                programsLoading ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }),
+                "Retry"
+              ]
+            }
+          )
+        ] }),
+        statementType === "product" && productsError && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 p-4 bg-destructive/10 border border-destructive/20 rounded-md", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(AlertCircle, { className: "h-5 w-5 text-destructive flex-shrink-0" }),
+            /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "text-sm font-medium text-destructive", children: "Failed to load products" }),
+              /* @__PURE__ */ jsx("p", { className: "text-xs text-destructive/80 mt-0.5", children: productsError })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              onClick: onRetryFetch,
+              variant: "outline",
+              size: "sm",
+              disabled: productsLoading,
+              children: [
+                productsLoading ? /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }),
+                "Retry"
+              ]
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", children: [
           /* @__PURE__ */ jsx(
             EnhancedSelect,
@@ -5770,14 +5814,6 @@ var StatementView = ({
               onValueChange: onStatementTypeChange
             }
           ),
-          statementType === "program" && programsError && /* @__PURE__ */ jsx("div", { className: "col-span-full", children: /* @__PURE__ */ 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__ */ jsx(AlertCircle, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx("span", { children: programsError })
-          ] }) }),
-          statementType === "product" && productsError && /* @__PURE__ */ jsx("div", { className: "col-span-full", children: /* @__PURE__ */ 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__ */ jsx(AlertCircle, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx("span", { children: productsError })
-          ] }) }),
           statementType === "program" && /* @__PURE__ */ jsx(
             EnhancedSelect,
             {
@@ -5834,21 +5870,7 @@ var StatementView = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: shouldShowRetry ? /* @__PURE__ */ jsxs(
-          Button,
-          {
-            onClick: onRetryFetch,
-            variant: "outline",
-            disabled: programsLoading || productsLoading,
-            children: [
-              (programsLoading || productsLoading) && /* @__PURE__ */ jsx(Loader2, { className: "h-4 w-4 animate-spin" }),
-              programsLoading || productsLoading ? "Retrying..." : /* @__PURE__ */ jsxs(Fragment, { children: [
-                /* @__PURE__ */ jsx(RefreshCw, { className: "h-4 w-4" }),
-                "Retry"
-              ] })
-            ]
-          }
-        ) : /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxs(
           Button,
           {
             onClick: onGenerateStatement,
@@ -8691,7 +8713,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);
@@ -8710,7 +8737,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);