@hanzo/commerce 7.6.1 → 7.6.3

package/dist/components/item-selector/button.js

@@ -0,0 +1,47 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { Image, Label, RadioGroup, ScrollArea } from '@hanzo/ui/primitives';
+import { cn } from '@hanzo/ui/util';
+import { accessItemOptions, formatCurrencyValue } from '../../util';
+import QuantityIndicator from './quantity-indicator';
+const DEFAULT_CONSTRAINT = { h: 36, w: 72 }; // // Apple suggest 42px for clickability
+const ImageRadioGroupItem = React.forwardRef(({ item, constrainTo, className, ...props }, ref) => {
+    const img = item.optionImg ? item.optionImg : item.img;
+    return (_jsx(RadioGroupPrimitive.Item, { ref: ref, "data-vaul-no-drag": true, className: cn('ring-offset-background focus:outline-none focus-visible:ring-2 focus-visible:ring-ring', 'focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50', className, 'overflow-hidden', img?.rounded ? `rounded-${img.rounded}` : 'rounded-sm'), ...props, id: item.sku, value: item.sku, children: img ? (_jsx(Image, { def: img, constrainTo: constrainTo, preload: true, className: '' })) : ( // placeholder so things align
+        _jsx("div", { style: { height: constrainTo.h, width: constrainTo.w } })) }));
+});
+ImageRadioGroupItem.displayName = 'ImageRadioGroupItem';
+const ButtonItemSelector = observer(({ items, selectedItemRef: itemRef, selectSku, clx = '', itemClx = '', soleItemClx = '', scrollable = false, mobile = false, options = {} }) => {
+    const { showPrice, showQuantity, showFamilyInOption, buttonType, horizButtons, showButtonIfOnlyOne } = accessItemOptions(options);
+    const showImage = buttonType !== 'text';
+    const showText = buttonType !== 'image';
+    const showBoth = buttonType === 'image-and-text';
+    const labelAndPrice = (item) => ((showFamilyInOption ? (item.familyTitle + ', ' + item.optionLabel) : item.optionLabel) +
+        (showPrice ? ((showFamilyInOption ? ': ' : ', ') + formatCurrencyValue(item.price)) : ''));
+    const Item = observer(({ item, selected }) => {
+        const textClx = (selected) ? 'text-accent' : 'text-muted';
+        const cursorClx = (selected) ? 'hover:cursor-default' : 'hover:cursor-pointer';
+        const justifyClx = (showBoth) ? '' : 'justify-center';
+        // If no image, the Label must fill the entire button since it has to be
+        // clickable all the way to the border
+        const paddingClx = (showImage) ? (scrollable ? 'px-4 py-2' : 'px-2 py-2') : '';
+        let bgClx = '';
+        let borderClx = '';
+        if (scrollable) {
+            borderClx += (selected) ? 'border-foreground border ' : 'border-b border-muted-2 ';
+        }
+        else if (!showImage) {
+            borderClx += 'border rounded-lg ';
+            borderClx += (selected) ? 'border-foreground ' : 'border-muted-2 ';
+            bgClx += 'hover:bg-level-2';
+        }
+        const outerClx = ['h-10 flex items-center', justifyClx, paddingClx, bgClx, borderClx];
+        return (_jsxs("div", { className: cn(...outerClx, itemClx), "data-vaul-no-drag": true, children: [_jsx(ImageRadioGroupItem, { item: item, constrainTo: DEFAULT_CONSTRAINT, className: cn(cursorClx, (scrollable ? '' : 'border-transparent border-2 data-[state=checked]:border-foreground'), showBoth ? 'mr-2' : (showImage ? '' : 'hidden')) }), _jsxs(Label, { htmlFor: item.sku, className: cn(showQuantity ? 'flex items-center' : 'block', textClx, cursorClx, (showImage ? '' : 'self-stretch w-full flex items-center justify-center px-3 py-2'), (showText ? '' : 'hidden')), children: [_jsx("div", { className: showQuantity ? 'grow' : '', children: labelAndPrice(item) }), showQuantity && (_jsx(QuantityIndicator, { item: item, clx: 'grow-0 shrink-0 h-[20px] ml-2', iconClx: selected ? 'fill-foreground' : 'fill-muted', digitClx: 'font-semibold text-primary-fg leading-none font-sans text-xxs' }))] })] }));
+    });
+    return showButtonIfOnlyOne || items.length > 1 ? (_jsx(RadioGroup, { className: cn((scrollable ? 'shrink min-h-0 gap-0' : (mobile ? 'gap-3' : 'gap-1')), (horizButtons ? `grid grid-cols-${items.length} gap-1` : 'flex flex-col'), (mobile && showText) ? 'min-w-pr-50' : '', clx), onValueChange: selectSku, value: itemRef.item ? itemRef.item.sku : '', "data-vaul-no-drag": true, children: scrollable ? (_jsx(ScrollArea, { className: 'mt-2 w-full h-full py-0 border border-muted-2', "data-vaul-no-drag": true, children: items.map((item) => (_jsx(Item, { item: item, selected: itemRef.item?.sku === item.sku }, item.sku))) })) : (_jsx(_Fragment, { children: items.map((item) => (_jsx(Item, { item: item, selected: itemRef.item?.sku === item.sku }, item.sku))) })) })) : (_jsxs("div", { className: cn(showQuantity ? 'flex items-center' : 'block', soleItemClx), children: [_jsx("div", { className: showQuantity ? 'grow' : '', children: labelAndPrice(items[0]) }), showQuantity && (_jsx(QuantityIndicator, { item: items[0], clx: 'grow-0 shrink-0 font-semibold text-sm leading-none px-2' }))] }));
+});
+export default ButtonItemSelector;
+//# sourceMappingURL=button.js.map

