@libreapps/commerce 7.5.1

package/util/promo-codes.ts

@@ -0,0 +1,106 @@
+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
+}

package/util/selection-ui-specifiers.ts

@@ -0,0 +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
+}

package/util/square-payment.ts

@@ -0,0 +1,50 @@
+// Payment processing - requires API endpoint
+// For static builds, this will call an external payment API
+
+// 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 processPayment = async (sourceId: string, amount: number, verificationToken: string) => {
+  // For static builds, payments should be processed via an API endpoint
+  // Check if we're in a browser environment
+  if (typeof window !== 'undefined') {
+    // Client-side: call the payment API
+    try {
+      const response = await fetch('/api/payment', {
+        method: 'POST',
+        headers: {
+          'Content-Type': 'application/json',
+        },
+        body: JSON.stringify({
+          sourceId,
+          amount,
+          verificationToken
+        })
+      })
+
+      if (!response.ok) {
+        console.error('Payment API error:', response.statusText)
+        return null
+      }
+
+      return await response.json()
+    } catch (error) {
+      console.error('Error processing payment:', error)
+      return null
+    }
+  }
+
+  // Server-side (for SSR builds only, not static export)
+  console.warn('Server-side payment processing not available in static export')
+  return null
+}
+
+export {
+  processPayment as default
+}

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

@@ -0,0 +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