@hanzo/commerce 7.3.1 → 7.3.2

package/util/index.ts

@@ -1,71 +1,71 @@
-import type { StringMutator, CommerceService } from '../types'
-
-export function toTitleCase(str: string) {
-  return str.replace(
-    /\w\S*/g,
-    (txt) => txt.charAt(0).toUpperCase() + txt.slice(1).toLowerCase()
-  )
-}
-
-export function slugify(str: string) {
-  return str
-    .toLowerCase()
-    .replace(/ /g, '-')
-    .replace(/[^\w-]+/g, '')
-    .replace(/--+/g, '-')
-}
-
-export function unslugify(str: string) {
-  return str.replace(/-/g, ' ')
-}
-
-
-export function formatCurrencyValue(price: number): string {
-  const str = price.toLocaleString('en-US', {
-    style: 'currency',
-    currency: 'USD',
-  });
-  return (str.endsWith('.00')) ? str.replace('.00', '') : str 
-}
-
-export const getFacetValuesMutator = (level: number, cmmc: CommerceService): StringMutator => {
-
-  const setLevel = (value: string, level: number ): void  => {
-    const facets = cmmc.selectedPaths
-    facets[level] = [value]
-    cmmc.selectPaths(facets)
-    const subFacets = cmmc.getSelectedNodesAtLevel(level)
-    if (subFacets) {
-      const facets = cmmc.selectedPaths
-      facets[level + 1] = [subFacets[0].skuToken]
-      cmmc.selectPaths(facets)
-    }
-  }
-
-  const getLevelValueSafe = (level: number): string | null => {
-    const facets = cmmc.selectedPaths
-    if (!(level in facets) || facets[level].length === 0 ) {
-      return null
-    }
-    return facets[level][0]
-  }
-
-  return {
-    get: (): string | null => (getLevelValueSafe(level)),
-    set: (v: string): void => {setLevel(v, level)}
-  } satisfies StringMutator
-}
-
-export { default as useSyncSkuParamWithCurrentItem } from './use-sync-sku-param-w-current-item'
-export { default as processSquareCardPayment } from './square-payment'
-export { default as ObsStringMutator } from './obs-string-mutator'
-export { default as ProductMediaAccessor } from './product-media-accessor'
-
-export * from './selection-ui-specifiers'
-
-export { getErrorMessage } from './error'
-
-export { default as accessItemOptions } from './item-selector-options-accessor'
-export { default as accessMultiSelectorOptions } from './multi-family-selector-options-accessor'
-
+import type { StringMutator, CommerceService } from '../types'
+
+export function toTitleCase(str: string) {
+  return str.replace(
+    /\w\S*/g,
+    (txt) => txt.charAt(0).toUpperCase() + txt.slice(1).toLowerCase()
+  )
+}
+
+export function slugify(str: string) {
+  return str
+    .toLowerCase()
+    .replace(/ /g, '-')
+    .replace(/[^\w-]+/g, '')
+    .replace(/--+/g, '-')
+}
+
+export function unslugify(str: string) {
+  return str.replace(/-/g, ' ')
+}
+
+
+export function formatCurrencyValue(price: number): string {
+  const str = price.toLocaleString('en-US', {
+    style: 'currency',
+    currency: 'USD',
+  });
+  return (str.endsWith('.00')) ? str.replace('.00', '') : str 
+}
+
+export const getFacetValuesMutator = (level: number, cmmc: CommerceService): StringMutator => {
+
+  const setLevel = (value: string, level: number ): void  => {
+    const facets = cmmc.selectedPaths
+    facets[level] = [value]
+    cmmc.selectPaths(facets)
+    const subFacets = cmmc.getSelectedNodesAtLevel(level)
+    if (subFacets) {
+      const facets = cmmc.selectedPaths
+      facets[level + 1] = [subFacets[0].skuToken]
+      cmmc.selectPaths(facets)
+    }
+  }
+
+  const getLevelValueSafe = (level: number): string | null => {
+    const facets = cmmc.selectedPaths
+    if (!(level in facets) || facets[level].length === 0 ) {
+      return null
+    }
+    return facets[level][0]
+  }
+
+  return {
+    get: (): string | null => (getLevelValueSafe(level)),
+    set: (v: string): void => {setLevel(v, level)}
+  } satisfies StringMutator
+}
+
+export { default as useSyncSkuParamWithCurrentItem } from './use-sync-sku-param-w-current-item'
+export { default as processSquareCardPayment } from './square-payment'
+export { default as ObsStringMutator } from './obs-string-mutator'
+export { default as ProductMediaAccessor } from './product-media-accessor'
+
+export * from './selection-ui-specifiers'
+
+export { getErrorMessage } from './error'
+
+export { default as accessItemOptions } from './item-selector-options-accessor'
+export { default as accessMultiSelectorOptions } from './multi-family-selector-options-accessor'
+
 export { default as LineItemRef} from './line-item-ref'