package/dist/components/item-selector/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../components/item-selector/button.tsx"],"names":[],"mappings":"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"}

package/dist/components/item-selector/carousel/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { Dimensions } from '@hanzo/ui/types';
+import { type CarouselOptions } from '@hanzo/ui/primitives';
+import type { ItemSelectorProps } from '../../../types';
+interface CarouselItemSelectorPropsExt {
+    constrainTo: Dimensions;
+    options?: CarouselOptions;
+    /** Do not show Family and / or Item title and Price */
+    imageOnly?: boolean;
+}
+declare const CarouselItemSelector: React.FC<ItemSelectorProps>;
+export { type CarouselItemSelectorPropsExt, CarouselItemSelector as default };

package/dist/components/item-selector/carousel/index.js

@@ -0,0 +1,74 @@
+'use client';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { reaction } from 'mobx';
+import { observer } from 'mobx-react-lite';
+import { cn } from '@hanzo/ui/util';
+import { ApplyTypography, Carousel, CarouselContent, CarouselItem, CarouselPrevious, CarouselNext, MediaStack, } from '@hanzo/ui/primitives';
+import { formatCurrencyValue, accessItemOptions } from '../../../util';
+import QuantityIndicator from '../quantity-indicator';
+import ItemCarouselSlider from './slider';
+const DEFAULT_CONSTRAINT = { w: 250, h: 250 };
+const ItemSlide = ({ item, constrainTo, clx = '' }) => (_jsx(CarouselItem, { className: cn('p-2 flex flex-col justify-center items-center', clx), children: _jsx(MediaStack, { media: item, constrainTo: constrainTo, clx: 'my-4' }) }));
+const CarouselItemSelector = observer(({ items, selectSku, selectedItemRef: itemRef, clx = '', itemClx = '', options = {}, ext = {
+    options: { loop: true },
+    constrainTo: DEFAULT_CONSTRAINT,
+    imageOnly: false
+} }) => {
+    const { showPrice, showQuantity, showFamilyInOption, showByline, showSlider, } = accessItemOptions(options);
+    const elbaApiRef = useRef(undefined);
+    const scrollToRef = useRef(undefined);
+    const dontRespondRef = useRef(false);
+    const setApi = (api) => { elbaApiRef.current = api; };
+    const setScrollTo = (scrollTo) => { scrollToRef.current = scrollTo; };
+    const carouselOptions = 'options' in ext ? ext.options : undefined;
+    const constrainTo = 'constrainTo' in ext ? ext.constrainTo : DEFAULT_CONSTRAINT;
+    const imageOnly = 'imageOnly' in ext ? ext.imageOnly : false;
+    const onSelect = useCallback((emblaApi) => {
+        if (dontRespondRef.current) {
+            dontRespondRef.current = false;
+            return;
+        }
+        const index = emblaApi.selectedScrollSnap();
+        if (index !== -1) {
+            selectSku(items[index].sku);
+            if (scrollToRef.current) {
+                scrollToRef.current(index);
+            }
+        }
+        dontRespondRef.current = false;
+    }, [scrollToRef.current]);
+    useEffect(() => {
+        return reaction(() => (itemRef.item), (item) => {
+            if (elbaApiRef.current) {
+                const index = items.findIndex((el) => (el.sku === item?.sku));
+                if (index !== -1) {
+                    dontRespondRef.current = true;
+                    elbaApiRef.current.scrollTo(index);
+                }
+            }
+        });
+    }, []);
+    const optionLabel = () => (showFamilyInOption ?
+        (itemRef.item?.familyTitle + ', ' + itemRef.item?.optionLabel)
+        :
+            itemRef.item?.optionLabel);
+    const debugBorder = (c) => {
+        return '';
+        switch (c) {
+            case 'r': return ' border border-[#ffaaaa] ';
+            case 'g': return ' border border-[#aaffaa] ';
+            case 'b': return ' border border-[#aaaaff] ';
+        }
+    };
+    const onScrollIndexChange = (index) => {
+        dontRespondRef.current = true;
+        selectSku(items[index].sku);
+        elbaApiRef.current?.scrollTo(index);
+    };
+    return (_jsxs("div", { className: cn('w-full flex flex-col items-center', clx), children: [_jsxs(Carousel, { options: showSlider ? { ...carouselOptions, loop: false } : carouselOptions, className: 'w-full px-2' + debugBorder('r'), onCarouselSelect: onSelect, setApi: setApi, children: [_jsx(CarouselContent, { children: items.map((item) => (_jsx(ItemSlide, { item: item, constrainTo: constrainTo, clx: itemClx }, item.sku))) }), !showSlider && (_jsxs(_Fragment, { children: [_jsx(CarouselPrevious, { className: 'left-1' }), _jsx(CarouselNext, { className: 'right-1' })] }))] }), (!imageOnly && itemRef.item) && (_jsxs(_Fragment, { children: [_jsxs(ApplyTypography, { className: 'flex flex-col items-center [&>*]:!m-0 !gap-1 ', children: [_jsxs("div", { className: 'flex items-center gap-1 [&>*]:!m-0 ' + debugBorder('g') +
+                                    (showFamilyInOption ? 'flex-col' : 'flex-row'), children: [_jsx("h6", { className: 'font-semibold', children: optionLabel() + (showPrice && !showFamilyInOption ? ',' : '') }), _jsxs("div", { className: 'flex items-center gap-1 [&>*]:!m-0 flex-row ' + debugBorder('b') +
+                                            (showFamilyInOption ? 'w-full justify-between' : ''), children: [showPrice && (_jsx("p", { children: formatCurrencyValue(itemRef.item.price) })), showQuantity && (_jsx(QuantityIndicator, { item: itemRef.item, clx: 'h-[22px] ml-4', iconClx: 'fill-foreground', digitClx: 'not-typography font-semibold text-primary-fg leading-none font-sans text-xs' }))] })] }), showByline && itemRef.item.byline && (_jsx("p", { children: itemRef.item.byline }))] }), showSlider && items.length > 1 && (_jsx(ItemCarouselSlider, { clx: 'mt-5 w-[320px]', numStops: items.length, setScrollTo: setScrollTo, onIndexChange: onScrollIndexChange }))] }))] }));
+});
+export { CarouselItemSelector as default };
+//# sourceMappingURL=index.js.map

