@hanzo/commerce 7.1.4 → 7.1.5

package/service/impls/standalone/actual-line-item.ts

@@ -1,122 +1,122 @@
-import { 
-  action,
-  computed, 
-  makeObservable, 
-  observable, 
-} from 'mobx'
-
-import type { ImageDef, MediaTransform, VideoDef } from '@hanzo/ui/types'
-
-import type { Product, LineItem, CommerceService } from '../../../types'
-
-interface ActualLineItemSnapshot {
-  sku: string  
-  familyId: string  // helps impl of restoreFromSnapshot
-  title: string
-  price: number
-  quantity: number
-  timeAdded: number   // helps to sort view of order and cart
-}
-
-class ActualLineItem 
-  implements LineItem  
-{
-
-  qu: number = 0
-
-  id: string    
-  sku: string   
-  fullTitle?: string
-  optionLabel: string
-  optionLabelShort?: string  
-  familyTitle: string
-  familyId: string  
-  byline?: string
-  desc?: string
-  price: number
-  img?: ImageDef 
-  video?: VideoDef 
-  animation?: string
-  mediaTransform?: MediaTransform 
-  optionImg?: ImageDef
-  timeAdded: number = 0 // timeAdded of being added to cart
-
-  constructor(prod: Product, snap?: ActualLineItemSnapshot) {
-    this.id = prod.id
-    this.sku = prod.sku
-    this.fullTitle = prod.fullTitle
-    this.optionLabel = prod.optionLabel
-    this.optionLabelShort = prod.optionLabelShort
-    this.familyTitle = prod.familyTitle
-    this.familyId = prod.familyId
-    this.byline = prod.byline
-    this.desc = prod.desc
-    this.price = prod.price
-    this.img = prod.img
-    this.video = prod.video
-    this.animation = prod.animation
-    this.optionImg = prod.optionImg
-    this.mediaTransform = prod.mediaTransform
-
-    if (snap) {
-      this.qu = snap.quantity
-      this.timeAdded = snap.timeAdded
-    }
-
-    makeObservable(this, {
-      qu: observable,
-      timeAdded: observable,
-      canDecrement: computed,  
-      isInCart: computed,
-      title: computed,
-      increment: action,
-      decrement: action,
-    })
-  }
-
-  get title(): string {
-    return this.fullTitle ? this.fullTitle : (this.familyTitle + ', ' + this.optionLabel)
-  }
-
-  takeSnapshot = (cmmc: CommerceService): ActualLineItemSnapshot => {
-
-    const title = this.fullTitle ? 
-      this.fullTitle 
-      : 
-      ((cmmc.getFamilyById(this.familyId)?.title ?? this.familyTitle) + ', ' + this.optionLabel)
-
-    return({
-      sku: this.sku,
-      familyId: this.familyId,
-      title,
-      price: this.price,
-      quantity: this.qu,
-      timeAdded: this.timeAdded
-    } satisfies ActualLineItemSnapshot)
-  }
- 
-  get canDecrement(): boolean { return this.qu > 0 }
-  get quantity(): number {return this.qu}
-  get isInCart(): boolean {return this.qu > 0}
-
-  increment(): void { 
-    if (this.qu === 0) {
-      this.timeAdded = new Date().getTime()
-    }
-    this.qu++ 
-  }
-
-  decrement(): void {
-    if (this.canDecrement) {
-      this.qu--
-      if (this.qu === 0) {
-        this.timeAdded = 0  
-      }
-    }
-  }
-}
-
-export {
-  type ActualLineItemSnapshot,
-  ActualLineItem as default
+import { 
+  action,
+  computed, 
+  makeObservable, 
+  observable, 
+} from 'mobx'
+
+import type { ImageDef, MediaTransform, VideoDef } from '@hanzo/ui/types'
+
+import type { Product, LineItem, CommerceService } from '../../../types'
+
+interface ActualLineItemSnapshot {
+  sku: string  
+  familyId: string  // helps impl of restoreFromSnapshot
+  title: string
+  price: number
+  quantity: number
+  timeAdded: number   // helps to sort view of order and cart
+}
+
+class ActualLineItem 
+  implements LineItem  
+{
+
+  qu: number = 0
+
+  id: string    
+  sku: string   
+  fullTitle?: string
+  optionLabel: string
+  optionLabelShort?: string  
+  familyTitle: string
+  familyId: string  
+  byline?: string
+  desc?: string
+  price: number
+  img?: ImageDef 
+  video?: VideoDef 
+  animation?: string
+  mediaTransform?: MediaTransform 
+  optionImg?: ImageDef
+  timeAdded: number = 0 // timeAdded of being added to cart
+
+  constructor(prod: Product, snap?: ActualLineItemSnapshot) {
+    this.id = prod.id
+    this.sku = prod.sku
+    this.fullTitle = prod.fullTitle
+    this.optionLabel = prod.optionLabel
+    this.optionLabelShort = prod.optionLabelShort
+    this.familyTitle = prod.familyTitle
+    this.familyId = prod.familyId
+    this.byline = prod.byline
+    this.desc = prod.desc
+    this.price = prod.price
+    this.img = prod.img
+    this.video = prod.video
+    this.animation = prod.animation
+    this.optionImg = prod.optionImg
+    this.mediaTransform = prod.mediaTransform
+
+    if (snap) {
+      this.qu = snap.quantity
+      this.timeAdded = snap.timeAdded
+    }
+
+    makeObservable(this, {
+      qu: observable,
+      timeAdded: observable,
+      canDecrement: computed,  
+      isInCart: computed,
+      title: computed,
+      increment: action,
+      decrement: action,
+    })
+  }
+
+  get title(): string {
+    return this.fullTitle ? this.fullTitle : (this.familyTitle + ', ' + this.optionLabel)
+  }
+
+  takeSnapshot = (cmmc: CommerceService): ActualLineItemSnapshot => {
+
+    const title = this.fullTitle ? 
+      this.fullTitle 
+      : 
+      ((cmmc.getFamilyById(this.familyId)?.title ?? this.familyTitle) + ', ' + this.optionLabel)
+
+    return({
+      sku: this.sku,
+      familyId: this.familyId,
+      title,
+      price: this.price,
+      quantity: this.qu,
+      timeAdded: this.timeAdded
+    } satisfies ActualLineItemSnapshot)
+  }
+ 
+  get canDecrement(): boolean { return this.qu > 0 }
+  get quantity(): number {return this.qu}
+  get isInCart(): boolean {return this.qu > 0}
+
+  increment(): void { 
+    if (this.qu === 0) {
+      this.timeAdded = new Date().getTime()
+    }
+    this.qu++ 
+  }
+
+  decrement(): void {
+    if (this.canDecrement) {
+      this.qu--
+      if (this.qu === 0) {
+        this.timeAdded = 0  
+      }
+    }
+  }
+}
+
+export {
+  type ActualLineItemSnapshot,
+  ActualLineItem as default
 }

package/service/impls/standalone/index.ts

@@ -1,62 +1,62 @@
-import { enableStaticRendering } from 'mobx-react-lite'
-
-import type { CommerceService, Family, CategoryNode, SelectionUISpecifier, CommerceConfig } from '../../../types'
-import StandaloneService, {type StandaloneServiceOptions} from './standalone-service'
-import { initSelectionUI } from '../../../util'
-
-import { readSnapshot, listenAndWriteSnapshots } from './localStorage'
-
-enableStaticRendering(typeof window === "undefined")
-
-const _log = (s: string) => {
-  const d = new Date()
-  console.log(`TIMESTAMPED: ${d.getUTCMinutes()}:${d.getUTCSeconds()}:${d.getUTCMilliseconds()}`)
-  console.log(s)
-}
-
-// https://dev.to/ivandotv/mobx-server-side-rendering-with-next-js-4m18
-
-let instance: StandaloneService | undefined =  undefined
-
-export const getInstance = ({
-  families, 
-  rootNode, 
-  options, 
-  uiSpecifiers 
-}: CommerceConfig) : CommerceService => {
-
-  if (!options) {
-    throw new Error('cmmc getInstance(): Standalone Commerce Service requires config options!')
-  }
-
-   if (typeof window === "undefined") {
-    if (uiSpecifiers) {
-      initSelectionUI(uiSpecifiers)
-    }
-    //_log("NEW INSTANCE FOR SERVER")
-    return new StandaloneService(
-      families, 
-      rootNode, 
-      options
-    )
-  }
-
-    // Client side, create the store only once in the client
-  if (!instance) {
-    if (uiSpecifiers) {
-      initSelectionUI(uiSpecifiers)
-    }
-    //_log("NEW INSTANCE FOR CLIENT")
-    const snapShot = readSnapshot()
-    instance = new StandaloneService(
-      families, 
-      rootNode, 
-      options,
-      snapShot
-    )
-    listenAndWriteSnapshots(instance)
-  }  
-
-  return instance
-}
-
+import { enableStaticRendering } from 'mobx-react-lite'
+
+import type { CommerceService, Family, CategoryNode, SelectionUISpecifier, CommerceConfig } from '../../../types'
+import StandaloneService, {type StandaloneServiceOptions} from './standalone-service'
+import { initSelectionUI } from '../../../util'
+
+import { readSnapshot, listenAndWriteSnapshots } from './localStorage'
+
+enableStaticRendering(typeof window === "undefined")
+
+const _log = (s: string) => {
+  const d = new Date()
+  console.log(`TIMESTAMPED: ${d.getUTCMinutes()}:${d.getUTCSeconds()}:${d.getUTCMilliseconds()}`)
+  console.log(s)
+}
+
+// https://dev.to/ivandotv/mobx-server-side-rendering-with-next-js-4m18
+
+let instance: StandaloneService | undefined =  undefined
+
+export const getInstance = ({
+  families, 
+  rootNode, 
+  options, 
+  uiSpecifiers 
+}: CommerceConfig) : CommerceService => {
+
+  if (!options) {
+    throw new Error('cmmc getInstance(): Standalone Commerce Service requires config options!')
+  }
+
+   if (typeof window === "undefined") {
+    if (uiSpecifiers) {
+      initSelectionUI(uiSpecifiers)
+    }
+    //_log("NEW INSTANCE FOR SERVER")
+    return new StandaloneService(
+      families, 
+      rootNode, 
+      options
+    )
+  }
+
+    // Client side, create the store only once in the client
+  if (!instance) {
+    if (uiSpecifiers) {
+      initSelectionUI(uiSpecifiers)
+    }
+    //_log("NEW INSTANCE FOR CLIENT")
+    const snapShot = readSnapshot()
+    instance = new StandaloneService(
+      families, 
+      rootNode, 
+      options,
+      snapShot
+    )
+    listenAndWriteSnapshots(instance)
+  }  
+
+  return instance
+}
+

package/service/impls/standalone/localStorage.ts

@@ -1,34 +1,34 @@
-import { reaction } from 'mobx'
-import StandaloneService, { type StandaloneServiceSnapshot } from './standalone-service'
-
-const LS_KEY = 'lux-cart'
-
-const readSnapshot = (): StandaloneServiceSnapshot | undefined  => {
-  const snapshotAsStr = localStorage.getItem(LS_KEY)
-  return snapshotAsStr ? JSON.parse(snapshotAsStr) as StandaloneServiceSnapshot : undefined
-}
-
-const listenAndWriteSnapshots = (cmmc: StandaloneService): void => {
-
-  if (typeof window !== 'undefined') {
-    reaction(
-      () => (cmmc.cartTotal),
-      (total) => {
-        if (total > 0) {
-          const snapshot = cmmc.takeSnapshot()
-//          console.log(`CMMC LOCAL STORAGE UPDATE. (CART TOTAL: ${total}`)
-          localStorage.setItem(LS_KEY, JSON.stringify(snapshot) )
-        }
-        else {
-          localStorage.removeItem(LS_KEY)  
-        }
-      }
-    )
-  }
-}
-
-export {
-  readSnapshot,
-  listenAndWriteSnapshots  
-}
-
+import { reaction } from 'mobx'
+import StandaloneService, { type StandaloneServiceSnapshot } from './standalone-service'
+
+const LS_KEY = 'lux-cart'
+
+const readSnapshot = (): StandaloneServiceSnapshot | undefined  => {
+  const snapshotAsStr = localStorage.getItem(LS_KEY)
+  return snapshotAsStr ? JSON.parse(snapshotAsStr) as StandaloneServiceSnapshot : undefined
+}
+
+const listenAndWriteSnapshots = (cmmc: StandaloneService): void => {
+
+  if (typeof window !== 'undefined') {
+    reaction(
+      () => (cmmc.cartTotal),
+      (total) => {
+        if (total > 0) {
+          const snapshot = cmmc.takeSnapshot()
+//          console.log(`CMMC LOCAL STORAGE UPDATE. (CART TOTAL: ${total}`)
+          localStorage.setItem(LS_KEY, JSON.stringify(snapshot) )
+        }
+        else {
+          localStorage.removeItem(LS_KEY)  
+        }
+      }
+    )
+  }
+}
+
+export {
+  readSnapshot,
+  listenAndWriteSnapshots  
+}
+

package/service/impls/standalone/orders/firebase-app.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]