@hanzo/commerce 7.3.2 → 7.3.4

package/service/impls/standalone/order/firebase.ts

@@ -1,14 +1,14 @@
-import { initializeApp, getApps } from 'firebase/app'
-
-const firebaseConfig = {
-  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
-  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
-  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
-  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
-  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
-  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
-  measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID,
-}
-
-// Initialize Firebase instance if there isn't one already
-export default getApps().length === 0 ? initializeApp(firebaseConfig) : getApps()[0]
+import { initializeApp, getApps } from 'firebase/app'
+
+const firebaseConfig = {
+  apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY,
+  authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN,
+  projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID,
+  storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET,
+  messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID,
+  appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID,
+  measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID,
+}
+
+// Initialize Firebase instance if there isn't one already
+export default getApps().length === 0 ? initializeApp(firebaseConfig) : getApps()[0]

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

@@ -1,129 +1,129 @@
-import { 
-  getFirestore, 
-  collection, 
-  setDoc, 
-  doc, 
-  serverTimestamp,
-  type Firestore,
-  type FieldValue, 
-} from 'firebase/firestore'  
-
-import type { ActualLineItemSnapshot } from '../actual-line-item'
-
-import firebaseApp from './firebase' 
-
-let dbInstance: Firestore | undefined = undefined
-
-const getDBInstance = (name: string): Firestore => {
-  if (!dbInstance) {
-    dbInstance = getFirestore(firebaseApp, name) 
-  }
-  return dbInstance  
-} 
- 
-interface SavedOrder {
-  email: string
-  name: string
-  // TODO: add shippingInfo type
-  shippingInfo?: any
-  paymentInfo?: any
-  status: string
-  timestamp: FieldValue
-  items: ActualLineItemSnapshot[]
-}
-
-const createOrder = async (
-  email: string,
-  items: ActualLineItemSnapshot[],
-  options: {
-    dbName: string
-    ordersTable: string
-  },
-  name?: string
-): Promise<{
-  success: boolean,
-  error: any,
-  id?: string,
-}> => {  
-
-  let error: any | null = null
-  const ordersRef = collection(getDBInstance(options.dbName), options.ordersTable)
-  const orderId = `${email}-${new Date().toISOString()}`
-
-  try {
-    await setDoc(doc(ordersRef, orderId), {
-      email,
-      name: name ?? '',
-      status: 'open',
-      timestamp: serverTimestamp(),
-      items,
-    } satisfies SavedOrder)
-    return { success: !error, error, id: orderId }
-  }
-  catch (e) {  
-    console.error('Error writing item document: ', e)
-    error = e  
-  }  
-  
-  return { success: !error, error }  
-}
-
-const updateOrderShippingInfo = async (
-  orderId: string,
-  shippingInfo: any,
-  options: {
-    dbName: string
-    ordersTable: string
-  }
-): Promise<{
-  success: boolean,
-  error: any
-}> => {  
-
-  let error: any | null = null
-  const ordersRef = collection(getDBInstance(options.dbName), options.ordersTable)
-
-  try {
-    await setDoc(doc(ordersRef, orderId), {
-      shippingInfo,
-      timestamp: serverTimestamp(),
-    }, { merge: true })
-  } 
-  catch (e) {  
-    console.error('Error writing item document: ', e)
-    error = e  
-  }  
-  
-  return { success: !error, error }  
-}
-
-const updateOrderPaymentInfo = async (
-  orderId: string,
-  paymentInfo: any,
-  options: {
-    dbName: string
-    ordersTable: string
-  }
-): Promise<{
-  success: boolean,
-  error: any
-}> => {  
-
-  let error: any | null = null
-  const ordersRef = collection(getDBInstance(options.dbName), options.ordersTable)
-
-  try {
-    await setDoc(doc(ordersRef, orderId), {
-      paymentInfo,
-      timestamp: serverTimestamp(),
-    }, { merge: true })
-  } 
-  catch (e) {  
-    console.error('Error writing item document: ', e)
-    error = e  
-  }  
-  
-  return { success: !error, error }  
-}
-
+import { 
+  getFirestore, 
+  collection, 
+  setDoc, 
+  doc, 
+  serverTimestamp,
+  type Firestore,
+  type FieldValue, 
+} from 'firebase/firestore'  
+
+import type { ActualLineItemSnapshot } from '../actual-line-item'
+
+import firebaseApp from './firebase' 
+
+let dbInstance: Firestore | undefined = undefined
+
+const getDBInstance = (name: string): Firestore => {
+  if (!dbInstance) {
+    dbInstance = getFirestore(firebaseApp, name) 
+  }
+  return dbInstance  
+} 
+ 
+interface SavedOrder {
+  email: string
+  name: string
+  // TODO: add shippingInfo type
+  shippingInfo?: any
+  paymentInfo?: any
+  status: string
+  timestamp: FieldValue
+  items: ActualLineItemSnapshot[]
+}
+
+const createOrder = async (
+  email: string,
+  items: ActualLineItemSnapshot[],
+  options: {
+    dbName: string
+    ordersTable: string
+  },
+  name?: string
+): Promise<{
+  success: boolean,
+  error: any,
+  id?: string,
+}> => {  
+
+  let error: any | null = null
+  const ordersRef = collection(getDBInstance(options.dbName), options.ordersTable)
+  const orderId = `${email}-${new Date().toISOString()}`
+
+  try {
+    await setDoc(doc(ordersRef, orderId), {
+      email,
+      name: name ?? '',
+      status: 'open',
+      timestamp: serverTimestamp(),
+      items,
+    } satisfies SavedOrder)
+    return { success: !error, error, id: orderId }
+  }
+  catch (e) {  
+    console.error('Error writing item document: ', e)
+    error = e  
+  }  
+  
+  return { success: !error, error }  
+}
+
+const updateOrderShippingInfo = async (
+  orderId: string,
+  shippingInfo: any,
+  options: {
+    dbName: string
+    ordersTable: string
+  }
+): Promise<{
+  success: boolean,
+  error: any
+}> => {  
+
+  let error: any | null = null
+  const ordersRef = collection(getDBInstance(options.dbName), options.ordersTable)
+
+  try {
+    await setDoc(doc(ordersRef, orderId), {
+      shippingInfo,
+      timestamp: serverTimestamp(),
+    }, { merge: true })
+  } 
+  catch (e) {  
+    console.error('Error writing item document: ', e)
+    error = e  
+  }  
+  
+  return { success: !error, error }  
+}
+
+const updateOrderPaymentInfo = async (
+  orderId: string,
+  paymentInfo: any,
+  options: {
+    dbName: string
+    ordersTable: string
+  }
+): Promise<{
+  success: boolean,
+  error: any
+}> => {  
+
+  let error: any | null = null
+  const ordersRef = collection(getDBInstance(options.dbName), options.ordersTable)
+
+  try {
+    await setDoc(doc(ordersRef, orderId), {
+      paymentInfo,
+      timestamp: serverTimestamp(),
+    }, { merge: true })
+  } 
+  catch (e) {  
+    console.error('Error writing item document: ', e)
+    error = e  
+  }  
+  
+  return { success: !error, error }  
+}
+
 export { createOrder, updateOrderShippingInfo, updateOrderPaymentInfo }

