@libreapps/commerce 7.5.1

package/dist/util/promo-codes.js

@@ -0,0 +1,100 @@
+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 = [
+    {
+        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) => {
+    return PROMO_CODES.find(promo => promo.code === code);
+};
+export { getPromoFromApi as default };
+//# sourceMappingURL=promo-codes.js.map

package/dist/util/promo-codes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"promo-codes.js","sourceRoot":"","sources":["../../util/promo-codes.ts"],"names":[],"mappings":"AAEA,MAAM,0BAA0B,GAAG;IACjC,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,eAAe;IAC1H,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,aAAa;IACjE,WAAW,EAAG,OAAO;IACrB,eAAe,EAAE,SAAS;CAC3B,CAAA;AAED,MAAM,WAAW,GAAY;IAC3B;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,EAAE;KACV;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,KAAK;KACb;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,EAAE;KACV;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,IAAI;KACZ;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,SAAS;QACf,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,CAAC,WAAW,CAAC;KACpB;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,0BAA0B;KACjC;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,0BAA0B;KACjC;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,0BAA0B;KACjC;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,MAAM;QACZ,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,0BAA0B;KACjC;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,0BAA0B;KACjC;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,0BAA0B;KACjC;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,OAAO;QACb,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,0BAA0B;KACjC;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,0BAA0B;KACjC;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,0BAA0B;KACjC;IACD;QACE,IAAI,EAAE,SAAS;QACf,IAAI,EAAE,QAAQ;QACd,KAAK,EAAE,IAAI;QACX,IAAI,EAAE,0BAA0B;KACjC;CACF,CAAA;AAED,kCAAkC;AAClC,MAAM,eAAe,GAAG,KAAK,EAAE,IAAY,EAAE,EAAE;IAC7C,OAAO,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,CAAA;AACvD,CAAC,CAAA;AAED,OAAO,EACL,eAAe,IAAI,OAAO,EAC3B,CAAA"}

package/dist/util/selection-ui-specifiers.d.ts

@@ -0,0 +1,3 @@
+import type { SelectionUISpecifier } from '../types';
+export declare const initSelectionUI: (v: Record<string, SelectionUISpecifier>) => void;
+export declare const getSelectionUISpecifier: (skuPath: string) => SelectionUISpecifier;

package/dist/util/selection-ui-specifiers.js

@@ -0,0 +1,24 @@
+import sep from '../service/sep';
+const DEFAULT = {
+    multiFamily: {
+        type: 'all-variants-carousel'
+    },
+    singleFamily: { type: 'carousel' }
+};
+const map = new Map();
+// key: first two tokens of path
+export const initSelectionUI = (v) => {
+    // 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) => {
+    const key = skuPath.split(sep.tok).slice(0, 2).join(sep.tok);
+    const result = map.get(key);
+    return result ?? DEFAULT;
+};
+//# sourceMappingURL=selection-ui-specifiers.js.map

package/dist/util/selection-ui-specifiers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-ui-specifiers.js","sourceRoot":"","sources":["../../util/selection-ui-specifiers.ts"],"names":[],"mappings":"AACA,OAAO,GAAG,MAAM,gBAAgB,CAAA;AAEhC,MAAM,OAAO,GAAG;IACd,WAAW,EAAE;QACX,IAAI,EAAE,uBAAuB;KAC9B;IACD,YAAY,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE;CACJ,CAAA;AAEhC,MAAM,GAAG,GAAG,IAAI,GAAG,EAAgC,CAAA;AAEjD,gCAAgC;AAClC,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAuC,EAAE,EAAE;IAEvE,mDAAmD;IACrD,IAAI,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC;QACjB,GAAG,CAAC,KAAK,EAAE,CAAA;IACb,CAAC;IAED,KAAK,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;QAC3C,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;IACrB,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,CAAC,OAAe,EAAwB,EAAE;IAC/E,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAC5D,MAAM,MAAM,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;IAC3B,OAAO,MAAM,IAAI,OAAO,CAAA;AAC1B,CAAC,CAAA"}

package/dist/util/square-payment.d.ts

@@ -0,0 +1,7 @@
+declare global {
+    interface BigInt {
+        toJSON(): string;
+    }
+}
+declare const processPayment: (sourceId: string, amount: number, verificationToken: string) => Promise<any>;
+export { processPayment as default };

package/dist/util/square-payment.js