package/dist/components/item-selector/carousel/index.js.map

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

package/dist/components/item-selector/carousel/slider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare const ItemCarouselSlider: React.FC<{
+    clx?: string;
+    setScrollTo: (scrollTo: (index: number) => void) => void;
+    onIndexChange: (i: number) => void;
+    numStops: number;
+}>;
+export default ItemCarouselSlider;

package/dist/components/item-selector/carousel/slider.js

@@ -0,0 +1,12 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { Slider } from '@hanzo/ui/primitives';
+const ItemCarouselSlider = ({ clx = '', setScrollTo, onIndexChange, numStops, }) => {
+    const [index, setIndex] = useState(0);
+    useEffect(() => { setScrollTo(setIndex); }, [setScrollTo]);
+    const onValueChange = (v) => { setIndex(v[0]); onIndexChange(v[0]); };
+    return (_jsx(Slider, { className: clx, thumbClx: 'w-8 border-muted border-2 bg-level-1 focus-visible:ring-0 focus-visible:ring-offset-0 transition-none', trackBgClx: 'bg-level-3', rangeBgClx: 'bg-level-3', thumbSlidingClx: 'bg-muted-2', defaultValue: [0], min: 0, max: numStops - 1, step: 1, value: [index], onValueChange: onValueChange }));
+};
+export default ItemCarouselSlider;
+//# sourceMappingURL=slider.js.map

