@hanzo/commerce 7.5.0 → 7.5.1

package/dist/components/node-tabs/index.jsx

@@ -0,0 +1,48 @@
+'use client';
+import React, { useState } from 'react';
+import { ToggleGroup, ToggleGroupItem } from "@hanzo/ui/primitives";
+import { cn } from '@hanzo/ui/util';
+import NodeImage from './node-image';
+const NodeTabs = ({ levelNodes, mutator, multiple = false, buttonClx = '', itemClx = '', className = '', mobile = false, tabSize, show = 'image-and-label' }) => {
+    const [last, setLast] = useState(undefined);
+    const handleChangeMultiple = (selected) => {
+        mutator.set(selected);
+        setLast(selected.length === 1 ? selected[0] : undefined);
+    };
+    const handleChangeSingle = (selected) => {
+        mutator.set(selected);
+        if (selected) {
+            setLast(selected);
+        }
+    };
+    const roundedToSpread = {};
+    if (multiple) {
+        roundedToSpread.rounded = 'xl';
+    }
+    const val = multiple ?
+        mutator.get()
+        :
+            mutator.get();
+    return (<ToggleGroup type={multiple ? 'multiple' : 'single'} value={val} variant='default' size={tabSize ? tabSize : (mobile ? 'sm' : 'default')} onValueChange={multiple ? handleChangeMultiple : handleChangeSingle} className={className} {...roundedToSpread}>
+    {levelNodes.map((treeNode, index) => {
+            const roundedToSpread = {};
+            if (!multiple) {
+                roundedToSpread.rounded = 'none';
+                if (index === 0) {
+                    roundedToSpread.rounded = 'llg';
+                }
+                else if (index === levelNodes.length - 1) {
+                    roundedToSpread.rounded = 'rlg';
+                }
+            }
+            return (<ToggleGroupItem key={treeNode.skuToken} value={treeNode.skuToken} disabled={(last && last === treeNode.skuToken || treeNode.skuToken === mutator.get())} aria-label={`Select ${treeNode.label}`} {...roundedToSpread} className={buttonClx}>
+          <span className={cn('flex flex-row justify-center gap-1 h-6 items-center', itemClx)}>
+            {!(show === 'label') && (<NodeImage treeNode={treeNode}/>)}
+            {(!(show === 'image') || !treeNode.img) && (<span className='whitespace-nowrap'>{treeNode.label}</span>)}
+          </span>
+        </ToggleGroupItem>);
+        })}
+    </ToggleGroup>);
+};
+export default NodeTabs;
+//# sourceMappingURL=index.jsx.map

package/dist/components/node-tabs/index.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../components/node-tabs/index.tsx"],"names":[],"mappings":"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"}

package/dist/components/node-tabs/node-image.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import type { CategoryNode } from '../../types';
+declare const NodeImage: React.FC<{
+    treeNode: CategoryNode;
+}>;
+export default NodeImage;

package/dist/components/node-tabs/node-image.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import Image from 'next/image';
+const ICON_SIZE = 20;
+const NodeImage = ({ treeNode: { img, imgAR: ar, label } }) => {
+    if (!img) {
+        return null;
+    }
+    // treat as URL
+    return (typeof img === 'string') ? (_jsx(Image, { src: img, alt: `Toggle ${label}`, className: 'block mr-1 ', width: ar ? ar * ICON_SIZE : ICON_SIZE, height: ICON_SIZE })) : img;
+};
+export default NodeImage;
+//# sourceMappingURL=node-image.js.map