@@ -0,0 +1,37 @@
+// Payment processing - requires API endpoint
+// For static builds, this will call an external payment API
+BigInt.prototype.toJSON = function () { return this.toString(); };
+const processPayment = async (sourceId, amount, verificationToken) => {
+    // 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 };
+//# sourceMappingURL=square-payment.js.map

package/dist/util/square-payment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"square-payment.js","sourceRoot":"","sources":["../../util/square-payment.ts"],"names":[],"mappings":"AAAA,6CAA6C;AAC7C,4DAA4D;AAS5D,MAAM,CAAC,SAAS,CAAC,MAAM,GAAG,cAAa,OAAO,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,CAAA;AAEhE,MAAM,cAAc,GAAG,KAAK,EAAE,QAAgB,EAAE,MAAc,EAAE,iBAAyB,EAAE,EAAE;IAC3F,sEAAsE;IACtE,0CAA0C;IAC1C,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QAClC,oCAAoC;QACpC,IAAI,CAAC;YACH,MAAM,QAAQ,GAAG,MAAM,KAAK,CAAC,cAAc,EAAE;gBAC3C,MAAM,EAAE,MAAM;gBACd,OAAO,EAAE;oBACP,cAAc,EAAE,kBAAkB;iBACnC;gBACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;oBACnB,QAAQ;oBACR,MAAM;oBACN,iBAAiB;iBAClB,CAAC;aACH,CAAC,CAAA;YAEF,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;gBACjB,OAAO,CAAC,KAAK,CAAC,oBAAoB,EAAE,QAAQ,CAAC,UAAU,CAAC,CAAA;gBACxD,OAAO,IAAI,CAAA;YACb,CAAC;YAED,OAAO,MAAM,QAAQ,CAAC,IAAI,EAAE,CAAA;QAC9B,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,KAAK,CAAC,CAAA;YACjD,OAAO,IAAI,CAAA;QACb,CAAC;IACH,CAAC;IAED,uDAAuD;IACvD,OAAO,CAAC,IAAI,CAAC,+DAA+D,CAAC,CAAA;IAC7E,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,OAAO,EACL,cAAc,IAAI,OAAO,EAC1B,CAAA"}

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

@@ -0,0 +1,2 @@
+declare const useSyncSkuParamWithCurrentItem: (familyLevel: number, setMessage: (m: string | undefined) => void, setLoading?: (l: boolean) => void) => void;
+export default useSyncSkuParamWithCurrentItem;

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