package/dist/components/item-selector/carousel/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../../components/item-selector/carousel/slider.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAA;AAE7C,MAAM,kBAAkB,GAKnB,CAAC,EACJ,GAAG,GAAC,EAAE,EACN,WAAW,EACX,aAAa,EACb,QAAQ,GACT,EAAE,EAAE;IAEH,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAA;IAC7C,SAAS,CAAC,GAAG,EAAE,GAAG,WAAW,CAAC,QAAQ,CAAC,CAAA,CAAC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEzD,MAAM,aAAa,GAAG,CAAC,CAAW,EAAE,EAAE,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA,CAAC,CAAC,CAAA;IAE9E,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,GAAG,EACd,QAAQ,EAAC,uGAAuG,EAChH,UAAU,EAAC,YAAY,EACvB,UAAU,EAAC,YAAY,EACvB,eAAe,EAAC,YAAY,EAC5B,YAAY,EAAE,CAAC,CAAC,CAAC,EACjB,GAAG,EAAE,CAAC,EACN,GAAG,EAAE,QAAQ,GAAG,CAAC,EACjB,IAAI,EAAE,CAAC,EACP,KAAK,EAAE,CAAC,KAAK,CAAC,EACd,aAAa,EAAE,aAAa,GAC5B,CACH,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/dist/components/item-selector/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ButtonItemSelector } from './button';
+export { default as CarouselItemSelector, type CarouselItemSelectorPropsExt } from './carousel';

package/dist/components/item-selector/index.js

@@ -0,0 +1,3 @@
+export { default as ButtonItemSelector } from './button';
+export { default as CarouselItemSelector } from './carousel';
+//# sourceMappingURL=index.js.map

package/dist/components/item-selector/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/item-selector/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,UAAU,CAAA;AACxD,OAAO,EACL,OAAO,IAAI,oBAAoB,EAEhC,MAAM,YAAY,CAAA"}

package/dist/components/item-selector/quantity-indicator.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { LineItem } from '../../types';
+declare const QuantityIndicator: React.FC<{
+    item: LineItem;
+    clx?: string;
+    iconClx?: string;
+    digitClx?: string;
+}>;
+export default QuantityIndicator;

package/dist/components/item-selector/quantity-indicator.js

@@ -0,0 +1,16 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import {} from 'lucide-react';
+import { cn } from '@hanzo/ui/util';
+// Generalize this.
+const BagIcon = (props) => (_jsx("svg", { fill: "currentColor", viewBox: '0 0 20 23', ...props, children: _jsx("path", { fillRule: "evenodd", d: "M5 5a5 5 0 0 1 10 0v1h-2V5a3 3 0 1 0-6 0v1H5V5Zm0 1v4h2V6h6v4h2V6h3.5a1 1 0 0 1 1 1v15a1 1 0 0 1-1 1h-17a1 1 0 0 1-1-1V7a1 1 0 0 1 1-1H5Z", clipRule: "evenodd" }) }));
+const QuantityIndicator = observer(({ item, clx = '', iconClx = '', digitClx = '' }) => {
+    if (!item.isInCart) {
+        return _jsx("div", {});
+    }
+    return (_jsxs("div", { className: cn('relative aspect-square flex items-center justify-center', clx), children: [_jsxs("div", { className: cn('z-above-content flex flex-col justify-center items-center', 'absolute left-0 right-0 top-0 bottom-0', digitClx), children: [_jsx("div", { className: 'h-[1px] w-full' }), _jsx("div", { style: { color: 'black' /* tailwind bug */ }, children: item.quantity })] }), _jsx(BagIcon, { className: cn('relative -top-[12%] h-full ', iconClx), "aria-hidden": "true" })] }));
+}); // -top-[3px] 
+export default QuantityIndicator;
+//# sourceMappingURL=quantity-indicator.js.map

