@hanzo/commerce 6.1.13 → 6.2.1

package/components/select-product/radio-selector.tsx

@@ -1,125 +0,0 @@
-'use client'
-import React from 'react'
-import { observer } from 'mobx-react-lite'
-
-import { 
-  Label, 
-  RadioGroup, 
-  RadioGroupItem,
-  ScrollArea 
-} from '@hanzo/ui/primitives'
-import { cn } from '@hanzo/ui/util'
-
-import type { ItemSelectorProps, LineItem } from '../../types'
-import { formatCurrencyValue } from '../../util'
-
-const RadioItemSelector: React.FC<ItemSelectorProps> = observer(({
-  items,
-  selectedItemRef: itemRef,
-  selectSku,
-  clx='',
-  itemClx='',
-  soleItemClx='',
-  showFamily=false,
-  showQuantity=false,
-  scrollList=false
-}) => {
-
-  const LabelText: React.FC<{item: LineItem}> = ({item}) => (
-    (showFamily ? (item.familyTitle + ', ' + item.optionLabel) : item.optionLabel) + 
-    (showFamily ? ': ' : ', ') + formatCurrencyValue(item.price)
-  )
-
-  const ItemAndPrice: React.FC<{
-    item: LineItem
-    listBoxMode: boolean
-    selected: boolean
-    className?: string
-  }> = ({
-    item,
-    listBoxMode,
-    selected,
-    className=''
-  }) => (
-    <div className={cn(
-      'flex items-center', 
-      className, 
-      itemClx,
-    )}>
-      <RadioGroupItem
-        value={item.sku} 
-        larger
-        id={item.sku} 
-        className={'mr-2 ' + (listBoxMode ?  'hidden' : '')}
-      />
-      <Label htmlFor={item.sku} className={selected ? 'text-accent' : ''}>
-        <LabelText item={item} />
-      </Label>
-    </div>
-  )
- 
-  const Item: React.FC<{
-    item: LineItem
-    selected: boolean
-    listBoxMode: boolean
-    clx?: string
-  }> = ({
-    item,
-    selected,
-    listBoxMode,
-    clx=''
-  }) => {
-
-    const outClx = [
-      'h-10',
-      (listBoxMode ? 'border-b border-muted-3 py-1 pl-2' : 'mb-3'),
-      (selected && listBoxMode ? 'border border-foreground rounded-sm' : ''),
-    ]
-
-    return (showQuantity ? (
-      <div key={item.sku} className={cn('flex flex-row items-center', ...outClx, clx )}>
-        <ItemAndPrice item={item} selected={selected} listBoxMode={listBoxMode} className='grow'/>
-        <div className='grow-0 shrink-0 font-semibold text-sm leading-none px-2'>{ item.quantity > 0 ? `(${item.quantity})` : ' '}</div>
-      </div>
-    ) : (
-      <ItemAndPrice 
-        key={item.sku} 
-        item={item} 
-        selected={selected} 
-        listBoxMode={listBoxMode} 
-        className={cn(...outClx, 
-        listBoxMode ? '' : 'mb-1',
-        clx)} 
-      />
-    ))
-  }
-
-  return items.length > 1 ? (
-    <RadioGroup
-      className={cn('flex flex-col gap-0', 
-        (scrollList ? 'shrink min-h-0' : ''), 
-        clx,
-      )}
-      onValueChange={selectSku}
-      value={itemRef.item ? itemRef.item.sku : ''}
-    >
-      {scrollList ? (
-        <ScrollArea className='mt-2 w-full h-full py-0 border border-muted-2 rounded-sm '>
-          {items.map((item) => (
-            <Item item={item} listBoxMode={true} selected={itemRef.item?.sku === item.sku}/>
-          ))}
-        </ScrollArea>
-      ) : (<>
-        {items.map((item) => (
-          <Item item={item} listBoxMode={false} selected={itemRef.item?.sku === item.sku}/>
-        ))}
-      </>)}
-    </RadioGroup>
-  ) : (
-    <div className={soleItemClx}>
-      <LabelText item={items[0]} />
-    </div>
-  )
-})
-
-export default RadioItemSelector

package/service/impls/index.ts

@@ -1,3 +0,0 @@
-import { getInstance } from './standalone'
-
-export default getInstance

package/types/buy-ui-spec.ts

@@ -1,8 +0,0 @@
-interface BuyUISpec {
-  selector: 'carousel' | 'radio' | 'image'
-  allVariants: boolean 
-}
-
-export {
-  type BuyUISpec as default
-}

package/types/tree-node.ts

@@ -1,24 +0,0 @@
-import type { ReactNode } from 'react'
-
-interface ProductTreeNode {
-  skuToken: string             // a token in the sku
-  label: string
-  img? : string | ReactNode  // icon is required 
-  imgAR? : number           // helps with svgs
-
-  /** Short desc of what subNodes refer to.
-   * For example, if this node's label is 'Lux Credit', 
-   * it's subNodesLabel would be 'Level',
-   * refering to membership 'levels' ('black', 'elite', etc)
-  */
-  subNodesLabel?: string   
-  subNodes?: ProductTreeNode[]
-}
-
-  // Which facets tokens are 'on' at each level
-type SelectedPaths = Record<number, string[]>
-
-export type {
-  ProductTreeNode,
-  SelectedPaths
-}

package/util/buy-ui-conf.ts

@@ -1,35 +0,0 @@
-import type { BuyUISpec } from '../types'
-import SEP from './sep'
-
-const map = new Map<string, BuyUISpec>([
-  ['LXM_AU', {
-    selector: 'radio',
-    allVariants: false
-  }],
-  ['LXM_AG', {
-    selector: 'radio',
-    allVariants: false
-  }],  
-  ['LXM_CN', {
-    selector: 'image',
-    allVariants: false
-  }],  
-    // only one option so image / radio doesn't have meaning
-  ['LXM_PS', {
-    selector: 'image',
-    allVariants: false
-  }],  
-  ['LXM-VL', {
-    selector: 'radio',
-    allVariants: false
-  }],
-  ['LXM-CR', {
-    selector: 'carousel',
-    allVariants: true
-  }],
-])
-
-export default (skuPath: string): BuyUISpec | undefined => {
-  const key = skuPath.split(SEP.TOK).slice(0, 2).join(SEP.TOK)
-  return map.get(key)
-}

package/util/sep.ts

@@ -1,5 +0,0 @@
-export default {
-  TOK: '-',
-  SUB_TOK: '_',
-  DECIMAL: '.'
-}