@@ -0,0 +1,61 @@
+"use client";
+import { useEffect } from 'react';
+import { reaction } from 'mobx';
+import { useQueryState, parseAsString, parseAsBoolean, } from 'next-usequerystate';
+import { useCommerce } from '../service/context';
+import sep from '../service/sep';
+const PLEASE_SELECT_FACETS = 'Please select an option from each group.';
+const useSyncSkuParamWithCurrentItem = (familyLevel, setMessage, setLoading) => {
+    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) => {
+            const toks = sku.split(sep.tok);
+            const fv = {};
+            // 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;
+//# sourceMappingURL=use-sync-sku-param-w-current-item.js.map

package/dist/util/use-sync-sku-param-w-current-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-sync-sku-param-w-current-item.js","sourceRoot":"","sources":["../../util/use-sync-sku-param-w-current-item.ts"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,EAAG,SAAS,EAAE,MAAM,OAAO,CAAA;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,MAAM,CAAA;AAE/B,OAAO,EACL,aAAa,EACb,aAAa,EACb,cAAc,GACf,MAAM,oBAAoB,CAAA;AAE3B,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEhD,OAAO,GAAG,MAAM,gBAAgB,CAAA;AAEhC,MAAM,oBAAoB,GAAG,0CAA0C,CAAA;AAEvE,MAAM,8BAA8B,GAAG,CACrC,WAAmB,EACnB,UAA2C,EAC3C,UAAiC,EACjC,EAAE;IAEF,MAAM,IAAI,GAAG,WAAW,EAAE,CAAA;IAE1B,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,aAAa,CAAC,KAAK,EACjD,aAAa,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC,WAAW,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CACpE,CAAA;IAED,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,aAAa,CAAC,KAAK,EACjD,cAAc,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,EAAE,cAAc,EAAE,IAAI,EAAE,CAAC,CACxE,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QAEb,OAAO,QAAQ,CAAC,GAAG,EAAE,CAAC,CAAC;YACrB,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS;YACvF,WAAW,EAAE,IAAI,CAAC,WAAW;SAC9B,CAAC,EACF,CAAC,EAAC,YAAY,EAAE,WAAW,EAAC,EAAE,EAAE;YAC9B,uEAAuE;YACvE,IAAI,WAAW,EAAE,CAAC;gBACd,kEAAkE;gBACpE,IAAI,YAAY,IAAI,WAAW,CAAC,QAAQ,IAAI,YAAY,CAAC,EAAE,EAAG,CAAC;oBAC7D,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;gBACnD,CAAC;gBACD,WAAW,CAAC,IAAI,CAAC,WAAY,CAAC,GAAG,CAAC,CAAA;YACpC,CAAC;iBACI,IAAI,YAAY,EAAE,CAAC;gBACtB,IAAI,CAAC,cAAc,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAA;gBACjD,WAAW,CAAC,IAAI,CAAC,WAAY,CAAC,GAAG,CAAC,CAAA;YACpC,CAAC;QACH,CAAC,CAAC,CAAA;IACJ,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,SAAS,CAAC,GAAG,EAAE;QAEb,MAAM,uBAAuB,GAAG,CAAC,GAAW,EAAE,EAAE;YAC9C,MAAM,IAAI,GAAa,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;YACzC,MAAM,EAAE,GAAkB,EAAE,CAAA;YAC1B,8EAA8E;YAChF,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,WAAW,EAAE,CAAC,EAAE,EAAE,CAAC;gBACrC,IAAI,CAAC,IAAI,IAAI,EAAE,CAAC;oBACd,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;gBACnB,CAAC;YACH,CAAC;YACD,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;QACtB,CAAC,CAAA;QAEC,8CAA8C;QAChD,IAAI,QAAQ,IAAI,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC9C,IAAI,QAAQ,EAAE,CAAC;gBACb,IAAI,IAAI,CAAC,WAAY,CAAC,QAAQ,KAAK,CAAC,EAAE,CAAC;oBACrC,IAAI,CAAC,WAAY,CAAC,SAAS,EAAE,CAAA;gBAC/B,CAAC;gBACD,WAAW,CAAC,KAAK,CAAC,CAAA;YACpB,CAAC;YACD,uBAAuB,CAAC,QAAQ,CAAC,CAAA;YACjC,UAAU,CAAC,SAAS,CAAC,CAAA;QACvB,CAAC;aACI,CAAC;YACJ,UAAU,CAAC,oBAAoB,CAAC,CAAA;QAClC,CAAC;QAED,UAAU,IAAI,UAAU,CAAC,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;AAChB,CAAC,CAAA;AAED,eAAe,8BAA8B,CAAA"}

package/index.ts

@@ -0,0 +1,13 @@
+export * from './service/context'
+export * from './components'
+  // Impl-dependent, so leave w impl
+export type { StandaloneServiceOptions as ServiceOptions } from './service/impls/standalone'
+export { 
+  useSyncSkuParamWithCurrentItem, 
+  getFacetValuesMutator, 
+  formatCurrencyValue,
+  ProductMediaAccessor,
+  LineItemRef 
+} from './util'
+
+export * from './util/selection-ui-specifiers'

package/libreapps-ui.d.ts