package/dist/components/item-selector/quantity-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"quantity-indicator.js","sourceRoot":"","sources":["../../../components/item-selector/quantity-indicator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAA;;AACZ,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAA;AAE1C,OAAO,EAAoB,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AAGjC,mBAAmB;AACrB,MAAM,OAAO,GAA0B,CAAC,KAAkB,EAAE,EAAE,CAAC,CAC7D,cAAK,IAAI,EAAC,cAAc,EAAC,OAAO,EAAC,WAAW,KAAK,KAAK,YACpD,eAAM,QAAQ,EAAC,SAAS,EAAC,CAAC,EAAC,2IAA2I,EAAC,QAAQ,EAAC,SAAS,GAAE,GACvL,CACP,CAAA;AAED,MAAM,iBAAiB,GAKlB,QAAQ,CAAC,CAAC,EACb,IAAI,EACJ,GAAG,GAAC,EAAE,EACN,OAAO,GAAC,EAAE,EACV,QAAQ,GAAC,EAAE,EACZ,EAAE,EAAE;IAEH,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACnB,OAAO,eAAO,CAAA;IAChB,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,yDAAyD,EAAE,GAAG,CAAC,aAChF,eAAK,SAAS,EAAE,EAAE,CAChB,2DAA2D,EAC3D,wCAAwC,EACxC,QAAQ,CACT,aACC,cAAK,SAAS,EAAC,gBAAgB,GAAG,EAClC,cAAK,KAAK,EAAE,EAAC,KAAK,EAAE,OAAO,CAAC,kBAAkB,EAAC,YAAG,IAAI,CAAC,QAAQ,GAAO,IAClE,EACN,KAAC,OAAO,IAAC,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,OAAO,CAAG,iBAAc,MAAM,GAAG,IACnF,CACP,CAAA;AACH,CAAC,CAAC,CAAA,CAAC,cAAc;AAEjB,eAAe,iBAAiB,CAAA"}

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { CategoryNode, StringMutator, StringArrayMutator } from '../../types';
+declare const NodeTabs: React.FC<{
+    levelNodes: CategoryNode[];
+    mutator: StringMutator | StringArrayMutator;
+    multiple?: boolean;
+    className?: string;
+    buttonClx?: string;
+    itemClx?: string;
+    mobile?: boolean;
+    tabSize?: string;
+    show?: 'image' | 'label' | 'image-and-label';
+}>;
+export default NodeTabs;

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

@@ -0,0 +1,42 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+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 (_jsx(ToggleGroup, { type: multiple ? 'multiple' : 'single', value: val, variant: 'default', size: tabSize ? tabSize : (mobile ? 'sm' : 'default'), onValueChange: multiple ? handleChangeMultiple : handleChangeSingle, className: className, ...roundedToSpread, children: 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 (_jsx(ToggleGroupItem, { value: treeNode.skuToken, disabled: (last && last === treeNode.skuToken || treeNode.skuToken === mutator.get()), "aria-label": `Select ${treeNode.label}`, ...roundedToSpread, className: buttonClx, children: _jsxs("span", { className: cn('flex flex-row justify-center gap-1 h-6 items-center', itemClx), children: [!(show === 'label') && (_jsx(NodeImage, { treeNode: treeNode })), (!(show === 'image') || !treeNode.img) && (_jsx("span", { className: 'whitespace-nowrap', children: treeNode.label }))] }) }, treeNode.skuToken));
+        }) }));
+};
+export default NodeTabs;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","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/index.d.ts

