@tscircuit/runframe 0.0.472 → 0.0.474

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

@@ -1094,7 +1094,7 @@ var RenderLogViewer = ({
 };
 
 // package.json
-var version = "0.0.471";
+var version = "0.0.473";
 
 // 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 useEffect4, useMemo as useMemo2, useState as useState6 } from "react";
+import { useEffect as useEffect3, useMemo as useMemo2, useState as useState6 } from "react";
 
 // lib/components/OrderDialog/VendorQuoteCard.tsx
 import { Truck, Package } from "lucide-react";
@@ -1830,7 +1830,6 @@ 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";
@@ -1843,7 +1842,9 @@ var createOrderQuote = async (packageReleaseId) => {
         // TODO: Remove this once we have more vendor
       }
     }).json();
-    return order_quote_id;
+    return {
+      order_quote_id
+    };
   } catch (error) {
     if (error instanceof HTTPError) {
       const errorBody = await error.response.json();
@@ -1867,20 +1868,16 @@ var getOrderQuote = async (orderQuoteId) => {
 };
 
 // lib/hooks/use-create-order-quote.ts
-var useCreateOrderQuote = (packageReleaseId, options) => {
-  const initializedRef = useRef2(false);
-  const mutation = useMutation({
-    mutationFn: async () => {
-      return await createOrderQuote(packageReleaseId);
+import { useQueryClient } from "react-query";
+var useCreateOrderQuote = () => {
+  const queryClient2 = useQueryClient();
+  return useMutation({
+    mutationKey: ["createOrderQuote"],
+    mutationFn: (packageReleaseId) => createOrderQuote(packageReleaseId),
+    onSuccess: (data) => {
+      queryClient2.invalidateQueries(["getOrderQuote", data.order_quote_id]);
     }
   });
-  useEffect3(() => {
-    if (options?.executeImmediately && !initializedRef.current) {
-      initializedRef.current = true;
-      mutation.mutate();
-    }
-  }, [packageReleaseId, options?.executeImmediately]);
-  return mutation;
 };
 
 // lib/hooks/use-order-quote-polling.ts
@@ -1892,7 +1889,7 @@ var useOrderQuotePolling = (orderQuoteId) => {
     status
   } = useQuery(
     ["getOrderQuote", orderQuoteId],
-    () => getOrderQuote(orderQuoteId),
+    () => getOrderQuote(orderQuoteId || ""),
     {
       enabled: !!orderQuoteId,
       refetchInterval: (data) => {
@@ -1921,17 +1918,25 @@ var InitialOrderScreen = ({
   isLoggedIn
 }) => {
   const [selectedShippingCarrier, setSelectedShippingCarrier] = useState6(null);
-  const { data: orderQuoteId, error: createOrderQuoteError } = useCreateOrderQuote(packageReleaseId, {
-    executeImmediately: true
-  });
-  const { data: orderQuote } = useOrderQuotePolling(orderQuoteId);
+  const [orderQuoteId, setOrderQuoteId] = useState6(null);
+  const { mutate: createOrderQuote2, error: createOrderQuoteError } = useCreateOrderQuote();
+  useEffect3(() => {
+    if (packageReleaseId) {
+      createOrderQuote2(packageReleaseId, {
+        onSuccess: (data) => {
+          setOrderQuoteId(data.order_quote_id);
+        }
+      });
+    }
+  }, [packageReleaseId]);
+  const { data: orderQuote } = useOrderQuotePolling(orderQuoteId || void 0);
   const redirectToStripeCheckout = async (orderQuoteId2) => {
     const stripeCheckoutBaseUrl = getWindowVar(
       "TSCIRCUIT_STRIPE_CHECKOUT_BASE_URL"
     );
     window.location.href = `${stripeCheckoutBaseUrl}?client_reference_id=${orderQuoteId2}&shipping_option=${selectedShippingCarrier}`;
   };
-  useEffect4(() => {
+  useEffect3(() => {
     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,
@@ -1946,7 +1951,7 @@ var InitialOrderScreen = ({
       orderQuote.shipping_options[0]
     ).cost : 0;
   }, [orderQuote]);
-  const isNoTokenError = (createOrderQuoteError?.error?.error_code?.includes("no_token") || orderQuote?.error?.error_code?.includes("no_token")) && signIn;
+  const isNoTokenError = createOrderQuoteError && createOrderQuoteError.error_code?.includes("no_token") || orderQuote?.error?.error_code?.includes("no_token") && signIn;
   if (!isLoggedIn || isNoTokenError) {
     return /* @__PURE__ */ jsx19(SignInView, { signIn });
   }
@@ -1956,7 +1961,7 @@ var InitialOrderScreen = ({
     (createOrderQuoteError || orderQuote?.error) && /* @__PURE__ */ jsx19(
       ErrorMessage,
       {
-        message: createOrderQuoteError?.error.message || orderQuote?.error?.message || "Failed to fetch quotes"
+        message: createOrderQuoteError && createOrderQuoteError.message || orderQuote?.error?.message || "Failed to fetch quotes"
       }
     ),
     orderQuote?.is_completed && !createOrderQuoteError && !orderQuote?.error && Array.isArray(orderQuote?.shipping_options) && orderQuote.shipping_options.length > 0 && /* @__PURE__ */ jsxs15(Fragment3, { children: [
@@ -2101,7 +2106,8 @@ var useOrderDialogCli = () => {
 };
 var useOrderDialog = ({
   onSignIn,
-  isLoggedIn
+  isLoggedIn,
+  packageReleaseId
 }) => {
   useStyles();
   const [isOpen, setIsOpen] = useState7(false);
@@ -2112,8 +2118,16 @@ var useOrderDialog = ({
   }, []);
   const open = useCallback2(() => setIsOpen(true), []);
   const MemoizedOrderDialog = useMemo3(() => {
-    return (props) => /* @__PURE__ */ jsx22(OrderDialog, { ...props, signIn: onSignIn, isLoggedIn });
-  }, [isLoggedIn]);
+    return (props) => /* @__PURE__ */ jsx22(
+      OrderDialog,
+      {
+        ...props,
+        signIn: onSignIn,
+        isLoggedIn,
+        packageReleaseId
+      }
+    );
+  }, [isLoggedIn, packageReleaseId]);
   return {
     isOpen,
     stage,

package/dist/preview.d.ts

@@ -124,9 +124,10 @@ declare const useOrderDialogCli: () => {
     setStage: react.Dispatch<react.SetStateAction<OrderStage>>;
     OrderDialog: react.FC<CliOrderDialogProps>;
 };
-declare const useOrderDialog: ({ onSignIn, isLoggedIn, }: {
+declare const useOrderDialog: ({ onSignIn, isLoggedIn, packageReleaseId, }: {
     onSignIn: () => void;
     isLoggedIn: boolean;
+    packageReleaseId: string;
 }) => {
     isOpen: boolean;
     stage: OrderStage;

package/dist/preview.js

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

package/dist/runner.js

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