@@ -0,0 +1,108 @@
+// Temporary type declarations for @libreapps/ui imports
+// Until proper .d.ts files are generated
+
+declare module '@libreapps/ui/types' {
+  export type Dimensions = any
+  export type MediaStackDef = any
+  export type ImageDef = any
+  export type VideoDef = any
+  export type AnimationDef = any
+  export type MediaTransform = any
+  export type LinkDef = any
+}
+
+declare module '@libreapps/ui/primitives' {
+  export type CarouselApi = any
+  export type CarouselOptions = any
+  export const Carousel: any
+  export const CarouselContent: any
+  export const CarouselItem: any
+  export const CarouselNext: any
+  export const CarouselPrevious: any
+  export const Button: any
+  export const buttonVariants: any
+  export const Input: any
+  export const Label: any
+  export const Separator: any
+  export const toast: any
+  export const Toaster: any
+  export const Image: any
+  export const Select: any
+  export const SelectContent: any
+  export const SelectGroup: any
+  export const SelectItem: any
+  export const SelectTrigger: any
+  export const SelectValue: any
+  export const RadioGroup: any
+  export const ScrollArea: any
+  export const ApplyTypography: any
+  export const MediaStack: any
+  export const Slider: any
+  export const Skeleton: any
+  export const Card: any
+  export const CardContent: any
+  export const CardFooter: any
+  export const CardHeader: any
+  export const CardTitle: any
+  export const ToggleGroup: any
+  export const ToggleGroupItem: any
+  export const Tabs: any
+  export const TabsContent: any
+  export const TabsList: any
+  export const TabsTrigger: any
+}
+
+declare module '@libreapps/ui/form' {
+  export const Form: any
+  export const FormControl: any
+  export const FormField: any
+  export const FormItem: any
+  export const FormLabel: any
+  export const FormMessage: any
+  export const FormDescription: any
+  export const useFormField: any
+}
+
+declare module '@libreapps/ui/util' {
+  export function cn(...inputs: any[]): string
+  export type VariantProps<T> = any
+}
+
+// Workaround for lucide-react with React 19 type mismatches
+declare module 'lucide-react' {
+  import type { SVGProps } from 'react'
+  export type LucideProps = SVGProps<SVGSVGElement>
+  export const ChevronLeft: any
+  export const ChevronRight: any
+  export const Minus: any
+  export const Plus: any
+  export const X: any
+  export const Check: any
+  export const CreditCard: any
+  export const ShoppingCart: any
+  export const Menu: any
+  export const Loader2: any
+  export const ChevronDown: any
+  export const ChevronsLeft: any
+  export const ChevronsRight: any
+  export const Image: any
+  export const Trash2: any
+  export const Search: any
+  export const Barcode: any
+  export const LockKeyhole: any
+  export const Copy: any
+}
+
+// Workaround for react-square-web-payments-sdk with React 19
+declare module 'react-square-web-payments-sdk' {
+  export const ApplePay: any
+  export const GooglePay: any
+  export const CreditCard: any
+  export const PaymentForm: any
+}
+
+// Workaround for next/image with React 19
+declare module 'next/image' {
+  const Image: any
+  export default Image
+}

package/package.json

@@ -0,0 +1,67 @@
+{
+  "name": "@libreapps/commerce",
+  "version": "7.5.1",
+  "description": "e-commerce framework.",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public",
+    "scope": "@libreapps"
+  },
+  "author": "LibreApps Contributors",
+  "license": "BSD-3-Clause",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/libre-apps/UI.git",
+    "directory": "pkg/commerce"
+  },
+  "keywords": [
+    "cart",
+    "libreapps",
+    "libreapps"
+  ],
+  "exports": {
+    ".": "./index.ts",
+    "./types": "./types/index.ts",
+    "./debug": "./service/debug.ts"
+  },
+  "dependencies": {
+    "ethers": "^6.12.0",
+    "next-usequerystate": "^1.17.1",
+    "react-square-web-payments-sdk": "^3.2.1",
+    "square": "^35.1.0"
+  },
+  "peerDependencies": {
+    "firebase": "^10.8.0",
+    "@hookform/resolvers": "^3.3.4",
+    "@radix-ui/react-radio-group": "^1.1.3",
+    "lucide-react": ">=0.456.0",
+    "mobx": "^6.12.3",
+    "mobx-react-lite": "^4.0.7",
+    "mobx-utils": "^6.0.8",
+    "next": ">=14.2.16",
+    "react": "^18.0.0 || ^19.0.0",
+    "react-dom": "^18.0.0 || ^19.0.0",
+    "react-hook-form": ">=7.51.4",
+    "zod": "^3.23.8"
+  },
+  "peerDependenciesMeta": {
+    "firebase": {
+      "optional": true
+    }
+  },
+  "devDependencies": {
+    "@types/react": "18.3.12",
+    "@types/react-dom": "18.3.1",
+    "firebase": "^10.14.1",
+    "cross-fetch": "^4.0.0",
+    "typescript": "5.6.3",
+    "@libreapps/auth": "3.0.1",
+    "@libreapps/ui": "5.4.1"
+  },
+  "scripts": {
+    "lat": "npm show @libreapps/commerce version",
+    "pub": "npm publish",
+    "tc": "tsc",
+    "build": "tsc --outDir dist --declaration --emitDeclarationOnly false --module ESNext --esModuleInterop true --skipLibCheck true --sourceMap true"
+  }
+}