@@ -0,0 +1,9 @@
+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, hanzoCommerce } from './client';
+export type { CommerceClientConfig, Balance, TierResponse, Transaction, Subscription, Plan, Payment, UsageRecord, Coupon, CouponType, CouponValidateResult, Discount, CheckoutItem, CheckoutSessionRequest, CheckoutSessionResponse, CardTokenizeRequest, CardTokenizeResult, PaymentMethod, PaymentMethodType, Referral, Referrer, Affiliate, CreditGrant, } from './client';
+export { Metering, DEFAULT_COMMERCE_URL, identityFromHeaders, HEADER_USER_ID, HEADER_ORG_ID, } from './metering';
+export type { MeteringConfig, MeteringIdentity, UsageEvent, RecordResult, AuthDecision, } from './metering';

package/dist/index.js

@@ -0,0 +1,9 @@
+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, hanzoCommerce } from './client';
+// Server-side usage metering (the one way every product meters to commerce)
+export { Metering, DEFAULT_COMMERCE_URL, identityFromHeaders, HEADER_USER_ID, HEADER_ORG_ID, } from './metering';
+//# 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,aAAa,EAAE,MAAM,UAAU,CAAA;AA2BpE,4EAA4E;AAC5E,OAAO,EACL,QAAQ,EACR,oBAAoB,EACpB,mBAAmB,EACnB,cAAc,EACd,aAAa,GACd,MAAM,YAAY,CAAA"}

package/dist/metering.d.ts

