@tscircuit/runframe 0.0.402 → 0.0.404

package/dist/{chunk-4CPXFF2B.js → chunk-LAPOUJI2.js}

@@ -1092,7 +1092,7 @@ var RenderLogViewer = ({
 };
 
 // package.json
-var version = "0.0.401";
+var version = "0.0.403";
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -1788,15 +1788,24 @@ var registryKy = {
 import { useMutation } from "react-query";
 
 // lib/api/order-quotes.ts
+import { HTTPError } from "ky";
 var createOrderQuote = async (packageReleaseId) => {
-  const { order_quote_id } = await registryKy.post("order_quotes/create", {
-    json: {
-      package_release_id: packageReleaseId,
-      vendor_name: "jlcpcb"
-      // TODO: Remove this once we have more vendor
+  try {
+    const { order_quote_id } = await registryKy.post("order_quotes/create", {
+      json: {
+        package_release_id: packageReleaseId,
+        vendor_name: "jlcpcb"
+        // TODO: Remove this once we have more vendor
+      }
+    }).json();
+    return order_quote_id;
+  } catch (err) {
+    if (err instanceof HTTPError) {
+      const errorBody = await err.response.json();
+      throw new Error(errorBody.message || err.message);
     }
-  }).json();
-  return order_quote_id;
+    throw err;
+  }
 };
 var getOrderQuote = async (orderQuoteId) => {
   const { order_quote } = await registryKy.get(`order_quotes/get`, {
@@ -1808,10 +1817,17 @@ var getOrderQuote = async (orderQuoteId) => {
 };
 
 // lib/hooks/use-create-order-quote.ts
-var useCreateOrderQuote = () => {
-  return useMutation(
-    (packageReleaseId) => createOrderQuote(packageReleaseId)
-  );
+var useCreateOrderQuote = (packageReleaseId) => {
+  return useMutation({
+    mutationFn: async () => {
+      try {
+        return await createOrderQuote(packageReleaseId);
+      } catch (error) {
+        console.error("Error creating order quote:", error);
+        throw error instanceof Error ? error : new Error("Failed to create order quote");
+      }
+    }
+  });
 };
 
 // lib/hooks/use-order-quote-polling.ts
@@ -1820,7 +1836,7 @@ var useOrderQuotePolling = (orderQuoteId) => {
   const {
     data: orderQuote,
     error,
-    status
+    status: status2
   } = useQuery(
     ["getOrderQuote", orderQuoteId],
     () => getOrderQuote(orderQuoteId),
@@ -1837,7 +1853,7 @@ var useOrderQuotePolling = (orderQuoteId) => {
     }
   );
   return {
-    status: status === "loading" ? "loading" : status === "error" ? "error" : "success",
+    status: status2 === "loading" ? "loading" : status2 === "error" ? "error" : "success",
     data: orderQuote ?? null,
     error: error instanceof Error ? error : null
   };
@@ -1855,8 +1871,13 @@ var InitialOrderScreen = ({
   const [selectedShippingIdx, setSelectedShippingIdx] = useState6(
     null
   );
-  const { mutate: createOrderQuote2, data: orderQuoteId } = useCreateOrderQuote();
-  const { status, data: orderQuote, error } = useOrderQuotePolling(orderQuoteId);
+  const {
+    mutate: createOrderQuote2,
+    data: orderQuoteId,
+    error: createOrderQuoteError,
+    isError
+  } = useCreateOrderQuote(packageReleaseId);
+  const { data: orderQuote } = useOrderQuotePolling(orderQuoteId);
   const redirectToStripeCheckout = async (orderQuoteId2) => {
     const stripeCheckoutBaseUrl = getWindowVar(
       "TSCIRCUIT_STRIPE_CHECKOUT_BASE_URL"
@@ -1867,15 +1888,15 @@ var InitialOrderScreen = ({
     setSelectedShippingIdx(null);
   }, [selectedVendorIdx]);
   useEffect3(() => {
-    createOrderQuote2(packageReleaseId);
+    createOrderQuote2();
   }, [packageReleaseId, createOrderQuote2]);
   return /* @__PURE__ */ jsxs15("div", { className: "rf-max-w-lg rf-mx-auto rf-bg-white rf-rounded-2xl rf-p-8 rf-flex rf-flex-col rf-gap-3", children: [
     /* @__PURE__ */ jsx19("h2", { className: "rf-text-3xl rf-font-bold rf-text-center rf-mb-8", children: "Order PCB \u2013 Choose a Vendor" }),
     /* @__PURE__ */ jsx19("div", { className: "rf-mb-4 rf-text-gray-700 rf-text-center", children: "Select a quote from below, then pick a shipping method." }),
-    status === "loading" || !orderQuoteId ? /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-flex-col rf-items-center rf-gap-2 rf-my-12", children: [
+    !orderQuoteId && !isError ? /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-flex-col rf-items-center rf-gap-2 rf-my-12", children: [
       /* @__PURE__ */ jsx19(Loader22, { className: "rf-animate-spin rf-w-8 rf-h-8 rf-text-gray-400" }),
       /* @__PURE__ */ jsx19("p", { className: "rf-text-gray-600", children: "Fetching quotes..." })
-    ] }) : status === "error" || orderQuote?.error ? /* @__PURE__ */ jsx19("div", { className: "rf-text-red-600 rf-text-center rf-py-12", children: orderQuote?.error?.message || "Failed to fetch quotes" }) : !orderQuote ? /* @__PURE__ */ jsx19("div", { className: "rf-text-red-600 rf-text-center rf-py-12", children: "No quotes available." }) : !orderQuote.is_completed ? /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-flex-col rf-items-center rf-gap-2 rf-my-12", children: [
+    ] }) : createOrderQuoteError && isError ? /* @__PURE__ */ jsx19("div", { className: "rf-text-red-600 rf-text-center rf-py-12", children: JSON.stringify(createOrderQuoteError.message) }) : orderQuote?.error ? /* @__PURE__ */ jsx19("div", { className: "rf-text-red-600 rf-text-center rf-py-12", children: orderQuote?.error?.message || "Failed to fetch quotes" }) : !orderQuote ? /* @__PURE__ */ jsx19("div", { className: "rf-text-red-600 rf-text-center rf-py-12", children: "No quotes available." }) : !orderQuote.is_completed ? /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-flex-col rf-items-center rf-gap-2 rf-my-12", children: [
       /* @__PURE__ */ jsx19(Loader22, { className: "rf-animate-spin rf-w-8 rf-h-8 rf-text-gray-400" }),
       /* @__PURE__ */ jsx19("p", { className: "rf-text-gray-600", children: "Calculating quote..." })
     ] }) : /* @__PURE__ */ jsx19(

package/dist/preview.js

@@ -8,7 +8,7 @@ import {
   linkify,
   useOrderDialog,
   useOrderDialogCli
-} from "./chunk-4CPXFF2B.js";
+} from "./chunk-LAPOUJI2.js";
 export {
   BomTable,
   CadViewer,

package/dist/runner.js

@@ -26,7 +26,7 @@ import {
   useOrderDialog,
   useOrderDialogCli,
   useRunFrameStore
-} from "./chunk-4CPXFF2B.js";
+} from "./chunk-LAPOUJI2.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";