@tscircuit/runframe 0.0.368 → 0.0.370

package/dist/{chunk-57VLEEKS.js → chunk-MAIBX4W6.js}

@@ -1039,7 +1039,7 @@ var RenderLogViewer = ({
 };
 
 // package.json
-var version = "0.0.367";
+var version = "0.0.369";
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -1669,45 +1669,15 @@ var AlertDialogCancel = React6.forwardRef(({ className, ...props }, ref) => /* @
 AlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName;
 
 // lib/components/OrderDialog/OrderDialog.tsx
-import "react";
 import { QueryClient, QueryClientProvider } from "react-query";
 
-// lib/components/OrderDialog/CheckoutOrder.tsx
-import { MapPin } from "lucide-react";
-
-// lib/components/ui/input.tsx
-import * as React7 from "react";
-import { jsx as jsx18 } from "react/jsx-runtime";
-var Input = React7.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ jsx18(
-      "input",
-      {
-        type,
-        className: cn(
-          "rf-flex rf-h-9 rf-w-full rf-rounded-md rf-border rf-border-zinc-200 rf-bg-white rf-px-3 rf-py-1 rf-text-sm rf-shadow-sm rf-transition-colors file:rf-border-0 file:rf-bg-transparent file:rf-text-sm file:rf-font-medium placeholder:rf-text-zinc-500 focus-visible:rf-outline-none focus-visible:rf-ring-1 focus-visible:rf-ring-zinc-950 disabled:rf-cursor-not-allowed disabled:rf-opacity-50 dark:rf-border-zinc-800 dark:rf-bg-zinc-950 dark:rf-placeholder-zinc-400 dark:focus-visible:rf-ring-zinc-300",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-
-// lib/components/OrderDialog/CheckoutOrder.tsx
-import { useState as useState5 } from "react";
-import { toast } from "react-hot-toast";
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
-
 // lib/components/OrderDialog/InitialOrder.tsx
 import { Loader2 as Loader22 } from "lucide-react";
-import { useEffect as useEffect3, useState as useState6 } from "react";
+import { useEffect as useEffect3, useState as useState5 } from "react";
 
 // lib/components/OrderDialog/VendorQuoteCard.tsx
 import { Truck, Package } from "lucide-react";
-import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function VendorQuoteCard({
   vendor,
   isActive,
@@ -1715,8 +1685,7 @@ function VendorQuoteCard({
   selectedShippingIdx,
   onSelectShipping
 }) {
-  const subtotal = vendor.bare_pcb_cost + (vendor.quoted_components?.reduce((acc, c) => acc + c.total_price, 0) ?? 0);
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs14(
     "div",
     {
       className: cn(
@@ -1725,30 +1694,27 @@ function VendorQuoteCard({
       ),
       onClick: onSelect,
       children: [
-        /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-items-center rf-justify-between rf-px-6 rf-py-4", children: [
-          /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
-            /* @__PURE__ */ jsx20(Package, { className: "rf-w-6 rf-h-6 rf-text-blue-500" }),
-            /* @__PURE__ */ jsx20("span", { className: "rf-font-semibold rf-text-lg", children: vendor.vendor_name })
+        /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-items-center rf-justify-between rf-px-6 rf-py-4", children: [
+          /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
+            /* @__PURE__ */ jsx18(Package, { className: "rf-w-6 rf-h-6 rf-text-blue-500" }),
+            /* @__PURE__ */ jsx18("span", { className: "rf-font-semibold rf-text-lg", children: vendor.vendor_name })
           ] }),