package/service/context.tsx

@@ -0,0 +1,45 @@
+'use client'
+import React, { 
+  createContext, 
+  useContext, 
+  useRef, 
+  type PropsWithChildren, 
+} from 'react'
+
+// https://dev.to/ivandotv/mobx-server-side-rendering-with-next-js-4m18
+import { enableStaticRendering } from 'mobx-react-lite'
+enableStaticRendering(typeof window === "undefined")
+
+import type CommerceService from '../types/commerce-service'
+import type { CommerceConfig } from '../types'
+import { getInstance } from './impls/standalone'
+
+const CommerceContext = createContext<CommerceService | undefined>(undefined)
+
+const useCommerce = (): CommerceService => {
+  return useContext(CommerceContext) as CommerceService
+}
+
+const CommerceProvider: React.FC<PropsWithChildren & {
+  config: CommerceConfig
+}> = ({ 
+  children,
+  config
+}) => {
+
+    // TODO: Inject Promo fixture here from siteDef
+  const service = getInstance(config)
+  const valueRef = useRef<CommerceService>(service)
+
+  return (
+    <CommerceContext.Provider value={valueRef.current}>
+      {children}
+    </CommerceContext.Provider>
+  )
+}
+
+export {
+  useCommerce, 
+  CommerceProvider
+}
+

package/service/debug.ts

@@ -0,0 +1,41 @@
+import type { CategoryNode,  CategoryNodeRole, Family, LineItem } from '../types'
+
+  // Node recursion
+export const categoryNodeDump = (node: CategoryNode, level: number = 0): void => {
+  const spacers: string[] = []
+  for (let i = 0; i < level; i++) {
+    spacers.push('----')
+  }
+  console.log("NODE:" + spacers.join(''), node.skuToken)
+  node.subNodes?.forEach((sn: CategoryNode) => {categoryNodeDump(sn, level + 1)})
+}
+
+export const selectedFamiliesDump = (result: Family[]): string => {
+  const toDisplay = result.map((c) => (c.id))
+  return JSON.stringify(toDisplay, null, 2)
+}
+
+export const peekDump = (result : {
+    role: CategoryNodeRole
+    family: Family | undefined
+    families: Family[] | undefined
+    node: CategoryNode | undefined
+    item: LineItem | undefined
+} | string): string => {
+
+  if (typeof result === 'string') {
+    return result
+  }
+
+  const toDisplay = {
+    role: result.role,
+    item: result.item ? result.item.sku : 'UNDEF',
+    family: result.family ? result.family.id : 'UNDEF',
+    families: result.families ? result.families.map((f) => (f.id)) : 'UNDEF',
+    node: result.node ?
+      (result.node.skuToken + (result.node.label ? (': ' + result.node.label) : ''))
+      :
+      'UNDEF'
+  }
+  return JSON.stringify(toDisplay, null, 2)
+}

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

@@ -0,0 +1,136 @@
+import { 
+  action,
+  computed, 
+  makeObservable, 
+  observable, 
+} from 'mobx'
+
+import type { ImageDef, MediaTransform, VideoDef } from '@libreapps/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     
+  timeModified: number  
+}
+
+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       // Timestamp when added
+  timeModified: number = 0    // Timestamp quantity last modified (0 if not in 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
+      this.timeModified = snap.timeModified
+    }
+
+    makeObservable(this, {
+      qu: observable,
+      timeAdded: observable,
+      timeModified: observable,
+      canDecrement: computed,  
+      isInCart: computed,
+      title: computed,
+      increment: action,
+      decrement: action,
+    })
+  }
+
+    // TODO: create a way to pass template strings to the ui conf per sku path!
+  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,
+      timeModified: this.timeModified
+    } 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.timeModified = this.timeAdded
+    }
+    else {
+      this.timeModified = new Date().getTime()
+    }
+    this.qu++ 
+  }
+
+  decrement(): void {
+    if (this.canDecrement) {
+      this.qu--
+      if (this.qu === 0) {
+        this.timeAdded = 0  
+        this.timeModified = 0  
+      }
+      else {
+        this.timeModified = new Date().getTime()
+      }
+    }
+  }
+}
+
+export {
+  type ActualLineItemSnapshot,
+  ActualLineItem as default
+}