@hanzo/commerce 7.1.5 → 7.1.6

package/types/item-selector.ts

@@ -1,97 +1,97 @@
-import type { LineItem, ObsLineItemRef } from './line-item'
-
-interface ItemSelector {
-  items: LineItem[]
-  selectedItemRef: ObsLineItemRef
-  selectSku: (sku: string) => void 
-}
-
-  /** default: 'text' */
-type ItemButton = 'text' | 'image-and-text' | 'image' 
-
-  // NOTE: if a field is added here, it should also
-  // be added to util/item-selector-options-accessor.ts
-type ItemSelectorOptions = {
-
-    /** 
-     * default: short
-     * 'short': product.shortTitle if defined
-     * 'long': always us product.title, even if .shortTitle is defined
-     * 'none': do not show title AND BYLINE
-     * 
-     * (NOTE: *not* the same as buttonType = 'none')
-     */
-  familyTitle?: 'none' | 'long' | 'short'
-
-    /** only if title shown 
-     * default: false */
-  showFamilyByline?: boolean
-
-    /** 
-     * Whether the item label includes the Family name.
-     * eg, 'Minted Bar, 1oz' vs '1oz'
-     * default: false.
-     */
-  showFamilyInOption?: boolean
-    /** default: true if it exists */
-  showByline?: boolean
-
-    /** default: true */
-  showPrice?: boolean
-
-    /**
-     * Show the current item quantity along with title and price.
-     * default: false
-     */
-  showQuantity?: boolean   
-
-  buttonType?: ItemButton  
-
-    /** (button selector only) default: false */
-  horizButtons?: boolean  
-
-    /** (carousel selector only) 
-     * affects sort.  See below.
-     * default: false */
-  showSlider?: boolean
-
-    /** default true */
-  showButtonIfOnlyOne?: boolean
-
-    /** 
-     * Sort by cost. 
-     * If it's a carousel selector and 'showSlider' is true, 
-     * defaults to 'asc', unless another value is explicitly specified.
-     * Otherwise, defaults to 'none' 
-     * */
-  sort?: 'none' | 'asc' | 'desc' 
-}
-
-interface _ItemSelectorCompProps {
-  clx?: string
-  itemClx?: string
-  soleItemClx?: string
-    /** type-specific props for ItemSelector's.
-     * eg, Carousel options.
-     */
-  ext?: any
-    /** List selectors will scroll.  
-     * Used internally
-     * default: false */
-  scrollable? : boolean
-  options?: ItemSelectorOptions
-
-  mobile?: boolean 
-}
-
-type ItemSelectorCompProps = Omit<_ItemSelectorCompProps, 'scrollable'>
-
-interface ItemSelectorProps extends 
-  ItemSelector, _ItemSelectorCompProps {}
-
-export {
-  type ItemSelector,
-  type ItemSelectorCompProps,
-  type ItemSelectorOptions,
-  type ItemSelectorProps
+import type { LineItem, ObsLineItemRef } from './line-item'
+
+interface ItemSelector {
+  items: LineItem[]
+  selectedItemRef: ObsLineItemRef
+  selectSku: (sku: string) => void 
+}
+
+  /** default: 'text' */
+type ItemButton = 'text' | 'image-and-text' | 'image' 
+
+  // NOTE: if a field is added here, it should also
+  // be added to util/item-selector-options-accessor.ts
+type ItemSelectorOptions = {
+
+    /** 
+     * default: short
+     * 'short': product.shortTitle if defined
+     * 'long': always us product.title, even if .shortTitle is defined
+     * 'none': do not show title AND BYLINE
+     * 
+     * (NOTE: *not* the same as buttonType = 'none')
+     */
+  familyTitle?: 'none' | 'long' | 'short'
+
+    /** only if title shown 
+     * default: false */
+  showFamilyByline?: boolean
+
+    /** 
+     * Whether the item label includes the Family name.
+     * eg, 'Minted Bar, 1oz' vs '1oz'
+     * default: false.
+     */
+  showFamilyInOption?: boolean
+    /** default: true if it exists */
+  showByline?: boolean
+
+    /** default: true */
+  showPrice?: boolean
+
+    /**
+     * Show the current item quantity along with title and price.
+     * default: false
+     */
+  showQuantity?: boolean   
+
+  buttonType?: ItemButton  
+
+    /** (button selector only) default: false */
+  horizButtons?: boolean  
+
+    /** (carousel selector only) 
+     * affects sort.  See below.
+     * default: false */
+  showSlider?: boolean
+
+    /** default true */
+  showButtonIfOnlyOne?: boolean
+
+    /** 
+     * Sort by cost. 
+     * If it's a carousel selector and 'showSlider' is true, 
+     * defaults to 'asc', unless another value is explicitly specified.
+     * Otherwise, defaults to 'none' 
+     * */
+  sort?: 'none' | 'asc' | 'desc' 
+}
+
+interface _ItemSelectorCompProps {
+  clx?: string
+  itemClx?: string
+  soleItemClx?: string
+    /** type-specific props for ItemSelector's.
+     * eg, Carousel options.
+     */
+  ext?: any
+    /** List selectors will scroll.  
+     * Used internally
+     * default: false */
+  scrollable? : boolean
+  options?: ItemSelectorOptions
+
+  mobile?: boolean 
+}
+
+type ItemSelectorCompProps = Omit<_ItemSelectorCompProps, 'scrollable'>
+
+interface ItemSelectorProps extends 
+  ItemSelector, _ItemSelectorCompProps {}
+
+export {
+  type ItemSelector,
+  type ItemSelectorCompProps,
+  type ItemSelectorOptions,
+  type ItemSelectorProps
 }

package/types/line-item.ts

@@ -1,29 +1,29 @@
-import type Product from './product'
-
-  // Client code always 
-  // has a LineItem, whether the Product
-  // is in the cart or not. Something is in the cart
-  // when its quantity > 0.  That's the only difference.
-  // The ui, and as well as some Cart state, reacts to 
-  // changes in this quantity.
-
-  // It could have more accurately been named
-  // 'QuantifiedProduct' but that sucked.
-interface LineItem extends Product {
-
-  /** all observable */
-  get quantity(): number
-  get canDecrement(): boolean
-  get isInCart(): boolean
-
-  increment(): void
-  decrement(): void
-
-  get title(): string
-}
-
-interface ObsLineItemRef {
-  get item(): LineItem | undefined
-}
-
-export type { LineItem, ObsLineItemRef}
+import type Product from './product'
+
+  // Client code always 
+  // has a LineItem, whether the Product
+  // is in the cart or not. Something is in the cart
+  // when its quantity > 0.  That's the only difference.
+  // The ui, and as well as some Cart state, reacts to 
+  // changes in this quantity.
+
+  // It could have more accurately been named
+  // 'QuantifiedProduct' but that sucked.
+interface LineItem extends Product {
+
+  /** all observable */
+  get quantity(): number
+  get canDecrement(): boolean
+  get isInCart(): boolean
+
+  increment(): void
+  decrement(): void
+
+  get title(): string
+}
+
+interface ObsLineItemRef {
+  get item(): LineItem | undefined
+}
+
+export type { LineItem, ObsLineItemRef}

package/types/multi-family-selector-props.ts

@@ -1,20 +1,20 @@
-import type { Dimensions } from '@hanzo/ui/types'
-
-import type { Family } from './family'
-import type { ItemSelectorOptions } from './item-selector'
-import type { MultiFamilySelectorOptions } from './selection-ui-specifier'
-import type { CategoryNode } from './category-node'
-import type { LineItem } from './line-item'
-
-interface MultiFamilySelectorProps {
-  families: Family[]
-  parent: CategoryNode
-  clx?: string
-  itemClx?: string
-  itemOptions?: ItemSelectorOptions
-  selectorOptions?: MultiFamilySelectorOptions 
-  mediaConstraint?: Dimensions
-  mobile?: boolean
-}
-
+import type { Dimensions } from '@hanzo/ui/types'
+
+import type { Family } from './family'
+import type { ItemSelectorOptions } from './item-selector'
+import type { MultiFamilySelectorOptions } from './selection-ui-specifier'
+import type { CategoryNode } from './category-node'
+import type { LineItem } from './line-item'
+
+interface MultiFamilySelectorProps {
+  families: Family[]
+  parent: CategoryNode
+  clx?: string
+  itemClx?: string
+  itemOptions?: ItemSelectorOptions
+  selectorOptions?: MultiFamilySelectorOptions 
+  mediaConstraint?: Dimensions
+  mobile?: boolean
+}
+
 export { type MultiFamilySelectorProps as default }

package/types/product.ts

@@ -1,21 +1,21 @@
-import type { ImageDef, MediaStackDef } from '@hanzo/ui/types'
-
-interface Product extends MediaStackDef {
-  id: string    // DB index // not a logical aspect of our domain.  may not be necessary at all
-  sku: string   // human visible on orders etc.
-  fullTitle?: string
-  optionLabel: string
-  optionLabelShort?: string
-  familyId: string  // skuPath, eg LXB-AU-B
-  familyTitle: string
-  byline?: string
-  desc?: string
-  price: number
-    // image to by uses as an image button in a list of choices
-    // defaults to (MediaStackDef's) img
-  optionImg?: ImageDef
-}
-
-export {
-  type Product as default
+import type { ImageDef, MediaStackDef } from '@hanzo/ui/types'
+
+interface Product extends MediaStackDef {
+  id: string    // DB index // not a logical aspect of our domain.  may not be necessary at all
+  sku: string   // human visible on orders etc.
+  fullTitle?: string
+  optionLabel: string
+  optionLabelShort?: string
+  familyId: string  // skuPath, eg LXB-AU-B
+  familyTitle: string
+  byline?: string
+  desc?: string
+  price: number
+    // image to by uses as an image button in a list of choices
+    // defaults to (MediaStackDef's) img
+  optionImg?: ImageDef
+}
+
+export {
+  type Product as default
 }

package/types/promo.ts

@@ -1,10 +1,10 @@
-interface Promo {
-  type: 'percent' | 'amount'
-  code: string
-  value: number,
-  skus?: string[]
-}
-
-export {
-  type Promo as default
+interface Promo {
+  type: 'percent' | 'amount'
+  code: string
+  value: number,
+  skus?: string[]
+}
+
+export {
+  type Promo as default
 }

package/types/selection-ui-specifier.ts

@@ -1,52 +1,52 @@
-import type { ItemSelectorOptions } from './item-selector'
-
-type SingleFamilySelector = 'buttons' | 'carousel' 
-type MultiFamilySelector = 'family-carousel' | 'all-variants-carousel'
-
-type MultiFamilySelectorOptions = {
-      /** 
-       * Show title of parent node of families.
-       * eg,
-       *   Lux Credit
-       *   Black Card
-       * 
-       * vs just Black Card
-       * 
-       * ( parent CategoryNode.label)
-       * 
-       * (goes to one line if only one family)
-       * default: true 
-       * */ 
-    showParentTitle?: boolean   
-
-      /** parent CategoryNode.subNodesLabel 
-       * 
-       * default: 'none'
-      */
-    parentByline?: 'none' | 'own-line' | 'comma-sep' | 'colon-sep'  
-
-      /** show horiz image buttons of
-       * all sibling items below item info
-       * default: true*/
-    showItemSwatches?: boolean
-}
-
-interface SelectionUISpecifier {
-  multiFamily?: {
-    type: MultiFamilySelector
-    selectorOptions?: MultiFamilySelectorOptions
-    itemOptions?: ItemSelectorOptions
-  }
-  singleFamily?: {
-    type: SingleFamilySelector
-    options?: ItemSelectorOptions
-  } 
-}
-
-export {
-  type SelectionUISpecifier,
-  type ItemSelectorOptions,
-  type SingleFamilySelector,
-  type MultiFamilySelector,
-  type MultiFamilySelectorOptions
+import type { ItemSelectorOptions } from './item-selector'
+
+type SingleFamilySelector = 'buttons' | 'carousel' 
+type MultiFamilySelector = 'family-carousel' | 'all-variants-carousel'
+
+type MultiFamilySelectorOptions = {
+      /** 
+       * Show title of parent node of families.
+       * eg,
+       *   Lux Credit
+       *   Black Card
+       * 
+       * vs just Black Card
+       * 
+       * ( parent CategoryNode.label)
+       * 
+       * (goes to one line if only one family)
+       * default: true 
+       * */ 
+    showParentTitle?: boolean   
+
+      /** parent CategoryNode.subNodesLabel 
+       * 
+       * default: 'none'
+      */
+    parentByline?: 'none' | 'own-line' | 'comma-sep' | 'colon-sep'  
+
+      /** show horiz image buttons of
+       * all sibling items below item info
+       * default: true*/
+    showItemSwatches?: boolean
+}
+
+interface SelectionUISpecifier {
+  multiFamily?: {
+    type: MultiFamilySelector
+    selectorOptions?: MultiFamilySelectorOptions
+    itemOptions?: ItemSelectorOptions
+  }
+  singleFamily?: {
+    type: SingleFamilySelector
+    options?: ItemSelectorOptions
+  } 
+}
+
+export {
+  type SelectionUISpecifier,
+  type ItemSelectorOptions,
+  type SingleFamilySelector,
+  type MultiFamilySelector,
+  type MultiFamilySelectorOptions
 }

package/types/string-mutator.ts

@@ -1,14 +1,14 @@
-interface StringMutator {
-  get(): string | null
-  set(v: string | null): void
-}
-
-interface StringArrayMutator {
-  get(): string[] | null
-  set(v: string[] | null): void
-}
-
-export type {
-  StringMutator, 
-  StringArrayMutator
+interface StringMutator {
+  get(): string | null
+  set(v: string | null): void
+}
+
+interface StringArrayMutator {
+  get(): string[] | null
+  set(v: string[] | null): void
+}
+
+export type {
+  StringMutator, 
+  StringArrayMutator
 }

package/types/token-separators.ts

@@ -1,7 +1,7 @@
-interface TokenSeparators {
-  readonly tok: string
-  readonly subTok: string
-  readonly decimal: string
-}
-
-export { type TokenSeparators as default }
+interface TokenSeparators {
+  readonly tok: string
+  readonly subTok: string
+  readonly decimal: string
+}
+
+export { type TokenSeparators as default }

package/util/analytics.ts

@@ -1,21 +1,21 @@
-declare global {
-  interface Window {
-    fbq: Function;
-    gtag: Function;
-  }
-}
-
-// https://developers.facebook.com/docs/meta-pixel/reference
-const sendFBEvent = (name: string, options = {}) => {
-  window.fbq('track', name, options)
-}
-
-// https://developers.google.com/analytics/devguides/collection/ga4/ecommerce?client_type=gtag
-const sendGAEvent = (name: string, options = {}) => {
-  window.gtag('event', name, options)
-}
-
-export {
-  sendFBEvent,
-  sendGAEvent,
+declare global {
+  interface Window {
+    fbq: Function;
+    gtag: Function;
+  }
+}
+
+// https://developers.facebook.com/docs/meta-pixel/reference
+const sendFBEvent = (name: string, options = {}) => {
+  window.fbq('track', name, options)
+}
+
+// https://developers.google.com/analytics/devguides/collection/ga4/ecommerce?client_type=gtag
+const sendGAEvent = (name: string, options = {}) => {
+  window.gtag('event', name, options)
+}
+
+export {
+  sendFBEvent,
+  sendGAEvent,
 }