package/service/impls/standalone/persistence.ts

@@ -1,33 +1,33 @@
-import { reaction } from 'mobx'
-import { StandaloneService, type StandaloneServiceSnapshot } from './index'
-
-const LS_KEY = 'lux-cart'
-
-const readSnapshot = (key: string): StandaloneServiceSnapshot | undefined  => {
-  const snapshotAsStr = localStorage.getItem(key)
-  return snapshotAsStr ? JSON.parse(snapshotAsStr) as StandaloneServiceSnapshot : undefined
-}
-
-const writeSnapshotsOnChange = (cmmc: StandaloneService, key: string): void => {
-
-  if (typeof window !== 'undefined') {
-    reaction(
-      () => (cmmc.cartTotal),
-      (total) => {
-        if (total > 0) {
-          const snapshot = cmmc.takeSnapshot()
-          localStorage.setItem(key, JSON.stringify(snapshot) )
-        }
-        else {
-          localStorage.removeItem(key)  
-        }
-      }
-    )
-  }
-}
-
-export {
-  readSnapshot,
-  writeSnapshotsOnChange  
-}
-
+import { reaction } from 'mobx'
+import { StandaloneService, type StandaloneServiceSnapshot } from './index'
+
+const LS_KEY = 'lux-cart'
+
+const readSnapshot = (key: string): StandaloneServiceSnapshot | undefined  => {
+  const snapshotAsStr = localStorage.getItem(key)
+  return snapshotAsStr ? JSON.parse(snapshotAsStr) as StandaloneServiceSnapshot : undefined
+}
+
+const writeSnapshotsOnChange = (cmmc: StandaloneService, key: string): void => {
+
+  if (typeof window !== 'undefined') {
+    reaction(
+      () => (cmmc.cartTotal),
+      (total) => {
+        if (total > 0) {
+          const snapshot = cmmc.takeSnapshot()
+          localStorage.setItem(key, JSON.stringify(snapshot) )
+        }
+        else {
+          localStorage.removeItem(key)  
+        }
+      }
+    )
+  }
+}
+
+export {
+  readSnapshot,
+  writeSnapshotsOnChange  
+}
+

package/service/path-utils.ts

