@hanzo/commerce 7.3.6 → 7.3.8

package/components/cart/cart-panel/promo-code.tsx

@@ -11,13 +11,16 @@ import { Check } from 'lucide-react'
 
 import { 
   Button, 
-  Form, 
-  FormControl, 
-  FormField, 
-  FormItem, 
   Input 
 } from '@hanzo/ui/primitives'
 
+import {
+  Form,
+  FormControl,
+  FormField,
+  FormItem,
+} from '@hanzo/ui/form'
+
 import { useCommerce } from '../../../service/context'
 import type { Promo } from '../../../types'
 import getPromoFromApi from '../../../util/promo-codes'

package/components/checkout/payment-step-form/contact-form.tsx

@@ -1,11 +1,12 @@
+import { Input } from '@hanzo/ui/primitives'
+
 import {
   Form,
   FormControl,
   FormField,
   FormItem,
   FormMessage,
-  Input
-} from '@hanzo/ui/primitives'
+} from '@hanzo/ui/form'
 
 import type { ContactFormType } from '../../../types'
  

package/components/checkout/payment-step-form/index.tsx

@@ -35,7 +35,7 @@ const PaymentStepForm: React.FC<CheckoutStepComponentProps> = observer(({
   }
 
   const contactForm = useForm<z.infer<typeof contactFormSchema>>({
-    resolver: zodResolver(contactFormSchema),  
+    resolver: zodResolver(contactFormSchema),
     defaultValues: {
       name: auth?.user?.displayName ?? '',
       email: auth?.user?.email ?? '',

package/components/checkout/payment-step-form/methods/card.tsx

@@ -70,7 +70,7 @@ const PayWithCard: React.FC<PaymentMethodComponentProps> = observer(({
     })()
   }
 
-  const createVerificationDetails = () => {
+  const createVerificationDetails = (): { amount: string; billingContact: { givenName: string; email: string }; currencyCode: string; intent: 'CHARGE' | 'CHARGE_AND_STORE' } => {
     const {name, email} = contactForm.getValues()
     return {
       amount: cmmc.promoAppliedCartTotal.toFixed(2),
@@ -79,7 +79,7 @@ const PayWithCard: React.FC<PaymentMethodComponentProps> = observer(({
         email,
       },
       currencyCode: 'USD',
-      intent: 'CHARGE',
+      intent: 'CHARGE' as 'CHARGE',
     }
   }
 

package/components/checkout/shipping-step-form.tsx

@@ -4,20 +4,23 @@ import * as z from 'zod'
 import { useForm } from 'react-hook-form'
 import { zodResolver } from '@hookform/resolvers/zod'
 
-import { 
-  Input, 
-  Button, 
+import {
+  Input,
+  Button,
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from '@hanzo/ui/primitives'
+
+import {
   Form,
   FormControl,
   FormField,
   FormItem,
   FormMessage,
-  Select, 
-  SelectContent, 
-  SelectItem, 
-  SelectTrigger, 
-  SelectValue 
-} from '@hanzo/ui/primitives'
+} from '@hanzo/ui/form'
 
 import { useCommerce } from '../../service/context'
 

package/hanzo-ui.d.ts

@@ -0,0 +1,108 @@
+// Temporary type declarations for @hanzo/ui imports
+// Until proper .d.ts files are generated
+
+declare module '@hanzo/ui/types' {
+  export type Dimensions = any
+  export type MediaStackDef = any
+  export type ImageDef = any
+  export type VideoDef = any
+  export type AnimationDef = any
+  export type MediaTransform = any
+  export type LinkDef = any
+}
+
+declare module '@hanzo/ui/primitives' {
+  export type CarouselApi = any
+  export type CarouselOptions = any
+  export const Carousel: any
+  export const CarouselContent: any
+  export const CarouselItem: any
+  export const CarouselNext: any
+  export const CarouselPrevious: any
+  export const Button: any
+  export const buttonVariants: any
+  export const Input: any
+  export const Label: any
+  export const Separator: any
+  export const toast: any
+  export const Toaster: any
+  export const Image: any
+  export const Select: any
+  export const SelectContent: any
+  export const SelectGroup: any
+  export const SelectItem: any
+  export const SelectTrigger: any
+  export const SelectValue: any
+  export const RadioGroup: any
+  export const ScrollArea: any
+  export const ApplyTypography: any
+  export const MediaStack: any
+  export const Slider: any
+  export const Skeleton: any
+  export const Card: any
+  export const CardContent: any
+  export const CardFooter: any
+  export const CardHeader: any
+  export const CardTitle: any
+  export const ToggleGroup: any
+  export const ToggleGroupItem: any
+  export const Tabs: any
+  export const TabsContent: any
+  export const TabsList: any
+  export const TabsTrigger: any
+}
+
+declare module '@hanzo/ui/form' {
+  export const Form: any
+  export const FormControl: any
+  export const FormField: any
+  export const FormItem: any
+  export const FormLabel: any
+  export const FormMessage: any
+  export const FormDescription: any
+  export const useFormField: any
+}
+
+declare module '@hanzo/ui/util' {
+  export function cn(...inputs: any[]): string
+  export type VariantProps<T> = any
+}
+
+// Workaround for lucide-react with React 19 type mismatches
+declare module 'lucide-react' {
+  import type { SVGProps } from 'react'
+  export type LucideProps = SVGProps<SVGSVGElement>
+  export const ChevronLeft: any
+  export const ChevronRight: any
+  export const Minus: any
+  export const Plus: any
+  export const X: any
+  export const Check: any
+  export const CreditCard: any
+  export const ShoppingCart: any
+  export const Menu: any
+  export const Loader2: any
+  export const ChevronDown: any
+  export const ChevronsLeft: any
+  export const ChevronsRight: any
+  export const Image: any
+  export const Trash2: any
+  export const Search: any
+  export const Barcode: any
+  export const LockKeyhole: any
+  export const Copy: any
+}
+
+// Workaround for react-square-web-payments-sdk with React 19
+declare module 'react-square-web-payments-sdk' {
+  export const ApplePay: any
+  export const GooglePay: any
+  export const CreditCard: any
+  export const PaymentForm: any
+}
+
+// Workaround for next/image with React 19
+declare module 'next/image' {
+  const Image: any
+  export default Image
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/commerce",
-  "version": "7.3.6",
+  "version": "7.3.8",
   "description": "e-commerce framework.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -22,7 +22,8 @@
   "scripts": {
     "lat": "npm show @hanzo/commerce version",
     "pub": "npm publish",
-    "tc": "tsc"
+    "tc": "tsc",
+    "build": "tsc --outDir dist --declaration --emitDeclarationOnly false --module ESNext --esModuleInterop true --skipLibCheck true --sourceMap true"
   },
   "exports": {
     ".": "./index.ts",
@@ -36,25 +37,25 @@
     "square": "^35.1.0"
   },
   "peerDependencies": {
-    "@hanzo/auth": "catalog:",
-    "@hanzo/ui": "catalog:",
+    "@hanzo/auth": "2.5.4",
+    "@hanzo/ui": "workspace:*",
     "@hookform/resolvers": "^3.3.4",
     "@radix-ui/react-radio-group": "^1.1.3",
     "firebase": "^10.8.0",
-    "lucide-react": "catalog:",
+    "lucide-react": "0.456.0",
     "mobx": "^6.12.3",
     "mobx-react-lite": "^4.0.7",
     "mobx-utils": "^6.0.8",
-    "next": "catalog:",
-    "react": "catalog:",
-    "react-dom": "catalog:",
-    "react-hook-form": "catalog:",
+    "next": "14.2.16",
+    "react": "^19.0.0",
+    "react-dom": "18.3.1",
+    "react-hook-form": "7.51.4",
     "zod": "3.23.8"
   },
   "devDependencies": {
-    "@types/react": "catalog:",
-    "@types/react-dom": "catalog:",
+    "@types/react": "18.3.12",
+    "@types/react-dom": "18.3.1",
     "cross-fetch": "^4.0.0",
-    "typescript": "catalog:"
+    "typescript": "5.6.3"
   }
 }

package/tsconfig.json

@@ -6,5 +6,12 @@
   ],
   "exclude": [
     "node_modules",
-  ]
+    "dist"
+  ],
+  "compilerOptions": {
+    "noEmit": false,
+    "declaration": true,
+    "skipLibCheck": true,
+    "strict": false
+  }
 }