@tscircuit/runframe 0.0.440 → 0.0.442

package/dist/{chunk-6PJZCBDT.js → chunk-MP2RYG4Y.js}

@@ -1092,7 +1092,7 @@ var RenderLogViewer = ({
 };
 
 // package.json
-var version = "0.0.439";
+var version = "0.0.441";
 
 // lib/components/CircuitJsonPreview/CircuitJsonPreview.tsx
 import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
@@ -1717,6 +1717,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";
 
 // lib/components/OrderDialog/VendorQuoteCard.tsx
@@ -1833,12 +1834,12 @@ var createOrderQuote = async (packageReleaseId) => {
       }
     }).json();
     return order_quote_id;
-  } catch (err) {
-    if (err instanceof HTTPError) {
-      const errorBody = await err.response.json();
-      throw new Error(errorBody.message || err.message);
+  } catch (error) {
+    if (error instanceof HTTPError) {
+      const errorBody = await error.response.json();
+      throw errorBody;
     }
-    throw err;
+    throw error;
   }
 };
 var getOrderQuote = async (orderQuoteId) => {
@@ -1854,12 +1855,7 @@ var getOrderQuote = async (orderQuoteId) => {
 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");
-      }
+      return await createOrderQuote(packageReleaseId);
     }
   });
 };