@@ -1,26 +1,26 @@
-import type { SelectedPaths } from '../types'
-import sep from './sep'
-
-export const getSelectedPaths = (
-  skuPath: string
-): { paths: SelectedPaths; level: number } => {
-  
-  const toks = skuPath.split(sep.tok)
-  const level = toks.length - 1
-  const paths: SelectedPaths = {}
-  for (let l = 1; l <= level; l++ ) {
-    paths[l] = [toks[l]]   
-  } 
-  return {
-    paths,
-    level
-  }
-}
-
-export const getParentPath = (skuPath: string): string => (
-  skuPath.split(sep.tok).slice(0, -1).join(sep.tok)
-)
-
-export const lastToken = (skuPath: string): string => (
-  skuPath.split(sep.tok).pop()!
+import type { SelectedPaths } from '../types'
+import sep from './sep'
+
+export const getSelectedPaths = (
+  skuPath: string
+): { paths: SelectedPaths; level: number } => {
+  
+  const toks = skuPath.split(sep.tok)
+  const level = toks.length - 1
+  const paths: SelectedPaths = {}
+  for (let l = 1; l <= level; l++ ) {
+    paths[l] = [toks[l]]   
+  } 
+  return {
+    paths,
+    level
+  }
+}
+
+export const getParentPath = (skuPath: string): string => (
+  skuPath.split(sep.tok).slice(0, -1).join(sep.tok)
+)
+
+export const lastToken = (skuPath: string): string => (
+  skuPath.split(sep.tok).pop()!
 )

package/service/sep.ts

@@ -1,7 +1,7 @@
-import type { TokenSeparators } from '../types'
-
-export default {
-  tok: '-',
-  subTok: '_',
-  decimal: '.'
+import type { TokenSeparators } from '../types'
+
+export default {
+  tok: '-',
+  subTok: '_',
+  decimal: '.'
 } satisfies TokenSeparators 

package/tsconfig.json

@@ -1,10 +1,10 @@
-{
-  "extends": "../tsconfig.hanzo.base.json",
-  "include": [
-    "**/*.ts",
-    "**/*.tsx",
-  ],
-  "exclude": [
-    "node_modules",
-  ]
-}
+{
+  "extends": "../tsconfig.hanzo.base.json",
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+  ],
+  "exclude": [
+    "node_modules",
+  ]
+}

package/types/README.md

@@ -1,2 +1,2 @@
-These are the types that the card ui expects and understands.
+These are the types that the card ui expects and understands.
 There should always be adaptors both ways from Hanzo commerceJs types.

package/types/category-node.ts

@@ -1,50 +1,50 @@
-import type { ReactNode } from 'react'
-
-interface CategoryNode {
-  skuToken: string             // a token in the sku
-  label: string;
-    /** 
-     * Explicitly marks this node as a "last user-visible" / "outermost" Category. 
-     * Normally, a node is "outermost" when it has no subnodes 
-     * (and thus is a family with products -- "single-family")
-     * But if it *has* subnodes, and its subNodes are actually sibling families
-     * of a Category, it must be marked as "outermost" ("multi-family")
-     * */
-  outermost?: boolean;
-  img? : string | ReactNode  // icon is required 
-  imgAR? : number           // helps with svgs
-
-  /** 
-   * One word prompt that describes the 'meaning' of 
-   * the subnodes. 
-   * For example, if a node is 'Lux Credit', 
-   * it's subNodesLabel might be 'Level', so some UI's
-   * might be configured to render 'Level: Black'
-   * 
-   * or something like...
-   * 
-   * <Tabs title={parentNode.label + ': ' + parentNode.subNodesLabel} values={families.map((f) => (f.shortName))} />
-   * 
-   * ...which renders
-   *        
-   * Lux Credit Levels:
-   * Black   Elite   Founder   Sovereign 
-  */
-  subNodesLabel?: string   
-  subNodes?: CategoryNode[]
-}
-
-type CategoryNodeRole = 
-  'single-family' | 
-  'family-in-multi-family' | 
-  'multi-family' | 
-  'non-outermost' 
-
-  // Which facets tokens are 'on' at each level
-type SelectedPaths = Record<number, string[]>
-
-export type {
-  CategoryNodeRole,
-  CategoryNode,
-  SelectedPaths
+import type { ReactNode } from 'react'
+
+interface CategoryNode {
+  skuToken: string             // a token in the sku
+  label: string;
+    /** 
+     * Explicitly marks this node as a "last user-visible" / "outermost" Category. 
+     * Normally, a node is "outermost" when it has no subnodes 
+     * (and thus is a family with products -- "single-family")
+     * But if it *has* subnodes, and its subNodes are actually sibling families
+     * of a Category, it must be marked as "outermost" ("multi-family")
+     * */
+  outermost?: boolean;
+  img? : string | ReactNode  // icon is required 
+  imgAR? : number           // helps with svgs
+
+  /** 
+   * One word prompt that describes the 'meaning' of 
+   * the subnodes. 
+   * For example, if a node is 'Lux Credit', 
+   * it's subNodesLabel might be 'Level', so some UI's
+   * might be configured to render 'Level: Black'
+   * 
+   * or something like...
+   * 
+   * <Tabs title={parentNode.label + ': ' + parentNode.subNodesLabel} values={families.map((f) => (f.shortName))} />
+   * 
+   * ...which renders
+   *        
+   * Lux Credit Levels:
+   * Black   Elite   Founder   Sovereign 
+  */
+  subNodesLabel?: string   
+  subNodes?: CategoryNode[]
+}
+
+type CategoryNodeRole = 
+  'single-family' | 
+  'family-in-multi-family' | 
+  'multi-family' | 
+  'non-outermost' 
+
+  // Which facets tokens are 'on' at each level
+type SelectedPaths = Record<number, string[]>
+
+export type {
+  CategoryNodeRole,
+  CategoryNode,
+  SelectedPaths
 }

package/types/checkout.ts

@@ -1,47 +1,47 @@
-import type { ComponentType } from 'react'
-import type { UseFormReturn } from 'react-hook-form'
-
-type TransactionStatus = 'unpaid' | 'paid' | 'confirmed' | 'error'
-
-interface CheckoutStepComponentProps {
-  onDone: () => void
-  orderId: string | undefined
-  setOrderId: (orderId: string | undefined) => void
-}
-
-interface CheckoutStep {
-  name: string  
-  label?: string 
-  Comp: ComponentType<CheckoutStepComponentProps>
-}
-
-type ContactFormType = UseFormReturn<{
-  name: string
-  email: string
-}, any, {
-  name: string
-  email: string
-}>
-
-interface PaymentMethodComponentProps {
-  onDone: () => void
-  transactionStatus: TransactionStatus
-  setTransactionStatus: (status: TransactionStatus) => void
-  storePaymentInfo: (paymentInfo: any) => Promise<void>
-  contactForm: ContactFormType
-}
-
-interface PaymentMethodDesc {
-  value: string  
-  label: string 
-  Comp: ComponentType<PaymentMethodComponentProps>
-}
-
-export {
-  type TransactionStatus,
-  type CheckoutStepComponentProps,
-  type CheckoutStep,
-  type PaymentMethodComponentProps,
-  type PaymentMethodDesc,
-  type ContactFormType,
+import type { ComponentType } from 'react'
+import type { UseFormReturn } from 'react-hook-form'
+
+type TransactionStatus = 'unpaid' | 'paid' | 'confirmed' | 'error'
+
+interface CheckoutStepComponentProps {
+  onDone: () => void
+  orderId: string | undefined
+  setOrderId: (orderId: string | undefined) => void
+}
+
+interface CheckoutStep {
+  name: string  
+  label?: string 
+  Comp: ComponentType<CheckoutStepComponentProps>
+}
+
+type ContactFormType = UseFormReturn<{
+  name: string
+  email: string
+}, any, {
+  name: string
+  email: string
+}>
+
+interface PaymentMethodComponentProps {
+  onDone: () => void
+  transactionStatus: TransactionStatus
+  setTransactionStatus: (status: TransactionStatus) => void
+  storePaymentInfo: (paymentInfo: any) => Promise<void>
+  contactForm: ContactFormType
+}
+
+interface PaymentMethodDesc {
+  value: string  
+  label: string 
+  Comp: ComponentType<PaymentMethodComponentProps>
+}
+
+export {
+  type TransactionStatus,
+  type CheckoutStepComponentProps,
+  type CheckoutStep,
+  type PaymentMethodComponentProps,
+  type PaymentMethodDesc,
+  type ContactFormType,
 }

package/types/commerce-config.ts

@@ -1,13 +1,13 @@
-import type { ServiceOptions } from '..'
-import type { CategoryNode } from './category-node'
-import type { Family } from './family'
-import type { SelectionUISpecifier }  from './selection-ui-specifier'
-
-interface CommerceConfig {
-  families: Family[]
-  rootNode: CategoryNode
-  options?: ServiceOptions
-  uiSpecifiers?: Record<string, SelectionUISpecifier>
-}
-
-export { type CommerceConfig as default }
+import type { ServiceOptions } from '..'
+import type { CategoryNode } from './category-node'
+import type { Family } from './family'
+import type { SelectionUISpecifier }  from './selection-ui-specifier'
+
+interface CommerceConfig {
+  families: Family[]
+  rootNode: CategoryNode
+  options?: ServiceOptions
+  uiSpecifiers?: Record<string, SelectionUISpecifier>
+}
+
+export { type CommerceConfig as default }