package/dist/components/node-tabs/node-image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-image.js","sourceRoot":"","sources":["../../../components/node-tabs/node-image.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,YAAY,CAAA;AAI9B,MAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,MAAM,SAAS,GAEV,CAAC,EACJ,QAAQ,EAAE,EACR,GAAG,EACH,KAAK,EAAE,EAAE,EACT,KAAK,EACN,EACF,EAAE,EAAE;IAEH,IAAI,CAAC,GAAG,EAAE,CAAC;QAAC,OAAO,IAAI,CAAA;IAAC,CAAC;IACvB,eAAe;IACjB,OAAO,CAAC,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CACjC,KAAC,KAAK,IACJ,GAAG,EAAE,GAAa,EAClB,GAAG,EAAE,UAAU,KAAK,EAAE,EACtB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,EAAE,CAAC,CAAC,CAAE,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,EACvC,MAAM,EAAE,SAAS,GACjB,CACH,CAAC,CAAC,CAAE,GAAuB,CAAA;AAC9B,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/components/node-tabs/node-image.jsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import Image from 'next/image';
+const ICON_SIZE = 20;
+const NodeImage = ({ treeNode: { img, imgAR: ar, label } }) => {
+    if (!img) {
+        return null;
+    }
+    // treat as URL
+    return (typeof img === 'string') ? (<Image src={img} alt={`Toggle ${label}`} className={'block mr-1 '} width={ar ? ar * ICON_SIZE : ICON_SIZE} height={ICON_SIZE}/>) : img;
+};
+export default NodeImage;
+//# sourceMappingURL=node-image.jsx.map