-          /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-flex-col rf-items-end", children: [
-            /* @__PURE__ */ jsx20("span", { className: "rf-text-gray-500 rf-text-sm", children: "PCB + Components" }),
-            /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-items-center rf-gap-2", children: [
-              /* @__PURE__ */ jsxs15("span", { className: "rf-text-gray-400 rf-line-through rf-text-base rf-mr-2", children: [
+          /* @__PURE__ */ jsxs14("div", { className: "rf-flex rf-flex-col rf-items-end", children: [
+            /* @__PURE__ */ jsx18("span", { className: "rf-text-gray-500 rf-text-sm", children: "PCB + Components" }),
+            /* @__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-base rf-mr-2", children: [
                 "$",
-                subtotal.toFixed(2)
+                vendor.total_cost.toFixed(2)
               ] }),
-              /* @__PURE__ */ jsxs15("span", { className: "rf-font-bold rf-text-xl rf-text-blue-600", children: [
-                "$",
-                vendor.total_cost_after_discount.toFixed(2)
-              ] })
+              /* @__PURE__ */ jsx18("span", { className: "rf-font-bold rf-text-xl rf-text-blue-600", children: "$50.00" })
             ] })
           ] })
         ] }),
-        isActive && /* @__PURE__ */ jsxs15(Fragment3, { children: [
-          /* @__PURE__ */ jsx20("hr", { className: "rf-border-gray-200" }),
-          /* @__PURE__ */ jsxs15("div", { className: "rf-px-6 rf-py-2", children: [
-            /* @__PURE__ */ jsx20("div", { className: "rf-mb-2 rf-text-sm rf-font-medium rf-text-gray-700", children: "Shipping Options:" }),
-            /* @__PURE__ */ jsx20("div", { className: "rf-flex rf-gap-4 rf-flex-wrap rf-mb-2", children: vendor.shipping_options.map((ship, idx) => /* @__PURE__ */ jsxs15(
+        isActive && /* @__PURE__ */ jsxs14(Fragment3, { children: [
+          /* @__PURE__ */ jsx18("hr", { className: "rf-border-gray-200" }),
+          /* @__PURE__ */ jsxs14("div", { className: "rf-px-6 rf-py-2", children: [
+            /* @__PURE__ */ jsx18("div", { className: "rf-mb-2 rf-text-sm rf-font-medium rf-text-gray-700", children: "Shipping Options:" }),
+            /* @__PURE__ */ jsx18("div", { className: "rf-flex rf-gap-4 rf-flex-wrap rf-mb-2", children: vendor.shipping_options.map((ship, idx) => /* @__PURE__ */ jsxs14(
               "button",
               {
                 type: "button",
@@ -1761,10 +1727,10 @@ function VendorQuoteCard({
                   onSelectShipping(idx);
                 },
                 children: [
-                  /* @__PURE__ */ jsx20(Truck, { className: "rf-w-5 rf-h-5 rf-text-yellow-500" }),
-                  /* @__PURE__ */ jsxs15("div", { className: "rf-text-left rf-flex-1", children: [
-                    /* @__PURE__ */ jsx20("div", { className: "rf-leading-tight rf-font-medium", children: ship.carrier }),
-                    /* @__PURE__ */ jsx20("div", { className: "rf-text-xs rf-text-gray-500", children: ship.service })
+                  /* @__PURE__ */ jsx18(Truck, { className: "rf-w-5 rf-h-5 rf-text-yellow-500" }),
+                  /* @__PURE__ */ jsxs14("div", { className: "rf-text-left rf-flex-1", children: [
+                    /* @__PURE__ */ jsx18("div", { className: "rf-leading-tight rf-font-medium", children: ship.carrier }),
+                    /* @__PURE__ */ jsx18("div", { className: "rf-text-xs rf-text-gray-500", children: ship.service })
                   ] })
                 ]
               },
@@ -1772,11 +1738,11 @@ function VendorQuoteCard({
             )) })
           ] })
         ] }),
-        isActive && selectedShippingIdx !== null && /* @__PURE__ */ jsx20("div", { className: "rf-px-6 rf-pb-3", children: /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-justify-between rf-items-center rf-mt-2", children: [
-          /* @__PURE__ */ jsx20("span", { className: "rf-text-gray-800 rf-font-medium", children: "Total (incl. shipping):" }),
-          /* @__PURE__ */ jsxs15("span", { className: "rf-font-bold rf-text-lg rf-text-blue-700", children: [
+        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: [
+          /* @__PURE__ */ jsx18("span", { className: "rf-text-gray-800 rf-font-medium", children: "Total (incl. shipping):" }),
+          /* @__PURE__ */ jsxs14("span", { className: "rf-font-bold rf-text-lg rf-text-blue-700", children: [
             "$",
-            vendor.total_cost_after_discount.toFixed(2)
+            vendor.total_cost.toFixed(2)
           ] })
         ] }) })
       ]
@@ -1785,7 +1751,7 @@ function VendorQuoteCard({
 }
 
 // lib/utils/toast.ts
-import { toast as toast2 } from "react-hot-toast";
+import { toast } from "react-hot-toast";
 
 // lib/utils/get-registry-ky.ts
 import ky from "ky";
@@ -1812,80 +1778,85 @@ var registryKy = {
 };
 
 // lib/components/OrderDialog/InitialOrder.tsx
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 var InitialOrderScreen = ({
   onCancel,
-  onContinue
+  packageReleaseId
 }) => {
-  const [quotes, setQuotes] = useState6([]);
-  const [loading, setLoading] = useState6(true);
-  const [selectedVendorIdx, setSelectedVendorIdx] = useState6(
+  const [quotes, setQuotes] = useState5([]);
+  const [loading, setLoading] = useState5(true);
+  const [selectedVendorIdx, setSelectedVendorIdx] = useState5(
     null
   );
-  const [selectedShippingIdx, setSelectedShippingIdx] = useState6(
+  const [selectedShippingIdx, setSelectedShippingIdx] = useState5(
     null
   );
-  const [fetchError, setFetchError] = useState6(null);
+  const [fetchError, setFetchError] = useState5(null);
+  const [orderQuoteReceived, setOrderQuoteReceived] = useState5(null);
   const createOrderQuotes = async () => {
     const { order_quote_id } = await registryKy.post("order_quotes/create", {
       json: {
-        package_release_id: "",
-        vendor_name: ""
+        package_release_id: packageReleaseId,
+        vendor_name: "jlcpcb"
+        // TODO: Remove this once we have more vendor
       }
     }).json();
     return order_quote_id;
   };
-  const getOrderQuotes = async (order_quote_id) => {
-    const { order_quote } = await registryKy.post(`order_quotes/get`, {
-      json: {
-        order_quote_id
+  const getOrderQuotes = async (orderQuoteId) => {
+    const { order_quote } = await registryKy.get(`order_quotes/get`, {
+      searchParams: {
+        order_quote_id: orderQuoteId
       }
     }).json();
     return order_quote;
   };
-  const getFakeOrderQuotes = async (order_quote_id) => {
-    const { order_quotes } = await registryKy.post(`_fake/received_quotes`, {
-      json: {
-        order_quote_id
-      }
-    }).json();
-    return order_quotes;
-  };
-  const pollToGetOrderQuotes = async (quoteId, maxAttempts = 2) => {
+  const pollToGetOrderQuotes = async (orderQuoteId, maxAttempts = 10) => {
     let attempts = 0;
     while (attempts < maxAttempts) {
       try {
-        const orderQuote = await getOrderQuotes(quoteId);
-        if (orderQuote.is_complete) {
+        const orderQuote = await getOrderQuotes(orderQuoteId);
+        if (orderQuote.is_completed) {
+          setOrderQuoteReceived(orderQuote);
           return orderQuote;
         }
         if (orderQuote.has_error) {
-          throw new Error(orderQuote.error);
+          throw new Error(orderQuote.error?.message ?? "Unknown error");
         }
         attempts++;
         await new Promise((resolve) => setTimeout(resolve, 2e3));
       } catch (error) {
+        attempts++;
         console.error("Error polling order quote:", error);
+        await new Promise((resolve) => setTimeout(resolve, 2e3));
       }
     }
     throw new Error("Polling timed out after maximum attempts");
   };
+  const redirectToStripeCheckout = async (orderQuoteId) => {
+    const stripeCheckoutBaseUrl = getWindowVar(
+      "TSCIRCUIT_STRIPE_CHECKOUT_BASE_URL"
+    );
+    window.location.href = `${stripeCheckoutBaseUrl}?client_reference_id=${orderQuoteId}`;
+  };
   useEffect3(() => {
     const fetchQuotes = async () => {
       setLoading(true);
       setQuotes([]);
       setFetchError(null);
-      const quoteId = await createOrderQuotes();
-      if (!quoteId) {
-        toast2.error("Failed to create order quote.");
+      const orderQuoteId = await createOrderQuotes();
+      if (!orderQuoteId) {
+        toast.error("Failed to create order quote.");
         setLoading(false);
         return;
       }
       try {
-        await pollToGetOrderQuotes(quoteId);
+        const orderQuote = await pollToGetOrderQuotes(orderQuoteId);
+        setQuotes([orderQuote]);
+        setLoading(false);
       } catch (error) {
-        const quotes2 = await getFakeOrderQuotes(quoteId);
-        setQuotes([...quotes2]);
+        console.error(error);
+        toast.error("Failed to fetch order quotes.");
         setLoading(false);
       }
     };
@@ -1894,13 +1865,13 @@ var InitialOrderScreen = ({
   useEffect3(() => {
     setSelectedShippingIdx(null);
   }, [selectedVendorIdx]);
-  return /* @__PURE__ */ jsxs16("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__ */ jsx21("h2", { className: "rf-text-3xl rf-font-bold rf-text-center rf-mb-8", children: "Order PCB \u2013 Choose a Vendor" }),
-    /* @__PURE__ */ jsx21("div", { className: "rf-mb-4 rf-text-gray-700 rf-text-center", children: "Select a quote from below, then pick a shipping method." }),
-    loading ? /* @__PURE__ */ jsxs16("div", { className: "rf-flex rf-flex-col rf-items-center rf-gap-2 rf-my-12", children: [
-      /* @__PURE__ */ jsx21(Loader22, { className: "rf-animate-spin rf-w-8 rf-h-8 rf-text-gray-400" }),
-      /* @__PURE__ */ jsx21("p", { className: "rf-text-gray-600", children: "Fetching quotes..." })
-    ] }) : quotes.length === 0 ? /* @__PURE__ */ jsx21("div", { className: "rf-text-red-600 rf-text-center rf-py-12", children: "No quotes available." }) : quotes.map((quote, idx) => /* @__PURE__ */ jsx21(
+  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." }),
+    loading ? /* @__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..." })
+    ] }) : quotes.length === 0 ? /* @__PURE__ */ jsx19("div", { className: "rf-text-red-600 rf-text-center rf-py-12", children: "No quotes available." }) : quotes.map((quote, idx) => /* @__PURE__ */ jsx19(
       VendorQuoteCard,
       {
         vendor: quote,
@@ -1911,8 +1882,8 @@ var InitialOrderScreen = ({
       },
       quote.order_quote_id
     )),
-    /* @__PURE__ */ jsxs16("div", { className: "rf-flex rf-justify-between rf-mt-5 rf-gap-4", children: [
-      /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-justify-between rf-mt-5 rf-gap-4", children: [
+      /* @__PURE__ */ jsx19(
         Button,
         {
           variant: "outline",
@@ -1922,148 +1893,53 @@ var InitialOrderScreen = ({
           children: "Cancel"
         }
       ),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx19(
         Button,
         {
           type: "button",
           className: "rf-w-1/2 rf-bg-blue-600 rf-hover:bg-blue-700",
-          disabled: selectedVendorIdx === null || selectedShippingIdx === null || loading,
+          disabled: selectedVendorIdx === null || // selectedShippingIdx === null ||
+          loading,
           onClick: () => {
-            if (selectedVendorIdx === null || selectedShippingIdx === null || loading) {
-              toast2.error("Please select a vendor and shipping option.");
+            if (selectedVendorIdx === null || // selectedShippingIdx === null ||
+            loading) {
+              toast.error("Please select a vendor and shipping option.");
               return;
             }
-            onContinue({
-              vendor: quotes[selectedVendorIdx],
-              shippingIdx: selectedShippingIdx
-            });
+            if (orderQuoteReceived) {
+              redirectToStripeCheckout(orderQuoteReceived.order_quote_id);
+            }
           },
           children: "Continue"
         }
       )
     ] }),
-    /* @__PURE__ */ jsx21("div", { className: "rf-text-xs rf-text-center rf-text-gray-400 rf-mt-4", children: "Pricing may vary based on specifications." })
+    /* @__PURE__ */ jsx19("div", { className: "rf-text-xs rf-text-center rf-text-gray-400 rf-mt-4", children: "Pricing may vary based on specifications." })
   ] });
 };
 
-// lib/components/OrderDialog/StepwiseProgress.tsx
-import ky2 from "ky";
-
-// lib/components/ui/progress.tsx
-import * as React8 from "react";
-import * as ProgressPrimitive from "@radix-ui/react-progress";
-import { jsx as jsx22 } from "react/jsx-runtime";
-var Progress = React8.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ jsx22(
-  ProgressPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "rf-relative rf-h-2 rf-w-full rf-overflow-hidden rf-rounded-full rf-bg-zinc-100 dark:rf-bg-zinc-800",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx22(
-      ProgressPrimitive.Indicator,
-      {
-        className: "rf-h-full rf-w-full rf-flex-1 rf-bg-zinc-900 rf-transition-all dark:rf-bg-zinc-50",
-        style: { transform: `translateX(-${100 - (value || 0)}%)` }
-      }
-    )
-  }
-));
-Progress.displayName = "Progress";
-
-// lib/components/OrderDialog/StepwiseProgress.tsx
-import { ArrowDown, Check as Check2, Loader2 as Loader23 } from "lucide-react";
-import { useQuery } from "react-query";
-
-// lib/utils/order-steps.ts
-var orderSteps = [
-  { order_step_id: 1, key: "are_gerbers_generated", title: "Generate Gerbers" },
-  { order_step_id: 2, key: "are_gerbers_uploaded", title: "Upload Gerbers" },
-  { order_step_id: 3, key: "is_gerber_analyzed", title: "Analyze Gerber" },
-  {
-    order_step_id: 4,
-    key: "are_initial_costs_calculated",
-    title: "Calculate Initial Costs"
-  },
-  { order_step_id: 5, key: "is_pcb_added_to_cart", title: "Add PCB to Cart" },
-  { order_step_id: 6, key: "is_bom_uploaded", title: "Upload BOM" },
-  { order_step_id: 7, key: "is_pnp_uploaded", title: "Upload PnP" },
-  { order_step_id: 8, key: "is_bom_pnp_analyzed", title: "Analyze BOM & PnP" },
-  {
-    order_step_id: 9,
-    key: "is_bom_parsing_complete",
-    title: "BOM Parsing Complete"
-  },
-  {
-    order_step_id: 10,
-    key: "are_components_available",
-    title: "Components Available"
-  },
-  {
-    order_step_id: 11,
-    key: "is_patch_map_generated",
-    title: "Generate Patch Map"
-  },
-  {
-    order_step_id: 12,
-    key: "is_json_merge_file_created",
-    title: "Create JSON Merge File"
-  },
-  {
-    order_step_id: 13,
-    key: "is_dfm_result_generated",
-    title: "Generate DFM Result"
-  },
-  { order_step_id: 14, key: "are_files_downloaded", title: "Download Files" },
-  {
-    order_step_id: 15,
-    key: "are_product_categories_fetched",
-    title: "Fetch Product Categories"
-  },
-  {
-    order_step_id: 16,
-    key: "are_final_costs_calculated",
-    title: "Calculate Final Costs"
-  },
-  {
-    order_step_id: 17,
-    key: "is_json_merge_file_updated",
-    title: "Update JSON Merge File"
-  },
-  { order_step_id: 18, key: "is_added_to_cart", title: "Add to Cart" }
-].map((step, index) => ({
-  ...step,
-  completed: false,
-  active: index === 0
-  // First step starts as active
-}));
-
-// lib/components/OrderDialog/StepwiseProgress.tsx
-import { jsx as jsx23, jsxs as jsxs17 } from "react/jsx-runtime";
-
 // lib/components/OrderDialog/OrderDialog.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var queryClient = new QueryClient();
 var OrderDialog = ({
   isOpen,
   onClose,
   stage,
   setStage,
-  circuitJson
+  circuitJson,
+  packageReleaseId
 }) => {
-  return /* @__PURE__ */ jsx24(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx24(AlertDialog, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsx24(AlertDialogContent, { className: "!rf-max-w-[660px] !rf-p-0", children: /* @__PURE__ */ jsx24("div", { className: "rf-relative rf-w-full", children: stage === "initial" && /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx20(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx20(AlertDialog, { open: isOpen, onOpenChange: onClose, children: /* @__PURE__ */ jsx20(AlertDialogContent, { className: "!rf-max-w-[660px] !rf-p-0", children: /* @__PURE__ */ jsx20("div", { className: "rf-relative rf-w-full", children: stage === "initial" && /* @__PURE__ */ jsx20(
     InitialOrderScreen,
     {
       onCancel: onClose,
-      onContinue: onClose
+      packageReleaseId: packageReleaseId ?? ""
     }
   ) }) }) }) });
 };
 
 // lib/components/OrderDialog/CliOrderDialog.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var CliOrderDialog = ({
   isOpen,
   onClose,
@@ -2071,7 +1947,7 @@ var CliOrderDialog = ({
   setStage
 }) => {
   const circuitJson = useRunFrameStore((state) => state.circuitJson);
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx21(
     OrderDialog,
     {
       isOpen,
@@ -2084,10 +1960,10 @@ var CliOrderDialog = ({
 };
 
 // lib/components/OrderDialog/useOrderDialog.tsx
-import { useState as useState8 } from "react";
+import { useState as useState6 } from "react";
 var useOrderDialogCli = () => {
-  const [isOpen, setIsOpen] = useState8(false);
-  const [stage, setStage] = useState8("initial");
+  const [isOpen, setIsOpen] = useState6(false);
+  const [stage, setStage] = useState6("initial");
   const handleClose = () => {
     setIsOpen(false);
     setStage("initial");
@@ -2103,8 +1979,8 @@ var useOrderDialogCli = () => {
 };
 var useOrderDialog = () => {
   useStyles();
-  const [isOpen, setIsOpen] = useState8(false);
-  const [stage, setStage] = useState8("initial");
+  const [isOpen, setIsOpen] = useState6(false);
+  const [stage, setStage] = useState6("initial");
   const handleClose = () => {
     setIsOpen(false);
     setStage("initial");
@@ -2147,8 +2023,7 @@ export {
   AlertDialogTitle,
   AlertDialogDescription,
   AlertDialogCancel,
-  Input,
-  toast2 as toast,
+  toast,
   useOrderDialogCli,
   useOrderDialog,
   CadViewer2 as CadViewer,

package/dist/preview.d.ts

@@ -92,6 +92,7 @@ interface OrderDialogProps {
     stage: "initial" | "progress" | "checkout";
     setStage: (stage: "initial" | "progress" | "checkout") => void;
     circuitJson?: CircuitJson;
+    packageReleaseId?: string;
 }
 
 interface CliOrderDialogProps {

package/dist/preview.js

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