embed: use real order type (#842)

* embed: use real order type * changeset
Crossmint · Oct 29, 2024 · ea8ce4d · ea8ce4d
1 parent ab3e629
commit ea8ce4d
Show file tree

Hide file tree

Showing 7 changed files with 4,509 additions and 6 deletions.
diff --git a/.changeset/silent-countries-run.md b/.changeset/silent-countries-run.md
@@ -0,0 +1,6 @@
+---
+"@crossmint/client-sdk-react-ui": patch
+"@crossmint/client-sdk-base": patch
+---
+
+embed: add Order type
diff --git a/packages/client/base/src/index.ts b/packages/client/base/src/index.ts
@@ -1,3 +1,5 @@
+export * from "./lib";
+
 export * from "./utils";
 export * from "./types";
 export * from "./services";

diff --git a/packages/client/base/src/lib/hosted-checkout/Order.ts b/packages/client/base/src/lib/hosted-checkout/Order.ts
diff --git a/packages/client/base/src/lib/hosted-checkout/index.ts b/packages/client/base/src/lib/hosted-checkout/index.ts
@@ -0,0 +1 @@
+export * from "./Order";
diff --git a/packages/client/base/src/lib/index.ts b/packages/client/base/src/lib/index.ts
@@ -0,0 +1 @@
+export * from "./hosted-checkout";
diff --git a/packages/client/ui/react-ui/package.json b/packages/client/ui/react-ui/package.json
@@ -15,8 +15,8 @@
     "types": "./dist/index.d.ts",
     "files": ["dist", "src", "LICENSE"],
     "scripts": {
-        "build": "NODE_OPTIONS='--max-old-space-size=8192' tsup",
-        "dev": "NODE_OPTIONS='--max-old-space-size=8192' tsup --watch",
+        "build": "cross-env NODE_OPTIONS='--max-old-space-size=8192' tsup",
+        "dev": "cross-env NODE_OPTIONS='--max-old-space-size=8192' tsup --watch",
         "test": "vitest run"
     },
     "dependencies": {

diff --git a/packages/client/ui/react-ui/src/hooks/useCrossmintCheckout.tsx b/packages/client/ui/react-ui/src/hooks/useCrossmintCheckout.tsx
@@ -1,19 +1,19 @@
 import { createContext, type ReactNode, useContext, useEffect, useState } from "react";
-import type { embeddedCheckoutV3IncomingEvents } from "@crossmint/client-sdk-base";
+import type { embeddedCheckoutV3IncomingEvents, Order } from "@crossmint/client-sdk-base";
 import type { z } from "zod";
 import { useCrossmint } from "./useCrossmint";
 import { createCrossmintApiClient } from "@/utils/createCrossmintApiClient";
 
 export interface CrossmintCheckoutContext {
-    order?: any;
+    order?: Order;
     orderClientSecret?: string;
 }
 
 const CrossmintCheckoutContext = createContext<CrossmintCheckoutContext | undefined>(undefined);
 
 export function CrossmintCheckoutProvider({ children }: { children: ReactNode }) {
-    const [order, setOrder] = useState<any>();
-    const [orderClientSecret, setOrderClientSecret] = useState<string>();
+    const [order, setOrder] = useState<Order | undefined>(undefined);
+    const [orderClientSecret, setOrderClientSecret] = useState<string | undefined>(undefined);
 
     const { crossmint } = useCrossmint();
     const apiClient = createCrossmintApiClient(crossmint);