package/dist/components/node-tabs/node-image.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"node-image.jsx","sourceRoot":"","sources":["../../../components/node-tabs/node-image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,KAAK,MAAM,YAAY,CAAA;AAI9B,MAAM,SAAS,GAAG,EAAE,CAAA;AAEpB,MAAM,SAAS,GAEV,CAAC,EACJ,QAAQ,EAAE,EACR,GAAG,EACH,KAAK,EAAE,EAAE,EACT,KAAK,EACN,EACF,EAAE,EAAE;IAEH,IAAI,CAAC,GAAG,EAAE,CAAC;QAAC,OAAO,IAAI,CAAA;IAAC,CAAC;IACvB,eAAe;IACjB,OAAO,CAAC,OAAO,GAAG,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,CACjC,CAAC,KAAK,CACJ,GAAG,CAAC,CAAC,GAAa,CAAC,CACnB,GAAG,CAAC,CAAC,UAAU,KAAK,EAAE,CAAC,CACvB,SAAS,CAAC,CAAC,aAAa,CAAC,CACzB,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAE,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CACxC,MAAM,CAAC,CAAC,SAAS,CAAC,EAClB,CACH,CAAC,CAAC,CAAE,GAAuB,CAAA;AAC9B,CAAC,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export * from './service/context';
+export * from './components';
+export type { StandaloneServiceOptions as ServiceOptions } from './service/impls/standalone';
+export { useSyncSkuParamWithCurrentItem, getFacetValuesMutator, formatCurrencyValue, ProductMediaAccessor, LineItemRef } from './util';
+export * from './util/selection-ui-specifiers';
+export { Commerce, CommerceApiError } from './client';
+export type { CommerceClientConfig, Balance, Transaction, Subscription, Plan, Payment, UsageRecord } from './client';

package/dist/index.js

@@ -0,0 +1,7 @@
+export * from './service/context';
+export * from './components';
+export { useSyncSkuParamWithCurrentItem, getFacetValuesMutator, formatCurrencyValue, ProductMediaAccessor, LineItemRef } from './util';
+export * from './util/selection-ui-specifiers';
+// Commerce API client
+export { Commerce, CommerceApiError } from './client';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA;AAG5B,OAAO,EACL,8BAA8B,EAC9B,qBAAqB,EACrB,mBAAmB,EACnB,oBAAoB,EACpB,WAAW,EACZ,MAAM,QAAQ,CAAA;AAEf,cAAc,gCAAgC,CAAA;AAE9C,sBAAsB;AACtB,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,UAAU,CAAA"}

package/dist/service/context.d.ts

@@ -0,0 +1,8 @@
+import React, { type PropsWithChildren } from 'react';
+import type CommerceService from '../types/commerce-service';
+import type { CommerceConfig } from '../types';
+declare const useCommerce: () => CommerceService;
+declare const CommerceProvider: React.FC<PropsWithChildren & {
+    config: CommerceConfig;
+}>;
+export { useCommerce, CommerceProvider };

package/dist/service/context.js

@@ -0,0 +1,19 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { createContext, useContext, useRef, } 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 { getInstance } from './impls/standalone';
+const CommerceContext = createContext(undefined);
+const useCommerce = () => {
+    return useContext(CommerceContext);
+};
+const CommerceProvider = ({ children, config }) => {
+    // TODO: Inject Promo fixture here from siteDef
+    const service = getInstance(config);
+    const valueRef = useRef(service);
+    return (_jsx(CommerceContext.Provider, { value: valueRef.current, children: children }));
+};
+export { useCommerce, CommerceProvider };
+//# sourceMappingURL=context.js.map

package/dist/service/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","sourceRoot":"","sources":["../../service/context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,UAAU,EACV,MAAM,GAEP,MAAM,OAAO,CAAA;AAEd,uEAAuE;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AACvD,qBAAqB,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAA;AAIpD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEhD,MAAM,eAAe,GAAG,aAAa,CAA8B,SAAS,CAAC,CAAA;AAE7E,MAAM,WAAW,GAAG,GAAoB,EAAE;IACxC,OAAO,UAAU,CAAC,eAAe,CAAoB,CAAA;AACvD,CAAC,CAAA;AAED,MAAM,gBAAgB,GAEjB,CAAC,EACJ,QAAQ,EACR,MAAM,EACP,EAAE,EAAE;IAED,+CAA+C;IACjD,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;IACnC,MAAM,QAAQ,GAAG,MAAM,CAAkB,OAAO,CAAC,CAAA;IAEjD,OAAO,CACL,KAAC,eAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,QAAQ,CAAC,OAAO,YAC9C,QAAQ,GACgB,CAC5B,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EACL,WAAW,EACX,gBAAgB,EACjB,CAAA"}

package/dist/service/context.jsx

@@ -0,0 +1,20 @@
+'use client';
+import React, { createContext, useContext, useRef, } 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 { getInstance } from './impls/standalone';
+const CommerceContext = createContext(undefined);
+const useCommerce = () => {
+    return useContext(CommerceContext);
+};
+const CommerceProvider = ({ children, config }) => {
+    // TODO: Inject Promo fixture here from siteDef
+    const service = getInstance(config);
+    const valueRef = useRef(service);
+    return (<CommerceContext.Provider value={valueRef.current}>
+      {children}
+    </CommerceContext.Provider>);
+};
+export { useCommerce, CommerceProvider };
+//# sourceMappingURL=context.jsx.map

package/dist/service/context.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.jsx","sourceRoot":"","sources":["../../service/context.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;AACZ,OAAO,KAAK,EAAE,EACZ,aAAa,EACb,UAAU,EACV,MAAM,GAEP,MAAM,OAAO,CAAA;AAEd,uEAAuE;AACvE,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AACvD,qBAAqB,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAA;AAIpD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAEhD,MAAM,eAAe,GAAG,aAAa,CAA8B,SAAS,CAAC,CAAA;AAE7E,MAAM,WAAW,GAAG,GAAoB,EAAE;IACxC,OAAO,UAAU,CAAC,eAAe,CAAoB,CAAA;AACvD,CAAC,CAAA;AAED,MAAM,gBAAgB,GAEjB,CAAC,EACJ,QAAQ,EACR,MAAM,EACP,EAAE,EAAE;IAED,+CAA+C;IACjD,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,CAAA;IACnC,MAAM,QAAQ,GAAG,MAAM,CAAkB,OAAO,CAAC,CAAA;IAEjD,OAAO,CACL,CAAC,eAAe,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,QAAQ,CAAC,OAAO,CAAC,CAChD;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,eAAe,CAAC,QAAQ,CAAC,CAC5B,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EACL,WAAW,EACX,gBAAgB,EACjB,CAAA"}

package/dist/service/debug.d.ts

@@ -0,0 +1,10 @@
+import type { CategoryNode, CategoryNodeRole, Family, LineItem } from '../types';
+export declare const categoryNodeDump: (node: CategoryNode, level?: number) => void;
+export declare const selectedFamiliesDump: (result: Family[]) => string;
+export declare const peekDump: (result: {
+    role: CategoryNodeRole;
+    family: Family | undefined;
+    families: Family[] | undefined;
+    node: CategoryNode | undefined;
+    item: LineItem | undefined;
+} | string) => string;

package/dist/service/debug.js

@@ -0,0 +1,30 @@
+// Node recursion
+export const categoryNodeDump = (node, level = 0) => {
+    const spacers = [];
+    for (let i = 0; i < level; i++) {
+        spacers.push('----');
+    }
+    console.log("NODE:" + spacers.join(''), node.skuToken);
+    node.subNodes?.forEach((sn) => { categoryNodeDump(sn, level + 1); });
+};
+export const selectedFamiliesDump = (result) => {
+    const toDisplay = result.map((c) => (c.id));
+    return JSON.stringify(toDisplay, null, 2);
+};
+export const peekDump = (result) => {
+    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);
+};
+//# sourceMappingURL=debug.js.map