@@ -1897,14 +1893,14 @@ var useOrderQuotePolling = (orderQuoteId) => {
 import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 var InitialOrderScreen = ({
   onCancel,
-  packageReleaseId
+  packageReleaseId,
+  signIn
 }) => {
   const [selectedShippingCarrier, setSelectedShippingCarrier] = useState6(null);
   const {
     mutate: createOrderQuote2,
     data: orderQuoteId,
-    error: createOrderQuoteError,
-    isError
+    error: createOrderQuoteError
   } = useCreateOrderQuote(packageReleaseId);
   const { data: orderQuote } = useOrderQuotePolling(orderQuoteId);
   const redirectToStripeCheckout = async (orderQuoteId2) => {
@@ -1929,10 +1925,14 @@ var InitialOrderScreen = ({
   useEffect3(() => {
     createOrderQuote2();
   }, [packageReleaseId, createOrderQuote2]);
+  const isNoTokenError = (createOrderQuoteError?.error_code?.includes("no_token") || orderQuote?.error?.error_code?.includes("no_token")) && signIn;
+  if (isNoTokenError) {
+    return /* @__PURE__ */ jsx19(SignInView, { signIn });
+  }
   return /* @__PURE__ */ jsxs15("div", { className: "rf-max-w-lg rf-mx-auto rf-bg-white rf-rounded-2xl rf-py-8 rf-flex rf-flex-col rf-gap-3", children: [
     /* @__PURE__ */ jsx19("h2", { className: "rf-text-3xl rf-font-bold rf-text-center", children: "Order PCB" }),
-    (!orderQuoteId || !orderQuote || !orderQuote?.is_completed) && !isError && /* @__PURE__ */ jsx19(LoadingMessage, { message: "Fetching quotes..." }),
-    (createOrderQuoteError || orderQuote?.error || isError) && /* @__PURE__ */ jsx19(
+    (!orderQuoteId || !orderQuote || orderQuote?.is_processing && !orderQuote?.error) && /* @__PURE__ */ jsx19(LoadingMessage, { message: "Fetching quotes..." }),
+    (createOrderQuoteError || orderQuote?.error) && /* @__PURE__ */ jsx19(
       ErrorMessage,
       {
         message: createOrderQuoteError?.message || orderQuote?.error?.message || "Failed to fetch quotes"
@@ -1989,6 +1989,16 @@ var LoadingMessage = ({ message }) => /* @__PURE__ */ jsxs15("div", { className:
   /* @__PURE__ */ jsx19("p", { className: "rf-text-gray-600", children: message })
 ] });
 var ErrorMessage = ({ message }) => /* @__PURE__ */ jsx19("div", { className: "rf-text-red-600 rf-text-center rf-py-12", children: message });
+var SignInView = ({ signIn }) => /* @__PURE__ */ jsxs15("div", { className: "rf-max-w-lg rf-mx-auto rf-bg-white rf-rounded-2xl rf-py-8 rf-flex rf-flex-col rf-gap-3", children: [
+  /* @__PURE__ */ jsx19("h2", { className: "rf-text-3xl rf-font-bold rf-text-center", children: "Order PCB" }),
+  /* @__PURE__ */ jsxs15("div", { className: "rf-flex rf-flex-col rf-items-center rf-gap-4 rf-py-8", children: [
+    /* @__PURE__ */ jsx19("p", { className: "rf-text-gray-600", children: "Please sign in to continue" }),
+    /* @__PURE__ */ jsxs15(Button, { onClick: signIn, className: "rf-flex rf-items-center rf-gap-2", children: [
+      /* @__PURE__ */ jsx19(GitHubLogoIcon2, { className: "rf-w-5 rf-h-5" }),
+      "Sign in with GitHub"
+    ] })
+  ] })
+] });
 
 // lib/components/OrderDialog/OrderDialog.tsx
 import { jsx as jsx20 } from "react/jsx-runtime";
@@ -1999,7 +2009,8 @@ var OrderDialog = ({
   stage,
   setStage,
   circuitJson,
-  packageReleaseId
+  packageReleaseId,
+  signIn
 }) => {
   return /* @__PURE__ */ jsx20(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx20(
     Dialog,
@@ -2012,7 +2023,9 @@ var OrderDialog = ({
         InitialOrderScreen,
         {
           onCancel: onClose,
-          packageReleaseId: packageReleaseId ?? ""
+          packageReleaseId: packageReleaseId ?? "",
+          signIn: signIn ?? (() => {
+          })
         }
       ) }) })
     }
@@ -2025,12 +2038,14 @@ var CliOrderDialog = ({
   isOpen,
   onClose,
   stage,
-  setStage
+  setStage,
+  signIn
 }) => {
   const circuitJson = useRunFrameStore((state) => state.circuitJson);
   return /* @__PURE__ */ jsx21(
     OrderDialog,
     {
+      signIn,
       isOpen,
       onClose,
       stage,
@@ -2042,6 +2057,7 @@ var CliOrderDialog = ({
 
 // lib/components/OrderDialog/useOrderDialog.tsx
 import { useState as useState7 } from "react";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var useOrderDialogCli = () => {
   const [isOpen, setIsOpen] = useState7(false);
   const [stage, setStage] = useState7("initial");
@@ -2058,7 +2074,7 @@ var useOrderDialogCli = () => {
     OrderDialog: CliOrderDialog
   };
 };
-var useOrderDialog = () => {
+var useOrderDialog = (signIn) => {
   useStyles();
   const [isOpen, setIsOpen] = useState7(false);
   const [stage, setStage] = useState7("initial");
@@ -2072,7 +2088,7 @@ var useOrderDialog = () => {
     open: () => setIsOpen(true),
     close: handleClose,
     setStage,
-    OrderDialog
+    OrderDialog: (props) => /* @__PURE__ */ jsx22(OrderDialog, { ...props, signIn })
   };
 };
 

package/dist/preview.d.ts

@@ -2,7 +2,7 @@ import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ManualEditEvent } from '@tscircuit/props';
 import { CircuitJson, AnyCircuitElement } from 'circuit-json';
 import * as react from 'react';
-import { ComponentProps } from 'react';
+import { ComponentProps, FC } from 'react';
 import { PCBViewer } from '@tscircuit/pcb-viewer';
 export { PCBViewer as PcbViewer } from '@tscircuit/pcb-viewer';
 export { CadViewer } from '@tscircuit/3d-viewer';
@@ -87,21 +87,24 @@ declare const PcbViewerWithContainerHeight: ({ containerClassName, ...props }: {
     containerClassName?: string;
 } & ComponentProps<typeof PCBViewer>) => react_jsx_runtime.JSX.Element;
 
-interface OrderDialogProps {
+interface CliOrderDialogProps {
     isOpen: boolean;
     onClose: () => void;
     stage: "initial" | "progress" | "checkout";
     setStage: (stage: "initial" | "progress" | "checkout") => void;
-    circuitJson?: CircuitJson;
-    packageReleaseId?: string;
+    signIn?: () => void;
 }
 
-interface CliOrderDialogProps {
+interface OrderDialogProps {
     isOpen: boolean;
     onClose: () => void;
     stage: "initial" | "progress" | "checkout";
     setStage: (stage: "initial" | "progress" | "checkout") => void;
+    circuitJson?: CircuitJson;
+    packageReleaseId?: string;
+    signIn?: () => void;
 }
+declare const OrderDialog: FC<OrderDialogProps>;
 
 type OrderStage = "initial" | "progress" | "checkout";
 declare const useOrderDialogCli: () => {
@@ -112,13 +115,13 @@ declare const useOrderDialogCli: () => {
     setStage: react.Dispatch<react.SetStateAction<OrderStage>>;
     OrderDialog: react.FC<CliOrderDialogProps>;
 };
-declare const useOrderDialog: () => {
+declare const useOrderDialog: (signIn: () => void) => {
     isOpen: boolean;
     stage: OrderStage;
     open: () => void;
     close: () => void;
     setStage: react.Dispatch<react.SetStateAction<OrderStage>>;
-    OrderDialog: react.FC<OrderDialogProps>;
+    OrderDialog: (props: Omit<Parameters<typeof OrderDialog>[0], "signIn">) => react_jsx_runtime.JSX.Element;
 };
 
 export { BomTable, CircuitJsonPreview, PcbViewerWithContainerHeight, type PreviewContentProps, type TabId, linkify, useOrderDialog, useOrderDialogCli };

package/dist/preview.js

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

package/dist/runner.js

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