@@ -0,0 +1,162 @@
+/**
+ * @hanzo/commerce/metering
+ *
+ * The ONE way every Hanzo product meters usage to commerce — the single
+ * billing source of truth — so that everything (not only the LLM/cloud path)
+ * can be paid for. This is the TypeScript counterpart of
+ * github.com/hanzoai/go-sdk/metering; the two share an identical wire contract.
+ *
+ * It provides two operations against commerce's canonical billing API:
+ *
+ *   - authorize(): a pre-request balance gate. Fail-closed by default — if the
+ *     balance cannot be determined the request is denied, exactly like the
+ *     gateway's prepaid-balance gate. With tierAware it consults the effective
+ *     balance (prepaid + included plan allotment, e.g. the free-tier daily
+ *     credit) so included usage is honored before prepaid funds.
+ *
+ *   - record(): a post-request usage write that debits the user's balance.
+ *
+ * Composition over duplication: this wraps the existing {@link Commerce}
+ * client (GET /v1/billing/balance, GET /v1/billing/tier, POST /v1/billing/usage)
+ * rather than re-implementing the HTTP layer.
+ *
+ * Auth is the commerce service token (admin-scoped S2S), sent as
+ * `Authorization: Bearer <token>` plus the tenant org as `X-IAM-Org-Id`. The
+ * token is a secret and MUST come from KMS (the operator wires it into
+ * COMMERCE_SERVICE_TOKEN); this module never reads it from disk.
+ *
+ * @example
+ * ```ts
+ * import { Metering } from '@hanzo/commerce/metering'
+ *
+ * const meter = Metering.fromEnv()  // COMMERCE_URL + COMMERCE_SERVICE_TOKEN (KMS) + COMMERCE_SERVICE_ORG
+ *
+ * // Pre-request gate (fail-closed).
+ * const gate = await meter.authorize({ user: 'hanzo/alice' })
+ * if (!gate.allowed) {
+ *   res.status(gate.reason === 'insufficient_balance' ? 402 : 503).end()
+ *   return
+ * }
+ *
+ * // ... do the work, compute cost ...
+ *
+ * // Post-request record (best-effort).
+ * await meter.record({ user: 'hanzo/alice', amount: 5, provider: 'search' })
+ * ```
+ */
+/** Canonical in-cluster commerce address (matches the gateway default). */
+export declare const DEFAULT_COMMERCE_URL = "http://commerce.hanzo.svc.cluster.local:8001";
+export type MeteringConfig = {
+    /**
+     * Commerce base URL (no /v1 suffix). When empty the meter is in
+     * "not configured" mode: authorize allows and record is a no-op.
+     */
+    baseUrl?: string;
+    /** Commerce service token (admin-scoped S2S). MUST be KMS-sourced. */
+    token?: string;
+    /** Default tenant org slug sent as X-IAM-Org-Id (default "hanzo"). */
+    org?: string;
+    /**
+     * Gate on the tier-aware effective balance (prepaid + included plan
+     * allotment) instead of the bare prepaid balance. Default false.
+     */
+    tierAware?: boolean;
+    /**
+     * Allow-on-error. Default false (fail-closed, like the gateway). Set true
+     * only where availability outranks billing.
+     */
+    failOpen?: boolean;
+    /** Request timeout in ms. Default 5000 (the gateway's value). */
+    timeoutMs?: number;
+};
+/** Who to authorize / charge. user is the IAM "org/sub" identity. */
+export type MeteringIdentity = {
+    user: string;
+    org?: string;
+    currency?: string;
+};
+/** One usage event to record. Mirrors commerce's usageRequest one-for-one. */
+export type UsageEvent = {
+    user: string;
+    org?: string;
+    /** Cost to debit, in cents. */
+    amount: number;
+    currency?: string;
+    model?: string;
+    provider?: string;
+    promptTokens?: number;
+    completionTokens?: number;
+    totalTokens?: number;
+    requestId?: string;
+    premium?: boolean;
+    stream?: boolean;
+    status?: string;
+    clientIp?: string;
+};
+/** Result of a usage write. */
+export type RecordResult = {
+    transactionId: string;
+    user: string;
+    amount: number;
+    currency: string;
+    type: string;
+};
+/** Outcome of an authorize() gate. */
+export type AuthDecision = {
+    allowed: boolean;
+    /** 'insufficient_balance' -> 402 ; 'balance_unavailable' -> 503 (fail-closed). */
+    reason?: 'insufficient_balance' | 'balance_unavailable';
+    /** Spendable balance in cents that the decision was based on (when known). */
+    available?: number;
+};
+/**
+ * Metering is the server-side hook a product uses to charge for usage. It is
+ * safe to share a single instance across requests.
+ */
+export declare class Metering {
+    private readonly commerce;
+    private readonly org;
+    private readonly tierAware;
+    private readonly failOpen;
+    constructor(config?: MeteringConfig);
+    /**
+     * Build a Metering instance from the canonical environment variables. This
+     * is the one-liner products use at startup. Honors METERING_DISABLED for
+     * local dev.
+     */
+    static fromEnv(env?: Record<string, string | undefined>): Metering;
+    /** Whether a commerce base URL is configured. */
+    get enabled(): boolean;
+    /**
+     * Pre-request balance gate. Never throws — returns a decision so callers map
+     * it to a status code. When not configured it always allows.
+     *
+     * Outcomes (matching the gateway):
+     *   { allowed: true }                                    -> allow.
+     *   { allowed: false, reason: 'insufficient_balance' }   -> 402 (out of funds).
+     *   { allowed: false, reason: 'balance_unavailable' }    -> 503 (fail-closed).
+     */
+    authorize(id: MeteringIdentity): Promise<AuthDecision>;
+    /**
+     * Record a usage event, debiting the user's balance. No-op when not
+     * configured or amount <= 0 (commerce treats zero-cost usage as skipped).
+     * Decoupled from gating: the work already happened, so balance is not
+     * re-checked here. Returns null on no-op.
+     */
+    record(usage: UsageEvent): Promise<RecordResult | null>;
+    /**
+     * Convenience for products that prefer to throw on denial. Throws a
+     * {@link CommerceApiError} with status 402 (insufficient) or 503 (unknown).
+     */
+    authorizeOrThrow(id: MeteringIdentity): Promise<void>;
+}
+/** Gateway-minted identity headers. */
+export declare const HEADER_USER_ID = "x-user-id";
+export declare const HEADER_ORG_ID = "x-org-id";
+/**
+ * Build a {@link MeteringIdentity} from gateway-minted identity headers. The
+ * user is "{org}/{sub}" (commerce's iam-user form) when both are present.
+ * Accepts a header bag with string | string[] | undefined values (Node http,
+ * Next.js, fetch Headers via Object.fromEntries).
+ */
+export declare function identityFromHeaders(headers: Record<string, string | string[] | undefined> | Headers): MeteringIdentity;