@hanzo/commerce 7.3.2 → 7.3.3

package/util/selection-ui-specifiers.ts

@@ -1,30 +1,30 @@
-import type { SelectionUISpecifier } from '../types'
-import sep from '../service/sep'
-
-const DEFAULT = {
-  multiFamily: {
-    type: 'all-variants-carousel'
-  },
-  singleFamily: { type: 'carousel' }
-} satisfies SelectionUISpecifier
-
-const map = new Map<string, SelectionUISpecifier>()
-
-  // key: first two tokens of path
-export const initSelectionUI = (v: Record<string, SelectionUISpecifier>) => {
-  
-    // Might have multiple calls client and server side
-  if (map.size > 0) {
-    map.clear()
-  }
-
-  for (let [key, value] of Object.entries(v)) {
-    map.set(key, value)
-  }
-}
-
-export const getSelectionUISpecifier = (skuPath: string): SelectionUISpecifier => {
-  const key = skuPath.split(sep.tok).slice(0, 2).join(sep.tok)
-  const result = map.get(key)
-  return result ?? DEFAULT
+import type { SelectionUISpecifier } from '../types'
+import sep from '../service/sep'
+
+const DEFAULT = {
+  multiFamily: {
+    type: 'all-variants-carousel'
+  },
+  singleFamily: { type: 'carousel' }
+} satisfies SelectionUISpecifier
+
+const map = new Map<string, SelectionUISpecifier>()
+
+  // key: first two tokens of path
+export const initSelectionUI = (v: Record<string, SelectionUISpecifier>) => {
+  
+    // Might have multiple calls client and server side
+  if (map.size > 0) {
+    map.clear()
+  }
+
+  for (let [key, value] of Object.entries(v)) {
+    map.set(key, value)
+  }
+}
+
+export const getSelectionUISpecifier = (skuPath: string): SelectionUISpecifier => {
+  const key = skuPath.split(sep.tok).slice(0, 2).join(sep.tok)
+  const result = map.get(key)
+  return result ?? DEFAULT
 }

package/util/square-payment.ts

@@ -1,43 +1,43 @@
-'use server'
-
-import { Client, Environment } from 'square'
-import { randomUUID } from 'crypto'
-
-// https://developer.squareup.com/blog/online-payments-with-square-and-react/
-declare global {
-  interface BigInt {
-    toJSON(): string;
-  }
-}
-
-BigInt.prototype.toJSON = function() { return this.toString(); }
-
-const { paymentsApi } = new Client({
-  accessToken: process.env.SQUARE_ACCESS_TOKEN,
-  environment: process.env.SQUARE_ENVIRONMENT as Environment
-})
-
-const processPayment = async (sourceId: string, amount: number, verificationToken: string) => {
-  // Square API accepts amount in cents
-  const amountInCents = amount * 100
-
-  try {
-    const { result } = await paymentsApi.createPayment({
-      idempotencyKey: randomUUID(),
-      sourceId: sourceId,
-      amountMoney: {
-        currency: 'USD',
-        amount: BigInt(amountInCents)
-      },
-      verificationToken
-    })
-    return result
-  } catch (error) {
-    console.error('Error processing payment:', error)
-    return null
-  }
-}
-
-export {
-  processPayment as default 
+'use server'
+
+import { Client, Environment } from 'square'
+import { randomUUID } from 'crypto'
+
+// https://developer.squareup.com/blog/online-payments-with-square-and-react/
+declare global {
+  interface BigInt {
+    toJSON(): string;
+  }
+}
+
+BigInt.prototype.toJSON = function() { return this.toString(); }
+
+const { paymentsApi } = new Client({
+  accessToken: process.env.SQUARE_ACCESS_TOKEN,
+  environment: process.env.SQUARE_ENVIRONMENT as Environment
+})
+
+const processPayment = async (sourceId: string, amount: number, verificationToken: string) => {
+  // Square API accepts amount in cents
+  const amountInCents = amount * 100
+
+  try {
+    const { result } = await paymentsApi.createPayment({
+      idempotencyKey: randomUUID(),
+      sourceId: sourceId,
+      amountMoney: {
+        currency: 'USD',
+        amount: BigInt(amountInCents)
+      },
+      verificationToken
+    })
+    return result
+  } catch (error) {
+    console.error('Error processing payment:', error)
+    return null
+  }
+}
+
+export {
+  processPayment as default 
 }

package/util/use-sync-sku-param-w-current-item.ts

@@ -1,88 +1,88 @@
-"use client"
-import {  useEffect } from 'react'
-import { reaction } from 'mobx'
-
-import {
-  useQueryState,
-  parseAsString,
-  parseAsBoolean,
-} from 'next-usequerystate'
-
-import { useCommerce } from '../service/context'
-import type { SelectedPaths } from '../types'
-import sep from '../service/sep'
-
-const PLEASE_SELECT_FACETS = 'Please select an option from each group.'
-
-const useSyncSkuParamWithCurrentItem = (
-  familyLevel: number,
-  setMessage: (m: string | undefined) => void,
-  setLoading?: (l: boolean) => void
-) => {
-
-  const cmmc = useCommerce()
-
-  const [skuParam, setSkuParam] = useQueryState('sku',  
-    parseAsString.withDefault('').withOptions({ clearOnDefault: true })
-  )
-
-  const [addParam, setAddParam] = useQueryState('add', 
-    parseAsBoolean.withDefault(false).withOptions({ clearOnDefault: true })
-  )
-
-  useEffect(() => {
-
-    return reaction(() => ({
-      specifiedCat: cmmc.selectedFamilies.length === 1 ? cmmc.selectedFamilies[0] : undefined, 
-      currentItem: cmmc.currentItem
-    }),
-    ({specifiedCat, currentItem}) => {
-      //console.log("REACTION: " + `CAT ID: ${family?.id} SKU: ${item?.sku}`)
-      if (currentItem) {
-          // if we set the currentItem w sku, then user selects other facets
-        if (specifiedCat && currentItem.familyId != specifiedCat.id ) {
-          cmmc.setCurrentItem(specifiedCat.products[0].sku)
-        }
-        setSkuParam(cmmc.currentItem!.sku)
-      }
-      else if (specifiedCat) {
-        cmmc.setCurrentItem(specifiedCat.products[0].sku)
-        setSkuParam(cmmc.currentItem!.sku)
-      }
-    })
-  }, [])
-
-  useEffect(() => {
-    
-    const setCurrentFamilyFromSku = (sku: string) => {
-      const toks: string[] = sku.split(sep.tok)
-      const fv: SelectedPaths = {}
-        // TODO: confirm that extra trailing nonsense tokens won't break selectPaths()
-      for (let i = 1; i < familyLevel; i++) {
-        if (i in toks) {
-          fv[i] = [toks[i]]
-        } 
-      } 
-      cmmc.selectPaths(fv)
-    }
-
-      // setCI returns true if it's a recognized sku
-    if (skuParam && cmmc.setCurrentItem(skuParam)) {
-      if (addParam) {
-        if (cmmc.currentItem!.quantity === 0) {
-          cmmc.currentItem!.increment()  
-        }
-        setAddParam(false)
-      }
-      setCurrentFamilyFromSku(skuParam)
-      setMessage(undefined)
-    }
-    else {
-      setMessage(PLEASE_SELECT_FACETS)
-    }
-
-    setLoading && setLoading(false)
-  }, [skuParam])
-}
-
-export default useSyncSkuParamWithCurrentItem
+"use client"
+import {  useEffect } from 'react'
+import { reaction } from 'mobx'
+
+import {
+  useQueryState,
+  parseAsString,
+  parseAsBoolean,
+} from 'next-usequerystate'
+
+import { useCommerce } from '../service/context'
+import type { SelectedPaths } from '../types'
+import sep from '../service/sep'
+
+const PLEASE_SELECT_FACETS = 'Please select an option from each group.'
+
+const useSyncSkuParamWithCurrentItem = (
+  familyLevel: number,
+  setMessage: (m: string | undefined) => void,
+  setLoading?: (l: boolean) => void
+) => {
+
+  const cmmc = useCommerce()
+
+  const [skuParam, setSkuParam] = useQueryState('sku',  
+    parseAsString.withDefault('').withOptions({ clearOnDefault: true })
+  )
+
+  const [addParam, setAddParam] = useQueryState('add', 
+    parseAsBoolean.withDefault(false).withOptions({ clearOnDefault: true })
+  )
+
+  useEffect(() => {
+
+    return reaction(() => ({
+      specifiedCat: cmmc.selectedFamilies.length === 1 ? cmmc.selectedFamilies[0] : undefined, 
+      currentItem: cmmc.currentItem
+    }),
+    ({specifiedCat, currentItem}) => {
+      //console.log("REACTION: " + `CAT ID: ${family?.id} SKU: ${item?.sku}`)
+      if (currentItem) {
+          // if we set the currentItem w sku, then user selects other facets
+        if (specifiedCat && currentItem.familyId != specifiedCat.id ) {
+          cmmc.setCurrentItem(specifiedCat.products[0].sku)
+        }
+        setSkuParam(cmmc.currentItem!.sku)
+      }
+      else if (specifiedCat) {
+        cmmc.setCurrentItem(specifiedCat.products[0].sku)
+        setSkuParam(cmmc.currentItem!.sku)
+      }
+    })
+  }, [])
+
+  useEffect(() => {
+    
+    const setCurrentFamilyFromSku = (sku: string) => {
+      const toks: string[] = sku.split(sep.tok)
+      const fv: SelectedPaths = {}
+        // TODO: confirm that extra trailing nonsense tokens won't break selectPaths()
+      for (let i = 1; i < familyLevel; i++) {
+        if (i in toks) {
+          fv[i] = [toks[i]]
+        } 
+      } 
+      cmmc.selectPaths(fv)
+    }
+
+      // setCI returns true if it's a recognized sku
+    if (skuParam && cmmc.setCurrentItem(skuParam)) {
+      if (addParam) {
+        if (cmmc.currentItem!.quantity === 0) {
+          cmmc.currentItem!.increment()  
+        }
+        setAddParam(false)
+      }
+      setCurrentFamilyFromSku(skuParam)
+      setMessage(undefined)
+    }
+    else {
+      setMessage(PLEASE_SELECT_FACETS)
+    }
+
+    setLoading && setLoading(false)
+  }, [skuParam])
+}
+
+export default useSyncSkuParamWithCurrentItem