package/util/item-selector-options-accessor.ts

@@ -1,35 +1,35 @@
-import type { ItemSelectorOptions } from '../types'
-
-export default (options: ItemSelectorOptions | undefined = {}): Required<ItemSelectorOptions> => {
-
-  const familyTitle = 'familyTitle' in options ? options.familyTitle! : 'short'
-  const showFamilyByline = 'showFamilyByline' in options ? options.showFamilyByline! : false
-
-  const showFamilyInOption = 'showFamilyInOption' in options ? options.showFamilyInOption! : false
-  const showByline = 'showByline' in options ? options.showByline! : true
-
-  const showPrice = 'showPrice' in options ? options.showPrice! : true
-  const showQuantity = 'showQuantity' in options ? options.showQuantity! : false
-
-  const buttonType = 'buttonType' in options ? options.buttonType! : 'text'
-  const horizButtons = 'horizButtons' in options ? options.horizButtons! : false
-  const showSlider = 'showSlider' in options ? options.showSlider! : true
-
-  const showButtonIfOnlyOne = 'showButtonIfOnlyOne' in options ? options.showButtonIfOnlyOne! : true
-
-  const sort = 'sort' in options ? options.sort! : 'none'
-
-  return {
-    showFamilyInOption,
-    familyTitle,
-    showFamilyByline,
-    showByline,
-    showPrice,
-    showQuantity,
-    buttonType,
-    horizButtons,
-    showSlider,
-    showButtonIfOnlyOne,
-    sort,
-  }
+import type { ItemSelectorOptions } from '../types'
+
+export default (options: ItemSelectorOptions | undefined = {}): Required<ItemSelectorOptions> => {
+
+  const familyTitle = 'familyTitle' in options ? options.familyTitle! : 'short'
+  const showFamilyByline = 'showFamilyByline' in options ? options.showFamilyByline! : false
+
+  const showFamilyInOption = 'showFamilyInOption' in options ? options.showFamilyInOption! : false
+  const showByline = 'showByline' in options ? options.showByline! : true
+
+  const showPrice = 'showPrice' in options ? options.showPrice! : true
+  const showQuantity = 'showQuantity' in options ? options.showQuantity! : false
+
+  const buttonType = 'buttonType' in options ? options.buttonType! : 'text'
+  const horizButtons = 'horizButtons' in options ? options.horizButtons! : false
+  const showSlider = 'showSlider' in options ? options.showSlider! : true
+
+  const showButtonIfOnlyOne = 'showButtonIfOnlyOne' in options ? options.showButtonIfOnlyOne! : true
+
+  const sort = 'sort' in options ? options.sort! : 'none'
+
+  return {
+    showFamilyInOption,
+    familyTitle,
+    showFamilyByline,
+    showByline,
+    showPrice,
+    showQuantity,
+    buttonType,
+    horizButtons,
+    showSlider,
+    showButtonIfOnlyOne,
+    sort,
+  }
 }

package/util/line-item-ref.ts

@@ -1,23 +1,23 @@
-import { observable, action, computed, makeObservable } from 'mobx'
-
-import type { LineItem, ObsLineItemRef } from '../types'
-
-class LineItemRef implements ObsLineItemRef {
-
-  _item: LineItem | undefined = undefined
-
-  constructor() {
-
-    makeObservable(this, {
-      _item: observable,
-      item: computed,
-      set: action
-    })
-  }
-
-  get item(): LineItem | undefined { return this._item  }
-  
-  set = (v: LineItem | undefined): void => { this._item = v  }
-}
-
-export default LineItemRef
+import { observable, action, computed, makeObservable } from 'mobx'
+
+import type { LineItem, ObsLineItemRef } from '../types'
+
+class LineItemRef implements ObsLineItemRef {
+
+  _item: LineItem | undefined = undefined
+
+  constructor() {
+
+    makeObservable(this, {
+      _item: observable,
+      item: computed,
+      set: action
+    })
+  }
+
+  get item(): LineItem | undefined { return this._item  }
+  
+  set = (v: LineItem | undefined): void => { this._item = v  }
+}
+
+export default LineItemRef

package/util/multi-family-selector-options-accessor.ts

@@ -1,15 +1,15 @@
-import type { MultiFamilySelectorOptions } from '../types'
-
-export default (options: MultiFamilySelectorOptions | undefined = {}): Required<MultiFamilySelectorOptions> => {
-
-  const showParentTitle = 'showParentTitle' in options ? options.showParentTitle! : true
-  const showItemSwatches = 'showItemSwatches' in options ? options.showItemSwatches! : true
-
-  const parentByline = 'parentByline' in options ? options.parentByline! : 'none'
-
-  return {
-    showParentTitle,
-    showItemSwatches,
-    parentByline,
-  }
+import type { MultiFamilySelectorOptions } from '../types'
+
+export default (options: MultiFamilySelectorOptions | undefined = {}): Required<MultiFamilySelectorOptions> => {
+
+  const showParentTitle = 'showParentTitle' in options ? options.showParentTitle! : true
+  const showItemSwatches = 'showItemSwatches' in options ? options.showItemSwatches! : true
+
+  const parentByline = 'parentByline' in options ? options.parentByline! : 'none'
+
+  return {
+    showParentTitle,
+    showItemSwatches,
+    parentByline,
+  }
 }

package/util/obs-string-mutator.ts

@@ -1,22 +1,22 @@
-import {makeObservable, observable, action} from 'mobx'
-
-import type { StringMutator } from '../types'
-
-class ObsStringMutator implements StringMutator {
-
-  _s: string | null
-
-  constructor(s: string) {
-    this._s = s
-    makeObservable(this, {
-      _s: observable,
-      set: action,
-      //get: computed .// no need 
-    })
-  }
-
-  set(v: string | null): void { this._s = v }
-  get(): string | null { return this._s }
-}
-
-export default ObsStringMutator
+import {makeObservable, observable, action} from 'mobx'
+
+import type { StringMutator } from '../types'
+
+class ObsStringMutator implements StringMutator {
+
+  _s: string | null
+
+  constructor(s: string) {
+    this._s = s
+    makeObservable(this, {
+      _s: observable,
+      set: action,
+      //get: computed .// no need 
+    })
+  }
+
+  set(v: string | null): void { this._s = v }
+  get(): string | null { return this._s }
+}
+
+export default ObsStringMutator

package/util/product-media-accessor.ts

@@ -1,58 +1,58 @@
-import type { AnimationDef, ImageDef, MediaStackDef, VideoDef } from '@hanzo/ui/types'
-
-interface FamilyMediaData {
-  img?: Record<string, ImageDef>
-  video?: Record<string, VideoDef>
-  anim?: Record<string, AnimationDef>
-  optionImg?: Record<string, ImageDef> 
-}
-
-class ProductMediaAccessor {
-
-  _data: FamilyMediaData
-
-  constructor(data: FamilyMediaData) {
-    this._data = data 
-  }
-
-  img = (key: string): ImageDef | undefined => (
-    (this._data.img) ? this._data.img[key] : undefined
-  )
-
-  spreadableImg = (key: string): { img?: ImageDef } => (
-    (this._data.img) ? {img: this._data.img[key]} : {}
-  )
-
-  video = (key: string): VideoDef | undefined => (
-    (this._data.video) ? this._data.video[key] : undefined
-  )
-
-  spreadableVideo = (key: string): { video?: VideoDef } => (
-    (this._data.video) ? {video: this._data.video[key]} : {}
-  )
-
-  anim = (key: string): AnimationDef | undefined => (
-    (this._data.anim) ? this._data.anim[key] : undefined
-  )
-
-  spreadableAnim = (key: string): { animation?: AnimationDef } => (
-    (this._data.anim) ? {animation: this._data.anim[key]} : {}
-  )
-
-  mediaStack = (key: string): MediaStackDef => ({
-    ...this.spreadableImg(key),
-    ...this.spreadableVideo(key),
-    ...this.spreadableAnim(key)
-  })
- 
-
-  optionImg = (key: string): ImageDef | undefined => (
-    (this._data.optionImg) ? this._data.optionImg[key] : undefined
-  )
-
-  spreadableOptionImg = (key: string): { optionImg?: ImageDef } => {
-    return (this._data.optionImg) ? { optionImg: this._data.optionImg[key]} : {}
-  }
-}
-
-export default ProductMediaAccessor
+import type { AnimationDef, ImageDef, MediaStackDef, VideoDef } from '@hanzo/ui/types'
+
+interface FamilyMediaData {
+  img?: Record<string, ImageDef>
+  video?: Record<string, VideoDef>
+  anim?: Record<string, AnimationDef>
+  optionImg?: Record<string, ImageDef> 
+}
+
+class ProductMediaAccessor {
+
+  _data: FamilyMediaData
+
+  constructor(data: FamilyMediaData) {
+    this._data = data 
+  }
+
+  img = (key: string): ImageDef | undefined => (
+    (this._data.img) ? this._data.img[key] : undefined
+  )
+
+  spreadableImg = (key: string): { img?: ImageDef } => (
+    (this._data.img) ? {img: this._data.img[key]} : {}
+  )
+
+  video = (key: string): VideoDef | undefined => (
+    (this._data.video) ? this._data.video[key] : undefined
+  )
+
+  spreadableVideo = (key: string): { video?: VideoDef } => (
+    (this._data.video) ? {video: this._data.video[key]} : {}
+  )
+
+  anim = (key: string): AnimationDef | undefined => (
+    (this._data.anim) ? this._data.anim[key] : undefined
+  )
+
+  spreadableAnim = (key: string): { animation?: AnimationDef } => (
+    (this._data.anim) ? {animation: this._data.anim[key]} : {}
+  )
+
+  mediaStack = (key: string): MediaStackDef => ({
+    ...this.spreadableImg(key),
+    ...this.spreadableVideo(key),
+    ...this.spreadableAnim(key)
+  })
+ 
+
+  optionImg = (key: string): ImageDef | undefined => (
+    (this._data.optionImg) ? this._data.optionImg[key] : undefined
+  )
+
+  spreadableOptionImg = (key: string): { optionImg?: ImageDef } => {
+    return (this._data.optionImg) ? { optionImg: this._data.optionImg[key]} : {}
+  }
+}
+
+export default ProductMediaAccessor

package/util/promo-codes.ts

@@ -1,108 +1,108 @@
-'use server'
-
-import type { Promo } from '../types'
-
-const referallCodeDiscountedSkus = [
-  'LXM-CR-B-ABT', 'LXM-CR-B-GM', 'LXM-CR-F-CC', 'LXM-CR-F-IC', 'LXM-CR-E-24G', 'LXM-CR-E-SS', 'LXM-CR-S-RT', // credit cards
-  'LXM-VL-GN', 'LXM-VL-VL', 'LXM-VL-MI', 'LXM-VL-NA', // validators
-  'LXM-PS-PS',  // pass
-  'LXM-AG-B-1_OZ', // silver
-]
-
-const PROMO_CODES: Promo[] = [
-  {
-    type: 'percent',
-    code: 'ANGEL',
-    value: 22
-  },
-  {
-    type: 'percent',
-    code: 'NASSER',
-    value: 11.11
-  },
-  {
-    type: 'percent',
-    code: 'ROSEY',
-    value: 20
-  },
-  {
-    type: 'percent',
-    code: 'IYKYK',
-    value: 11.1
-  },
-  {
-    type: 'percent',
-    code: 'GENESIS',
-    value: 99,
-    skus: ['LXM-PS-PS']
-  },
-  {
-    type: 'percent',
-    code: 'ANTJE',
-    value: 33.3,
-    skus: referallCodeDiscountedSkus
-  },
-  {
-    type: 'percent',
-    code: 'ASHLEY',
-    value: 33.3,
-    skus: referallCodeDiscountedSkus
-  },
-  {
-    type: 'percent',
-    code: 'CALE',
-    value: 33.3,
-    skus: referallCodeDiscountedSkus
-  },
-  {
-    type: 'percent',
-    code: 'DARA',
-    value: 33.3,
-    skus: referallCodeDiscountedSkus
-  },
-  {
-    type: 'percent',
-    code: 'KENJI',
-    value: 33.3,
-    skus: referallCodeDiscountedSkus
-  },
-  {
-    type: 'percent',
-    code: 'MAJOR',
-    value: 33.3,
-    skus: referallCodeDiscountedSkus
-  },
-  {
-    type: 'percent',
-    code: 'CYRUS',
-    value: 33.3,
-    skus: referallCodeDiscountedSkus
-  },
-  {
-    type: 'percent',
-    code: 'STOBIE',
-    value: 33.3,
-    skus: referallCodeDiscountedSkus
-  },
-  {
-    type: 'percent',
-    code: 'SKYLER',
-    value: 33.3,
-    skus: referallCodeDiscountedSkus
-  },
-  {
-    type: 'percent',
-    code: 'ZEEKAY',
-    value: 33.3,
-    skus: referallCodeDiscountedSkus
-  }
-]
-
-// TODO: implement a real API call
-const getPromoFromApi = async (code: string) => {
-  return PROMO_CODES.find(promo => promo.code === code)
-}
-
-export {
-  getPromoFromApi as default
-}
+'use server'
+
+import type { Promo } from '../types'
+
+const referallCodeDiscountedSkus = [
+  'LXM-CR-B-ABT', 'LXM-CR-B-GM', 'LXM-CR-F-CC', 'LXM-CR-F-IC', 'LXM-CR-E-24G', 'LXM-CR-E-SS', 'LXM-CR-S-RT', // credit cards
+  'LXM-VL-GN', 'LXM-VL-VL', 'LXM-VL-MI', 'LXM-VL-NA', // validators
+  'LXM-PS-PS',  // pass
+  'LXM-AG-B-1_OZ', // silver
+]
+
+const PROMO_CODES: Promo[] = [
+  {
+    type: 'percent',
+    code: 'ANGEL',
+    value: 22
+  },
+  {
+    type: 'percent',
+    code: 'NASSER',
+    value: 11.11
+  },
+  {
+    type: 'percent',
+    code: 'ROSEY',
+    value: 20
+  },
+  {
+    type: 'percent',
+    code: 'IYKYK',
+    value: 11.1
+  },
+  {
+    type: 'percent',
+    code: 'GENESIS',
+    value: 99,
+    skus: ['LXM-PS-PS']
+  },
+  {
+    type: 'percent',
+    code: 'ANTJE',
+    value: 33.3,
+    skus: referallCodeDiscountedSkus
+  },
+  {
+    type: 'percent',
+    code: 'ASHLEY',
+    value: 33.3,
+    skus: referallCodeDiscountedSkus
+  },
+  {
+    type: 'percent',
+    code: 'CALE',
+    value: 33.3,
+    skus: referallCodeDiscountedSkus
+  },
+  {
+    type: 'percent',
+    code: 'DARA',
+    value: 33.3,
+    skus: referallCodeDiscountedSkus
+  },
+  {
+    type: 'percent',
+    code: 'KENJI',
+    value: 33.3,
+    skus: referallCodeDiscountedSkus
+  },
+  {
+    type: 'percent',
+    code: 'MAJOR',
+    value: 33.3,
+    skus: referallCodeDiscountedSkus
+  },
+  {
+    type: 'percent',
+    code: 'CYRUS',
+    value: 33.3,
+    skus: referallCodeDiscountedSkus
+  },
+  {
+    type: 'percent',
+    code: 'STOBIE',
+    value: 33.3,
+    skus: referallCodeDiscountedSkus
+  },
+  {
+    type: 'percent',
+    code: 'SKYLER',
+    value: 33.3,
+    skus: referallCodeDiscountedSkus
+  },
+  {
+    type: 'percent',
+    code: 'ZEEKAY',
+    value: 33.3,
+    skus: referallCodeDiscountedSkus
+  }
+]
+
+// TODO: implement a real API call
+const getPromoFromApi = async (code: string) => {
+  return PROMO_CODES.find(promo => promo.code === code)
+}
+
+export {
+  getPromoFromApi as default
+}