@tscircuit/runframe 0.0.470 → 0.0.472

package/dist/{chunk-FSAFS3DG.js → chunk-62PYVATA.js}

@@ -1094,7 +1094,7 @@ var RenderLogViewer = ({
 };
 
 // package.json
-var version = "0.0.469";
+var version = "0.0.471";
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
 import "three";
@@ -1727,7 +1727,7 @@ import { QueryClient, QueryClientProvider } from "react-query";
 // lib/components/OrderDialog/InitialOrder.tsx
 import { Loader2 as Loader22 } from "lucide-react";
 import { GitHubLogoIcon as GitHubLogoIcon2 } from "@radix-ui/react-icons";
-import { useEffect as useEffect3, useState as useState6 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo2, useState as useState6 } from "react";
 
 // lib/components/OrderDialog/VendorQuoteCard.tsx
 import { Truck, Package } from "lucide-react";
@@ -1830,6 +1830,7 @@ var registryKy = {
 
 // lib/hooks/use-create-order-quote.ts
 import { useMutation } from "react-query";
+import { useEffect as useEffect3, useRef as useRef2 } from "react";
 
 // lib/api/order-quotes.ts
 import { HTTPError } from "ky";
@@ -1866,12 +1867,20 @@ var getOrderQuote = async (orderQuoteId) => {
 };
 
 // lib/hooks/use-create-order-quote.ts
-var useCreateOrderQuote = (packageReleaseId) => {
-  return useMutation({
+var useCreateOrderQuote = (packageReleaseId, options) => {
+  const initializedRef = useRef2(false);
+  const mutation = useMutation({
     mutationFn: async () => {
       return await createOrderQuote(packageReleaseId);
     }
   });
+  useEffect3(() => {
+    if (options?.executeImmediately && !initializedRef.current) {
+      initializedRef.current = true;
+      mutation.mutate();
+    }
+  }, [packageReleaseId, options?.executeImmediately]);
+  return mutation;
 };
 
 // lib/hooks/use-order-quote-polling.ts
@@ -1912,11 +1921,9 @@ var InitialOrderScreen = ({
   isLoggedIn
 }) => {
   const [selectedShippingCarrier, setSelectedShippingCarrier] = useState6(null);
-  const {
-    mutate: createOrderQuote2,
-    data: orderQuoteId,
-    error: createOrderQuoteError
-  } = useCreateOrderQuote(packageReleaseId);
+  const { data: orderQuoteId, error: createOrderQuoteError } = useCreateOrderQuote(packageReleaseId, {
+    executeImmediately: true
+  });
   const { data: orderQuote } = useOrderQuotePolling(orderQuoteId);
   const redirectToStripeCheckout = async (orderQuoteId2) => {
     const stripeCheckoutBaseUrl = getWindowVar(
@@ -1924,7 +1931,7 @@ var InitialOrderScreen = ({
     );
     window.location.href = `${stripeCheckoutBaseUrl}?client_reference_id=${orderQuoteId2}&shipping_option=${selectedShippingCarrier}`;
   };
-  useEffect3(() => {
+  useEffect4(() => {
     if (selectedShippingCarrier === null && orderQuote && Array.isArray(orderQuote.shipping_options) && orderQuote.shipping_options.length > 0) {
       const lowest = orderQuote.shipping_options.reduce(
         (min, curr) => curr.cost < min.cost ? curr : min,
@@ -1933,13 +1940,12 @@ var InitialOrderScreen = ({
       setSelectedShippingCarrier(lowest?.carrier || null);
     }
   }, [orderQuote]);
-  const lowestShippingCarrierCost = orderQuote && Array.isArray(orderQuote.shipping_options) && orderQuote.shipping_options.length > 0 ? orderQuote.shipping_options.reduce(
-    (min, curr) => curr.cost < min.cost ? curr : min,
-    orderQuote.shipping_options[0]
-  ).cost : 0;
-  useEffect3(() => {
-    createOrderQuote2();
-  }, [packageReleaseId, createOrderQuote2]);
+  const lowestShippingCarrierCost = useMemo2(() => {
+    return orderQuote && Array.isArray(orderQuote.shipping_options) && orderQuote.shipping_options.length > 0 ? orderQuote.shipping_options.reduce(
+      (min, curr) => curr.cost < min.cost ? curr : min,
+      orderQuote.shipping_options[0]
+    ).cost : 0;
+  }, [orderQuote]);
   const isNoTokenError = (createOrderQuoteError?.error?.error_code?.includes("no_token") || orderQuote?.error?.error_code?.includes("no_token")) && signIn;
   if (!isLoggedIn || isNoTokenError) {
     return /* @__PURE__ */ jsx19(SignInView, { signIn });
@@ -2075,7 +2081,7 @@ var CliOrderDialog = ({
 };
 
 // lib/components/OrderDialog/useOrderDialog.tsx
-import { useState as useState7 } from "react";
+import { useState as useState7, useMemo as useMemo3, useCallback as useCallback2 } from "react";
 import { jsx as jsx22 } from "react/jsx-runtime";
 var useOrderDialogCli = () => {
   const [isOpen, setIsOpen] = useState7(false);
@@ -2100,17 +2106,21 @@ var useOrderDialog = ({
   useStyles();
   const [isOpen, setIsOpen] = useState7(false);
   const [stage, setStage] = useState7("initial");
-  const handleClose = () => {
+  const handleClose = useCallback2(() => {
     setIsOpen(false);
     setStage("initial");
-  };
+  }, []);
+  const open = useCallback2(() => setIsOpen(true), []);
+  const MemoizedOrderDialog = useMemo3(() => {
+    return (props) => /* @__PURE__ */ jsx22(OrderDialog, { ...props, signIn: onSignIn, isLoggedIn });
+  }, [isLoggedIn]);
   return {
     isOpen,
     stage,
-    open: () => setIsOpen(true),
+    open,
     close: handleClose,
     setStage,
-    OrderDialog: (props) => /* @__PURE__ */ jsx22(OrderDialog, { ...props, signIn: onSignIn, isLoggedIn })
+    OrderDialog: MemoizedOrderDialog
   };
 };
 

package/dist/preview.js

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

package/dist/runner.js

@@ -27,7 +27,7 @@ import {
   useOrderDialog,
   useOrderDialogCli,
   useRunFrameStore
-} from "./chunk-FSAFS3DG.js";
+} from "./chunk-62PYVATA.js";
 
 // lib/components/RunFrame/RunFrame.tsx
 import { createCircuitWebWorker } from "@tscircuit/eval/worker";