package/dist/service/debug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug.js","sourceRoot":"","sources":["../../service/debug.ts"],"names":[],"mappings":"AAEE,iBAAiB;AACnB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAkB,EAAE,QAAgB,CAAC,EAAQ,EAAE;IAC9E,MAAM,OAAO,GAAa,EAAE,CAAA;IAC5B,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC;QAC/B,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACtB,CAAC;IACD,OAAO,CAAC,GAAG,CAAC,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE,IAAI,CAAC,QAAQ,CAAC,CAAA;IACtD,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,EAAgB,EAAE,EAAE,GAAE,gBAAgB,CAAC,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,CAAA,CAAA,CAAC,CAAC,CAAA;AACjF,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,MAAgB,EAAU,EAAE;IAC/D,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAC3C,OAAO,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;AAC3C,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,MAMf,EAAU,EAAE;IAEpB,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;QAC/B,OAAO,MAAM,CAAA;IACf,CAAC;IAED,MAAM,SAAS,GAAG;QAChB,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,OAAO;QAC7C,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,OAAO;QAClD,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO;QACxE,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;YACjB,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;YAC9E,CAAC;gBACD,OAAO;KACV,CAAA;IACD,OAAO,IAAI,CAAC,SAAS,CAAC,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;AAC3C,CAAC,CAAA"}

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

@@ -0,0 +1,40 @@
+import type { ImageDef, MediaTransform, VideoDef } from '@hanzo/ui/types';
+import type { Product, LineItem, CommerceService } from '../../../types';
+interface ActualLineItemSnapshot {
+    sku: string;
+    familyId: string;
+    title: string;
+    price: number;
+    quantity: number;
+    timeAdded: number;
+    timeModified: number;
+}
+declare class ActualLineItem implements LineItem {
+    qu: number;
+    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;
+    timeModified: number;
+    constructor(prod: Product, snap?: ActualLineItemSnapshot);
+    get title(): string;
+    takeSnapshot: (cmmc: CommerceService) => ActualLineItemSnapshot;
+    get canDecrement(): boolean;
+    get quantity(): number;
+    get isInCart(): boolean;
+    increment(): void;
+    decrement(): void;
+}
+export { type ActualLineItemSnapshot, ActualLineItem as default };

package/dist/service/impls/standalone/actual-line-item.js

@@ -0,0 +1,84 @@
+import { action, computed, makeObservable, observable, } from 'mobx';
+class ActualLineItem {
+    constructor(prod, snap) {
+        this.qu = 0;
+        this.timeAdded = 0; // Timestamp when added
+        this.timeModified = 0; // Timestamp quantity last modified (0 if not in cart)
+        this.takeSnapshot = (cmmc) => {
+            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
+            };
+        };
+        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() {
+        return this.fullTitle ? this.fullTitle : (this.familyTitle + ', ' + this.optionLabel);
+    }
+    get canDecrement() { return this.qu > 0; }
+    get quantity() { return this.qu; }
+    get isInCart() { return this.qu > 0; }
+    increment() {
+        if (this.qu === 0) {
+            this.timeAdded = new Date().getTime();
+            this.timeModified = this.timeAdded;
+        }
+        else {
+            this.timeModified = new Date().getTime();
+        }
+        this.qu++;
+    }
+    decrement() {
+        if (this.canDecrement) {
+            this.qu--;
+            if (this.qu === 0) {
+                this.timeAdded = 0;
+                this.timeModified = 0;
+            }
+            else {
+                this.timeModified = new Date().getTime();
+            }
+        }
+    }
+}
+export { ActualLineItem as default };
+//# sourceMappingURL=actual-line-item.js.map

