@hanzo/commerce 1.1.3 → 1.1.5

package/components/facet-toggles-widget/index.tsx

@@ -1,7 +1,7 @@
 'use client'
 import React, { useState } from 'react'
 
-import { ToggleGroup, ToggleGroupItem,} from "@hanzo/ui/primitives"
+import { ToggleGroup, ToggleGroupItem, type toggleVariants} from "@hanzo/ui/primitives"
 import { cn } from '@hanzo/ui/util'
 
 import type { FacetValueDesc, StringMutator, StringArrayMutator } from '../../types'
@@ -13,12 +13,14 @@ const FacetTogglesWidget: React.FC<{
   multiple?: boolean
   className?: string
   isMobile?: boolean
+  tabSize?: string
 }> = ({
   facetValues,
   mutator,
   multiple='',
   className='',
-  isMobile=false
+  isMobile=false,
+  tabSize
 }) => {
 
   const [last, setLast] = useState<string | undefined>(undefined)
@@ -48,7 +50,7 @@ const FacetTogglesWidget: React.FC<{
       type={multiple ? 'multiple' : 'single'} 
       value={val}
       variant='default'
-      size={isMobile ? 'sm' : 'default'}
+      size={isMobile ? 'sm' : tabSize ? tabSize : 'default'}
       onValueChange={multiple ? handleChangeMultiple : handleChangeSingle}
       className={className}
       {...roundedToSpread}

package/components/facets-widget.tsx

@@ -15,6 +15,7 @@ const FacetsWidget: React.FC<PropsWithChildren & {
   isMobile?: boolean
   id?: string
   className?: string
+  tabSize?: string 
 }> = ({
   children,
   facets,
@@ -23,6 +24,7 @@ const FacetsWidget: React.FC<PropsWithChildren & {
   facetClassNames,
   isMobile=false,
   className='',
+  tabSize,
   id='FacetsWidget'
 }) => {
   const horiz = className.includes('flex-row')
@@ -36,6 +38,7 @@ const FacetsWidget: React.FC<PropsWithChildren & {
         isMobile={isMobile}
         facetValues={facets[parseInt(key)]} 
         className={cn((horiz ? '' : 'mb-2'), (i !== 0 && !horiz) ? 'mt-2' : '', (facetClassNames?.[i]) ?? '')} 
+        tabSize={tabSize}
       />
     ))}
       {children}

package/components/product-selection-radio-group.tsx

@@ -10,12 +10,14 @@ const ProductSelectionRadioGroup: React.FC<{
   onValueChange: (v: string) => void
   groupClx?: string
   itemClx?: string
+  showPrice?: boolean
 }> = ({
   products,
   selectedSku,
   onValueChange,
   groupClx='',
-  itemClx=''
+  itemClx='',
+  showPrice=true
 }) => (
   <RadioGroup
     className={groupClx}
@@ -25,7 +27,7 @@ const ProductSelectionRadioGroup: React.FC<{
   {products.map((prod) => (
     <div className={itemClx} key={prod.sku}>
       <RadioGroupItem value={prod.sku} id={prod.sku} />
-      <Label htmlFor={prod.sku}>{prod.titleAsOption + ', ' + formatPrice(prod.price)}</Label>
+      <Label htmlFor={prod.sku}>{prod.titleAsOption + (showPrice ? (', ' + formatPrice(prod.price)) : '')}</Label>
     </div>
   ))}
   </RadioGroup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hanzo/commerce",
-  "version": "1.1.3",
+  "version": "1.1.5",
   "description": "Library with shopping cart components.",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
@@ -34,7 +34,7 @@
   },
   "peerDependencies": {
     "@hanzo/auth": "^1.0.12",
-    "@hanzo/ui": "^1.0.8",
+    "@hanzo/ui": "^1.0.12",
     "firebase": "^10.8.0",
     "mobx": "^6.12.0",
     "mobx-react-lite": "^4.0.5",

package/service/impls/standalone/orders/index.ts

@@ -24,6 +24,8 @@ const getDBInstance = (name: string): Firestore => {
 interface SavedOrder {
   email: string
   paymentMethod: string
+  // TODO: add shippingInfo type
+  shippingInfo?: any
   status: string
   timestamp: FieldValue
   items: ActualLineItemSnapshot[]
@@ -69,11 +71,13 @@ const updateOrder = async (
   orderId: string,
   email: string,
   paymentMethod: string,
+  // TODO: add shippingInfo type
   items: ActualLineItemSnapshot[],
   options: {
     dbName: string
     ordersTable: string
-  }
+  },
+  shippingInfo?: any
 ): Promise<{
   success: boolean,
   error: any
@@ -86,6 +90,7 @@ const updateOrder = async (
     await setDoc(doc(ordersRef, orderId), {
       email,
       paymentMethod,
+      shippingInfo,
       status: 'open',
       timestamp: serverTimestamp(),
       items,

package/service/impls/standalone/standalone-service.ts

@@ -93,9 +93,10 @@ class StandaloneService
     return order.id
   }
 
-  async updateOrder(orderId: string, email: string, paymentMethod: string): Promise<void> {
+  // TODO: add shippingInfo type
+  async updateOrder(orderId: string, email: string, paymentMethod: string, shippingInfo?: any): Promise<void> {
     const snapshot = this.takeSnapshot()
-    updateOrderHelper(orderId, email, paymentMethod, snapshot.items, this._options) // didn't want to have two levels of 'items'
+    updateOrderHelper(orderId, email, paymentMethod, snapshot.items, this._options, shippingInfo) // didn't want to have two levels of 'items'
   }
 
   takeSnapshot = (): StandaloneServiceSnapshot => ({

package/types/commerce-service.ts

@@ -9,7 +9,8 @@ interface CommerceService extends ObsLineItemRef {
   getCartCategorySubtotal(categoryId: string): number
 
   createOrder(email: string, paymentMethod: string): Promise<string | undefined>
-  updateOrder(orderId: string, email: string, paymentMethod: string): Promise<void>
+  // TODO: add shippingInfo type
+  updateOrder(orderId: string, email: string, paymentMethod: string, shippingInfo?: any): Promise<void>
 
     /** 
      * Sets the tokens at each level supplied.

package/types/facet.ts

@@ -3,7 +3,7 @@ import type { ReactNode } from 'react'
 interface FacetValueDesc {
   value: string             // a token in the sku
   label: string
-  img : string | ReactNode  // icon is required 
+  img? : string | ReactNode  // icon is required 
   imgAR? : number           // helps with svgs
 }