@tscircuit/runframe 0.0.413 → 0.0.415

package/dist/{chunk-EY4WZIT6.js → chunk-I2R7R54M.js}

@@ -1092,7 +1092,7 @@ var RenderLogViewer = ({
 };
 
 // package.json
-var version = "0.0.412";
+var version = "0.0.414";
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -1726,8 +1726,8 @@ function VendorQuoteCard({
   vendor,
   isActive,
   onSelect,
-  selectedShippingIdx,
-  onSelectShipping
+  selectedShippingCarrier,
+  onSelectShippingCarrier
 }) {
   return /* @__PURE__ */ jsxs14(
     "div",
@@ -1761,11 +1761,11 @@ function VendorQuoteCard({
                 type: "button",
                 className: cn(
                   "rf-flex rf-items-center rf-gap-2 rf-px-4 rf-py-2 rf-rounded-lg rf-border rf-shadow rf-min-w-[148px] rf-transition-colors",
-                  selectedShippingIdx === idx ? "rf-border-blue-600 rf-bg-blue-50 rf-ring-2 rf-ring-blue-500" : "rf-border-gray-300 rf-bg-gray-50 hover:rf-border-blue-300"
+                  selectedShippingCarrier === ship.carrier ? "rf-border-blue-600 rf-bg-blue-50 rf-ring-2 rf-ring-blue-500" : "rf-border-gray-300 rf-bg-gray-50 hover:rf-border-blue-300"
                 ),
                 onClick: (e) => {
                   e.stopPropagation();
-                  onSelectShipping(idx);
+                  onSelectShippingCarrier(ship.carrier);
                 },
                 children: [
                   /* @__PURE__ */ jsx18(Truck, { className: "rf-w-5 rf-h-5 rf-text-yellow-500" }),
@@ -1779,14 +1779,14 @@ function VendorQuoteCard({
             )) })
           ] })
         ] }),
-        isActive && selectedShippingIdx !== null && /* @__PURE__ */ jsx18("div", { className: "rf-px-6 rf-pb-3", children: /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-justify-between rf-items-center rf-mt-2", children: [
+        isActive && selectedShippingCarrier !== null && /* @__PURE__ */ jsx18("div", { className: "rf-px-6 rf-pb-3", children: /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-justify-between rf-items-center rf-mt-2", children: [
           /* @__PURE__ */ jsx18("span", { className: "rf-text-gray-800 rf-font-medium rf-text-sm", children: "Total (incl. shipping):" }),
           /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
             /* @__PURE__ */ jsxs14("span", { className: "rf-text-gray-400 rf-line-through rf-text-sm rf-mr-2", children: [
               "($",
               vendor.total_cost_without_shipping.toFixed(2),
               " + $",
-              vendor.shipping_options[selectedShippingIdx].cost.toFixed(2),
+              vendor.shipping_options.find((ship) => ship.carrier === selectedShippingCarrier)?.cost.toFixed(2),
               ")"
             ] }),
             /* @__PURE__ */ jsx18("span", { className: "rf-font-bold rf-text-xl rf-text-blue-600", children: "$50.00" })
@@ -1908,9 +1908,7 @@ var InitialOrderScreen = ({
   const [selectedVendorIdx, setSelectedVendorIdx] = useState6(
     null
   );
-  const [selectedShippingIdx, setSelectedShippingIdx] = useState6(
-    null
-  );
+  const [selectedShippingCarrier, setSelectedShippingCarrier] = useState6(null);
   const {
     mutate: createOrderQuote2,
     data: orderQuoteId,
@@ -1922,10 +1920,10 @@ var InitialOrderScreen = ({
     const stripeCheckoutBaseUrl = getWindowVar(
       "TSCIRCUIT_STRIPE_CHECKOUT_BASE_URL"
     );
-    window.location.href = `${stripeCheckoutBaseUrl}?client_reference_id=${orderQuoteId2}`;
+    window.location.href = `${stripeCheckoutBaseUrl}?client_reference_id=${orderQuoteId2}&shipping_option=${selectedShippingCarrier}`;
   };
   useEffect3(() => {
-    setSelectedShippingIdx(null);
+    setSelectedShippingCarrier(null);
   }, [selectedVendorIdx]);
   useEffect3(() => {
     createOrderQuote2();
@@ -1933,8 +1931,8 @@ var InitialOrderScreen = ({
   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" }),
     /* @__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." }),
-    !orderQuoteId && !isError && /* @__PURE__ */ jsx19(LoadingMessage, { message: "Fetching quotes..." }),
-    (createOrderQuoteError || orderQuote?.error) && /* @__PURE__ */ jsx19(
+    (!orderQuoteId || !orderQuote || !orderQuote?.is_completed) && !isError && /* @__PURE__ */ jsx19(LoadingMessage, { message: "Fetching quotes..." }),
+    (createOrderQuoteError || orderQuote?.error || isError) && /* @__PURE__ */ jsx19(
       ErrorMessage,
       {
         message: createOrderQuoteError?.message || orderQuote?.error?.message || "Failed to fetch quotes"
@@ -1946,8 +1944,8 @@ var InitialOrderScreen = ({
         vendor: orderQuote,
         isActive: selectedVendorIdx === 0,
         onSelect: () => setSelectedVendorIdx(0),
-        selectedShippingIdx: selectedVendorIdx === 0 ? selectedShippingIdx : null,
-        onSelectShipping: setSelectedShippingIdx
+        selectedShippingCarrier: selectedVendorIdx === 0 ? selectedShippingCarrier : null,
+        onSelectShippingCarrier: setSelectedShippingCarrier
       },
       orderQuote?.order_quote_id
     ),

package/dist/preview.js

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

package/dist/runner.js

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