package/dist/service/impls/standalone/actual-line-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"actual-line-item.js","sourceRoot":"","sources":["../../../../service/impls/standalone/actual-line-item.ts"],"names":[],"mappings":"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"}

package/dist/service/impls/standalone/get-instance.d.ts

@@ -0,0 +1,2 @@
+import type { CommerceService, CommerceConfig } from '../../../types';
+export declare const getInstance: ({ families, rootNode, options, uiSpecifiers }: CommerceConfig) => CommerceService;

package/dist/service/impls/standalone/get-instance.js

@@ -0,0 +1,39 @@
+import { enableStaticRendering } from 'mobx-react-lite';
+import { StandaloneService } from './index';
+import { initSelectionUI } from '../../../util';
+import { readSnapshot, writeSnapshotsOnChange } from './persistence';
+enableStaticRendering(typeof window === "undefined");
+const _LOG = false;
+const _log = (s) => {
+    if (!_LOG)
+        return;
+    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 = undefined;
+export const getInstance = ({ families, rootNode, options, uiSpecifiers }) => {
+    if (!options) {
+        throw new Error('cmmc getInstance(): Standalone Commerce Service requires config options!');
+    }
+    if (typeof window === "undefined") {
+        if (uiSpecifiers) {
+            initSelectionUI(uiSpecifiers);
+        }
+        _log("NEW INSTANCE: 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: CLIENT"); ///////////
+        const snapShot = readSnapshot(options.localStorageKey);
+        instance = new StandaloneService(families, rootNode, options, snapShot);
+        writeSnapshotsOnChange(instance, options.localStorageKey);
+    }
+    return instance;
+};
+//# sourceMappingURL=get-instance.js.map

package/dist/service/impls/standalone/get-instance.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"get-instance.js","sourceRoot":"","sources":["../../../../service/impls/standalone/get-instance.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAA;AAGvD,OAAO,EAAE,iBAAiB,EAAE,MAAO,SAAS,CAAA;AAC5C,OAAO,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAE/C,OAAO,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAEpE,qBAAqB,CAAC,OAAO,MAAM,KAAK,WAAW,CAAC,CAAA;AAEpD,MAAM,IAAI,GAAG,KAAK,CAAA;AAClB,MAAM,IAAI,GAAG,CAAC,CAAS,EAAE,EAAE;IACzB,IAAI,CAAC,IAAI;QAAE,OAAO;IAClB,MAAM,CAAC,GAAG,IAAI,IAAI,EAAE,CAAA;IACpB,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,aAAa,EAAE,IAAI,CAAC,CAAC,kBAAkB,EAAE,EAAE,CAAC,CAAA;IAC/F,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;AAChB,CAAC,CAAA;AAED,uEAAuE;AAEvE,IAAI,QAAQ,GAAmC,SAAS,CAAA;AAExD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAC1B,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,YAAY,EACG,EAAoB,EAAE;IAErC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,0EAA0E,CAAC,CAAA;IAC7F,CAAC;IAEA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC;QACnC,IAAI,YAAY,EAAE,CAAC;YACjB,eAAe,CAAC,YAAY,CAAC,CAAA;QAC/B,CAAC;QACD,IAAI,CAAC,sBAAsB,CAAC,CAAA,CAAC,UAAU;QACvC,OAAO,IAAI,iBAAiB,CAC1B,QAAQ,EACR,QAAQ,EACR,OAAO,CACR,CAAA;IACH,CAAC;IAEC,wDAAwD;IAC1D,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,IAAI,YAAY,EAAE,CAAC;YACjB,eAAe,CAAC,YAAY,CAAC,CAAA;QAC/B,CAAC;QACD,IAAI,CAAC,sBAAsB,CAAC,CAAA,CAAC,WAAW;QACxC,MAAM,QAAQ,GAAG,YAAY,CAAC,OAAO,CAAC,eAAe,CAAC,CAAA;QACtD,QAAQ,GAAG,IAAI,iBAAiB,CAC9B,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,QAAQ,CACT,CAAA;QACD,sBAAsB,CAAC,QAAQ,EAAE,OAAO,CAAC,eAAe,CAAC,CAAA;IAC3D,CAAC;IAED,OAAO,QAAQ,CAAA;AACjB,CAAC,CAAA"}

package/dist/service/impls/standalone/index.d.ts

@@ -0,0 +1,67 @@
+import type { CommerceService, Family, LineItem, SelectedPaths, CategoryNode, CategoryNodeRole, Promo } from '../../../types';
+import { type ActualLineItemSnapshot } from './actual-line-item';
+import { getInstance } from './get-instance';
+type StandaloneServiceOptions = {
+    dbName: string;
+    ordersTable: string;
+    localStorageKey: string;
+};
+interface StandaloneServiceSnapshot {
+    items: ActualLineItemSnapshot[];
+}
+declare class StandaloneService implements CommerceService {
+    private _familyMap;
+    private _rootNode;
+    private _selectedPaths;
+    private _promo;
+    private _options;
+    private _currentFamily;
+    private _currentItem;
+    constructor(families: Family[], rootNode: CategoryNode, options: StandaloneServiceOptions, serviceSnapshot?: StandaloneServiceSnapshot);
+    getFamilyById(id: string): Family | undefined;
+    getNodeAtPath(skuPath: string): CategoryNode | undefined;
+    peek(skuPath: string): {
+        role: CategoryNodeRole;
+        family: Family | undefined;
+        families: Family[] | undefined;
+        node: CategoryNode | undefined;
+        item: LineItem | undefined;
+    } | string;
+    getSelectedNodesAtLevel: (level: number) => CategoryNode[] | undefined;
+    get options(): StandaloneServiceOptions;
+    createOrder(email: string, name?: string): Promise<string | undefined>;
+    updateOrderShippingInfo(orderId: string, shippingInfo: any): Promise<void>;
+    updateOrderPaymentInfo(orderId: string, paymentInfo: any): Promise<void>;
+    takeSnapshot: () => StandaloneServiceSnapshot;
+    get recentItem(): {
+        item: LineItem;
+        modified: number;
+    } | undefined;
+    private get _cartItems();
+    get cartItems(): LineItem[];
+    get cartEmpty(): boolean;
+    get cartTotal(): number;
+    _promoValue_unsafe(value: number): number;
+    get promoAppliedCartTotal(): number;
+    itemPromoPrice(item: LineItem): number | undefined;
+    get cartQuantity(): number;
+    get appliedPromo(): Promo | null;
+    setAppliedPromo(promo: Promo | null): void;
+    getItemBySku: (skuToFind: string | undefined) => LineItem | undefined;
+    setCurrentItem: (skuToFind: string | undefined) => boolean;
+    get item(): LineItem | undefined;
+    get currentItem(): LineItem | undefined;
+    setCurrentFamily(id: string | undefined): boolean;
+    get currentFamily(): Family | undefined;
+    get family(): Family | undefined;
+    selectPaths(sel: SelectedPaths): Family[];
+    selectPath(skuPath: string): Family[];
+    get selectedPaths(): SelectedPaths;
+    get selectedFamilies(): Family[];
+    private _reduceNode;
+    private _processAndValidate;
+    get selectedItems(): LineItem[];
+    get hasSelection(): boolean;
+    getFamilySubtotal(familyId: string): number;
+}
+export { type StandaloneServiceOptions, type StandaloneServiceSnapshot, StandaloneService, getInstance };